From dae045b24cae22078608491fc42ddec5c67869fb Mon Sep 17 00:00:00 2001
From: landmineHQ <z1216198007@gmail.com>
Date: Sat, 23 May 2026 16:12:38 +0800
Subject: [PATCH 1/6] chrome: add format config for format

---
 .prettierrc.json        |  9 +++++++++
 .vscode/extensions.json |  5 ++++-
 .vscode/settings.json   | 11 +++++++++++
 package.json            |  2 +-
 prettier.config.mjs     |  6 ------
 5 files changed, 25 insertions(+), 8 deletions(-)
 create mode 100644 .prettierrc.json
 create mode 100644 .vscode/settings.json
 delete mode 100644 prettier.config.mjs

diff --git a/.prettierrc.json b/.prettierrc.json
new file mode 100644
index 00000000..1ac19d3d
--- /dev/null
+++ b/.prettierrc.json
@@ -0,0 +1,9 @@
+{
+  "$schema": "https://json.schemastore.org/prettierrc",
+  "semi": true,
+  "singleQuote": false,
+  "plugins": [
+    "prettier-plugin-tailwindcss"
+  ],
+  "printWidth": 100
+}
\ No newline at end of file
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
index a7cea0b0..aecab6cc 100644
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -1,3 +1,6 @@
 {
-  "recommendations": ["Vue.volar"]
+  "recommendations": [
+    "Vue.volar",
+    "esbenp.prettier-vscode"
+  ]
 }
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 00000000..b107c653
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,11 @@
+{
+  "explorer.fileNesting.enabled": true,
+  "explorer.fileNesting.patterns": {
+    "tsconfig.json": "tsconfig.*.json, env.d.ts, typed-router.d.ts",
+    "vite.config.*": "jsconfig*, vitest.config.*, cypress.config.*, playwright.config.*",
+    "package.json": "package-lock.json, pnpm*, .yarnrc*, yarn*, .eslint*, eslint*, .oxlint*, oxlint*, .oxfmt*, .prettier*, prettier*, .editorconfig"
+  },
+  "editor.formatOnSave": true,
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "i18n-ally.localesPaths": ["src/locales"]
+}
diff --git a/package.json b/package.json
index d9e35063..7d90a18d 100644
--- a/package.json
+++ b/package.json
@@ -9,7 +9,7 @@
     "preview": "vite preview",
     "build-only": "vite build",
     "type-check": "vue-tsc --build",
-    "format": "prettier --write .",
+    "format": "prettier --write src/",
     "test": "node --test --experimental-strip-types tests/*.test.ts",
     "prepare": "husky"
   },
diff --git a/prettier.config.mjs b/prettier.config.mjs
deleted file mode 100644
index c3661943..00000000
--- a/prettier.config.mjs
+++ /dev/null
@@ -1,6 +0,0 @@
-/** @type {import("prettier").Config & import("prettier-plugin-tailwindcss").PluginOptions} */
-export default {
-  plugins: ["prettier-plugin-tailwindcss"],
-  tailwindStylesheet: "./src/style/app.css",
-  tailwindFunctions: ["cn", "clsx", "cva"],
-};

From 38cd36724038cbe47b1da02ca56b0380bd293ece Mon Sep 17 00:00:00 2001
From: landmineHQ <z1216198007@gmail.com>
Date: Sat, 23 May 2026 16:12:58 +0800
Subject: [PATCH 2/6] chore: format code

---
 src/components/BackendSwitcher.vue            |  61 +-
 src/components/FooterView.vue                 |   9 +-
 src/components/HeaderView.vue                 |  16 +-
 src/components/SettingsDialog.vue             |  11 +-
 src/components/UPlotChart.vue                 |   8 +-
 src/components/WebTerminal.vue                |  97 +--
 src/components/WorkInProcessPage.vue          |   2 +-
 src/components/agents/AddAgentDialog.vue      |  90 +--
 .../agents/ShowAgentCommandDialog.vue         |  41 +-
 src/components/agents/generateToken.ts        |  15 +-
 src/components/batch-exec/CodeCard.vue        |  20 +-
 src/components/batch-exec/ResultCard.vue      |   8 +-
 src/components/batch-exec/SelectNodesCard.vue |  32 +-
 src/components/batch-exec/widgets/Code.vue    |  10 +-
 .../batch-exec/widgets/ExecResult.vue         |  16 +-
 .../widgets/ScriptsSelectDialog.vue           |  22 +-
 .../batch-exec/widgets/SelectNodes.vue        |  42 +-
 src/components/cron/CronFormDialog.vue        | 141 ++---
 .../cron/CronHistoryDetailDialog.vue          | 101 ++--
 src/components/cron/CronHistoryFilter.vue     |  41 +-
 src/components/cron/CronHistoryTable.vue      | 100 ++--
 src/components/cron/CronNodeSelectDialog.vue  |  31 +-
 src/components/cron/CronTable.vue             |  79 +--
 src/components/extensions/ExtensionDetail.vue | 171 ++----
 src/components/extensions/ExtensionIcon.vue   |   5 +-
 .../extensions/ExtensionInstallDialog.vue     | 136 ++---
 .../extensions/QuickExtensionDialog.vue       |  36 +-
 .../js-runtime/WorkerFormDialog.vue           |  33 +-
 src/components/js-runtime/WorkerTable.vue     |  51 +-
 src/components/kv/KvCreateNamespaceDialog.vue |  11 +-
 src/components/kv/KvEntryTable.vue            |  37 +-
 src/components/kv/KvFlatTable.vue             |  12 +-
 src/components/kv/KvNamespaceTable.vue        |  37 +-
 src/components/kv/KvNodeTable.vue             |  53 +-
 src/components/kv/KvSetDialog.vue             |  15 +-
 src/components/kv/KvViewDialog.vue            |  11 +-
 .../logsPanel/components/headerFilter.vue     |  72 +--
 .../logsPanel/components/logsItem.vue         |  45 +-
 .../logsPanel/components/logsList.vue         |  16 +-
 src/components/logsPanel/logsView.vue         |   3 +-
 src/components/map/FlatWorldMap.vue           |  99 +---
 src/components/map/Globe3DMap.vue             | 167 ++----
 src/components/map/countryName.ts             |   5 +-
 src/components/map/theme.ts                   |   6 +-
 src/components/misc/mockInput.vue             |   4 +-
 .../node-manage/NodeManageTabAgents.vue       | 121 +---
 .../node-manage/NodeManageTabServers.vue      |  90 +--
 src/components/node-manage/ShareDialog.vue    |   7 +-
 src/components/node-manage/VersionDialog.vue  |  15 +-
 src/components/node-manage/codeCopy.vue       |   6 +-
 src/components/node/NodeMetadataForm.vue      |  51 +-
 .../node/latency/LatencyQualityCanvas.vue     |  11 +-
 src/components/node/latency/latency.vue       |  31 +-
 src/components/node/latency/utils.ts          |  19 +-
 .../node/setting/NodeSettingTabBasic.vue      |  20 +-
 .../node/setting/NodeSettingTabConfig.vue     | 172 ++----
 .../node/setting/NodeSettingTabDelete.vue     |  49 +-
 .../node/setting/NodeSettingTabStorage.vue    |  49 +-
 .../node/setting/NodeSettingTabUpstream.vue   |  57 +-
 .../node/setting/UpstreamDetailDialog.vue     |  37 +-
 src/components/node/status/StatusCpuTab.vue   | 127 ++--
 src/components/node/status/StatusDiskTab.vue  | 115 ++--
 .../node/status/StatusMemoryTab.vue           |  87 +--
 .../node/status/StatusNetworkTab.vue          | 228 +++----
 src/components/node/status/StatusTabBar.vue   |  18 +-
 .../node/status/StatusWindowControls.vue      |  16 +-
 .../status/composables/useDatabaseLimits.ts   |  14 +-
 .../node/status/composables/useLiveLabel.ts   |   4 +-
 .../node/status/composables/useStatusPage.ts  |  18 +-
 .../status/composables/useTabSummaries.ts     |  19 +-
 src/components/node/status/constants.ts       |   9 +-
 src/components/node/status/types.ts           |   5 +-
 .../node/traffic/TrafficBarChart.vue          |  28 +-
 src/components/ping/PingChinaMapNative.vue    |  92 ++-
 src/components/ping/PingHistogram.vue         |  48 +-
 src/components/ping/PingResultTable.vue       |  30 +-
 src/components/ping/PingView.vue              |  75 +--
 src/components/ping/usePingTask.ts            |  37 +-
 .../rpc-debug-panel/RpcDebugPanel.vue         |  32 +-
 .../rpc-debug-panel/RpcDebugPanelDialog.vue   |  36 +-
 .../components/RpcAuthView.vue                |  21 +-
 .../components/RpcComposerView.vue            |  87 +--
 .../components/RpcDebugDataTable.vue          |  41 +-
 .../components/RpcNetworkDrawer.vue           |  73 +--
 .../components/RpcNetworkView.vue             |  65 +-
 .../components/RpcSettingsView.vue            |  45 +-
 .../components/RpcStreamsView.vue             |  34 +-
 .../rpc-debug-panel/rpcDebugStore.ts          |  59 +-
 .../rpc-debug-panel/rpcMethodCatalog.ts       |  34 +-
 src/components/rpc-debug-panel/types.ts       |   7 +-
 .../rpc-debug-panel/websocketPatch.ts         |  13 +-
 src/components/script/ScriptFormDialog.vue    |  17 +-
 src/components/script/ScriptTable.vue         |  57 +-
 .../servers-detail/DatabaseStorageTab.vue     |  46 +-
 .../static-bucket/StaticBucketDialog.vue      |  46 +-
 .../StaticBucketFileUploadDialog.vue          |  23 +-
 .../static-bucket/StaticBucketFileView.vue    |  85 +--
 .../static-bucket/StaticBucketTable.vue       |  47 +-
 .../static-bucket/StaticBucketTreeNode.vue    |  35 +-
 .../StaticBucketUploadDirDialog.vue           |  72 +--
 .../theme-management/ThemeDetail.vue          | 131 ++--
 .../ThemeRemoteImportDialog.vue               | 113 +---
 .../ThemeTokenPresetDialog.vue                |  25 +-
 .../ThemeUploadLocalDialog.vue                |  90 +--
 .../components/TokenCreateModeSelect.vue      |  18 +-
 .../token/components/TokenEditorWorkspace.vue |  22 +-
 .../token/components/TokenSuccessDialog.vue   |  39 +-
 .../token/components/TokenTemplateList.vue    |   4 +-
 .../token/components/baseInfoFrom.vue         |  18 +-
 .../token/components/limitScopeConfig.vue     |  66 +--
 .../permissions/CrontabPermission.vue         |  44 +-
 .../permissions/CrontabResultPermission.vue   |  35 +-
 .../DynamicMonitoringPermission.vue           |  53 +-
 .../DynamicMonitoringSummaryPermission.vue    |  12 +-
 .../permissions/JsResultPermission.vue        |  36 +-
 .../permissions/JsWorkerPermission.vue        |  86 +--
 .../components/permissions/KvPermission.vue   |  61 +-
 .../permissions/NodeGetPermission.vue         |  28 +-
 .../StaticMonitoringPermission.vue            |  42 +-
 .../components/permissions/TaskPermission.vue |  56 +-
 .../permissions/TerminalPermission.vue        |  21 +-
 .../permissions/kvPermissionState.ts          |  13 +-
 .../permissions/permissionsCard.vue           |  30 +-
 .../permissions/permissionsItem.vue           |  14 +-
 .../permissions/permissionsState.ts           |  10 +-
 .../permissions/usePermissionModuleOpen.ts    |   4 +-
 .../token/components/previewTokenJson.vue     |   6 +-
 .../token/components/tokenDetailPreview.vue   |  72 +--
 .../token/components/tokenLimitItem.vue       |  26 +-
 .../token/create-token/CreateTokenCard.vue    |   4 +-
 .../token/detailToken/detailTokenCard.vue     |  30 +-
 .../token/editToken/editTokenCard.vue         |  11 +-
 .../token/importToken/ImportTokenCard.vue     |  11 +-
 src/components/token/scopeCodec.ts            |  48 +-
 .../token/token-list/tokenListCard.vue        |  88 +--
 src/components/token/tokenPayload.ts          |  56 +-
 .../token/tokenPermissionTemplates.ts         |  49 +-
 src/components/token/tokenTemplates.ts        |  15 +-
 src/components/token/useAgent.ts              |   9 +-
 src/components/token/useKv.ts                 |   5 +-
 .../ui/alert-dialog/AlertDialog.vue           |   6 +-
 .../ui/alert-dialog/AlertDialogAction.vue     |   9 +-
 .../ui/alert-dialog/AlertDialogCancel.vue     |   8 +-
 .../ui/alert-dialog/AlertDialogContent.vue    |   4 +-
 .../alert-dialog/AlertDialogDescription.vue   |   4 +-
 .../ui/alert-dialog/AlertDialogFooter.vue     |   4 +-
 .../ui/alert-dialog/AlertDialogTitle.vue      |   4 +-
 src/components/ui/alert/Alert.vue             |  20 +-
 src/components/ui/alert/AlertDescription.vue  |  15 +-
 src/components/ui/alert/AlertTitle.vue        |   8 +-
 src/components/ui/alert/index.ts              |  14 +-
 src/components/ui/badge/Badge.vue             |  26 +-
 src/components/ui/badge/index.ts              |  18 +-
 src/components/ui/button/Button.vue           |  20 +-
 src/components/ui/button/index.ts             |   6 +-
 src/components/ui/card/CardAction.vue         |   8 +-
 src/components/ui/card/CardContent.vue        |  13 +-
 src/components/ui/card/CardDescription.vue    |  13 +-
 src/components/ui/card/CardFooter.vue         |  13 +-
 src/components/ui/card/CardHeader.vue         |  15 +-
 src/components/ui/card/CardTitle.vue          |  13 +-
 src/components/ui/card/index.ts               |  14 +-
 src/components/ui/checkbox/Checkbox.vue       |  27 +-
 src/components/ui/checkbox/index.ts           |   2 +-
 src/components/ui/command/Command.vue         |   6 +-
 src/components/ui/command/CommandEmpty.vue    |   8 +-
 src/components/ui/command/CommandGroup.vue    |   8 +-
 src/components/ui/command/CommandInput.vue    |   7 +-
 src/components/ui/command/CommandItem.vue     |   7 +-
 src/components/ui/command/CommandList.vue     |  11 +-
 .../ui/command/CommandSeparator.vue           |   6 +-
 src/components/ui/command/CommandShortcut.vue |   4 +-
 src/components/ui/dialog/Dialog.vue           |  16 +-
 src/components/ui/dialog/DialogClose.vue      |  11 +-
 src/components/ui/dialog/DialogContent.vue    |  41 +-
 .../ui/dialog/DialogDescription.vue           |  16 +-
 src/components/ui/dialog/DialogFooter.vue     |   6 +-
 src/components/ui/dialog/DialogHeader.vue     |   8 +-
 src/components/ui/dialog/DialogOverlay.vue    |  21 +-
 .../ui/dialog/DialogScrollContent.vue         |  47 +-
 src/components/ui/dialog/DialogTitle.vue      |  16 +-
 src/components/ui/dialog/DialogTrigger.vue    |  11 +-
 src/components/ui/dialog/index.ts             |  20 +-
 .../ui/dropdown-menu/DropdownMenuContent.vue  |   2 +-
 .../ui/dropdown-menu/DropdownMenuItem.vue     |   2 +-
 .../ui/flickering-grid/FlickeringGrid.vue     |   3 +-
 src/components/ui/input/Input.vue             |  36 +-
 src/components/ui/input/index.ts              |   2 +-
 src/components/ui/label/Label.vue             |  14 +-
 src/components/ui/label/index.ts              |   2 +-
 .../ui/number-field/NumberField.vue           |  12 +-
 .../ui/pagination/PaginationContent.vue       |   4 +-
 .../ui/pagination/PaginationEllipsis.vue      |   4 +-
 .../ui/pagination/PaginationFirst.vue         |   8 +-
 .../ui/pagination/PaginationLast.vue          |   8 +-
 .../ui/pagination/PaginationNext.vue          |   8 +-
 .../ui/pagination/PaginationPrevious.vue      |   8 +-
 src/components/ui/pop-confirm/PopConfirm.vue  |   8 +-
 src/components/ui/popover/PopoverContent.vue  |   2 +-
 src/components/ui/progress/Progress.vue       |  31 +-
 src/components/ui/progress/index.ts           |   2 +-
 src/components/ui/radio-group/RadioGroup.vue  |   4 +-
 .../ui/radio-group/RadioGroupItem.vue         |   4 +-
 .../ui/rainbow-button/RainbowButton.vue       |   6 +-
 src/components/ui/scroll-area/ScrollArea.vue  |   6 +-
 src/components/ui/scroll-area/ScrollBar.vue   |  11 +-
 src/components/ui/select/Select.vue           |  16 +-
 src/components/ui/select/SelectContent.vue    |  50 +-
 src/components/ui/select/SelectGroup.vue      |  11 +-
 src/components/ui/select/SelectItem.vue       |  23 +-
 src/components/ui/select/SelectItemText.vue   |  11 +-
 src/components/ui/select/SelectLabel.vue      |  10 +-
 .../ui/select/SelectScrollDownButton.vue      |  18 +-
 .../ui/select/SelectScrollUpButton.vue        |  18 +-
 src/components/ui/select/SelectSeparator.vue  |  14 +-
 src/components/ui/select/SelectTrigger.vue    |  30 +-
 src/components/ui/select/SelectValue.vue      |  11 +-
 src/components/ui/select/index.ts             |  22 +-
 src/components/ui/separator/Separator.vue     |  18 +-
 src/components/ui/separator/index.ts          |   2 +-
 src/components/ui/skeleton/Skeleton.vue       |   5 +-
 src/components/ui/spinner/Spinner.vue         |   6 +-
 src/components/ui/switch/Switch.vue           |   4 +-
 src/components/ui/table/Table.vue             |   5 +-
 src/components/ui/table/TableBody.vue         |  13 +-
 src/components/ui/table/TableCaption.vue      |  13 +-
 src/components/ui/table/TableCell.vue         |   8 +-
 src/components/ui/table/TableEmpty.vue        |  34 +-
 src/components/ui/table/TableFooter.vue       |   8 +-
 src/components/ui/table/TableHead.vue         |  15 +-
 src/components/ui/table/TableHeader.vue       |  13 +-
 src/components/ui/table/TableRow.vue          |  12 +-
 src/components/ui/table/index.ts              |  18 +-
 src/components/ui/table/utils.ts              |  10 +-
 src/components/ui/tabs/Tabs.vue               |  18 +-
 src/components/ui/tabs/TabsContent.vue        |  14 +-
 src/components/ui/tabs/TabsList.vue           |  24 +-
 src/components/ui/tabs/TabsTrigger.vue        |  26 +-
 src/components/ui/tabs/index.ts               | 134 +++--
 src/components/ui/tags-input/TagsInput.vue    |   6 +-
 .../ui/tags-input/TagsInputInput.vue          |  11 +-
 .../ui/tags-input/TagsInputItem.vue           |   6 +-
 .../ui/tags-input/TagsInputItemDelete.vue     |   8 +-
 .../ui/tags-input/TagsInputItemText.vue       |   6 +-
 .../monitoring/dynamic/useDynamicSingle.ts    |   3 +-
 .../dynamic/useDynamicSummaryMultiLast.ts     |  18 +-
 .../monitoring/useStaticMonitoring.ts         |  26 +-
 src/composables/token/tokenSecret.ts          |   6 +-
 src/composables/token/useCreateToken.ts       |   4 +-
 src/composables/token/useEditToken.ts         |   5 +-
 src/composables/token/useTokenList.ts         |  12 +-
 src/composables/useAgentConfig.ts             |  46 +-
 src/composables/useAgentInfo.ts               |  23 +-
 src/composables/useBackendExtra.ts            |  22 +-
 src/composables/useBackendStore.ts            |  14 +-
 src/composables/useBatchExec.ts               |   4 +-
 src/composables/useBatchRun.ts                |   6 +-
 src/composables/useCron.ts                    |  10 +-
 src/composables/useCronHistory.ts             |  11 +-
 src/composables/useExtensions.ts              | 140 ++---
 src/composables/useFileUploadParsing.ts       |   4 +-
 src/composables/useInFlightDedupe.ts          |   4 +-
 src/composables/useJsRuntime.ts               |   5 +-
 src/composables/useKv.ts                      |  43 +-
 src/composables/useLifecycle.ts               |  20 +-
 src/composables/useLogs.ts                    |  46 +-
 src/composables/useNodeMetadata.ts            |  11 +-
 src/composables/useOverviewData.ts            |  18 +-
 src/composables/useScreenshot.ts              |  21 +-
 src/composables/useScripts.ts                 |   4 +-
 src/composables/useStaticBucket.ts            |   8 +-
 src/composables/useStaticBucketFile.ts        |  45 +-
 src/composables/useTask.ts                    |  77 +--
 src/composables/useThemeBucketUpload.ts       |  35 +-
 src/composables/useThemeTokenPresets.ts       |  20 +-
 src/composables/useWsConnection.ts            |  23 +-
 src/layout/components/AppMain.vue             |   2 +-
 src/layout/components/DashboardHeader.vue     |  35 +-
 src/layout/components/Sidebar.vue             |  49 +-
 src/layout/components/SidebarItem.vue         |  47 +-
 src/layout/index.vue                          |   6 +-
 src/lib/migration.ts                          |  19 +-
 src/lib/utils.ts                              |   8 +-
 src/locales/en.ts                             |  69 +--
 src/locales/zh_cn.ts                          |  18 +-
 src/main.ts                                   |   5 +-
 src/pages/dashboard/about.vue                 |   5 +-
 src/pages/dashboard/agents.vue                |  75 +--
 src/pages/dashboard/app-panel/[id].vue        |  25 +-
 src/pages/dashboard/app-panel/list.vue        |  54 +-
 src/pages/dashboard/app/[extensionRoute].vue  |  14 +-
 src/pages/dashboard/batch-exec.vue            |   9 +-
 src/pages/dashboard/bucket/[name].vue         |  19 +-
 src/pages/dashboard/cost.vue                  | 197 +++---
 .../dashboard/cron-history/[cronName].vue     |  21 +-
 src/pages/dashboard/cron.vue                  |  31 +-
 src/pages/dashboard/js-runtime.vue            |  13 +-
 src/pages/dashboard/js-runtime/[id].vue       | 561 +++++-------------
 src/pages/dashboard/kv.vue                    |  30 +-
 src/pages/dashboard/logs.vue                  |   2 +-
 src/pages/dashboard/map.vue                   | 112 ++--
 src/pages/dashboard/node-manage.vue           |   2 +-
 src/pages/dashboard/node/[uuid].vue           |   7 +-
 .../dashboard/node/[uuid]/LatencyView.vue     | 146 ++---
 .../node/[uuid]/[extensionRoute].vue          |  10 +-
 src/pages/dashboard/node/[uuid]/latency.vue   | 137 ++---
 src/pages/dashboard/node/[uuid]/ping.vue      |   4 +-
 src/pages/dashboard/node/[uuid]/setting.vue   |   6 +-
 src/pages/dashboard/node/[uuid]/status.vue    |  16 +-
 src/pages/dashboard/node/[uuid]/traffic.vue   |  74 +--
 src/pages/dashboard/node/[uuid]/webshell.vue  |  13 +-
 src/pages/dashboard/overview.vue              | 145 ++---
 src/pages/dashboard/scripts.vue               |  18 +-
 .../servers-detail/[backendName].vue          | 205 ++-----
 src/pages/dashboard/servers.vue               |  39 +-
 src/pages/dashboard/settings/general.vue      |  47 +-
 src/pages/dashboard/settings/site.vue         |  30 +-
 src/pages/dashboard/static-bucket.vue         |  13 +-
 src/pages/dashboard/theme-management.vue      |  65 +-
 src/pages/dashboard/theme/[name].vue          |  12 +-
 src/pages/dashboard/token.vue                 |  27 +-
 src/pages/dashboard/worker-route-preview.vue  |  24 +-
 src/pages/index.deprecated.vue                | 127 ++--
 src/pages/index.vue                           |   6 +-
 src/pages/server-detail.vue                   | 441 +++++---------
 src/router/prefetchPlugin.ts                  |  89 +--
 src/stores/permission/index.ts                |  21 +-
 src/stores/permission/types.ts                |  52 +-
 src/stores/permission/utils.ts                | 229 +++----
 src/stores/systemSettings.ts                  |  20 +-
 src/stores/theme.ts                           |  10 +-
 src/theme/palettes.ts                         |  30 +-
 src/types/monitoring.ts                       |   8 +-
 src/utils/cookie.ts                           |  20 +-
 src/utils/costSummary.ts                      | 101 +---
 src/utils/groupBy.ts                          |   5 +-
 src/utils/show.ts                             |  12 +-
 src/utils/themeConfig.ts                      |   6 +-
 src/views/dashboard/token/TokenCreateView.vue |  13 +-
 src/views/dashboard/token/TokenDetailView.vue |   2 +-
 src/views/dashboard/token/TokenEditView.vue   |  13 +-
 src/views/dashboard/token/TokenImportView.vue |  13 +-
 src/views/dashboard/token/TokenManageView.vue |   2 +-
 343 files changed, 3749 insertions(+), 8282 deletions(-)

diff --git a/src/components/BackendSwitcher.vue b/src/components/BackendSwitcher.vue
index abb7050f..5cf65737 100644
--- a/src/components/BackendSwitcher.vue
+++ b/src/components/BackendSwitcher.vue
@@ -62,8 +62,7 @@ const isOpen = computed({
   set: (val) => emit("update:open", val),
 });
 
-const { backends, currentBackend, addBackend, removeBackend, selectBackend } =
-  useBackendStore();
+const { backends, currentBackend, addBackend, removeBackend, selectBackend } = useBackendStore();
 const { serverInfo, refreshAll } = useBackendExtra();
 
 const newName = ref(props.initForm.newName);
@@ -207,16 +206,13 @@ watch(
         </DialogDescription>
       </DialogHeader>
 
-      <div
-        class="grid gap-4 py-4"
-        :class="{ 'pointer-events-none opacity-50': isLoading }"
-      >
+      <div class="grid gap-4 py-4" :class="{ 'pointer-events-none opacity-50': isLoading }">
         <!-- 主控列表：仅在 showList !== false 时显示 -->
         <template v-if="showList !== false">
           <div class="flex max-h-[300px] flex-col gap-2 overflow-y-auto">
             <div
               v-if="backends.length === 0"
-              class="py-4 text-center text-sm text-muted-foreground"
+              class="text-muted-foreground py-4 text-center text-sm"
             >
               No backends added. Add one below :D
             </div>
@@ -226,8 +222,7 @@ watch(
               class="flex items-center justify-between rounded-md border p-3"
               :class="{
                 'border-primary bg-primary/5':
-                  currentBackend?.url === backend.url &&
-                  currentBackend?.token === backend.token,
+                  currentBackend?.url === backend.url && currentBackend?.token === backend.token,
               }"
             >
               <div class="mr-4 flex min-w-0 flex-1 flex-col">
@@ -235,26 +230,22 @@ watch(
                   <span class="truncate font-medium">{{ backend.name }}</span>
                   <span
                     v-if="
-                      currentBackend?.url === backend.url &&
-                      currentBackend?.token === backend.token
+                      currentBackend?.url === backend.url && currentBackend?.token === backend.token
                     "
-                    class="rounded-full bg-primary/10 px-2 py-0.5 text-xs text-primary"
+                    class="bg-primary/10 text-primary rounded-full px-2 py-0.5 text-xs"
                     >Active</span
                   >
                 </div>
-                <span
-                  class="truncate text-xs text-muted-foreground"
-                  :title="backend.url"
-                  >{{ backend.url }}</span
-                >
+                <span class="text-muted-foreground truncate text-xs" :title="backend.url">{{
+                  backend.url
+                }}</span>
               </div>
 
               <div class="flex items-center gap-2">
                 <Button
                   v-if="
                     !(
-                      currentBackend?.url === backend.url &&
-                      currentBackend?.token === backend.token
+                      currentBackend?.url === backend.url && currentBackend?.token === backend.token
                     )
                   "
                   size="sm"
@@ -266,7 +257,7 @@ watch(
                   size="icon"
                   variant="ghost"
                   :disabled="backend.name === 'Dev'"
-                  class="h-8 w-8 text-destructive hover:text-destructive/90"
+                  class="text-destructive hover:text-destructive/90 h-8 w-8"
                   @click="handleRemove(backend)"
                 >
                   <Trash2 class="h-4 w-4" />
@@ -279,9 +270,7 @@ watch(
 
         <!-- 添加表单 -->
         <div class="grid gap-4">
-          <span class="text-sm font-medium">{{
-            t("dashboard.servers.addServer")
-          }}</span>
+          <span class="text-sm font-medium">{{ t("dashboard.servers.addServer") }}</span>
           <div class="grid grid-cols-2 gap-4">
             <div class="space-y-2">
               <Label for="name">{{ t("dashboard.servers.fieldName") }}</Label>
@@ -299,32 +288,22 @@ watch(
           </div>
           <div class="grid grid-cols-2 gap-4">
             <div class="space-y-2">
-              <Label for="protocol">{{
-                t("dashboard.servers.fieldProtocol")
-              }}</Label>
+              <Label for="protocol">{{ t("dashboard.servers.fieldProtocol") }}</Label>
               <!-- <Input id="protocol" v-model="newProtocol" placeholder="wss" /> -->
               <Select v-model="newProtocol">
                 <SelectTrigger class="w-full">
                   <SelectValue />
                 </SelectTrigger>
                 <SelectContent>
-                  <SelectItem
-                    v-for="item in protocolList"
-                    :value="item + ':'"
-                    >{{ item }}</SelectItem
-                  >
+                  <SelectItem v-for="item in protocolList" :value="item + ':'">{{
+                    item
+                  }}</SelectItem>
                 </SelectContent>
               </Select>
             </div>
             <div class="space-y-2">
-              <Label for="pathname">{{
-                t("dashboard.servers.fieldPathname")
-              }}</Label>
-              <Input
-                id="pathname"
-                v-model="newPathname"
-                placeholder="/nodeget/rpc"
-              />
+              <Label for="pathname">{{ t("dashboard.servers.fieldPathname") }}</Label>
+              <Input id="pathname" v-model="newPathname" placeholder="/nodeget/rpc" />
             </div>
           </div>
           <div class="space-y-2">
@@ -351,9 +330,7 @@ watch(
             <Loader2 v-if="isLoading" class="mr-2 h-4 w-4 animate-spin" />
             <Plus v-else class="mr-2 h-4 w-4" />
             {{
-              isLoading
-                ? t("dashboard.servers.addServerLoading")
-                : t("dashboard.servers.addServer")
+              isLoading ? t("dashboard.servers.addServerLoading") : t("dashboard.servers.addServer")
             }}
           </RainbowButton>
           <Button v-else disabled variant="outline" class="h-11 rounded-xl">
diff --git a/src/components/FooterView.vue b/src/components/FooterView.vue
index e0e660e0..9479581e 100644
--- a/src/components/FooterView.vue
+++ b/src/components/FooterView.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import { Github } from 'lucide-vue-next'
+import { Github } from "lucide-vue-next";
 </script>
 
 <template>
-  <footer class="border-t py-6 md:py-8 mt-8">
+  <footer class="mt-8 border-t py-6 md:py-8">
     <div class="container flex flex-col items-center justify-between gap-4 md:h-14 md:flex-row">
-      <p class="text-center text-sm leading-loose text-muted-foreground md:text-left">
+      <p class="text-muted-foreground text-center text-sm leading-loose md:text-left">
         Made with ❤️ by NodeSeekDev
       </p>
       <div class="flex items-center gap-4">
@@ -13,13 +13,12 @@ import { Github } from 'lucide-vue-next'
           href="https://github.com/NodeSeekDev/NodeGet"
           target="_blank"
           rel="noreferrer"
-          class="text-sm font-medium hover:underline underline-offset-4 flex items-center gap-2 text-muted-foreground hover:text-foreground transition-colors"
+          class="text-muted-foreground hover:text-foreground flex items-center gap-2 text-sm font-medium underline-offset-4 transition-colors hover:underline"
         >
           <Github class="h-4 w-4" />
           GitHub
         </a>
       </div>
-      
     </div>
   </footer>
 </template>
diff --git a/src/components/HeaderView.vue b/src/components/HeaderView.vue
index 324c4d51..cea04006 100644
--- a/src/components/HeaderView.vue
+++ b/src/components/HeaderView.vue
@@ -13,9 +13,9 @@ defineProps<{
 <template>
   <div class="flex items-center justify-between">
     <div class="flex items-center gap-3">
-      <h1 class="text-3xl font-bold tracking-tight animate-pulse">NodeGet</h1>
+      <h1 class="animate-pulse text-3xl font-bold tracking-tight">NodeGet</h1>
     </div>
-    <div class="flex items-center gap-2 text-sm text-muted-foreground">
+    <div class="text-muted-foreground flex items-center gap-2 text-sm">
       <RouterLink :to="{ name: '/dashboard/overview' }">
         <Button variant="ghost" size="icon" title="管理后台">
           <LayoutDashboard class="h-4 w-4" />
@@ -27,19 +27,11 @@ defineProps<{
 
       <Badge
         :variant="
-          status === 'connected'
-            ? 'default'
-            : status === 'connecting'
-              ? 'secondary'
-              : 'destructive'
+          status === 'connected' ? 'default' : status === 'connecting' ? 'secondary' : 'destructive'
         "
       >
         {{
-          status === "connected"
-            ? "Online"
-            : status === "connecting"
-              ? "Connecting..."
-              : "Offline"
+          status === "connected" ? "Online" : status === "connecting" ? "Connecting..." : "Offline"
         }}
       </Badge>
     </div>
diff --git a/src/components/SettingsDialog.vue b/src/components/SettingsDialog.vue
index f849cd9a..59682d53 100644
--- a/src/components/SettingsDialog.vue
+++ b/src/components/SettingsDialog.vue
@@ -15,8 +15,7 @@ import { Separator } from "@/components/ui/separator";
 import { useThemeStore } from "@/stores/theme";
 
 const background = inject<Ref<"default" | "flickering">>("background");
-const setBackground =
-  inject<(val: "default" | "flickering") => void>("setBackground");
+const setBackground = inject<(val: "default" | "flickering") => void>("setBackground");
 const { locale, t } = useI18n();
 const themeStore = useThemeStore();
 
@@ -67,7 +66,7 @@ const handleBackgroundToggle = () => {
           <Label>{{ t("settings.background") }}</Label>
           <Button
             variant="outline"
-            class="w-full justify-start gap-3 h-12 transition-all duration-300"
+            class="h-12 w-full justify-start gap-3 transition-all duration-300"
             :class="[animatingBackground && 'scale-[1.02]']"
             @click="handleBackgroundToggle"
           >
@@ -90,7 +89,7 @@ const handleBackgroundToggle = () => {
           <Label>{{ t("settings.theme") }}</Label>
           <Button
             variant="outline"
-            class="w-full justify-start gap-3 h-12 transition-all duration-300"
+            class="h-12 w-full justify-start gap-3 transition-all duration-300"
             :class="[animatingTheme && 'scale-[1.02]']"
             @click="handleThemeToggle"
           >
@@ -104,9 +103,7 @@ const handleBackgroundToggle = () => {
               class="h-5 w-5 text-orange-600"
               :class="{ 'animate-spin-once': animatingTheme }"
             />
-            <span class="font-medium">{{
-              themeStore.isDark ? "Dark" : "Light"
-            }}</span>
+            <span class="font-medium">{{ themeStore.isDark ? "Dark" : "Light" }}</span>
           </Button>
         </div>
 
diff --git a/src/components/UPlotChart.vue b/src/components/UPlotChart.vue
index 8009ace2..4b1deb8c 100644
--- a/src/components/UPlotChart.vue
+++ b/src/components/UPlotChart.vue
@@ -377,14 +377,14 @@ watch(
 </script>
 
 <template>
-  <div class="relative w-full h-full">
-    <div ref="chartRef" class="w-full h-full" />
+  <div class="relative h-full w-full">
+    <div ref="chartRef" class="h-full w-full" />
     <Transition name="uplot-loading">
       <div
         v-if="props.loading"
-        class="absolute inset-0 flex items-center justify-center bg-background/40"
+        class="bg-background/40 absolute inset-0 flex items-center justify-center"
       >
-        <Spinner class="size-5 text-muted-foreground" />
+        <Spinner class="text-muted-foreground size-5" />
       </div>
     </Transition>
   </div>
diff --git a/src/components/WebTerminal.vue b/src/components/WebTerminal.vue
index 4fe530e9..3a2fb7a3 100644
--- a/src/components/WebTerminal.vue
+++ b/src/components/WebTerminal.vue
@@ -38,9 +38,7 @@ const emit = defineEmits<{
 
 const wrapperRef = ref<HTMLElement | null>(null);
 const containerRef = ref<HTMLDivElement | null>(null);
-const status = ref<
-  "idle" | "connecting" | "connected" | "disconnected" | "error"
->("idle");
+const status = ref<"idle" | "connecting" | "connected" | "disconnected" | "error">("idle");
 const statusText = ref("Waiting");
 
 const { isFullscreen, toggle: toggleFullscreen } = useFullscreen(wrapperRef);
@@ -62,10 +60,7 @@ let heartbeatTimer: number | null = null;
 let connectId = 0;
 
 const generateId = (): string => {
-  if (
-    typeof crypto !== "undefined" &&
-    typeof crypto.randomUUID === "function"
-  ) {
+  if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
     return crypto.randomUUID();
   }
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
@@ -82,8 +77,7 @@ const initTerminal = () => {
 
   terminal = new Terminal({
     cursorBlink: true,
-    fontFamily:
-      '"Cascadia Code", Menlo, Monaco, Consolas, "Courier New", monospace',
+    fontFamily: '"Cascadia Code", Menlo, Monaco, Consolas, "Courier New", monospace',
     fontSize: 14,
     theme: {
       background: "#000000",
@@ -219,8 +213,7 @@ const connect = async () => {
   const connectWs = (retryCount = 0) => {
     if (currentId !== connectId) return;
 
-    statusText.value =
-      retryCount > 0 ? `Connecting (Retry ${retryCount})...` : "Connecting";
+    statusText.value = retryCount > 0 ? `Connecting (Retry ${retryCount})...` : "Connecting";
 
     if (retryCount > 0) {
       destroySocket();
@@ -307,18 +300,14 @@ const connect = async () => {
       }
 
       if (!connectionEstablished && retryCount < 4) {
-        terminal?.writeln(
-          `\r\n\x1b[1;33mConnection dropped, retrying in 1s...\x1b[0m`,
-        );
+        terminal?.writeln(`\r\n\x1b[1;33mConnection dropped, retrying in 1s...\x1b[0m`);
         setTimeout(() => connectWs(retryCount + 1), 1000);
         return;
       }
 
       status.value = "disconnected";
       statusText.value = `Disconnected (${event.code})`;
-      terminal?.writeln(
-        `\r\n\x1b[1;31mDisconnected [code: ${event.code}]\x1b[0m`,
-      );
+      terminal?.writeln(`\r\n\x1b[1;31mDisconnected [code: ${event.code}]\x1b[0m`);
       emit("disconnected", event.code);
     };
 
@@ -451,16 +440,13 @@ watch(
 <template>
   <div
     ref="wrapperRef"
-    class="rounded-lg border bg-card text-card-foreground shadow-sm overflow-hidden flex flex-col box-border relative"
+    class="bg-card text-card-foreground relative box-border flex flex-col overflow-hidden rounded-lg border shadow-sm"
     :class="{
-      'fixed inset-0 z-50 w-screen h-screen rounded-none border-0':
-        isWindowFull,
+      'fixed inset-0 z-50 h-screen w-screen rounded-none border-0': isWindowFull,
     }"
   >
-    <div
-      class="h-11 px-3 border-b bg-muted/30 flex items-center justify-between shrink-0"
-    >
-      <div class="text-sm text-muted-foreground">
+    <div class="bg-muted/30 flex h-11 shrink-0 items-center justify-between border-b px-3">
+      <div class="text-muted-foreground text-sm">
         Status: <span class="font-mono">{{ statusText }}</span>
       </div>
       <div class="flex items-center gap-2">
@@ -470,71 +456,53 @@ watch(
           @click="scriptShow = !scriptShow"
           :title="$t('dashboard.webterminal.scripts.name')"
         >
-          <FileTerminal class="w-4 h-4" />
+          <FileTerminal class="h-4 w-4" />
         </Button>
-        <Button
-          size="icon"
-          variant="ghost"
-          @click="toggleWindowFull"
-          title="Toggle Full Window"
-        >
-          <Minimize2 v-if="isWindowFull" class="w-4 h-4" />
-          <Maximize2 v-else class="w-4 h-4" />
+        <Button size="icon" variant="ghost" @click="toggleWindowFull" title="Toggle Full Window">
+          <Minimize2 v-if="isWindowFull" class="h-4 w-4" />
+          <Maximize2 v-else class="h-4 w-4" />
         </Button>
-        <Button
-          size="icon"
-          variant="ghost"
-          @click="toggleFullscreen"
-          title="Toggle Full Screen"
-        >
-          <Minimize v-if="isFullscreen" class="w-4 h-4" />
-          <Maximize v-else class="w-4 h-4" />
+        <Button size="icon" variant="ghost" @click="toggleFullscreen" title="Toggle Full Screen">
+          <Minimize v-if="isFullscreen" class="h-4 w-4" />
+          <Maximize v-else class="h-4 w-4" />
         </Button>
-        <Button size="sm" variant="secondary" @click="connect"
-          >Reconnect</Button
-        >
+        <Button size="sm" variant="secondary" @click="connect">Reconnect</Button>
       </div>
     </div>
     <div
       ref="containerRef"
       class="w-full bg-black"
-      :class="isFullscreen || isWindowFull ? 'flex-1 h-0' : 'h-full'"
+      :class="isFullscreen || isWindowFull ? 'h-0 flex-1' : 'h-full'"
     />
 
     <div
-      class="flex flex-col p-4 rounded-tl-lg rounded-bl-lg shadow-sm absolute top-11 bottom-0 right-0 bg-white dark:bg-[#1d1d20] w-[300px] transition-all duration-300 overflow-hidden z-1"
+      class="absolute top-11 right-0 bottom-0 z-1 flex w-[300px] flex-col overflow-hidden rounded-tl-lg rounded-bl-lg bg-white p-4 shadow-sm transition-all duration-300 dark:bg-[#1d1d20]"
       :class="scriptShow ? 'translate-x-0' : 'translate-x-full'"
     >
       <div
-        class="text-lg font-semibold text-gray-800 mb-3 dark:text-white items-end gap-2 justify-between flex"
+        class="mb-3 flex items-end justify-between gap-2 text-lg font-semibold text-gray-800 dark:text-white"
       >
         <div class="flex items-center">
-          <PanelRightClose
-            @click="scriptShow = false"
-            class="mr-2 cursor-pointer w-5 h-5"
-          />
+          <PanelRightClose @click="scriptShow = false" class="mr-2 h-5 w-5 cursor-pointer" />
           {{ $t("dashboard.webterminal.scripts.name") }}
         </div>
         <label class="flex items-center">
-          <span class="text-sm color-gray-500 mr-1 opacity-60">自动回车</span>
-          <Switch
-            v-model="autoRun"
-            :title="$t('dashboard.webterminal.scripts.autoRun')"
-          />
+          <span class="color-gray-500 mr-1 text-sm opacity-60">自动回车</span>
+          <Switch v-model="autoRun" :title="$t('dashboard.webterminal.scripts.autoRun')" />
         </label>
       </div>
       <div v-if="loading" class="text-gray-500">
         {{ $t("dashboard.webterminal.scripts.loading") }}
       </div>
-      <div v-else class="flex flex-wrap gap-2 flex-1 overflow-auto min-h-0">
+      <div v-else class="flex min-h-0 flex-1 flex-wrap gap-2 overflow-auto">
         <Button
           variant="outline"
-          class="w-full flex flex-col gap-1 items-start h-auto border"
+          class="flex h-auto w-full flex-col items-start gap-1 border"
           v-for="(script, index) in scriptsList"
           @click="codeIn(script.content)"
         >
-          <div class="flex flex-row gap-1 items-start w-full">
-            <div class="text-base font-blod flex-1 truncate text-left">
+          <div class="flex w-full flex-row items-start gap-1">
+            <div class="font-blod flex-1 truncate text-left text-base">
               {{ script.name }}
             </div>
             <div
@@ -542,15 +510,12 @@ watch(
               :title="$t('dashboard.webterminal.scripts.copy')"
               class="cursor-pointer"
             >
-              <Copy
-                class="opacity-50 dark:opacity-65"
-                v-if="script.copyStatus == false"
-              ></Copy>
+              <Copy class="opacity-50 dark:opacity-65" v-if="script.copyStatus == false"></Copy>
               <CopyCheck class="opacity-80" v-else></CopyCheck>
             </div>
           </div>
-          <div class="flex flex-col gap-1 items-start w-full text-left">
-            <div class="truncate text-xs opacity-80 break-words w-full">
+          <div class="flex w-full flex-col items-start gap-1 text-left">
+            <div class="w-full truncate text-xs break-words opacity-80">
               {{ script.content }}
             </div>
           </div>
diff --git a/src/components/WorkInProcessPage.vue b/src/components/WorkInProcessPage.vue
index 8a4a408b..f488d854 100644
--- a/src/components/WorkInProcessPage.vue
+++ b/src/components/WorkInProcessPage.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <h1 class="text-2xl font-bold mb-2">
+    <h1 class="mb-2 text-2xl font-bold">
       {{ route.meta.title ? $t(route.meta.title as string) : "" }}
     </h1>
 
diff --git a/src/components/agents/AddAgentDialog.vue b/src/components/agents/AddAgentDialog.vue
index 57ce23b6..8715475e 100644
--- a/src/components/agents/AddAgentDialog.vue
+++ b/src/components/agents/AddAgentDialog.vue
@@ -2,13 +2,7 @@
 import { ref, computed, watch, onUnmounted } from "vue";
 import { useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
-import {
-  Loader2,
-  CircleCheckBig,
-  RefreshCw,
-  Copy,
-  Check,
-} from "lucide-vue-next";
+import { Loader2, CircleCheckBig, RefreshCw, Copy, Check } from "lucide-vue-next";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Checkbox } from "@/components/ui/checkbox";
@@ -133,9 +127,7 @@ getDbLimit();
 const loadCrons = async () => {
   if (!currentBackendInfo.value) return;
   try {
-    const cv = await listCrons().then((r) =>
-      r.filter((c) => "agent" in c.cron_type),
-    );
+    const cv = await listCrons().then((r) => r.filter((c) => "agent" in c.cron_type));
     cv.sort((a, b) => (a.name > b.name ? -1 : 1));
     cronList.value = cv;
     // 加载上次保存的选择
@@ -146,10 +138,7 @@ const loadCrons = async () => {
 };
 
 const isAllCronsSelected = () => {
-  return (
-    cronList.value.length > 0 &&
-    selectedCronIds.value.size === cronList.value.length
-  );
+  return cronList.value.length > 0 && selectedCronIds.value.size === cronList.value.length;
 };
 
 const toggleSelectAllCrons = () => {
@@ -171,10 +160,9 @@ const checkOnline = async () => {
   if (!currentBackendInfo.value) return;
   try {
     const conn = getWsConnection(currentBackendInfo.value.url);
-    const result = await conn.call<{ uuids: string[] }>(
-      "nodeget-server_list_all_agent_uuid",
-      { token: currentBackendInfo.value.token },
-    );
+    const result = await conn.call<{ uuids: string[] }>("nodeget-server_list_all_agent_uuid", {
+      token: currentBackendInfo.value.token,
+    });
     if (result?.uuids?.includes(nodeUuid.value)) {
       stopPolling();
       const formatMinute = (t: typeof dynamicRetention) => {
@@ -187,9 +175,7 @@ const checkOnline = async () => {
       await afterAgentCreate(nodeUuid.value, {
         cronList: cronList.value.filter((v) => selectedCronIds.value.has(v.id)),
         databaseLimit: {
-          database_limit_dynamic_monitoring_summary: formatMinute(
-            dynamicSummaryRetention,
-          ),
+          database_limit_dynamic_monitoring_summary: formatMinute(dynamicSummaryRetention),
           database_limit_dynamic_monitoring: formatMinute(dynamicRetention),
           database_limit_static_monitoring: formatMinute(staticRetention),
           database_limit_task: formatMinute(agentTaskRetention),
@@ -239,9 +225,7 @@ const installScript = computed(() => {
   const uuid = nodeUuid.value || "{AGENT_UUID}";
   const token = generatedToken.value || "{TOKEN}";
   const serverWs =
-    currentBackendInfo.value?.agentConfigWsUrl ||
-    currentBackendInfo.value?.url ||
-    "{Server_WS}";
+    currentBackendInfo.value?.agentConfigWsUrl || currentBackendInfo.value?.url || "{Server_WS}";
   const serverName = currentBackendInfo.value?.name || "{Server_NAME}";
   return `bash <(curl -sL ${import.meta.env.VITE_INSTALL_URL}) install-agent  \\
   --agent-id "${uuid}" \\
@@ -333,9 +317,7 @@ const steps = [
 
 <template>
   <Dialog v-model:open="open">
-    <DialogContent
-      class="max-h-[80vh] grid-rows-[auto_1fr_auto] p-0 sm:max-w-xl"
-    >
+    <DialogContent class="max-h-[80vh] grid-rows-[auto_1fr_auto] p-0 sm:max-w-xl">
       <DialogHeader class="px-6 pt-6 pb-2">
         <DialogTitle>{{ t("dashboard.agents.addTitle") }}</DialogTitle>
         <DialogDescription>
@@ -345,17 +327,11 @@ const steps = [
               <div class="flex items-center gap-1.5">
                 <div
                   class="size-2 rounded-full transition-colors"
-                  :class="
-                    step >= s.key ? 'bg-primary' : 'bg-muted-foreground/30'
-                  "
+                  :class="step >= s.key ? 'bg-primary' : 'bg-muted-foreground/30'"
                 />
                 <span
                   class="text-xs"
-                  :class="
-                    step >= s.key
-                      ? 'font-medium text-foreground'
-                      : 'text-muted-foreground'
-                  "
+                  :class="step >= s.key ? 'text-foreground font-medium' : 'text-muted-foreground'"
                 >
                   {{ t(`dashboard.agents.${s.label}`) }}
                 </span>
@@ -409,9 +385,7 @@ const steps = [
         <div v-if="step === 2" class="space-y-4 py-2">
           <div class="space-y-2">
             <div class="flex items-center justify-between">
-              <Label class="text-base">{{
-                t("dashboard.agents.cronSection")
-              }}</Label>
+              <Label class="text-base">{{ t("dashboard.agents.cronSection") }}</Label>
               <Button
                 v-if="cronList.length > 0"
                 variant="ghost"
@@ -425,18 +399,11 @@ const steps = [
                 }}
               </Button>
             </div>
-            <div
-              v-if="cronList.length === 0"
-              class="py-2 text-sm text-muted-foreground"
-            >
+            <div v-if="cronList.length === 0" class="text-muted-foreground py-2 text-sm">
               -- 暂无Agent定时任务 --
             </div>
             <div v-else class="max-h-40 space-y-2 overflow-y-auto">
-              <div
-                v-for="cron in cronList"
-                :key="cron.id"
-                class="flex items-center gap-2"
-              >
+              <div v-for="cron in cronList" :key="cron.id" class="flex items-center gap-2">
                 <Checkbox
                   :id="`cron-${cron.id}`"
                   :model-value="selectedCronIds.has(cron.id)"
@@ -452,7 +419,7 @@ const steps = [
                   class="flex cursor-pointer items-center gap-2 select-none"
                 >
                   <span class="text-sm">{{ cron.name }}</span>
-                  <span class="font-mono text-xs text-muted-foreground">
+                  <span class="text-muted-foreground font-mono text-xs">
                     {{ cron.cron_expression }}
                   </span>
                 </label>
@@ -461,9 +428,7 @@ const steps = [
           </div>
 
           <div class="space-y-3">
-            <Label class="text-base">{{
-              t("dashboard.agents.storageSection")
-            }}</Label>
+            <Label class="text-base">{{ t("dashboard.agents.storageSection") }}</Label>
 
             <div class="flex items-center justify-between gap-4">
               <span class="text-sm">
@@ -476,7 +441,7 @@ const steps = [
                   class="w-38"
                   @update:model-value="dynamicSummaryRetention = $event"
                 />
-                <span class="text-sm whitespace-nowrap text-muted-foreground">
+                <span class="text-muted-foreground text-sm whitespace-nowrap">
                   {{ t("dashboard.agents.minuteUnit") }}
                 </span>
               </div>
@@ -492,7 +457,7 @@ const steps = [
                   class="w-38"
                   @update:model-value="dynamicRetention = $event"
                 />
-                <span class="text-sm whitespace-nowrap text-muted-foreground">
+                <span class="text-muted-foreground text-sm whitespace-nowrap">
                   {{ t("dashboard.agents.minuteUnit") }}
                 </span>
               </div>
@@ -509,7 +474,7 @@ const steps = [
                   class="w-38"
                   @update:model-value="staticRetention = $event"
                 />
-                <span class="text-sm whitespace-nowrap text-muted-foreground">
+                <span class="text-muted-foreground text-sm whitespace-nowrap">
                   {{ t("dashboard.agents.minuteUnit") }}
                 </span>
               </div>
@@ -525,14 +490,14 @@ const steps = [
                   class="w-38"
                   @update:model-value="agentTaskRetention = $event"
                 />
-                <span class="text-sm whitespace-nowrap text-muted-foreground">
+                <span class="text-muted-foreground text-sm whitespace-nowrap">
                   {{ t("dashboard.agents.minuteUnit") }}
                 </span>
               </div>
             </div>
           </div>
 
-          <p class="text-xs text-muted-foreground">
+          <p class="text-muted-foreground text-xs">
             {{ t("dashboard.agents.storageHint") }}
           </p>
         </div>
@@ -543,7 +508,7 @@ const steps = [
             <h3 class="text-base font-medium">
               {{ t("dashboard.agents.installTitle") }}
             </h3>
-            <p class="text-sm text-muted-foreground">
+            <p class="text-muted-foreground text-sm">
               {{ t("dashboard.agents.installSubtitle") }}
             </p>
           </div>
@@ -551,11 +516,11 @@ const steps = [
             <button
               type="button"
               @click="copyInstallScript"
-              class="absolute top-2 right-2 z-10 rounded-md border border-border/50 bg-background/80 p-1.5 transition-colors hover:border-border hover:bg-background"
+              class="border-border/50 bg-background/80 hover:border-border hover:bg-background absolute top-2 right-2 z-10 rounded-md border p-1.5 transition-colors"
               :title="isCopied ? 'Copied!' : 'Copy to clipboard'"
             >
               <Check v-if="isCopied" class="h-4 w-4 text-green-500" />
-              <Copy v-else class="h-4 w-4 text-muted-foreground" />
+              <Copy v-else class="text-muted-foreground h-4 w-4" />
             </button>
             <Codemirror
               :model-value="installScript"
@@ -564,16 +529,13 @@ const steps = [
               :style="{ minHeight: '120px' }"
             />
           </div>
-          <p class="text-xs text-muted-foreground">
+          <p class="text-muted-foreground text-xs">
             {{ t("dashboard.agents.onlineHint") }}
           </p>
         </div>
 
         <!-- Step 4: 完成 -->
-        <div
-          v-if="step === 4"
-          class="flex flex-col items-center justify-center gap-4 py-8"
-        >
+        <div v-if="step === 4" class="flex flex-col items-center justify-center gap-4 py-8">
           <CircleCheckBig class="h-16 w-16 text-green-500" />
           <h3 class="text-xl font-semibold">
             {{ t("dashboard.agents.completed") }}
diff --git a/src/components/agents/ShowAgentCommandDialog.vue b/src/components/agents/ShowAgentCommandDialog.vue
index acad5a26..08458372 100644
--- a/src/components/agents/ShowAgentCommandDialog.vue
+++ b/src/components/agents/ShowAgentCommandDialog.vue
@@ -2,13 +2,7 @@
 import { ref, computed, watch, onMounted, onUnmounted } from "vue";
 import { useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
-import {
-  Loader2,
-  CircleCheckBig,
-  RefreshCw,
-  Copy,
-  Check,
-} from "lucide-vue-next";
+import { Loader2, CircleCheckBig, RefreshCw, Copy, Check } from "lucide-vue-next";
 import { Button } from "@/components/ui/button";
 import {
   Dialog,
@@ -24,10 +18,7 @@ import { StreamLanguage } from "@codemirror/language";
 import { oneDark } from "@codemirror/theme-one-dark";
 import { useThemeStore } from "@/stores/theme";
 import { getWsConnection } from "@/composables/useWsConnection";
-import {
-  useTask,
-  type CreateTaskBlockingResponse,
-} from "@/composables/useTask";
+import { useTask, type CreateTaskBlockingResponse } from "@/composables/useTask";
 import { useBackendExtra } from "@/composables/useBackendExtra";
 import { reGenerateToken } from "@/components/agents/generateToken";
 import { toast } from "vue-sonner";
@@ -75,10 +66,9 @@ const checkOnline = async () => {
   if (!currentBackendInfo.value) return;
   try {
     const conn = getWsConnection(currentBackendInfo.value.url);
-    const result = await conn.call<{ uuids: string[] }>(
-      "nodeget-server_list_all_agent_uuid",
-      { token: currentBackendInfo.value.token },
-    );
+    const result = await conn.call<{ uuids: string[] }>("nodeget-server_list_all_agent_uuid", {
+      token: currentBackendInfo.value.token,
+    });
     const version = await createVersionTask(props.uuid, true, 1500);
     isOnline.value = (version as CreateTaskBlockingResponse).success;
   } catch {
@@ -117,9 +107,7 @@ const installScript = computed(() => {
   const uuid = props.uuid || "{AGENT_UUID}";
   const token = generatedToken.value || "{TOKEN}";
   const serverWs =
-    currentBackendInfo.value?.agentConfigWsUrl ||
-    currentBackendInfo.value?.url ||
-    "{Server_WS}";
+    currentBackendInfo.value?.agentConfigWsUrl || currentBackendInfo.value?.url || "{Server_WS}";
   const serverName = currentBackendInfo.value?.name || "{Server_NAME}";
   return `bash <(curl -sL ${import.meta.env.VITE_INSTALL_URL}) install-agent  \\
   --agent-id "${uuid}" \\
@@ -140,9 +128,7 @@ onUnmounted(stopPolling);
 
 <template>
   <Dialog v-model:open="open">
-    <DialogContent
-      class="max-h-[80vh] grid-rows-[auto_1fr_auto] p-0 sm:max-w-xl"
-    >
+    <DialogContent class="max-h-[80vh] grid-rows-[auto_1fr_auto] p-0 sm:max-w-xl">
       <DialogHeader class="px-6 pt-6 pb-2">
         <DialogTitle>{{ t("dashboard.agents.addTitle") }}</DialogTitle>
         <DialogDescription>
@@ -156,7 +142,7 @@ onUnmounted(stopPolling);
             <h3 class="text-base font-medium">
               {{ t("dashboard.agents.installTitle") }}
             </h3>
-            <p class="text-sm text-muted-foreground">
+            <p class="text-muted-foreground text-sm">
               {{ t("dashboard.agents.installSubtitle") }}
             </p>
           </div>
@@ -164,11 +150,11 @@ onUnmounted(stopPolling);
             <button
               type="button"
               @click="copyInstallScript"
-              class="absolute top-2 right-2 z-10 rounded-md border border-border/50 bg-background/80 p-1.5 transition-colors hover:border-border hover:bg-background"
+              class="border-border/50 bg-background/80 hover:border-border hover:bg-background absolute top-2 right-2 z-10 rounded-md border p-1.5 transition-colors"
               :title="isCopied ? 'Copied!' : 'Copy to clipboard'"
             >
               <Check v-if="isCopied" class="h-4 w-4 text-green-500" />
-              <Copy v-else class="h-4 w-4 text-muted-foreground" />
+              <Copy v-else class="text-muted-foreground h-4 w-4" />
             </button>
             <Codemirror
               :model-value="installScript"
@@ -177,15 +163,12 @@ onUnmounted(stopPolling);
               :style="{ minHeight: '120px' }"
             />
           </div>
-          <p class="text-xs text-muted-foreground">
+          <p class="text-muted-foreground text-xs">
             定时器每3秒检查一次agent是否在线，运行后请耐心等待agent上线
           </p>
         </div>
 
-        <div
-          class="flex flex-col items-center justify-center gap-4 py-8"
-          v-if="isOnline"
-        >
+        <div class="flex flex-col items-center justify-center gap-4 py-8" v-if="isOnline">
           <CircleCheckBig class="h-16 w-16 text-green-500" />
           <h3 class="text-xl font-semibold">
             {{ t("dashboard.agents.completed") }}
diff --git a/src/components/agents/generateToken.ts b/src/components/agents/generateToken.ts
index fcccf389..f6065fc1 100644
--- a/src/components/agents/generateToken.ts
+++ b/src/components/agents/generateToken.ts
@@ -28,10 +28,7 @@ function makeTokenObject(nodeUuid: string) {
 }
 
 // 预生成 token
-export async function preGenerateToken(
-  nodeUuid: string,
-  backend = currentBackend,
-) {
+export async function preGenerateToken(nodeUuid: string, backend = currentBackend) {
   if (!backend.value) return;
   try {
     const result = await getWsConnection(backend.value.url).call<{
@@ -49,10 +46,7 @@ export async function preGenerateToken(
   }
 }
 
-export async function reGenerateToken(
-  nodeUuid: string,
-  backend = currentBackend,
-) {
+export async function reGenerateToken(nodeUuid: string, backend = currentBackend) {
   if (!backend.value) return;
   try {
     try {
@@ -71,10 +65,7 @@ export async function reGenerateToken(
   }
 }
 
-export async function upgradeTokenLimit(
-  nodeUuid: string,
-  backend = currentBackend,
-) {
+export async function upgradeTokenLimit(nodeUuid: string, backend = currentBackend) {
   if (!backend.value) return;
   const rpc = makeRpcFunction();
   try {
diff --git a/src/components/batch-exec/CodeCard.vue b/src/components/batch-exec/CodeCard.vue
index 31d7de2a..af097060 100644
--- a/src/components/batch-exec/CodeCard.vue
+++ b/src/components/batch-exec/CodeCard.vue
@@ -30,30 +30,24 @@ const codeProxy = computed({
 <template>
   <Card>
     <CardHeader>
-      <CardTitle class="flex justify-between items-center">
+      <CardTitle class="flex items-center justify-between">
         <div class="flex items-center gap-2">
           <Code class="h-5 w-5" />{{ $t("dashboard.batchExec.codeInputLabel") }}
         </div>
         <label class="flex items-center">
-          <span class="text-sm color-gray-500 mr-1 opacity-60">{{
+          <span class="color-gray-500 mr-1 text-sm opacity-60">{{
             $t("dashboard.batchExec.codeTips")
           }}</span>
-          <Switch
-            v-model="codeTips"
-            :title="$t('dashboard.batchExec.codeTips')"
-          />
+          <Switch v-model="codeTips" :title="$t('dashboard.batchExec.codeTips')" />
         </label>
       </CardTitle>
     </CardHeader>
     <CardContent>
       <CodeCard v-model="codeProxy" :codeTips="codeTips" />
-      <div class="flex gap-2 mt-1 items-center justify-end">
-        <Button
-          @click="emits('openScriptsSelect')"
-          variant="outline"
-          class="w-full md:w-auto"
-          >{{ $t("dashboard.batchExec.scriptsSelect") }}</Button
-        >
+      <div class="mt-1 flex items-center justify-end gap-2">
+        <Button @click="emits('openScriptsSelect')" variant="outline" class="w-full md:w-auto">{{
+          $t("dashboard.batchExec.scriptsSelect")
+        }}</Button>
       </div>
     </CardContent>
   </Card>
diff --git a/src/components/batch-exec/ResultCard.vue b/src/components/batch-exec/ResultCard.vue
index f2f164a2..1e871100 100644
--- a/src/components/batch-exec/ResultCard.vue
+++ b/src/components/batch-exec/ResultCard.vue
@@ -16,7 +16,7 @@ const toggleExpandAll = () => {
 <template>
   <Card>
     <CardHeader>
-      <CardTitle class="flex items-center justify-between w-full">
+      <CardTitle class="flex w-full items-center justify-between">
         <div class="flex items-center gap-2">
           <CheckCircle class="h-5 w-5" />{{ $t("dashboard.batchExec.results") }}
         </div>
@@ -33,11 +33,7 @@ const toggleExpandAll = () => {
       </CardTitle>
     </CardHeader>
     <CardContent>
-      <ExecResultCard
-        :result="result"
-        :nodes="nodes"
-        :expanded-all="expandedAll"
-      />
+      <ExecResultCard :result="result" :nodes="nodes" :expanded-all="expandedAll" />
     </CardContent>
   </Card>
 </template>
diff --git a/src/components/batch-exec/SelectNodesCard.vue b/src/components/batch-exec/SelectNodesCard.vue
index a073da5d..839466a4 100644
--- a/src/components/batch-exec/SelectNodesCard.vue
+++ b/src/components/batch-exec/SelectNodesCard.vue
@@ -53,23 +53,17 @@ const selectedProxy = computed({
       </CardTitle>
     </CardHeader>
     <CardContent class="flex flex-col items-end space-y-4">
-      <SelectNodes
-        :nodes="nodes"
-        v-model:selected="selectedProxy"
-        class="w-full"
-      />
-      <div class="w-full flex flex-col gap-1 items-end md:flex-row">
-        <div class="text-gray-400 text-xs text-right w-full md:text-left">
+      <SelectNodes :nodes="nodes" v-model:selected="selectedProxy" class="w-full" />
+      <div class="flex w-full flex-col items-end gap-1 md:flex-row">
+        <div class="w-full text-right text-xs text-gray-400 md:text-left">
           {{
             $t("dashboard.batchExec.totalNodesCount", {
               count: selected.length,
             })
           }}
         </div>
-        <div
-          class="w-full flex flex-col gap-1 flex-col md:flex-row justify-end md:items-end"
-        >
-          <div class="text-gray-400 text-xs">
+        <div class="flex w-full flex-col justify-end gap-1 md:flex-row md:items-end">
+          <div class="text-xs text-gray-400">
             {{ $t("dashboard.batchExec.cmd") }}
           </div>
           <div class="w-full md:w-30">
@@ -78,22 +72,12 @@ const selectedProxy = computed({
                 <SelectValue />
               </SelectTrigger>
               <SelectContent>
-                <SelectItem v-for="item in cmdList" :value="item">{{
-                  item
-                }}</SelectItem>
+                <SelectItem v-for="item in cmdList" :value="item">{{ item }}</SelectItem>
               </SelectContent>
             </Select>
           </div>
-          <Button
-            class="w-full md:w-auto"
-            :disabled="runStatus"
-            @click="$emit('run')"
-          >
-            {{
-              runStatus
-                ? $t("dashboard.batchExec.running")
-                : $t("dashboard.batchExec.run")
-            }}
+          <Button class="w-full md:w-auto" :disabled="runStatus" @click="$emit('run')">
+            {{ runStatus ? $t("dashboard.batchExec.running") : $t("dashboard.batchExec.run") }}
           </Button>
         </div>
       </div>
diff --git a/src/components/batch-exec/widgets/Code.vue b/src/components/batch-exec/widgets/Code.vue
index 2695675e..c9a12f4c 100644
--- a/src/components/batch-exec/widgets/Code.vue
+++ b/src/components/batch-exec/widgets/Code.vue
@@ -112,21 +112,17 @@ onMounted(async () => {
   <div class="text-muted-foreground relative flex flex-col md:flex-row">
     <Textarea
       v-model="code"
-      class="font-mono text-sm flex-1 resize-none"
+      class="flex-1 resize-none font-mono text-sm"
       :placeholder="$t('dashboard.batchExec.enterCode')"
       ref="textareaRef"
       :rows="6"
     />
     <div
-      class="space-y-1 md:w-50 w-full ml-0 md:ml-4 mt-2 md:mt-0 text-xs overflow-auto border border-gray-200 p-2 rounded-md flex flex-col"
+      class="mt-2 ml-0 flex w-full flex-col space-y-1 overflow-auto rounded-md border border-gray-200 p-2 text-xs md:mt-0 md:ml-4 md:w-50"
       :style="{ height: warningHeight }"
       v-if="codeTips"
     >
-      <div
-        v-for="(w, idx) in allWarnings"
-        :key="idx"
-        :class="levelStyles[w.text.type]"
-      >
+      <div v-for="(w, idx) in allWarnings" :key="idx" :class="levelStyles[w.text.type]">
         Line {{ w.line }} : {{ w.text.text }}
       </div>
     </div>
diff --git a/src/components/batch-exec/widgets/ExecResult.vue b/src/components/batch-exec/widgets/ExecResult.vue
index a4865572..0685012f 100644
--- a/src/components/batch-exec/widgets/ExecResult.vue
+++ b/src/components/batch-exec/widgets/ExecResult.vue
@@ -74,22 +74,18 @@ watch(
   <div class="text-muted-foreground flex flex-col gap-1">
     <div
       v-if="props.result.length === 0"
-      class="flex items-center justify-center space-x-2 p-4 w-full h-20"
+      class="flex h-20 w-full items-center justify-center space-x-2 p-4"
     >
       <div class="text-center">{{ $t("dashboard.batchExec.waitToRun") }}</div>
     </div>
-    <div
-      v-for="node in props.result"
-      :key="node.uuid"
-      class="border rounded-md p-2"
-    >
+    <div v-for="node in props.result" :key="node.uuid" class="rounded-md border p-2">
       <div
-        class="flex flex-row gap-2 items-center cursor-pointer select-none"
-        :class="expandedMap[node.uuid] ? 'border-b pb-2 mb-2' : ''"
+        class="flex cursor-pointer flex-row items-center gap-2 select-none"
+        :class="expandedMap[node.uuid] ? 'mb-2 border-b pb-2' : ''"
         @click="toggleItem(node.uuid)"
       >
         <ChevronRight
-          class="w-4 h-4 transition-transform duration-200"
+          class="h-4 w-4 transition-transform duration-200"
           :class="{ 'rotate-90': expandedMap[node.uuid] }"
         />
         <div>
@@ -102,7 +98,7 @@ watch(
 
       <pre
         v-show="expandedMap[node.uuid]"
-        class="bg-black text-green-400 font-mono p-4 rounded overflow-auto shadow-lg max-h-[300px]"
+        class="max-h-[300px] overflow-auto rounded bg-black p-4 font-mono text-green-400 shadow-lg"
         :key="`${node.uuid}-${node.status}`"
       >
         {{
diff --git a/src/components/batch-exec/widgets/ScriptsSelectDialog.vue b/src/components/batch-exec/widgets/ScriptsSelectDialog.vue
index 03609057..d9d0def7 100644
--- a/src/components/batch-exec/widgets/ScriptsSelectDialog.vue
+++ b/src/components/batch-exec/widgets/ScriptsSelectDialog.vue
@@ -79,30 +79,26 @@ const pickScript = (script: Script) => {
         </div>
         <div class="space-y-1.5">
           <Label>{{ t("dashboard.batchExec.scripts.search") }}</Label>
-          <div class="flex flex-col gap-1 h-[20vh] overflow-y-auto">
+          <div class="flex h-[20vh] flex-col gap-1 overflow-y-auto">
             <Button
-              :variant="
-                selectScript.name == script.name ? 'default' : 'outline'
-              "
-              class="flex flex-col gap-1 items-start h-auto border"
+              :variant="selectScript.name == script.name ? 'default' : 'outline'"
+              class="flex h-auto flex-col items-start gap-1 border"
               v-for="script in scripts"
               @click="pickScript(script)"
             >
-              <div class="flex flex-row gap-1 items-start">
-                <div class="text-base font-blod">{{ script.name }}</div>
+              <div class="flex flex-row items-start gap-1">
+                <div class="font-blod text-base">{{ script.name }}</div>
                 <div>
                   <Badge
-                    class="text-xs font-mono"
-                    :variant="
-                      selectScript.name == script.name ? 'secondary' : 'outline'
-                    "
+                    class="font-mono text-xs"
+                    :variant="selectScript.name == script.name ? 'secondary' : 'outline'"
                   >
                     {{ script.lang }}
                   </Badge>
                 </div>
               </div>
-              <div class="flex flex-col gap-1 items-start w-full text-left">
-                <div class="truncate text-xs opacity-80 break-words w-full">
+              <div class="flex w-full flex-col items-start gap-1 text-left">
+                <div class="w-full truncate text-xs break-words opacity-80">
                   {{ script.content }}
                 </div>
               </div>
diff --git a/src/components/batch-exec/widgets/SelectNodes.vue b/src/components/batch-exec/widgets/SelectNodes.vue
index 9b5dfd8a..20ae2724 100644
--- a/src/components/batch-exec/widgets/SelectNodes.vue
+++ b/src/components/batch-exec/widgets/SelectNodes.vue
@@ -85,8 +85,7 @@ const filteredNodes = computed(() => {
   const text = searchText.value.trim().toLowerCase();
   return props.nodes.filter((node) => {
     const matchesText =
-      node.name.toLowerCase().includes(text) ||
-      node.uuid.toLowerCase().includes(text);
+      node.name.toLowerCase().includes(text) || node.uuid.toLowerCase().includes(text);
     const matchesTag = tag.value === "all" || node.tags.includes(tag.value);
     return matchesText && matchesTag;
   });
@@ -97,38 +96,29 @@ const filteredNodes = computed(() => {
   <div>
     <div
       v-if="props.nodes.length === 0"
-      class="flex items-center justify-center space-x-2 p-4 w-full h-full absolute inset-0 bg-background/60 z-50"
+      class="bg-background/60 absolute inset-0 z-50 flex h-full w-full items-center justify-center space-x-2 p-4"
     >
-      <Loader2 class="w-6 h-6 animate-spin text-gray-500" />
+      <Loader2 class="h-6 w-6 animate-spin text-gray-500" />
       <span class="text-gray-500">Loading...</span>
     </div>
-    <div
-      class="flex flex-col md:flex-row gap-1 items-center justify-between mb-2"
-    >
-      <div class="flex flex-col md:flex-row w-full md:w-auto gap-1">
+    <div class="mb-2 flex flex-col items-center justify-between gap-1 md:flex-row">
+      <div class="flex w-full flex-col gap-1 md:w-auto md:flex-row">
         <div class="flex-1 md:w-32">
           <Select v-model="tag">
             <SelectTrigger class="w-full">
               <SelectValue />
             </SelectTrigger>
             <SelectContent>
-              <SelectItem value="all">{{
-                $t("dashboard.batchExec.selectTag")
-              }}</SelectItem>
-              <SelectItem v-for="item in tags" :value="item">{{
-                item
-              }}</SelectItem>
+              <SelectItem value="all">{{ $t("dashboard.batchExec.selectTag") }}</SelectItem>
+              <SelectItem v-for="item in tags" :value="item">{{ item }}</SelectItem>
             </SelectContent>
           </Select>
         </div>
         <div class="flex-1 md:w-60">
-          <Input
-            v-model="searchText"
-            :placeholder="$t('dashboard.batchExec.searchNodesTips')"
-          />
+          <Input v-model="searchText" :placeholder="$t('dashboard.batchExec.searchNodesTips')" />
         </div>
       </div>
-      <div class="flex items-center justify-end w-full md:w-auto gap-1">
+      <div class="flex w-full items-center justify-end gap-1 md:w-auto">
         <div class="flex-1">
           <Button @click="pickAll()" class="w-full">{{
             $t("dashboard.batchExec.selectAll")
@@ -140,12 +130,12 @@ const filteredNodes = computed(() => {
           }}</Button>
         </div>
         <div
-          class="cursor-pointer w-6 h-6 hidden md:block"
+          class="hidden h-6 w-6 cursor-pointer md:block"
           @click="showFunction = !showFunction"
           :title="$t('dashboard.batchExec.toggleArrangementMode')"
         >
-          <LayoutGrid class="w-6 h-6 text-gray-500" v-if="showFunction" />
-          <StretchHorizontal class="w-6 h-6 text-gray-500" v-else />
+          <LayoutGrid class="h-6 w-6 text-gray-500" v-if="showFunction" />
+          <StretchHorizontal class="h-6 w-6 text-gray-500" v-else />
         </div>
       </div>
     </div>
@@ -154,7 +144,7 @@ const filteredNodes = computed(() => {
       class="max-h-50 overflow-auto"
       :class="
         showFunction
-          ? 'grid grid-cols-1 md:grid-cols-3 xl:grid-cols-4 gap-1'
+          ? 'grid grid-cols-1 gap-1 md:grid-cols-3 xl:grid-cols-4'
           : 'flex flex-col space-y-1'
       "
     >
@@ -165,9 +155,9 @@ const filteredNodes = computed(() => {
         class="h-16 text-left whitespace-normal"
         @click="pickNode(node.uuid)"
       >
-        <div class="flex flex-col items-start w-full">
-          <p class="truncate font-medium w-full">{{ node.name }}</p>
-          <p class="truncate text-xs opacity-80 break-words w-full">
+        <div class="flex w-full flex-col items-start">
+          <p class="w-full truncate font-medium">{{ node.name }}</p>
+          <p class="w-full truncate text-xs break-words opacity-80">
             {{ node.uuid }}
           </p>
         </div>
diff --git a/src/components/cron/CronFormDialog.vue b/src/components/cron/CronFormDialog.vue
index ac1a421f..8fd23cac 100644
--- a/src/components/cron/CronFormDialog.vue
+++ b/src/components/cron/CronFormDialog.vue
@@ -98,11 +98,7 @@ const normalizeCronExpression = (value: string) => {
   return tokens.join(" ");
 };
 
-const validateCronSegment = (
-  segment: string,
-  min: number,
-  max: number,
-): boolean => {
+const validateCronSegment = (segment: string, min: number, max: number): boolean => {
   if (segment === "*" || segment === "?") return true;
   if (/^\d+$/.test(segment)) {
     const value = Number(segment);
@@ -110,15 +106,11 @@ const validateCronSegment = (
   }
   if (/^\*\/\d+$/.test(segment)) return Number(segment.slice(2)) > 0;
   if (/^\d+\/\d+$/.test(segment)) {
-    const [start = Number.NaN, step = Number.NaN] = segment
-      .split("/")
-      .map(Number);
+    const [start = Number.NaN, step = Number.NaN] = segment.split("/").map(Number);
     return start >= min && start <= max && step > 0;
   }
   if (/^\d+-\d+$/.test(segment)) {
-    const [start = Number.NaN, end = Number.NaN] = segment
-      .split("-")
-      .map(Number);
+    const [start = Number.NaN, end = Number.NaN] = segment.split("-").map(Number);
     return start >= min && end <= max && start <= end;
   }
   if (/^\d+(,\d+)+$/.test(segment)) {
@@ -194,9 +186,7 @@ const getCronValidationMessage = (value: string) => {
   const tokens = normalized.split(" ");
   if (tokens.length !== 6) {
     return (
-      t("dashboard.cron.expressionFieldCount") +
-      " " +
-      t("dashboard.cron.expressionFormatHint")
+      t("dashboard.cron.expressionFieldCount") + " " + t("dashboard.cron.expressionFormatHint")
     );
   }
 
@@ -220,8 +210,7 @@ const getCronValidationMessage = (value: string) => {
 };
 
 const describeCronSegment = (segment: string, fieldLabel: string) => {
-  if (segment === "*")
-    return t("dashboard.cron.expressionEveryField", { field: fieldLabel });
+  if (segment === "*") return t("dashboard.cron.expressionEveryField", { field: fieldLabel });
   if (segment === "?")
     return t("dashboard.cron.expressionUnspecifiedField", {
       field: fieldLabel,
@@ -265,9 +254,7 @@ const describeCronSegment = (segment: string, fieldLabel: string) => {
   });
 };
 
-const cronExpressionNormalized = computed(() =>
-  normalizeCronExpression(form.value.cronExpression),
-);
+const cronExpressionNormalized = computed(() => normalizeCronExpression(form.value.cronExpression));
 const cronExpressionValidationMessage = computed(() =>
   getCronValidationMessage(form.value.cronExpression),
 );
@@ -278,10 +265,7 @@ const cronExpressionMeaning = computed(() => {
   return tokens
     .map((token, index) => {
       const field = cronFieldDefs[index];
-      return describeCronSegment(
-        token,
-        t(field?.label ?? "dashboard.cron.expression"),
-      );
+      return describeCronSegment(token, t(field?.label ?? "dashboard.cron.expression"));
     })
     .join("；");
 });
@@ -303,17 +287,12 @@ const stringifyExecuteArgs = (args: string[]) =>
   args.map((arg) => (/\s/.test(arg) ? JSON.stringify(arg) : arg)).join(" ");
 
 const nodeNameMap = computed(
-  () =>
-    new Map(
-      props.nodes.map((node) => [node.uuid, node.customName || node.uuid]),
-    ),
+  () => new Map(props.nodes.map((node) => [node.uuid, node.customName || node.uuid])),
 );
 
 const selectedNodeSummary = computed(() => {
   if (!form.value.agentIds.length) return t("dashboard.cron.noNodes");
-  return form.value.agentIds
-    .map((id) => nodeNameMap.value.get(id) ?? id)
-    .join(", ");
+  return form.value.agentIds.map((id) => nodeNameMap.value.get(id) ?? id).join(", ");
 });
 
 const validateForm = (): boolean => {
@@ -332,9 +311,7 @@ const validateForm = (): boolean => {
   if (form.value.taskKind === "agent") {
     if (form.value.agentTaskType === "execute") {
       if (!form.value.agentExecuteCommand.trim()) {
-        errors.value.agentExecuteCommand = t(
-          "dashboard.cron.execCommandRequired",
-        );
+        errors.value.agentExecuteCommand = t("dashboard.cron.execCommandRequired");
       }
     } else {
       if (!form.value.agentTaskTarget.trim()) {
@@ -352,8 +329,7 @@ watch(
     if (val) {
       if (props.task) {
         const isJsWorker =
-          typeof props.task.serverTask === "object" &&
-          "js_worker" in props.task.serverTask;
+          typeof props.task.serverTask === "object" && "js_worker" in props.task.serverTask;
         form.value = {
           name: props.mode === "duplicate" ? "" : props.task.name,
           cronExpression: props.task.cronExpression,
@@ -362,26 +338,16 @@ watch(
           agentTaskType: props.task.agentTaskType,
           agentTaskTarget: props.task.agentTaskTarget,
           agentExecuteCommand: props.task.agentExecuteCommand,
-          agentExecuteArgsText: stringifyExecuteArgs(
-            props.task.agentExecuteArgs,
-          ),
+          agentExecuteArgsText: stringifyExecuteArgs(props.task.agentExecuteArgs),
           serverTaskType: isJsWorker ? "js_worker" : "string",
           serverTask:
-            typeof props.task.serverTask === "string"
-              ? props.task.serverTask
-              : "clean_up_database",
-          jsWorkerName: isJsWorker
-            ? ((props.task.serverTask as any).js_worker?.[0] ?? "")
-            : "",
+            typeof props.task.serverTask === "string" ? props.task.serverTask : "clean_up_database",
+          jsWorkerName: isJsWorker ? ((props.task.serverTask as any).js_worker?.[0] ?? "") : "",
           jsWorkerTask: isJsWorker
             ? ((props.task.serverTask as any).js_worker?.[1]?.task ?? "")
             : "",
           jsWorkerParams: isJsWorker
-            ? JSON.stringify(
-                (props.task.serverTask as any).js_worker?.[1] ?? {},
-                null,
-                2,
-              )
+            ? JSON.stringify((props.task.serverTask as any).js_worker?.[1] ?? {}, null, 2)
             : "{}",
         };
       } else {
@@ -432,9 +398,7 @@ const handleSave = () => {
     <DialogContent class="flex max-h-[85vh] flex-col sm:max-w-md">
       <DialogHeader>
         <DialogTitle>
-          {{
-            isEditMode ? t("dashboard.cron.edit") : t("dashboard.cron.create")
-          }}
+          {{ isEditMode ? t("dashboard.cron.edit") : t("dashboard.cron.create") }}
         </DialogTitle>
         <DialogDescription>
           {{ t("dashboard.cron.desc") }}
@@ -448,7 +412,7 @@ const handleSave = () => {
             :placeholder="t('dashboard.cron.name')"
             :disabled="isEditMode || saving"
           />
-          <p v-if="errors.name" class="text-xs text-destructive">
+          <p v-if="errors.name" class="text-destructive text-xs">
             {{ errors.name }}
           </p>
         </div>
@@ -461,7 +425,7 @@ const handleSave = () => {
               v-for="preset in cronPresets"
               :key="preset.value"
               variant="secondary"
-              class="cursor-pointer hover:bg-primary/20 transition-colors"
+              class="hover:bg-primary/20 cursor-pointer transition-colors"
               @click="applyPreset(preset.value)"
             >
               {{ preset.label }}
@@ -474,19 +438,13 @@ const handleSave = () => {
             placeholder="* * * * * *"
             class="font-mono"
             :disabled="saving"
-            @update:model-value="
-              form.cronExpression = sanitizeCronExpressionInput(String($event))
-            "
-            @blur="
-              form.cronExpression = normalizeCronExpression(form.cronExpression)
-            "
+            @update:model-value="form.cronExpression = sanitizeCronExpressionInput(String($event))"
+            @blur="form.cronExpression = normalizeCronExpression(form.cronExpression)"
           />
 
           <!-- 使用说明 -->
-          <div
-            class="rounded-md border bg-muted/60 px-3 py-2 text-xs text-muted-foreground"
-          >
-            <p class="font-medium mb-1">
+          <div class="bg-muted/60 text-muted-foreground rounded-md border px-3 py-2 text-xs">
+            <p class="mb-1 font-medium">
               {{ t("dashboard.cron.expressionSyntaxTitle") }}
             </p>
             <ul class="space-y-1">
@@ -514,18 +472,15 @@ const handleSave = () => {
           </div>
 
           <!-- 语义对照 -->
-          <div
-            v-if="cronExpressionMeaning"
-            class="rounded-md border bg-muted/60 px-3 py-2 text-xs"
-          >
-            <p class="font-medium mb-1">
+          <div v-if="cronExpressionMeaning" class="bg-muted/60 rounded-md border px-3 py-2 text-xs">
+            <p class="mb-1 font-medium">
               {{ t("dashboard.cron.expressionMeaningTitle") }}
             </p>
             <p class="text-muted-foreground">{{ cronExpressionMeaning }}</p>
           </div>
 
           <!-- 错误提示 -->
-          <p v-if="errors.cronExpression" class="text-xs text-destructive">
+          <p v-if="errors.cronExpression" class="text-destructive text-xs">
             {{ errors.cronExpression }}
           </p>
         </div>
@@ -536,12 +491,8 @@ const handleSave = () => {
               <SelectValue />
             </SelectTrigger>
             <SelectContent>
-              <SelectItem value="agent">{{
-                t("dashboard.cron.agentTask")
-              }}</SelectItem>
-              <SelectItem value="server">{{
-                t("dashboard.cron.serverTask")
-              }}</SelectItem>
+              <SelectItem value="agent">{{ t("dashboard.cron.agentTask") }}</SelectItem>
+              <SelectItem value="server">{{ t("dashboard.cron.serverTask") }}</SelectItem>
             </SelectContent>
           </Select>
         </div>
@@ -558,15 +509,13 @@ const handleSave = () => {
             >
               <div class="min-w-0 text-left">
                 <div>{{ t("dashboard.cron.selectNodes") }}</div>
-                <div class="text-xs text-muted-foreground truncate">
+                <div class="text-muted-foreground truncate text-xs">
                   {{ selectedNodeSummary }}
                 </div>
               </div>
-              <span class="shrink-0 text-muted-foreground">{{
-                form.agentIds.length
-              }}</span>
+              <span class="text-muted-foreground shrink-0">{{ form.agentIds.length }}</span>
             </Button>
-            <p v-if="errors.agentIds" class="text-xs text-destructive">
+            <p v-if="errors.agentIds" class="text-destructive text-xs">
               {{ errors.agentIds }}
             </p>
           </div>
@@ -600,15 +549,13 @@ const handleSave = () => {
               v-else
               v-model="form.agentTaskTarget"
               :placeholder="
-                form.agentTaskType === 'tcp_ping'
-                  ? 'www.example.com:80'
-                  : 'www.example.com'
+                form.agentTaskType === 'tcp_ping' ? 'www.example.com:80' : 'www.example.com'
               "
               :disabled="saving"
             />
             <p
               v-if="errors.agentExecuteCommand || errors.agentTaskTarget"
-              class="text-xs text-destructive"
+              class="text-destructive text-xs"
             >
               {{ errors.agentExecuteCommand || errors.agentTaskTarget }}
             </p>
@@ -623,7 +570,7 @@ const handleSave = () => {
           </div>
           <div
             v-if="form.agentTaskType === 'execute'"
-            class="rounded-md border bg-muted/60 px-3 py-2 text-xs text-muted-foreground space-y-1"
+            class="bg-muted/60 text-muted-foreground space-y-1 rounded-md border px-3 py-2 text-xs"
           >
             <p>{{ t("dashboard.cron.execGuide") }}</p>
             <p class="font-mono text-[11px]">
@@ -660,9 +607,7 @@ const handleSave = () => {
                   <SelectValue />
                 </SelectTrigger>
                 <SelectContent>
-                  <SelectItem value="clean_up_database"
-                    >clean_up_database</SelectItem
-                  >
+                  <SelectItem value="clean_up_database">clean_up_database</SelectItem>
                 </SelectContent>
               </Select>
             </div>
@@ -685,11 +630,11 @@ const handleSave = () => {
                 placeholder='{
   "task": "update"
 }'
-                class="w-full rounded-md border border-input bg-background px-3 py-2 font-mono text-sm text-foreground resize-none"
+                class="border-input bg-background text-foreground w-full resize-none rounded-md border px-3 py-2 font-mono text-sm"
                 :disabled="saving"
                 rows="5"
               ></textarea>
-              <p v-if="errors.jsWorkerParams" class="text-xs text-destructive">
+              <p v-if="errors.jsWorkerParams" class="text-destructive text-xs">
                 {{ errors.jsWorkerParams }}
               </p>
             </div>
@@ -697,16 +642,10 @@ const handleSave = () => {
         </template>
       </div>
       <DialogFooter>
-        <Button
-          variant="outline"
-          :disabled="saving"
-          @click="emit('update:open', false)"
-          >{{ t("dashboard.cron.cancel") }}</Button
-        >
-        <Button
-          :disabled="saving || !!cronExpressionValidationMessage"
-          @click="handleSave"
-        >
+        <Button variant="outline" :disabled="saving" @click="emit('update:open', false)">{{
+          t("dashboard.cron.cancel")
+        }}</Button>
+        <Button :disabled="saving || !!cronExpressionValidationMessage" @click="handleSave">
           <Loader2 v-if="saving" class="mr-2 h-4 w-4 animate-spin" />
           {{ saving ? t("dashboard.saving") : t("dashboard.save") }}
         </Button>
diff --git a/src/components/cron/CronHistoryDetailDialog.vue b/src/components/cron/CronHistoryDetailDialog.vue
index ece5b542..e90d1e0d 100644
--- a/src/components/cron/CronHistoryDetailDialog.vue
+++ b/src/components/cron/CronHistoryDetailDialog.vue
@@ -12,12 +12,7 @@ import {
   Inbox,
   Loader2,
 } from "lucide-vue-next";
-import {
-  Dialog,
-  DialogContent,
-  DialogHeader,
-  DialogTitle,
-} from "@/components/ui/dialog";
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/components/ui/dialog";
 import { Badge } from "@/components/ui/badge";
 import {
   useCronHistory,
@@ -56,9 +51,7 @@ const formatResult = (taskType: string, result: any): string => {
   if (!result) return "";
   if (typeof result === "object") {
     if (
-      (taskType === "ping" ||
-        taskType === "tcp_ping" ||
-        taskType === "http_ping") &&
+      (taskType === "ping" || taskType === "tcp_ping" || taskType === "http_ping") &&
       typeof result[taskType] === "number"
     ) {
       return `${result[taskType].toFixed(3)} ms`;
@@ -82,9 +75,7 @@ const getTaskTarget = (taskEventType: Record<string, any>): string => {
   if (typeof value === "string") return value;
   if (typeof value === "object") {
     if (key === "execute" && value.cmd) {
-      return value.args?.length
-        ? `${value.cmd} ${value.args.join(" ")}`
-        : value.cmd;
+      return value.args?.length ? `${value.cmd} ${value.args.join(" ")}` : value.cmd;
     }
     return value.cmd ?? JSON.stringify(value);
   }
@@ -122,42 +113,34 @@ watch(
 
 <template>
   <Dialog :open="open" @update:open="emit('update:open', $event)">
-    <DialogContent
-      class="max-w-3xl sm:rounded-2xl p-0 overflow-hidden bg-background"
-    >
+    <DialogContent class="bg-background max-w-3xl overflow-hidden p-0 sm:rounded-2xl">
       <DialogHeader class="p-6 pb-0">
-        <DialogTitle class="text-lg font-semibold flex items-center gap-2">
+        <DialogTitle class="flex items-center gap-2 text-lg font-semibold">
           {{ t("dashboard.cron.history.detailTitle") }}
         </DialogTitle>
       </DialogHeader>
 
-      <div
-        v-if="record"
-        class="flex flex-col gap-6 p-6 pt-4 max-h-[85vh] overflow-y-auto"
-      >
-        <div class="flex flex-col gap-1.5 p-4 bg-muted/30 border rounded-xl">
+      <div v-if="record" class="flex max-h-[85vh] flex-col gap-6 overflow-y-auto p-6 pt-4">
+        <div class="bg-muted/30 flex flex-col gap-1.5 rounded-xl border p-4">
           <div class="flex items-center justify-between">
             <div class="flex items-center gap-2">
-              <span
-                class="text-xs font-medium text-muted-foreground uppercase tracking-wider"
+              <span class="text-muted-foreground text-xs font-medium tracking-wider uppercase"
                 >Cron ID</span
               >
-              <span class="font-mono text-sm font-semibold">{{
-                record.cron_id
-              }}</span>
+              <span class="font-mono text-sm font-semibold">{{ record.cron_id }}</span>
             </div>
 
             <div class="flex shrink-0">
               <div
-                class="inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium border"
+                class="inline-flex items-center gap-1.5 rounded-full border px-2.5 py-1 text-xs font-medium"
                 :class="
                   record.success
-                    ? 'bg-emerald-500/10 text-emerald-600 border-emerald-500/20 dark:text-emerald-400'
+                    ? 'border-emerald-500/20 bg-emerald-500/10 text-emerald-600 dark:text-emerald-400'
                     : 'bg-destructive/10 text-destructive border-destructive/20'
                 "
               >
-                <CheckCircle2 v-if="record.success" class="w-3.5 h-3.5" />
-                <XCircle v-else class="w-3.5 h-3.5" />
+                <CheckCircle2 v-if="record.success" class="h-3.5 w-3.5" />
+                <XCircle v-else class="h-3.5 w-3.5" />
                 {{
                   record.success
                     ? t("dashboard.cron.history.success")
@@ -167,7 +150,7 @@ watch(
             </div>
           </div>
 
-          <div class="flex items-center gap-1.5 text-xs text-muted-foreground">
+          <div class="text-muted-foreground flex items-center gap-1.5 text-xs">
             <span>{{ t("dashboard.cron.history.executionTime") }}:</span>
             <span class="font-mono">{{ formatTime(record.run_time) }}</span>
           </div>
@@ -175,17 +158,15 @@ watch(
 
         <div
           v-if="loadingTask"
-          class="flex flex-col items-center justify-center py-12 text-muted-foreground space-y-3"
+          class="text-muted-foreground flex flex-col items-center justify-center space-y-3 py-12"
         >
-          <Loader2 class="w-8 h-8 animate-spin text-muted-foreground/50" />
+          <Loader2 class="text-muted-foreground/50 h-8 w-8 animate-spin" />
           <span class="text-sm font-medium">{{ t("common.loading") }}</span>
         </div>
 
         <div v-else-if="taskResults.length" class="space-y-4">
-          <h3
-            class="text-sm font-semibold text-foreground/80 flex items-center gap-2"
-          >
-            <Terminal class="w-4 h-4" />
+          <h3 class="text-foreground/80 flex items-center gap-2 text-sm font-semibold">
+            <Terminal class="h-4 w-4" />
             {{ t("dashboard.cron.history.taskResults") }}
           </h3>
 
@@ -193,32 +174,29 @@ watch(
             <div
               v-for="(task, index) in taskResults"
               :key="index"
-              class="border rounded-xl bg-card shadow-sm overflow-hidden transition-all hover:shadow-md"
+              class="bg-card overflow-hidden rounded-xl border shadow-sm transition-all hover:shadow-md"
             >
-              <div
-                class="flex items-center justify-between p-3.5 border-b bg-muted/20"
-              >
+              <div class="bg-muted/20 flex items-center justify-between border-b p-3.5">
                 <div class="flex items-center gap-2.5">
+                  <span class="text-foreground/90 text-sm font-medium capitalize">{{
+                    getTaskType(task.task_event_type)
+                  }}</span>
                   <span
-                    class="text-sm font-medium text-foreground/90 capitalize"
-                    >{{ getTaskType(task.task_event_type) }}</span
-                  >
-                  <span
-                    class="font-mono text-xs bg-muted/60 text-muted-foreground border px-2 py-0.5 rounded-md break-all"
+                    class="bg-muted/60 text-muted-foreground rounded-md border px-2 py-0.5 font-mono text-xs break-all"
                   >
                     {{ getTaskTarget(task.task_event_type) }}
                   </span>
                 </div>
                 <div
-                  class="inline-flex items-center gap-1 px-2.5 py-1 rounded-full text-xs font-medium border shrink-0"
+                  class="inline-flex shrink-0 items-center gap-1 rounded-full border px-2.5 py-1 text-xs font-medium"
                   :class="
                     task.success
-                      ? 'bg-emerald-500/10 text-emerald-600 border-emerald-500/20 dark:text-emerald-400'
+                      ? 'border-emerald-500/20 bg-emerald-500/10 text-emerald-600 dark:text-emerald-400'
                       : 'bg-destructive/10 text-destructive border-destructive/20'
                   "
                 >
-                  <CheckCircle2 v-if="task.success" class="w-3 h-3" />
-                  <XCircle v-else class="w-3 h-3" />
+                  <CheckCircle2 v-if="task.success" class="h-3 w-3" />
+                  <XCircle v-else class="h-3 w-3" />
                   {{
                     task.success
                       ? t("dashboard.cron.history.success")
@@ -227,29 +205,26 @@ watch(
                 </div>
               </div>
 
-              <div class="p-4 space-y-4">
+              <div class="space-y-4 p-4">
                 <div
                   v-if="task.error_message"
-                  class="flex gap-2 text-sm text-destructive bg-destructive/10 border border-destructive/20 px-4 py-3 rounded-lg"
+                  class="text-destructive bg-destructive/10 border-destructive/20 flex gap-2 rounded-lg border px-4 py-3 text-sm"
                 >
-                  <AlertCircle class="w-4 h-4 shrink-0 mt-0.5" />
-                  <span class="break-words whitespace-pre-wrap flex-1">{{
+                  <AlertCircle class="mt-0.5 h-4 w-4 shrink-0" />
+                  <span class="flex-1 break-words whitespace-pre-wrap">{{
                     task.error_message
                   }}</span>
                 </div>
 
                 <div
                   v-if="task.task_event_result"
-                  class="relative text-sm bg-muted/40 border px-4 py-3 rounded-lg font-mono overflow-x-auto"
+                  class="bg-muted/40 relative overflow-x-auto rounded-lg border px-4 py-3 font-mono text-sm"
                 >
                   <pre
                     class="text-muted-foreground text-[13px] leading-relaxed break-words whitespace-pre-wrap"
                     style="word-break: break-word"
                     >{{
-                      formatResult(
-                        getTaskType(task.task_event_type),
-                        task.task_event_result,
-                      )
+                      formatResult(getTaskType(task.task_event_type), task.task_event_result)
                     }}</pre
                   >
                 </div>
@@ -260,12 +235,10 @@ watch(
 
         <div
           v-else
-          class="flex flex-col items-center justify-center py-12 text-muted-foreground space-y-3"
+          class="text-muted-foreground flex flex-col items-center justify-center space-y-3 py-12"
         >
-          <div
-            class="w-12 h-12 rounded-full bg-muted/50 flex items-center justify-center"
-          >
-            <Inbox class="w-6 h-6 text-muted-foreground/60" />
+          <div class="bg-muted/50 flex h-12 w-12 items-center justify-center rounded-full">
+            <Inbox class="text-muted-foreground/60 h-6 w-6" />
           </div>
           <p class="text-sm font-medium">
             {{ t("dashboard.cron.history.noTaskResult") }}
diff --git a/src/components/cron/CronHistoryFilter.vue b/src/components/cron/CronHistoryFilter.vue
index 8afdbd46..da37d52c 100644
--- a/src/components/cron/CronHistoryFilter.vue
+++ b/src/components/cron/CronHistoryFilter.vue
@@ -79,10 +79,10 @@ const formatDateTimeLocal = (date: Date): string => {
 </script>
 
 <template>
-  <div class="bg-card border rounded-xl shadow-sm p-5 transition-all">
-    <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
+  <div class="bg-card rounded-xl border p-5 shadow-sm transition-all">
+    <div class="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4">
       <div class="space-y-1.5">
-        <label class="text-sm font-medium text-foreground/80">
+        <label class="text-foreground/80 text-sm font-medium">
           {{ t("dashboard.cron.history.recordId") }}
         </label>
         <Input
@@ -95,7 +95,7 @@ const formatDateTimeLocal = (date: Date): string => {
       </div>
 
       <div class="space-y-1.5">
-        <label class="text-sm font-medium text-foreground/80">
+        <label class="text-foreground/80 text-sm font-medium">
           {{ t("dashboard.cron.history.filterStatus") }}
         </label>
         <Select v-model="localFilter.status" @update:model-value="updateFilter">
@@ -123,7 +123,7 @@ const formatDateTimeLocal = (date: Date): string => {
       </div>
 
       <div class="space-y-1.5">
-        <label class="text-sm font-medium text-foreground/80">
+        <label class="text-foreground/80 text-sm font-medium">
           {{ t("dashboard.cron.history.limit") }}
         </label>
         <Input
@@ -132,15 +132,13 @@ const formatDateTimeLocal = (date: Date): string => {
           min="1"
           max="500"
           class="bg-background/50 h-9"
-          @update:model-value="
-            localFilter.limit = Math.max(1, Number($event) || 20)
-          "
+          @update:model-value="localFilter.limit = Math.max(1, Number($event) || 20)"
           @change="updateFilter"
         />
       </div>
 
       <div class="space-y-1.5">
-        <label class="text-sm font-medium text-foreground/80">
+        <label class="text-foreground/80 text-sm font-medium">
           {{ t("dashboard.cron.history.latestOnly") }}
         </label>
         <Select
@@ -154,18 +152,14 @@ const formatDateTimeLocal = (date: Date): string => {
             <SelectValue />
           </SelectTrigger>
           <SelectContent>
-            <SelectItem value="no">{{
-              t("dashboard.cron.history.disabled")
-            }}</SelectItem>
-            <SelectItem value="yes">{{
-              t("dashboard.cron.history.enabled")
-            }}</SelectItem>
+            <SelectItem value="no">{{ t("dashboard.cron.history.disabled") }}</SelectItem>
+            <SelectItem value="yes">{{ t("dashboard.cron.history.enabled") }}</SelectItem>
           </SelectContent>
         </Select>
       </div>
 
       <div class="space-y-1.5">
-        <label class="text-sm font-medium text-foreground/80">
+        <label class="text-foreground/80 text-sm font-medium">
           {{ t("dashboard.cron.history.startTime") }}
         </label>
         <Input
@@ -177,7 +171,7 @@ const formatDateTimeLocal = (date: Date): string => {
       </div>
 
       <div class="space-y-1.5">
-        <label class="text-sm font-medium text-foreground/80">
+        <label class="text-foreground/80 text-sm font-medium">
           {{ t("dashboard.cron.history.endTime") }}
         </label>
         <Input
@@ -188,25 +182,20 @@ const formatDateTimeLocal = (date: Date): string => {
         />
       </div>
 
-      <div
-        class="sm:col-span-2 flex items-end justify-end gap-3 mt-2 sm:mt-0 w-full"
-      >
+      <div class="mt-2 flex w-full items-end justify-end gap-3 sm:col-span-2 sm:mt-0">
         <Button
           :disabled="loading"
           @click="handleReset"
           variant="outline"
-          class="flex-1 sm:flex-none h-9 px-4 transition-all hover:bg-muted"
+          class="hover:bg-muted h-9 flex-1 px-4 transition-all sm:flex-none"
         >
-          <RotateCcw
-            class="mr-2 h-4 w-4"
-            :class="{ 'animate-spin': loading }"
-          />
+          <RotateCcw class="mr-2 h-4 w-4" :class="{ 'animate-spin': loading }" />
           {{ t("dashboard.cron.history.reset") }}
         </Button>
         <Button
           :disabled="loading"
           @click="handleSearch"
-          class="flex-1 sm:flex-none h-9 px-6 shadow-sm transition-all hover:shadow-md active:scale-95"
+          class="h-9 flex-1 px-6 shadow-sm transition-all hover:shadow-md active:scale-95 sm:flex-none"
         >
           <Search v-if="!loading" class="mr-2 h-4 w-4" />
           <Loader2 v-else class="mr-2 h-4 w-4 animate-spin" />
diff --git a/src/components/cron/CronHistoryTable.vue b/src/components/cron/CronHistoryTable.vue
index 59141f7f..5552b267 100644
--- a/src/components/cron/CronHistoryTable.vue
+++ b/src/components/cron/CronHistoryTable.vue
@@ -66,14 +66,14 @@ const formatTime = (ts: number) => {
 <template>
   <div class="space-y-4">
     <div
-      class="rounded-xl border bg-card text-card-foreground shadow-sm overflow-hidden flex flex-col transition-all relative"
+      class="bg-card text-card-foreground relative flex flex-col overflow-hidden rounded-xl border shadow-sm transition-all"
     >
       <!-- 有数据时的加载遮罩 -->
       <div
         v-if="loading && records.length"
-        class="absolute inset-0 z-10 bg-background/40 backdrop-blur-[1px] flex flex-col items-center justify-center"
+        class="bg-background/40 absolute inset-0 z-10 flex flex-col items-center justify-center backdrop-blur-[1px]"
       >
-        <Loader2 class="h-8 w-8 animate-spin text-muted-foreground" />
+        <Loader2 class="text-muted-foreground h-8 w-8 animate-spin" />
       </div>
 
       <Table>
@@ -82,56 +82,40 @@ const formatTime = (ts: number) => {
             <TableHead class="font-medium whitespace-nowrap">{{
               t("dashboard.cron.history.recordId")
             }}</TableHead>
-            <TableHead
-              v-if="taskType === 'agent'"
-              class="font-medium whitespace-nowrap"
-              >{{ t("dashboard.cron.history.taskId") }}</TableHead
-            >
+            <TableHead v-if="taskType === 'agent'" class="font-medium whitespace-nowrap">{{
+              t("dashboard.cron.history.taskId")
+            }}</TableHead>
             <TableHead class="font-medium whitespace-nowrap">{{
               t("dashboard.cron.history.executionTime")
             }}</TableHead>
             <TableHead class="font-medium whitespace-nowrap">{{
               t("dashboard.cron.history.status")
             }}</TableHead>
-            <TableHead class="font-medium max-w-[300px]">{{
+            <TableHead class="max-w-[300px] font-medium">{{
               t("dashboard.cron.history.message")
             }}</TableHead>
-            <TableHead
-              v-if="taskType === 'agent'"
-              class="font-medium text-right pr-6"
-              >{{ t("dashboard.cron.actions") }}</TableHead
-            >
+            <TableHead v-if="taskType === 'agent'" class="pr-6 text-right font-medium">{{
+              t("dashboard.cron.actions")
+            }}</TableHead>
           </TableRow>
         </TableHeader>
         <TableBody>
           <TableRow v-if="loading && !records.length">
-            <TableCell
-              :colspan="taskType === 'agent' ? 6 : 4"
-              class="h-[300px] text-center"
-            >
+            <TableCell :colspan="taskType === 'agent' ? 6 : 4" class="h-[300px] text-center">
               <div class="flex flex-col items-center justify-center space-y-3">
-                <Loader2
-                  class="w-6 h-6 animate-spin text-muted-foreground/50"
-                />
-                <span class="text-sm font-medium">{{
-                  t("common.loading")
-                }}</span>
+                <Loader2 class="text-muted-foreground/50 h-6 w-6 animate-spin" />
+                <span class="text-sm font-medium">{{ t("common.loading") }}</span>
               </div>
             </TableCell>
           </TableRow>
 
           <TableRow v-else-if="!records.length">
-            <TableCell
-              :colspan="taskType === 'agent' ? 6 : 4"
-              class="h-[300px] text-center"
-            >
+            <TableCell :colspan="taskType === 'agent' ? 6 : 4" class="h-[300px] text-center">
               <div
-                class="flex flex-col items-center justify-center text-muted-foreground space-y-3"
+                class="text-muted-foreground flex flex-col items-center justify-center space-y-3"
               >
-                <div
-                  class="w-12 h-12 rounded-full bg-muted/50 flex items-center justify-center"
-                >
-                  <Inbox class="w-6 h-6 text-muted-foreground/60" />
+                <div class="bg-muted/50 flex h-12 w-12 items-center justify-center rounded-full">
+                  <Inbox class="text-muted-foreground/60 h-6 w-6" />
                 </div>
                 <p class="text-sm">{{ t("dashboard.cron.history.noData") }}</p>
               </div>
@@ -141,37 +125,37 @@ const formatTime = (ts: number) => {
           <TableRow
             v-for="record in records"
             :key="record.id"
-            class="group transition-colors hover:bg-muted/40"
+            class="group hover:bg-muted/40 transition-colors"
           >
-            <TableCell class="font-mono text-sm text-foreground/80 py-3">
+            <TableCell class="text-foreground/80 py-3 font-mono text-sm">
               {{ record.id }}
             </TableCell>
 
             <TableCell
               v-if="taskType === 'agent'"
-              class="font-mono text-sm text-foreground/80 py-3"
+              class="text-foreground/80 py-3 font-mono text-sm"
             >
               <span v-if="record.relative_id">{{ record.relative_id }}</span>
               <span v-else class="text-muted-foreground/50">-</span>
             </TableCell>
 
             <TableCell class="py-3">
-              <div class="flex items-center gap-2 text-sm text-foreground/90">
+              <div class="text-foreground/90 flex items-center gap-2 text-sm">
                 <span class="font-mono">{{ formatTime(record.run_time) }}</span>
               </div>
             </TableCell>
 
             <TableCell class="py-3">
               <div
-                class="inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium border"
+                class="inline-flex items-center gap-1.5 rounded-full border px-2.5 py-1 text-xs font-medium"
                 :class="
                   record.success
-                    ? 'bg-emerald-500/10 text-emerald-600 border-emerald-500/20 dark:text-emerald-400'
+                    ? 'border-emerald-500/20 bg-emerald-500/10 text-emerald-600 dark:text-emerald-400'
                     : 'bg-destructive/10 text-destructive border-destructive/20'
                 "
               >
-                <CheckCircle2 v-if="record.success" class="w-3.5 h-3.5" />
-                <XCircle v-else class="w-3.5 h-3.5" />
+                <CheckCircle2 v-if="record.success" class="h-3.5 w-3.5" />
+                <XCircle v-else class="h-3.5 w-3.5" />
                 {{
                   record.success
                     ? t("dashboard.cron.history.success")
@@ -180,22 +164,18 @@ const formatTime = (ts: number) => {
               </div>
             </TableCell>
 
-            <TableCell class="py-3 max-w-[300px]">
+            <TableCell class="max-w-[300px] py-3">
               <div
-                class="text-sm line-clamp-5 break-words whitespace-pre-wrap"
+                class="line-clamp-5 text-sm break-words whitespace-pre-wrap"
                 style="word-break: break-word"
-                :class="
-                  record.success
-                    ? 'text-muted-foreground'
-                    : 'text-destructive font-medium'
-                "
+                :class="record.success ? 'text-muted-foreground' : 'text-destructive font-medium'"
                 :title="record.message"
               >
                 {{ record.message }}
               </div>
             </TableCell>
 
-            <TableCell v-if="taskType === 'agent'" class="py-3 text-right pr-4">
+            <TableCell v-if="taskType === 'agent'" class="py-3 pr-4 text-right">
               <div class="flex items-center justify-end gap-1">
                 <Button
                   size="icon"
@@ -212,7 +192,7 @@ const formatTime = (ts: number) => {
                   <Button
                     size="icon"
                     variant="ghost"
-                    class="h-7 w-7 text-destructive hover:text-destructive"
+                    class="text-destructive hover:text-destructive h-7 w-7"
                   >
                     <Trash2 class="h-3.5 w-3.5" />
                   </Button>
@@ -225,24 +205,20 @@ const formatTime = (ts: number) => {
 
       <div
         v-if="totalPages > 1 || records.length > 0"
-        class="border-t bg-muted/10 px-4 py-3 flex flex-col gap-3 md:flex-row md:items-center md:justify-between"
+        class="bg-muted/10 flex flex-col gap-3 border-t px-4 py-3 md:flex-row md:items-center md:justify-between"
       >
-        <div class="flex items-center gap-3 text-sm text-muted-foreground">
+        <div class="text-muted-foreground flex items-center gap-3 text-sm">
           <div class="flex items-center gap-2">
             <span>{{ t("dashboard.cron.history.pageSize") }}</span>
             <Select
               :model-value="String(pageSize)"
               @update:model-value="emit('pageSizeChange', Number($event))"
             >
-              <SelectTrigger class="h-8 w-[88px] bg-background">
+              <SelectTrigger class="bg-background h-8 w-[88px]">
                 <SelectValue />
               </SelectTrigger>
               <SelectContent>
-                <SelectItem
-                  v-for="option in pageSizeOptions"
-                  :key="option"
-                  :value="String(option)"
-                >
+                <SelectItem v-for="option in pageSizeOptions" :key="option" :value="String(option)">
                   {{ option }}
                 </SelectItem>
               </SelectContent>
@@ -254,22 +230,22 @@ const formatTime = (ts: number) => {
           <Button
             variant="outline"
             size="sm"
-            class="h-8 px-3 shadow-sm bg-background transition-colors hover:bg-muted"
+            class="bg-background hover:bg-muted h-8 px-3 shadow-sm transition-colors"
             :disabled="currentPage <= 1 || loading"
             @click="emit('pageChange', currentPage - 1)"
           >
-            <ChevronLeft class="w-4 h-4 mr-1" />
+            <ChevronLeft class="mr-1 h-4 w-4" />
             {{ t("common.previous") }}
           </Button>
           <Button
             variant="outline"
             size="sm"
-            class="h-8 px-3 shadow-sm bg-background transition-colors hover:bg-muted"
+            class="bg-background hover:bg-muted h-8 px-3 shadow-sm transition-colors"
             :disabled="currentPage >= totalPages || loading"
             @click="emit('pageChange', currentPage + 1)"
           >
             {{ t("common.next") }}
-            <ChevronRight class="w-4 h-4 ml-1" />
+            <ChevronRight class="ml-1 h-4 w-4" />
           </Button>
         </div>
       </div>
diff --git a/src/components/cron/CronNodeSelectDialog.vue b/src/components/cron/CronNodeSelectDialog.vue
index b3528514..2c59f40f 100644
--- a/src/components/cron/CronNodeSelectDialog.vue
+++ b/src/components/cron/CronNodeSelectDialog.vue
@@ -52,9 +52,7 @@ const toggle = (uuid: string, checked: boolean) => {
 };
 
 const isAllSelected = () => {
-  return (
-    props.nodes.length > 0 && localSelected.value.length === props.nodes.length
-  );
+  return props.nodes.length > 0 && localSelected.value.length === props.nodes.length;
 };
 
 const toggleSelectAll = () => {
@@ -76,11 +74,9 @@ const handleConfirm = () => {
     <DialogContent class="sm:max-w-md">
       <DialogHeader>
         <DialogTitle>{{ t("dashboard.cron.selectNodes") }}</DialogTitle>
-        <DialogDescription>{{
-          t("dashboard.cron.selectNodesDesc")
-        }}</DialogDescription>
+        <DialogDescription>{{ t("dashboard.cron.selectNodesDesc") }}</DialogDescription>
       </DialogHeader>
-      <div class="max-h-72 overflow-y-auto space-y-2 py-2">
+      <div class="max-h-72 space-y-2 overflow-y-auto py-2">
         <Button
           v-if="nodes.length > 0"
           variant="ghost"
@@ -88,11 +84,7 @@ const handleConfirm = () => {
           class="ml-1"
           @click="toggleSelectAll"
         >
-          {{
-            isAllSelected()
-              ? t("dashboard.cron.deselectAll")
-              : t("dashboard.cron.selectAll")
-          }}
+          {{ isAllSelected() ? t("dashboard.cron.deselectAll") : t("dashboard.cron.selectAll") }}
         </Button>
         <div
           v-for="node in nodes"
@@ -103,19 +95,12 @@ const handleConfirm = () => {
             :model-value="localSelected.includes(node.uuid)"
             @update:model-value="(checked) => toggle(node.uuid, !!checked)"
           />
-          <div class="flex flex-col min-w-0">
-            <span class="text-sm font-medium truncate">{{
-              node.customName || node.uuid
-            }}</span>
-            <span class="text-xs text-muted-foreground font-mono truncate">{{
-              node.uuid
-            }}</span>
+          <div class="flex min-w-0 flex-col">
+            <span class="truncate text-sm font-medium">{{ node.customName || node.uuid }}</span>
+            <span class="text-muted-foreground truncate font-mono text-xs">{{ node.uuid }}</span>
           </div>
         </div>
-        <p
-          v-if="!nodes.length"
-          class="text-sm text-muted-foreground text-center py-4"
-        >
+        <p v-if="!nodes.length" class="text-muted-foreground py-4 text-center text-sm">
           {{ t("dashboard.cron.noNodes") }}
         </p>
       </div>
diff --git a/src/components/cron/CronTable.vue b/src/components/cron/CronTable.vue
index e718e9a7..19c1c97e 100644
--- a/src/components/cron/CronTable.vue
+++ b/src/components/cron/CronTable.vue
@@ -38,10 +38,7 @@ const { t } = useI18n();
 const router = useRouter();
 
 const nodeNameMap = computed(
-  () =>
-    new Map(
-      props.nodes.map((node) => [node.uuid, node.customName || node.uuid]),
-    ),
+  () => new Map(props.nodes.map((node) => [node.uuid, node.customName || node.uuid])),
 );
 
 const taskKindVariant = (kind: string) => {
@@ -106,8 +103,7 @@ const formatSingleNodeLabel = (agentId: string) => {
 
 const nodeBadgeLabel = (task: CronTask) => {
   if (!task.agentIds.length) return "x 0";
-  if (task.agentIds.length === 1)
-    return formatSingleNodeLabel(task.agentIds[0] ?? "");
+  if (task.agentIds.length === 1) return formatSingleNodeLabel(task.agentIds[0] ?? "");
   return `x ${task.agentIds.length}`;
 };
 
@@ -131,9 +127,9 @@ const isDeleting = (name: string) => props.deletingNames.includes(name);
   <div class="relative w-full">
     <div
       v-if="loading && tasks.length"
-      class="absolute inset-0 z-10 bg-background/40 backdrop-blur-[1px] flex flex-col items-center justify-center rounded-md"
+      class="bg-background/40 absolute inset-0 z-10 flex flex-col items-center justify-center rounded-md backdrop-blur-[1px]"
     >
-      <Loader2 class="h-8 w-8 animate-spin text-muted-foreground" />
+      <Loader2 class="text-muted-foreground h-8 w-8 animate-spin" />
     </div>
     <Table>
       <TableHeader>
@@ -149,18 +145,15 @@ const isDeleting = (name: string) => props.deletingNames.includes(name);
       </TableHeader>
       <TableBody>
         <TableRow v-if="loading && !tasks.length">
-          <TableCell colspan="7" class="h-32 text-center text-muted-foreground">
+          <TableCell colspan="7" class="text-muted-foreground h-32 text-center">
             <div class="flex flex-col items-center justify-center space-y-3">
-              <Loader2 class="w-6 h-6 animate-spin text-muted-foreground/50" />
+              <Loader2 class="text-muted-foreground/50 h-6 w-6 animate-spin" />
               <span class="text-sm font-medium">{{ t("common.loading") }}</span>
             </div>
           </TableCell>
         </TableRow>
         <TableRow v-else-if="!tasks.length">
-          <TableCell
-            colspan="7"
-            class="text-center text-muted-foreground py-12"
-          >
+          <TableCell colspan="7" class="text-muted-foreground py-12 text-center">
             {{ t("dashboard.cron.empty") }}
           </TableCell>
         </TableRow>
@@ -168,25 +161,16 @@ const isDeleting = (name: string) => props.deletingNames.includes(name);
           <TableCell class="font-medium">{{ task.name }}</TableCell>
           <TableCell>
             <div class="flex flex-col gap-1">
-              <Badge :variant="taskKindVariant(task.taskKind)">{{
-                task.taskKind
-              }}</Badge>
-              <span class="text-xs text-muted-foreground font-mono">{{
-                taskLabel(task)
-              }}</span>
+              <Badge :variant="taskKindVariant(task.taskKind)">{{ task.taskKind }}</Badge>
+              <span class="text-muted-foreground font-mono text-xs">{{ taskLabel(task) }}</span>
             </div>
           </TableCell>
-          <TableCell class="font-mono text-sm">{{
-            task.cronExpression
-          }}</TableCell>
+          <TableCell class="font-mono text-sm">{{ task.cronExpression }}</TableCell>
           <TableCell>
-            <div
-              v-if="task.taskKind === 'agent'"
-              class="flex flex-col items-start gap-1"
-            >
+            <div v-if="task.taskKind === 'agent'" class="flex flex-col items-start gap-1">
               <Badge
                 variant="outline"
-                class="cursor-pointer hover:bg-muted"
+                class="hover:bg-muted cursor-pointer"
                 @click="openNodeSelect(task)"
               >
                 {{ nodeBadgeLabel(task) }}
@@ -194,7 +178,7 @@ const isDeleting = (name: string) => props.deletingNames.includes(name);
             </div>
             <Badge v-else variant="outline">-</Badge>
           </TableCell>
-          <TableCell class="text-sm text-muted-foreground">{{
+          <TableCell class="text-muted-foreground text-sm">{{
             formatTime(task.lastRunTime)
           }}</TableCell>
           <TableCell>
@@ -206,11 +190,9 @@ const isDeleting = (name: string) => props.deletingNames.includes(name);
               :disabled="isToggling(task.name)"
               :class="
                 cn(
-                  'relative inline-flex h-5 w-9 shrink-0 items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',
+                  'focus-visible:ring-ring relative inline-flex h-5 w-9 shrink-0 items-center rounded-full border-2 border-transparent transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none',
                   task.enabled ? 'bg-primary' : 'bg-input',
-                  isToggling(task.name)
-                    ? 'cursor-not-allowed opacity-50'
-                    : 'cursor-pointer',
+                  isToggling(task.name) ? 'cursor-not-allowed opacity-50' : 'cursor-pointer',
                 )
               "
               @click.stop="handleToggleEnabled(task)"
@@ -218,48 +200,31 @@ const isDeleting = (name: string) => props.deletingNames.includes(name);
               <span
                 :class="
                   cn(
-                    'pointer-events-none flex h-4 w-4 items-center justify-center rounded-full bg-background shadow-lg ring-0 transition-transform',
+                    'bg-background pointer-events-none flex h-4 w-4 items-center justify-center rounded-full shadow-lg ring-0 transition-transform',
                     task.enabled ? 'translate-x-4' : 'translate-x-0',
                   )
                 "
               >
                 <Loader2
                   v-if="isToggling(task.name)"
-                  class="h-3 w-3 animate-spin text-muted-foreground"
+                  class="text-muted-foreground h-3 w-3 animate-spin"
                 />
               </span>
             </button>
           </TableCell>
           <TableCell>
             <div class="flex items-center gap-1">
-              <Button
-                size="icon"
-                variant="ghost"
-                class="h-7 w-7"
-                @click="openHistory(task)"
-              >
+              <Button size="icon" variant="ghost" class="h-7 w-7" @click="openHistory(task)">
                 <History class="h-3.5 w-3.5" />
               </Button>
-              <Button
-                size="icon"
-                variant="ghost"
-                class="h-7 w-7"
-                @click="emit('edit', task)"
-              >
+              <Button size="icon" variant="ghost" class="h-7 w-7" @click="emit('edit', task)">
                 <Pencil class="h-3.5 w-3.5" />
               </Button>
-              <Button
-                size="icon"
-                variant="ghost"
-                class="h-7 w-7"
-                @click="emit('duplicate', task)"
-              >
+              <Button size="icon" variant="ghost" class="h-7 w-7" @click="emit('duplicate', task)">
                 <Copy class="h-3.5 w-3.5" />
               </Button>
               <PopConfirm
-                :description="
-                  t('dashboard.cron.deleteConfirm', { name: task.name })
-                "
+                :description="t('dashboard.cron.deleteConfirm', { name: task.name })"
                 :loading="isDeleting(task.name)"
                 @confirm="emit('delete', task.name)"
               >
@@ -267,7 +232,7 @@ const isDeleting = (name: string) => props.deletingNames.includes(name);
                   size="icon"
                   variant="ghost"
                   :disabled="isDeleting(task.name)"
-                  class="h-7 w-7 text-destructive hover:text-destructive"
+                  class="text-destructive hover:text-destructive h-7 w-7"
                 >
                   <Trash2 class="h-3.5 w-3.5" />
                 </Button>
diff --git a/src/components/extensions/ExtensionDetail.vue b/src/components/extensions/ExtensionDetail.vue
index dfe82b4f..2a8911b5 100644
--- a/src/components/extensions/ExtensionDetail.vue
+++ b/src/components/extensions/ExtensionDetail.vue
@@ -36,11 +36,7 @@ import { Badge } from "@/components/ui/badge";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
 import { Tabs, TabsList, TabsTrigger, TabsContent } from "@/components/ui/tabs";
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-} from "@/components/ui/popover";
+import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover";
 import type { Extension } from "@/composables/useExtensions";
 import { useExtensions } from "@/composables/useExtensions";
 import { useJsRuntime } from "@/composables/useJsRuntime";
@@ -60,8 +56,7 @@ const { currentBackend } = useBackendStore();
 const backendUrl = computed(() => currentBackend.value?.url ?? "");
 const router = useRouter();
 
-const { saveExtension, deleteExtension, getStaticUrl, uploadFile } =
-  useExtensions();
+const { saveExtension, deleteExtension, getStaticUrl, uploadFile } = useExtensions();
 const { getWorker } = useJsRuntime();
 
 const backendToken = computed(() => currentBackend.value?.token ?? "");
@@ -74,24 +69,24 @@ const fetchNodeUuids = async () => {
   if (!backendUrl.value) return;
   const conn = getWsConnection(backendUrl.value);
   try {
-    const result = await conn.call<{ uuids: string[] }>(
-      "nodeget-server_list_all_agent_uuid",
-      { token: backendToken.value },
-    );
+    const result = await conn.call<{ uuids: string[] }>("nodeget-server_list_all_agent_uuid", {
+      token: backendToken.value,
+    });
     const uuids = Array.isArray(result?.uuids) ? result.uuids : [];
     nodeUuids.value = uuids;
 
     // 批量拉取节点名称
     if (uuids.length > 0) {
-      const names = await conn.call<
-        { namespace: string; key: string; value: unknown }[]
-      >("kv_get_multi_value", {
-        token: backendToken.value,
-        namespace_key: uuids.map((uuid) => ({
-          namespace: uuid,
-          key: "metadata_name",
-        })),
-      });
+      const names = await conn.call<{ namespace: string; key: string; value: unknown }[]>(
+        "kv_get_multi_value",
+        {
+          token: backendToken.value,
+          namespace_key: uuids.map((uuid) => ({
+            namespace: uuid,
+            key: "metadata_name",
+          })),
+        },
+      );
       const map: Record<string, string> = {};
       if (Array.isArray(names)) {
         for (const item of names) {
@@ -315,9 +310,7 @@ const buildFileTree = (files: { path: string }[]): TreeNode[] => {
   return root;
 };
 
-const resourceFiles = computed(() =>
-  buildFileTree(props.extension.files ?? []),
-);
+const resourceFiles = computed(() => buildFileTree(props.extension.files ?? []));
 
 const specialFiles = [
   { name: "app.json", path: VIRTUAL.APP_JSON, isDir: false },
@@ -399,8 +392,7 @@ const handleSaveToken = async () => {
 };
 
 const handleDelete = async () => {
-  if (!confirm(`确认删除扩展「${props.extension.app.name}」？此操作不可撤销。`))
-    return;
+  if (!confirm(`确认删除扩展「${props.extension.app.name}」？此操作不可撤销。`)) return;
   deleting.value = true;
   try {
     await deleteExtension(props.extension.id);
@@ -493,10 +485,7 @@ const ExtensionFileNode = defineComponent({
           class: `flex items-center gap-1.5 w-full text-left text-xs px-2 py-1 rounded hover:bg-muted transition-colors ${props.selected === node.path ? "bg-muted" : ""}`,
           onClick: () => emit("select", node.path),
         },
-        [
-          h(File, { class: "h-3 w-3 text-muted-foreground flex-shrink-0" }),
-          h("span", node.name),
-        ],
+        [h(File, { class: "h-3 w-3 text-muted-foreground flex-shrink-0" }), h("span", node.name)],
       );
     };
   },
@@ -517,23 +506,21 @@ const ExtensionFileNode = defineComponent({
         <!-- 基本字段 -->
         <div class="space-y-2 text-sm">
           <div class="flex gap-2">
-            <span class="w-12 shrink-0 text-muted-foreground">名称</span>
+            <span class="text-muted-foreground w-12 shrink-0">名称</span>
             <span class="font-medium">{{ extension.app.name }}</span>
           </div>
           <div class="flex gap-2">
-            <span class="w-12 shrink-0 text-muted-foreground">ID</span>
+            <span class="text-muted-foreground w-12 shrink-0">ID</span>
             <span class="truncate font-mono text-xs">{{ extension.id }}</span>
           </div>
           <div class="flex gap-2">
-            <span class="w-12 shrink-0 text-muted-foreground">描述</span>
+            <span class="text-muted-foreground w-12 shrink-0">描述</span>
             <span>{{ extension.app.description || "—" }}</span>
           </div>
           <div class="flex gap-4">
             <div class="flex gap-2">
               <span class="text-muted-foreground">创建于</span>
-              <span>{{
-                new Date(extension.created_at).toLocaleDateString("zh-CN")
-              }}</span>
+              <span>{{ new Date(extension.created_at).toLocaleDateString("zh-CN") }}</span>
             </div>
             <div class="flex gap-2">
               <span class="text-muted-foreground">编辑于</span>
@@ -551,7 +538,7 @@ const ExtensionFileNode = defineComponent({
                 <!-- global 路由：直接跳转 -->
                 <button
                   v-if="route.type === 'global'"
-                  class="inline-flex items-center gap-1.5 rounded-md border border-primary/30 px-2 py-1 font-mono text-xs text-primary transition-colors hover:bg-muted"
+                  class="border-primary/30 text-primary hover:bg-muted inline-flex items-center gap-1.5 rounded-md border px-2 py-1 font-mono text-xs transition-colors"
                   @click="navigateRoute(route.name, route.type)"
                 >
                   {{ route.name }}
@@ -571,7 +558,7 @@ const ExtensionFileNode = defineComponent({
                 >
                   <PopoverTrigger as-child>
                     <button
-                      class="inline-flex items-center gap-1.5 rounded-md border border-border px-2 py-1 font-mono text-xs text-muted-foreground transition-colors hover:bg-muted"
+                      class="border-border text-muted-foreground hover:bg-muted inline-flex items-center gap-1.5 rounded-md border px-2 py-1 font-mono text-xs transition-colors"
                       @click="navigateRoute(route.name, route.type)"
                     >
                       {{ route.name }}
@@ -580,23 +567,18 @@ const ExtensionFileNode = defineComponent({
                     </button>
                   </PopoverTrigger>
                   <PopoverContent class="w-64 p-2">
-                    <p class="mb-2 px-1 text-xs text-muted-foreground">
-                      选择节点
-                    </p>
+                    <p class="text-muted-foreground mb-2 px-1 text-xs">选择节点</p>
                     <div class="max-h-48 space-y-0.5 overflow-y-auto">
                       <button
                         v-for="uuid in nodeUuids"
                         :key="uuid"
-                        class="w-full rounded px-2 py-1.5 text-left text-xs transition-colors hover:bg-muted"
+                        class="hover:bg-muted w-full rounded px-2 py-1.5 text-left text-xs transition-colors"
                         @click="pickNode(uuid)"
                       >
-                        <span class="font-medium">{{
-                          nodeNames[uuid] || "未命名节点"
+                        <span class="font-medium">{{ nodeNames[uuid] || "未命名节点" }}</span>
+                        <span class="text-muted-foreground block truncate font-mono text-[10px]">{{
+                          uuid
                         }}</span>
-                        <span
-                          class="block truncate font-mono text-[10px] text-muted-foreground"
-                          >{{ uuid }}</span
-                        >
                       </button>
                     </div>
                   </PopoverContent>
@@ -609,15 +591,10 @@ const ExtensionFileNode = defineComponent({
         <!-- README -->
         <div
           v-if="extension.readme"
-          class="prose prose-sm max-w-none overflow-y-auto rounded border p-3 text-sm prose-neutral dark:prose-invert"
+          class="prose prose-sm prose-neutral dark:prose-invert max-w-none overflow-y-auto rounded border p-3 text-sm"
           v-html="renderMarkdown(extension.readme)"
         />
-        <div
-          v-else
-          class="rounded border p-3 text-xs text-muted-foreground italic"
-        >
-          无 README
-        </div>
+        <div v-else class="text-muted-foreground rounded border p-3 text-xs italic">无 README</div>
       </div>
     </TabsContent>
 
@@ -625,7 +602,7 @@ const ExtensionFileNode = defineComponent({
     <TabsContent value="files" class="min-h-0 flex-1">
       <div class="grid h-full grid-cols-3 gap-4">
         <div class="col-span-1 flex min-h-0 flex-col rounded-lg border p-3">
-          <p class="mb-2 shrink-0 text-xs text-muted-foreground">普通文件</p>
+          <p class="text-muted-foreground mb-2 shrink-0 text-xs">普通文件</p>
           <div class="flex-1 space-y-0.5 overflow-y-auto">
             <component
               :is="ExtensionFileNode"
@@ -635,31 +612,26 @@ const ExtensionFileNode = defineComponent({
               :selected="selectedFile"
               @select="loadFileContent"
             />
-            <p
-              v-if="!resourceFiles.length"
-              class="text-xs text-muted-foreground italic"
-            >
+            <p v-if="!resourceFiles.length" class="text-muted-foreground text-xs italic">
               无资源文件
             </p>
-            <p class="mt-3 mb-2 text-xs text-muted-foreground">特殊文件</p>
+            <p class="text-muted-foreground mt-3 mb-2 text-xs">特殊文件</p>
             <button
               v-for="sf in specialFiles"
               :key="sf.path"
-              class="flex w-full items-center gap-1.5 rounded px-2 py-1 text-left text-xs transition-colors hover:bg-muted"
+              class="hover:bg-muted flex w-full items-center gap-1.5 rounded px-2 py-1 text-left text-xs transition-colors"
               :class="{ 'bg-muted': selectedFile === sf.path }"
               @click="loadFileContent(sf.path)"
             >
-              <File class="h-3 w-3 text-muted-foreground" />{{ sf.name }}
+              <File class="text-muted-foreground h-3 w-3" />{{ sf.name }}
             </button>
             <template v-if="workerDisplayName">
               <button
-                class="mt-0.5 flex w-full items-center gap-1.5 rounded px-2 py-1 text-left text-xs transition-colors hover:bg-muted"
+                class="hover:bg-muted mt-0.5 flex w-full items-center gap-1.5 rounded px-2 py-1 text-left text-xs transition-colors"
                 :class="{ 'bg-muted': selectedFile === VIRTUAL.WORKER }"
                 @click="loadFileContent(VIRTUAL.WORKER)"
               >
-                <Cpu class="h-3 w-3 text-muted-foreground" />{{
-                  workerDisplayName
-                }}
+                <Cpu class="text-muted-foreground h-3 w-3" />{{ workerDisplayName }}
               </button>
             </template>
           </div>
@@ -667,11 +639,9 @@ const ExtensionFileNode = defineComponent({
 
         <div class="col-span-2 flex min-h-0 flex-col rounded-lg border p-3">
           <div class="mb-2 flex shrink-0 items-center justify-between">
-            <p class="text-xs text-muted-foreground">内容预览</p>
+            <p class="text-muted-foreground text-xs">内容预览</p>
             <div
-              v-if="
-                selectedFile && !fileLoading && !fileError && !isSpecialFile
-              "
+              v-if="selectedFile && !fileLoading && !fileError && !isSpecialFile"
               class="flex items-center gap-1"
             >
               <input
@@ -700,22 +670,16 @@ const ExtensionFileNode = defineComponent({
               </Button>
             </div>
           </div>
-          <div
-            v-if="!selectedFile"
-            class="text-xs text-muted-foreground italic"
-          >
+          <div v-if="!selectedFile" class="text-muted-foreground text-xs italic">
             选择左侧文件查看内容
           </div>
           <div
             v-else-if="fileLoading"
-            class="flex items-center gap-2 text-xs text-muted-foreground"
+            class="text-muted-foreground flex items-center gap-2 text-xs"
           >
             <Loader2 class="h-3 w-3 animate-spin" />加载中...
           </div>
-          <div
-            v-else-if="fileError"
-            class="flex items-center gap-1 text-xs text-destructive"
-          >
+          <div v-else-if="fileError" class="text-destructive flex items-center gap-1 text-xs">
             <AlertCircle class="h-3 w-3" />{{ fileError }}
           </div>
           <div v-else class="min-h-0 flex-1 overflow-hidden rounded border">
@@ -735,7 +699,7 @@ const ExtensionFileNode = defineComponent({
       <!-- 启用 -->
       <div class="grid grid-cols-[auto_1fr_auto] items-center gap-3">
         <Label class="text-sm font-medium">启用</Label>
-        <span class="text-xs text-muted-foreground"
+        <span class="text-muted-foreground text-xs"
           >（当前是{{ extension.disabled ? "disabled" : "enabled" }}状态）</span
         >
         <button
@@ -764,19 +728,14 @@ const ExtensionFileNode = defineComponent({
             />
             <button
               type="button"
-              class="absolute top-1/2 right-2 -translate-y-1/2 text-muted-foreground transition-colors hover:text-foreground"
+              class="text-muted-foreground hover:text-foreground absolute top-1/2 right-2 -translate-y-1/2 transition-colors"
               @click="showToken = !showToken"
             >
               <Eye v-if="!showToken" class="h-4 w-4" />
               <EyeOff v-else class="h-4 w-4" />
             </button>
           </div>
-          <Button
-            size="sm"
-            class="shrink-0"
-            :disabled="savingToken"
-            @click="handleSaveToken"
-          >
+          <Button size="sm" class="shrink-0" :disabled="savingToken" @click="handleSaveToken">
             <Loader2 v-if="savingToken" class="mr-1 h-3 w-3 animate-spin" />
             <Save v-else class="mr-1 h-3 w-3" />确认
           </Button>
@@ -790,59 +749,39 @@ const ExtensionFileNode = defineComponent({
           <table class="w-full text-xs">
             <thead class="bg-muted/50">
               <tr>
-                <th
-                  class="px-3 py-2 text-left font-medium text-muted-foreground"
-                >
-                  name
-                </th>
-                <th
-                  class="px-3 py-2 text-left font-medium text-muted-foreground"
-                >
-                  type
-                </th>
-                <th
-                  class="px-3 py-2 text-left font-medium text-muted-foreground"
-                >
-                  entry
-                </th>
-                <th
-                  class="px-3 py-2 text-left font-medium text-muted-foreground"
-                >
-                  icon path
-                </th>
+                <th class="text-muted-foreground px-3 py-2 text-left font-medium">name</th>
+                <th class="text-muted-foreground px-3 py-2 text-left font-medium">type</th>
+                <th class="text-muted-foreground px-3 py-2 text-left font-medium">entry</th>
+                <th class="text-muted-foreground px-3 py-2 text-left font-medium">icon path</th>
               </tr>
             </thead>
             <tbody>
-              <tr
-                v-for="(route, i) in editableRoutes"
-                :key="i"
-                class="border-t"
-              >
+              <tr v-for="(route, i) in editableRoutes" :key="i" class="border-t">
                 <td class="px-2 py-1">
                   <input
                     v-model="route.name"
-                    class="w-full rounded border border-border bg-transparent px-1 py-0.5 font-mono transition-colors outline-none focus:ring-1 focus:ring-ring"
+                    class="border-border focus:ring-ring w-full rounded border bg-transparent px-1 py-0.5 font-mono transition-colors outline-none focus:ring-1"
                     @input="onRouteInput"
                   />
                 </td>
                 <td class="px-2 py-1">
                   <input
                     v-model="route.type"
-                    class="w-full rounded border border-border bg-transparent px-1 py-0.5 font-mono transition-colors outline-none focus:ring-1 focus:ring-ring"
+                    class="border-border focus:ring-ring w-full rounded border bg-transparent px-1 py-0.5 font-mono transition-colors outline-none focus:ring-1"
                     @input="onRouteInput"
                   />
                 </td>
                 <td class="px-2 py-1">
                   <input
                     v-model="route.entry"
-                    class="w-full rounded border border-border bg-transparent px-1 py-0.5 font-mono text-muted-foreground transition-colors outline-none focus:ring-1 focus:ring-ring"
+                    class="border-border text-muted-foreground focus:ring-ring w-full rounded border bg-transparent px-1 py-0.5 font-mono transition-colors outline-none focus:ring-1"
                     @input="onRouteInput"
                   />
                 </td>
                 <td class="px-2 py-1">
                   <input
                     v-model="route.icon"
-                    class="w-full rounded border border-border bg-transparent px-1 py-0.5 font-mono text-muted-foreground transition-colors outline-none focus:ring-1 focus:ring-ring"
+                    class="border-border text-muted-foreground focus:ring-ring w-full rounded border bg-transparent px-1 py-0.5 font-mono transition-colors outline-none focus:ring-1"
                     @input="onRouteInput"
                   />
                 </td>
diff --git a/src/components/extensions/ExtensionIcon.vue b/src/components/extensions/ExtensionIcon.vue
index 4939131e..33e7dd21 100644
--- a/src/components/extensions/ExtensionIcon.vue
+++ b/src/components/extensions/ExtensionIcon.vue
@@ -24,8 +24,7 @@ watch(
       }
       const text = await resp.text();
       // 确认是 SVG 内容
-      svgContent.value =
-        text.trim().startsWith("<svg") || text.includes("<svg ") ? text : null;
+      svgContent.value = text.trim().startsWith("<svg") || text.includes("<svg ") ? text : null;
     } catch {
       svgContent.value = null;
     }
@@ -37,7 +36,7 @@ watch(
 <template>
   <span
     v-if="svgContent"
-    class="flex items-center justify-center [&>svg]:w-full [&>svg]:h-full"
+    class="flex items-center justify-center [&>svg]:h-full [&>svg]:w-full"
     :style="{ width: `${size ?? 24}px`, height: `${size ?? 24}px` }"
     v-html="svgContent"
   />
diff --git a/src/components/extensions/ExtensionInstallDialog.vue b/src/components/extensions/ExtensionInstallDialog.vue
index f3f37d1c..41ca362a 100644
--- a/src/components/extensions/ExtensionInstallDialog.vue
+++ b/src/components/extensions/ExtensionInstallDialog.vue
@@ -1,13 +1,7 @@
 <script setup lang="ts">
 import { ref, computed } from "vue";
 import { diffLines } from "diff";
-import {
-  FolderOpen,
-  Upload,
-  CheckCircle,
-  AlertCircle,
-  Loader2,
-} from "lucide-vue-next";
+import { FolderOpen, Upload, CheckCircle, AlertCircle, Loader2 } from "lucide-vue-next";
 import {
   Dialog,
   DialogContent,
@@ -49,8 +43,7 @@ const tokenAgreed = ref(false);
 const fileInputRef = ref<HTMLInputElement | null>(null);
 const zipInputRef = ref<HTMLInputElement | null>(null);
 
-const routeTypeLabel = (type: string) =>
-  type === "global" ? "全局路由" : "节点路由";
+const routeTypeLabel = (type: string) => (type === "global" ? "全局路由" : "节点路由");
 const routeTypeBadgeVariant = (type: string) =>
   type === "global" ? ("default" as const) : ("secondary" as const);
 
@@ -70,33 +63,19 @@ const normalizeJson = (val: unknown): unknown => {
 
 const limitsChanged = computed(() => {
   if (!isReinstall.value || !props.reinstallTarget) return true;
-  const oldLimits = JSON.stringify(
-    normalizeJson(props.reinstallTarget.app.limits ?? []),
-  );
-  const newLimits = JSON.stringify(
-    normalizeJson(parsedApp.value?.limits ?? []),
-  );
+  const oldLimits = JSON.stringify(normalizeJson(props.reinstallTarget.app.limits ?? []));
+  const newLimits = JSON.stringify(normalizeJson(parsedApp.value?.limits ?? []));
   return oldLimits !== newLimits;
 });
 
-const needsTokenConfirm = computed(
-  () => !isReinstall.value || limitsChanged.value,
-);
+const needsTokenConfirm = computed(() => !isReinstall.value || limitsChanged.value);
 
 type DiffLine = { text: string; added: boolean; removed: boolean };
 
 const limitsDiff = computed((): DiffLine[] | null => {
   if (!isReinstall.value || !props.reinstallTarget) return null;
-  const oldStr = JSON.stringify(
-    normalizeJson(props.reinstallTarget.app.limits ?? []),
-    null,
-    2,
-  );
-  const newStr = JSON.stringify(
-    normalizeJson(parsedApp.value?.limits ?? []),
-    null,
-    2,
-  );
+  const oldStr = JSON.stringify(normalizeJson(props.reinstallTarget.app.limits ?? []), null, 2);
+  const newStr = JSON.stringify(normalizeJson(parsedApp.value?.limits ?? []), null, 2);
   return diffLines(oldStr, newStr).flatMap((part) => {
     const prefix = part.added ? "+" : part.removed ? "-" : " ";
     const lines = part.value.split("\n");
@@ -211,9 +190,7 @@ defineExpose({ onProgress, onInstallDone, onInstallError });
     <DialogContent class="max-w-lg">
       <DialogHeader>
         <DialogTitle>{{
-          isReinstall
-            ? `重装「${props.reinstallTarget?.app.name}」`
-            : "安装扩展"
+          isReinstall ? `重装「${props.reinstallTarget?.app.name}」` : "安装扩展"
         }}</DialogTitle>
         <DialogDescription>
           {{
@@ -227,32 +204,25 @@ defineExpose({ onProgress, onInstallDone, onInstallError });
       <!-- 步骤：选择文件 -->
       <template v-if="step === 'select'">
         <div class="flex flex-col items-center gap-4 py-6">
-          <div class="grid grid-cols-2 gap-3 w-full">
+          <div class="grid w-full grid-cols-2 gap-3">
             <div
-              class="border-2 border-dashed border-muted-foreground/30 rounded-lg p-6 flex flex-col items-center gap-2 cursor-pointer hover:border-muted-foreground/60 transition-colors"
+              class="border-muted-foreground/30 hover:border-muted-foreground/60 flex cursor-pointer flex-col items-center gap-2 rounded-lg border-2 border-dashed p-6 transition-colors"
               @click="openFolderPicker"
             >
-              <FolderOpen class="h-8 w-8 text-muted-foreground" />
-              <p class="text-xs text-muted-foreground text-center">
-                打开文件夹
-              </p>
+              <FolderOpen class="text-muted-foreground h-8 w-8" />
+              <p class="text-muted-foreground text-center text-xs">打开文件夹</p>
             </div>
             <div
-              class="border-2 border-dashed border-muted-foreground/30 rounded-lg p-6 flex flex-col items-center gap-2 cursor-pointer hover:border-muted-foreground/60 transition-colors"
+              class="border-muted-foreground/30 hover:border-muted-foreground/60 flex cursor-pointer flex-col items-center gap-2 rounded-lg border-2 border-dashed p-6 transition-colors"
               @click="openZipPicker"
             >
-              <Upload class="h-8 w-8 text-muted-foreground" />
-              <p class="text-xs text-muted-foreground text-center">打开 ZIP</p>
+              <Upload class="text-muted-foreground h-8 w-8" />
+              <p class="text-muted-foreground text-center text-xs">打开 ZIP</p>
             </div>
           </div>
-          <p class="text-xs text-muted-foreground">
-            需包含 app.json 和 resources/ 目录
-          </p>
+          <p class="text-muted-foreground text-xs">需包含 app.json 和 resources/ 目录</p>
 
-          <p
-            v-if="parseError"
-            class="text-sm text-destructive flex items-center gap-1"
-          >
+          <p v-if="parseError" class="text-destructive flex items-center gap-1 text-sm">
             <AlertCircle class="h-4 w-4 flex-shrink-0" />{{ parseError }}
           </p>
 
@@ -284,7 +254,7 @@ defineExpose({ onProgress, onInstallDone, onInstallError });
             <!-- 基本信息 -->
             <div class="space-y-2">
               <h4 class="text-sm font-medium">扩展信息</h4>
-              <div class="rounded-md border p-3 space-y-1 text-sm">
+              <div class="space-y-1 rounded-md border p-3 text-sm">
                 <div class="flex justify-between">
                   <span class="text-muted-foreground">名称</span>
                   <span class="font-medium">{{ parsedApp?.name || "—" }}</span>
@@ -295,7 +265,7 @@ defineExpose({ onProgress, onInstallDone, onInstallError });
                 </div>
                 <div class="flex justify-between">
                   <span class="text-muted-foreground">描述</span>
-                  <span class="text-right max-w-48 truncate">{{
+                  <span class="max-w-48 truncate text-right">{{
                     parsedApp?.description || "—"
                   }}</span>
                 </div>
@@ -308,9 +278,7 @@ defineExpose({ onProgress, onInstallDone, onInstallError });
 
             <!-- 路由信息 -->
             <div v-if="parsedApp?.routes?.length" class="space-y-2">
-              <h4 class="text-sm font-medium">
-                注册路由 ({{ parsedApp.routes.length }})
-              </h4>
+              <h4 class="text-sm font-medium">注册路由 ({{ parsedApp.routes.length }})</h4>
               <div class="space-y-1">
                 <div
                   v-for="route in parsedApp.routes"
@@ -318,10 +286,7 @@ defineExpose({ onProgress, onInstallDone, onInstallError });
                   class="flex items-center justify-between rounded-md border px-3 py-2 text-sm"
                 >
                   <span class="font-mono text-xs">{{ route.name }}</span>
-                  <Badge
-                    :variant="routeTypeBadgeVariant(route.type)"
-                    class="text-xs"
-                  >
+                  <Badge :variant="routeTypeBadgeVariant(route.type)" class="text-xs">
                     {{ routeTypeLabel(route.type) }}
                   </Badge>
                 </div>
@@ -335,10 +300,8 @@ defineExpose({ onProgress, onInstallDone, onInstallError });
               </h4>
 
               <!-- 重装且权限有变化：显示 diff -->
-              <div v-if="limitsDiff" class="rounded-md border overflow-hidden">
-                <pre
-                  class="p-3 text-xs font-mono overflow-x-auto max-h-48 leading-5"
-                ><span
+              <div v-if="limitsDiff" class="overflow-hidden rounded-md border">
+                <pre class="max-h-48 overflow-x-auto p-3 font-mono text-xs leading-5"><span
                   v-for="(line, i) in limitsDiff"
                   :key="i"
                   :class="[
@@ -352,45 +315,27 @@ defineExpose({ onProgress, onInstallDone, onInstallError });
 
               <!-- 新安装：显示完整 JSON -->
               <template v-else>
-                <div
-                  v-if="limitsCount > 0"
-                  class="rounded-md border overflow-hidden"
-                >
+                <div v-if="limitsCount > 0" class="overflow-hidden rounded-md border">
                   <pre
-                    class="p-3 text-xs font-mono bg-muted/30 overflow-x-auto whitespace-pre-wrap break-all max-h-32"
-                    >{{
-                      JSON.stringify(
-                        normalizeJson(parsedApp?.limits ?? []),
-                        null,
-                        2,
-                      )
-                    }}</pre
+                    class="bg-muted/30 max-h-32 overflow-x-auto p-3 font-mono text-xs break-all whitespace-pre-wrap"
+                    >{{ JSON.stringify(normalizeJson(parsedApp?.limits ?? []), null, 2) }}</pre
                   >
                 </div>
                 <div
                   v-else
-                  class="rounded-md border p-3 text-xs text-muted-foreground font-mono bg-muted/30"
+                  class="text-muted-foreground bg-muted/30 rounded-md border p-3 font-mono text-xs"
                 >
                   默认只读监控权限（cpu、system）
                 </div>
               </template>
-              <label
-                class="flex items-center gap-2 cursor-pointer select-none text-sm"
-              >
-                <input
-                  v-model="tokenAgreed"
-                  type="checkbox"
-                  class="h-4 w-4 rounded"
-                />
+              <label class="flex cursor-pointer items-center gap-2 text-sm select-none">
+                <input v-model="tokenAgreed" type="checkbox" class="h-4 w-4 rounded" />
                 我同意为此扩展创建上述权限的 Token
               </label>
             </div>
 
             <!-- 安装错误提示 -->
-            <p
-              v-if="installError"
-              class="text-sm text-destructive flex items-center gap-1"
-            >
+            <p v-if="installError" class="text-destructive flex items-center gap-1 text-sm">
               <AlertCircle class="h-4 w-4 flex-shrink-0" />
               {{ installError }}
             </p>
@@ -399,11 +344,8 @@ defineExpose({ onProgress, onInstallDone, onInstallError });
 
         <DialogFooter class="mt-4">
           <Button variant="outline" @click="step = 'select'">返回</Button>
-          <Button
-            :disabled="needsTokenConfirm && !tokenAgreed"
-            @click="handleInstall"
-          >
-            <Upload class="h-4 w-4 mr-2" />
+          <Button :disabled="needsTokenConfirm && !tokenAgreed" @click="handleInstall">
+            <Upload class="mr-2 h-4 w-4" />
             {{ isReinstall ? "确认重装" : "创建 Token 并安装" }}
           </Button>
         </DialogFooter>
@@ -411,13 +353,13 @@ defineExpose({ onProgress, onInstallDone, onInstallError });
 
       <!-- 步骤：安装中 -->
       <template v-else-if="step === 'installing'">
-        <div class="py-4 space-y-4">
-          <div class="flex items-center gap-2 text-sm text-muted-foreground">
+        <div class="space-y-4 py-4">
+          <div class="text-muted-foreground flex items-center gap-2 text-sm">
             <Loader2 class="h-4 w-4 animate-spin" />
             正在安装扩展，请稍候...
           </div>
-          <div class="h-40 overflow-y-auto rounded-md border bg-muted/30 p-2">
-            <div class="space-y-1 font-mono text-xs text-muted-foreground">
+          <div class="bg-muted/30 h-40 overflow-y-auto rounded-md border p-2">
+            <div class="text-muted-foreground space-y-1 font-mono text-xs">
               <p v-for="(msg, i) in progressMessages" :key="i">{{ msg }}</p>
             </div>
           </div>
@@ -426,12 +368,10 @@ defineExpose({ onProgress, onInstallDone, onInstallError });
 
       <!-- 步骤：完成 -->
       <template v-else-if="step === 'done'">
-        <div class="py-6 flex flex-col items-center gap-3">
+        <div class="flex flex-col items-center gap-3 py-6">
           <CheckCircle class="h-10 w-10 text-green-500" />
           <p class="text-sm font-medium">扩展安装成功！</p>
-          <p class="text-xs text-muted-foreground font-mono">
-            ID: {{ installedId }}
-          </p>
+          <p class="text-muted-foreground font-mono text-xs">ID: {{ installedId }}</p>
         </div>
 
         <DialogFooter>
diff --git a/src/components/extensions/QuickExtensionDialog.vue b/src/components/extensions/QuickExtensionDialog.vue
index e5ee6756..009139fe 100644
--- a/src/components/extensions/QuickExtensionDialog.vue
+++ b/src/components/extensions/QuickExtensionDialog.vue
@@ -86,13 +86,9 @@ const handleConfirm = async () => {
   progressMessages.value = [];
 
   try {
-    const id = await createQuickExtension(
-      extName.value.trim(),
-      workerName.value,
-      (msg) => {
-        progressMessages.value.push(msg);
-      },
-    );
+    const id = await createQuickExtension(extName.value.trim(), workerName.value, (msg) => {
+      progressMessages.value.push(msg);
+    });
     createdId.value = id;
     step.value = "done";
   } catch (e: unknown) {
@@ -147,18 +143,12 @@ const handleDone = () => {
                 </SelectItem>
               </SelectContent>
             </Select>
-            <p
-              v-if="workerList.length === 0"
-              class="text-xs text-muted-foreground"
-            >
+            <p v-if="workerList.length === 0" class="text-muted-foreground text-xs">
               暂无可用 Worker
             </p>
           </div>
 
-          <p
-            v-if="formError"
-            class="text-sm text-destructive flex items-center gap-1"
-          >
+          <p v-if="formError" class="text-destructive flex items-center gap-1 text-sm">
             <AlertCircle class="h-4 w-4 flex-shrink-0" />
             {{ formError }}
           </p>
@@ -167,7 +157,7 @@ const handleDone = () => {
         <DialogFooter>
           <Button variant="outline" @click="handleClose">取消</Button>
           <Button @click="handleConfirm">
-            <Zap class="h-4 w-4 mr-2" />
+            <Zap class="mr-2 h-4 w-4" />
             创建
           </Button>
         </DialogFooter>
@@ -175,13 +165,13 @@ const handleDone = () => {
 
       <!-- 步骤：创建中 -->
       <template v-else-if="step === 'creating'">
-        <div class="py-4 space-y-4">
-          <div class="flex items-center gap-2 text-sm text-muted-foreground">
+        <div class="space-y-4 py-4">
+          <div class="text-muted-foreground flex items-center gap-2 text-sm">
             <Loader2 class="h-4 w-4 animate-spin" />
             正在创建快捷扩展，请稍候...
           </div>
-          <div class="h-32 overflow-y-auto rounded-md border bg-muted/30 p-2">
-            <div class="space-y-1 font-mono text-xs text-muted-foreground">
+          <div class="bg-muted/30 h-32 overflow-y-auto rounded-md border p-2">
+            <div class="text-muted-foreground space-y-1 font-mono text-xs">
               <p v-for="(msg, i) in progressMessages" :key="i">{{ msg }}</p>
             </div>
           </div>
@@ -190,12 +180,10 @@ const handleDone = () => {
 
       <!-- 步骤：完成 -->
       <template v-else-if="step === 'done'">
-        <div class="py-6 flex flex-col items-center gap-3">
+        <div class="flex flex-col items-center gap-3 py-6">
           <CheckCircle class="h-10 w-10 text-green-500" />
           <p class="text-sm font-medium">快捷扩展创建成功！</p>
-          <p class="text-xs text-muted-foreground font-mono">
-            ID: {{ createdId }}
-          </p>
+          <p class="text-muted-foreground font-mono text-xs">ID: {{ createdId }}</p>
         </div>
 
         <DialogFooter>
diff --git a/src/components/js-runtime/WorkerFormDialog.vue b/src/components/js-runtime/WorkerFormDialog.vue
index d0ff4303..ad1de00b 100644
--- a/src/components/js-runtime/WorkerFormDialog.vue
+++ b/src/components/js-runtime/WorkerFormDialog.vue
@@ -50,10 +50,7 @@ const defaultContent = `export default {
   }
 };`;
 
-const extensions = computed(() => [
-  javascript(),
-  ...(themeStore.isDark ? [oneDark] : []),
-]);
+const extensions = computed(() => [javascript(), ...(themeStore.isDark ? [oneDark] : [])]);
 
 watch(
   () => props.open,
@@ -75,28 +72,22 @@ const close = () => emit("update:open", false);
 
 <template>
   <Dialog :open="open" @update:open="emit('update:open', $event)">
-    <DialogContent class="max-w-3xl h-[80vh] flex flex-col">
+    <DialogContent class="flex h-[80vh] max-w-3xl flex-col">
       <DialogHeader>
         <DialogTitle>{{
-          editWorker
-            ? t("dashboard.jsRuntime.editWorker")
-            : t("dashboard.jsRuntime.addWorker")
+          editWorker ? t("dashboard.jsRuntime.editWorker") : t("dashboard.jsRuntime.addWorker")
         }}</DialogTitle>
       </DialogHeader>
 
-      <div class="flex-1 overflow-hidden space-y-4 flex flex-col">
+      <div class="flex flex-1 flex-col space-y-4 overflow-hidden">
         <div class="space-y-2">
           <Label for="worker-name">{{ t("dashboard.jsRuntime.name") }}</Label>
-          <Input
-            id="worker-name"
-            v-model="name"
-            :placeholder="t('dashboard.jsRuntime.name')"
-          />
+          <Input id="worker-name" v-model="name" :placeholder="t('dashboard.jsRuntime.name')" />
         </div>
 
-        <div class="space-y-2 flex-1 flex flex-col overflow-hidden">
+        <div class="flex flex-1 flex-col space-y-2 overflow-hidden">
           <Label>{{ t("dashboard.jsRuntime.content") }}</Label>
-          <div class="flex-1 rounded-md border overflow-hidden min-h-0">
+          <div class="min-h-0 flex-1 overflow-hidden rounded-md border">
             <Codemirror
               v-model="content"
               :extensions="extensions"
@@ -108,16 +99,10 @@ const close = () => emit("update:open", false);
       </div>
 
       <DialogFooter class="pt-4">
-        <Button variant="outline" @click="close">{{
-          t("dashboard.jsRuntime.cancel")
-        }}</Button>
+        <Button variant="outline" @click="close">{{ t("dashboard.jsRuntime.cancel") }}</Button>
         <Button :disabled="loading || !name.trim()" @click="handleSave">
           <Loader2 v-if="loading" class="h-4 w-4 animate-spin" />
-          {{
-            editWorker
-              ? t("dashboard.jsRuntime.save")
-              : t("dashboard.jsRuntime.create")
-          }}
+          {{ editWorker ? t("dashboard.jsRuntime.save") : t("dashboard.jsRuntime.create") }}
         </Button>
       </DialogFooter>
     </DialogContent>
diff --git a/src/components/js-runtime/WorkerTable.vue b/src/components/js-runtime/WorkerTable.vue
index 5eb7bfbe..f2859fe2 100644
--- a/src/components/js-runtime/WorkerTable.vue
+++ b/src/components/js-runtime/WorkerTable.vue
@@ -44,9 +44,9 @@ const isDeleting = (name: string) => props.deletingIds.includes(name);
   <div class="relative w-full">
     <div
       v-if="loading && workers.length"
-      class="absolute inset-0 z-10 bg-background/40 backdrop-blur-[1px] flex flex-col items-center justify-center rounded-md"
+      class="bg-background/40 absolute inset-0 z-10 flex flex-col items-center justify-center rounded-md backdrop-blur-[1px]"
     >
-      <Loader2 class="h-8 w-8 animate-spin text-muted-foreground" />
+      <Loader2 class="text-muted-foreground h-8 w-8 animate-spin" />
     </div>
     <Table>
       <TableHeader>
@@ -55,82 +55,63 @@ const isDeleting = (name: string) => props.deletingIds.includes(name);
           <TableHead>{{ t("dashboard.jsRuntime.route") }}</TableHead>
           <TableHead>{{ t("dashboard.jsRuntime.createdAt") }}</TableHead>
           <TableHead>{{ t("dashboard.jsRuntime.updatedAt") }}</TableHead>
-          <TableHead class="text-right">{{
-            t("dashboard.jsRuntime.actions")
-          }}</TableHead>
+          <TableHead class="text-right">{{ t("dashboard.jsRuntime.actions") }}</TableHead>
         </TableRow>
       </TableHeader>
       <TableBody>
         <TableRow v-if="loading && !workers.length">
-          <TableCell colspan="5" class="h-32 text-center text-muted-foreground">
+          <TableCell colspan="5" class="text-muted-foreground h-32 text-center">
             <div class="flex flex-col items-center justify-center space-y-3">
-              <Loader2 class="w-6 h-6 animate-spin text-muted-foreground/50" />
+              <Loader2 class="text-muted-foreground/50 h-6 w-6 animate-spin" />
               <span class="text-sm font-medium">{{ t("common.loading") }}</span>
             </div>
           </TableCell>
         </TableRow>
         <TableRow v-else-if="!workers.length">
-          <TableCell
-            colspan="5"
-            class="text-center text-muted-foreground py-12"
-          >
+          <TableCell colspan="5" class="text-muted-foreground py-12 text-center">
             {{ t("common.noData") }}
           </TableCell>
         </TableRow>
         <TableRow v-for="worker in workers" :key="worker.id">
           <TableCell
-            class="font-medium hover:underline cursor-pointer text-primary"
+            class="text-primary cursor-pointer font-medium hover:underline"
             @click="openDetail(worker)"
           >
             {{ worker.name }}
           </TableCell>
-          <TableCell class="font-mono text-sm py-0">
+          <TableCell class="py-0 font-mono text-sm">
             <Button
               v-if="worker.route"
               variant="link"
-              class="h-auto p-0 font-mono text-primary hover:underline"
-              @click="
-                router.push(
-                  `/dashboard/worker-route-preview?route=${worker.route}`,
-                )
-              "
+              class="text-primary h-auto p-0 font-mono hover:underline"
+              @click="router.push(`/dashboard/worker-route-preview?route=${worker.route}`)"
             >
               {{ worker.route }}
             </Button>
             <span v-else class="text-muted-foreground">-</span>
           </TableCell>
-          <TableCell class="text-sm text-muted-foreground">{{
+          <TableCell class="text-muted-foreground text-sm">{{
             formatTime(worker.created_at)
           }}</TableCell>
-          <TableCell class="text-sm text-muted-foreground">{{
+          <TableCell class="text-muted-foreground text-sm">{{
             formatTime(worker.updated_at)
           }}</TableCell>
           <TableCell class="text-right">
             <div class="flex items-center justify-end gap-1">
-              <Button
-                size="icon"
-                variant="ghost"
-                class="h-8 w-8"
-                @click="openDetail(worker)"
-              >
+              <Button size="icon" variant="ghost" class="h-8 w-8" @click="openDetail(worker)">
                 <Pencil class="h-4 w-4" />
               </Button>
               <PopConfirm
-                :description="
-                  t('dashboard.jsRuntime.deleteConfirm', { name: worker.name })
-                "
+                :description="t('dashboard.jsRuntime.deleteConfirm', { name: worker.name })"
                 @confirm="emit('delete', worker.name)"
               >
                 <Button
                   size="icon"
                   variant="ghost"
-                  class="h-8 w-8 text-destructive hover:text-destructive hover:bg-destructive/10"
+                  class="text-destructive hover:text-destructive hover:bg-destructive/10 h-8 w-8"
                   :disabled="isDeleting(worker.name)"
                 >
-                  <Loader2
-                    v-if="isDeleting(worker.name)"
-                    class="h-4 w-4 animate-spin"
-                  />
+                  <Loader2 v-if="isDeleting(worker.name)" class="h-4 w-4 animate-spin" />
                   <Trash2 v-else class="h-4 w-4" />
                 </Button>
               </PopConfirm>
diff --git a/src/components/kv/KvCreateNamespaceDialog.vue b/src/components/kv/KvCreateNamespaceDialog.vue
index b41dc759..507dc31a 100644
--- a/src/components/kv/KvCreateNamespaceDialog.vue
+++ b/src/components/kv/KvCreateNamespaceDialog.vue
@@ -46,9 +46,7 @@ const close = () => emit("update:open", false);
     <DialogContent>
       <DialogHeader>
         <DialogTitle>创建命名空间</DialogTitle>
-        <DialogDescription
-          >命名空间用于隔离不同的 KV 数据集合</DialogDescription
-        >
+        <DialogDescription>命名空间用于隔离不同的 KV 数据集合</DialogDescription>
       </DialogHeader>
 
       <div class="space-y-2">
@@ -59,15 +57,12 @@ const close = () => emit("update:open", false);
           placeholder="输入命名空间名称，例如 global"
           @keydown.enter="handleCreate"
         />
-        <p v-if="error" class="text-sm text-destructive">{{ error }}</p>
+        <p v-if="error" class="text-destructive text-sm">{{ error }}</p>
       </div>
 
       <DialogFooter>
         <Button variant="outline" @click="close">取消</Button>
-        <Button
-          :disabled="loading || !namespaceName.trim()"
-          @click="handleCreate"
-        >
+        <Button :disabled="loading || !namespaceName.trim()" @click="handleCreate">
           {{ loading ? "创建中..." : "创建" }}
         </Button>
       </DialogFooter>
diff --git a/src/components/kv/KvEntryTable.vue b/src/components/kv/KvEntryTable.vue
index a018d218..b7000440 100644
--- a/src/components/kv/KvEntryTable.vue
+++ b/src/components/kv/KvEntryTable.vue
@@ -33,13 +33,8 @@ const truncate = (val: unknown, len = 80): string => {
 
 <template>
   <div>
-    <div v-if="loading" class="text-center py-10 text-muted-foreground">
-      加载中...
-    </div>
-    <div
-      v-else-if="entries.length === 0"
-      class="text-center py-10 text-muted-foreground"
-    >
+    <div v-if="loading" class="text-muted-foreground py-10 text-center">加载中...</div>
+    <div v-else-if="entries.length === 0" class="text-muted-foreground py-10 text-center">
       暂无数据
     </div>
     <Table v-else>
@@ -54,37 +49,21 @@ const truncate = (val: unknown, len = 80): string => {
       <TableBody>
         <TableRow
           v-for="entry in entries"
-          :key="
-            (entry as any).namespace
-              ? `${(entry as any).namespace}:${entry.key}`
-              : entry.key
-          "
+          :key="(entry as any).namespace ? `${(entry as any).namespace}:${entry.key}` : entry.key"
         >
           <TableCell v-if="showNamespace" class="font-mono text-sm">
             {{ (entry as any).namespace }}
           </TableCell>
-          <TableCell class="font-mono text-sm font-medium">{{
-            entry.key
-          }}</TableCell>
-          <TableCell
-            class="font-mono text-sm text-muted-foreground max-w-xs truncate"
-          >
+          <TableCell class="font-mono text-sm font-medium">{{ entry.key }}</TableCell>
+          <TableCell class="text-muted-foreground max-w-xs truncate font-mono text-sm">
             {{ truncate(entry.value) }}
           </TableCell>
           <TableCell class="text-right">
             <div class="flex justify-end gap-1">
-              <Button
-                variant="ghost"
-                size="icon"
-                class="h-8 w-8"
-                @click="emit('view', entry.key)"
+              <Button variant="ghost" size="icon" class="h-8 w-8" @click="emit('view', entry.key)"
                 ><Eye class="h-4 w-4"
               /></Button>
-              <Button
-                variant="ghost"
-                size="icon"
-                class="h-8 w-8"
-                @click="emit('edit', entry.key)"
+              <Button variant="ghost" size="icon" class="h-8 w-8" @click="emit('edit', entry.key)"
                 ><Pencil class="h-4 w-4"
               /></Button>
               <PopConfirm
@@ -96,7 +75,7 @@ const truncate = (val: unknown, len = 80): string => {
                 <Button
                   variant="ghost"
                   size="icon"
-                  class="h-8 w-8 text-destructive hover:text-destructive"
+                  class="text-destructive hover:text-destructive h-8 w-8"
                   ><Trash2 class="h-4 w-4"
                 /></Button>
               </PopConfirm>
diff --git a/src/components/kv/KvFlatTable.vue b/src/components/kv/KvFlatTable.vue
index 948fa956..5c6dee2e 100644
--- a/src/components/kv/KvFlatTable.vue
+++ b/src/components/kv/KvFlatTable.vue
@@ -54,18 +54,14 @@ const loadAll = async () => {
 onMounted(loadAll);
 
 const handleView = (ns: string, key: string) => {
-  const entry = flatEntries.value.find(
-    (x) => x.namespace === ns && x.key === key,
-  );
+  const entry = flatEntries.value.find((x) => x.namespace === ns && x.key === key);
   viewKey.value = key;
   viewValue.value = entry?.value;
   viewOpen.value = true;
 };
 
 const handleEdit = (ns: string, key: string) => {
-  const entry = flatEntries.value.find(
-    (x) => x.namespace === ns && x.key === key,
-  );
+  const entry = flatEntries.value.find((x) => x.namespace === ns && x.key === key);
   editNamespace.value = ns;
   editKey.value = key;
   editValue.value = entry?.value;
@@ -90,9 +86,7 @@ const handleDelete = async (ns: string, key: string) => {
   kv.namespace.value = ns;
   try {
     await kv.deleteKey(key);
-    flatEntries.value = flatEntries.value.filter(
-      (e) => !(e.namespace === ns && e.key === key),
-    );
+    flatEntries.value = flatEntries.value.filter((e) => !(e.namespace === ns && e.key === key));
     toast.success("删除成功");
   } catch (e: unknown) {
     toast.error(e instanceof Error ? e.message : "删除失败");
diff --git a/src/components/kv/KvNamespaceTable.vue b/src/components/kv/KvNamespaceTable.vue
index 523c6af1..10cfe8c9 100644
--- a/src/components/kv/KvNamespaceTable.vue
+++ b/src/components/kv/KvNamespaceTable.vue
@@ -50,24 +50,17 @@ const filteredNamespaces = computed(() => {
 <template>
   <div class="space-y-4">
     <div class="flex items-center gap-2">
-      <div class="relative max-w-xs w-full">
+      <div class="relative w-full max-w-xs">
         <Search
-          class="absolute left-2.5 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground pointer-events-none"
-        />
-        <Input
-          v-model="searchQuery"
-          placeholder="搜索命名空间..."
-          class="pl-8"
+          class="text-muted-foreground pointer-events-none absolute top-1/2 left-2.5 h-3.5 w-3.5 -translate-y-1/2"
         />
+        <Input v-model="searchQuery" placeholder="搜索命名空间..." class="pl-8" />
       </div>
       <label
         v-if="agentUuids"
-        class="flex items-center gap-2 text-sm text-muted-foreground cursor-pointer select-none"
+        class="text-muted-foreground flex cursor-pointer items-center gap-2 text-sm select-none"
       >
-        <Checkbox
-          :model-value="onlyAgents"
-          @update:model-value="(v: any) => (onlyAgents = !!v)"
-        />
+        <Checkbox :model-value="onlyAgents" @update:model-value="(v: any) => (onlyAgents = !!v)" />
         {{ t("dashboard.kv.onlyAgents") }}
       </label>
       <div class="flex-1" />
@@ -75,23 +68,21 @@ const filteredNamespaces = computed(() => {
         variant="outline"
         size="sm"
         :disabled="loading"
-        class="ml-auto mr-2"
+        class="mr-2 ml-auto"
         @click="emit('refresh')"
       >
         <RefreshCw class="h-4 w-4" :class="{ 'animate-spin': loading }" />
       </Button>
       <Button size="sm" @click="emit('openCreate')">
-        <Plus class="h-4 w-4 mr-1" />
+        <Plus class="mr-1 h-4 w-4" />
         创建命名空间
       </Button>
     </div>
 
-    <div v-if="loading" class="text-center py-10 text-muted-foreground">
-      加载中...
-    </div>
+    <div v-if="loading" class="text-muted-foreground py-10 text-center">加载中...</div>
     <div
       v-else-if="filteredNamespaces.length === 0"
-      class="text-center py-10 text-muted-foreground"
+      class="text-muted-foreground py-10 text-center"
     >
       暂无命名空间
     </div>
@@ -105,11 +96,7 @@ const filteredNamespaces = computed(() => {
       <TableBody>
         <TableRow v-for="ns in filteredNamespaces" :key="ns">
           <TableCell>
-            <Button
-              variant="link"
-              class="p-0 h-auto font-mono"
-              @click="emit('select', ns)"
-            >
+            <Button variant="link" class="h-auto p-0 font-mono" @click="emit('select', ns)">
               {{ ns }}
             </Button>
           </TableCell>
@@ -125,7 +112,7 @@ const filteredNamespaces = computed(() => {
                 <Button
                   variant="ghost"
                   size="sm"
-                  class="h-7 w-7 p-0 text-destructive hover:text-destructive"
+                  class="text-destructive hover:text-destructive h-7 w-7 p-0"
                 >
                   <Trash2 class="h-3.5 w-3.5" />
                 </Button>
@@ -135,7 +122,7 @@ const filteredNamespaces = computed(() => {
                 variant="ghost"
                 size="sm"
                 disabled
-                class="h-7 w-7 p-0 text-destructive"
+                class="text-destructive h-7 w-7 p-0"
               >
                 <Loader2 class="h-3.5 w-3.5 animate-spin" />
               </Button>
diff --git a/src/components/kv/KvNodeTable.vue b/src/components/kv/KvNodeTable.vue
index 3055cf1c..8ca4833c 100644
--- a/src/components/kv/KvNodeTable.vue
+++ b/src/components/kv/KvNodeTable.vue
@@ -26,8 +26,7 @@ import { useKv } from "@/composables/useKv";
 import { useNodeMetadata } from "@/composables/useNodeMetadata";
 
 const kv = useKv();
-const { parseMetadataFields, buildMetadataBatch, initDefaultMetadata } =
-  useNodeMetadata(kv);
+const { parseMetadataFields, buildMetadataBatch, initDefaultMetadata } = useNodeMetadata(kv);
 
 function getRegionLabel(code: string) {
   const r = REGIONS.find((r) => r.code === code);
@@ -37,10 +36,7 @@ function getRegionLabel(code: string) {
 const nodes = ref<NodeItem[]>([]);
 const loading = ref(false);
 
-function parseNode(
-  ns: string,
-  entries: { key: string; value: unknown }[],
-): NodeItem | null {
+function parseNode(ns: string, entries: { key: string; value: unknown }[]): NodeItem | null {
   return { id: ns, ...parseMetadataFields(entries, ns) };
 }
 
@@ -170,18 +166,12 @@ async function handleSaveEdit() {
 </script>
 
 <template>
-  <div
-    v-if="loading"
-    class="flex items-center justify-center py-12 text-muted-foreground"
-  >
-    <Loader2 class="h-5 w-5 animate-spin mr-2" />
+  <div v-if="loading" class="text-muted-foreground flex items-center justify-center py-12">
+    <Loader2 class="mr-2 h-5 w-5 animate-spin" />
     加载中...
   </div>
 
-  <div
-    v-else-if="nodes.length === 0"
-    class="py-12 text-center text-muted-foreground text-sm"
-  >
+  <div v-else-if="nodes.length === 0" class="text-muted-foreground py-12 text-center text-sm">
     暂无节点数据
   </div>
 
@@ -202,41 +192,29 @@ async function handleSaveEdit() {
       <TableRow v-for="node in nodes" :key="node.id">
         <TableCell class="font-medium">
           {{ node.customName }}
-          <span
-            class="ml-1.5 text-xs text-muted-foreground font-normal font-mono"
-            >{{ node.id }}</span
-          >
+          <span class="text-muted-foreground ml-1.5 font-mono text-xs font-normal">{{
+            node.id
+          }}</span>
         </TableCell>
         <TableCell>
           <div class="flex flex-wrap gap-1">
-            <Badge v-for="tag in node.tags" :key="tag" variant="secondary">{{
-              tag
-            }}</Badge>
+            <Badge v-for="tag in node.tags" :key="tag" variant="secondary">{{ tag }}</Badge>
           </div>
         </TableCell>
-        <TableCell class="text-right font-mono"
-          >{{ node.priceUnit }}{{ node.price }}</TableCell
-        >
+        <TableCell class="text-right font-mono">{{ node.priceUnit }}{{ node.price }}</TableCell>
         <TableCell>{{ node.priceCycle }}</TableCell>
-        <TableCell class="font-mono text-sm">{{
-          node.expireTime || "—"
-        }}</TableCell>
+        <TableCell class="font-mono text-sm">{{ node.expireTime || "—" }}</TableCell>
         <TableCell>{{ getRegionLabel(node.region) }}</TableCell>
         <TableCell>
           <Badge
             v-if="!node.hidden"
-            class="bg-green-500/15 text-green-600 hover:bg-green-500/25 border-0"
+            class="border-0 bg-green-500/15 text-green-600 hover:bg-green-500/25"
             >显示</Badge
           >
           <Badge v-else variant="secondary">隐藏</Badge>
         </TableCell>
         <TableCell class="text-right">
-          <Button
-            variant="ghost"
-            size="icon"
-            class="h-8 w-8"
-            @click="handleEdit(node)"
-          >
+          <Button variant="ghost" size="icon" class="h-8 w-8" @click="handleEdit(node)">
             <Pencil class="h-4 w-4" />
           </Button>
         </TableCell>
@@ -251,10 +229,7 @@ async function handleSaveEdit() {
       </DialogHeader>
       <NodeMetadataForm v-model="editForm" />
       <DialogFooter>
-        <Button
-          variant="outline"
-          :disabled="saveLoading"
-          @click="editDialogOpen = false"
+        <Button variant="outline" :disabled="saveLoading" @click="editDialogOpen = false"
           >取消</Button
         >
         <Button :disabled="saveLoading" @click="handleSaveEdit">
diff --git a/src/components/kv/KvSetDialog.vue b/src/components/kv/KvSetDialog.vue
index d93725f4..e7a86a89 100644
--- a/src/components/kv/KvSetDialog.vue
+++ b/src/components/kv/KvSetDialog.vue
@@ -34,10 +34,7 @@ const themeStore = useThemeStore();
 const key = ref("");
 const editorValue = ref("");
 
-const extensions = computed(() => [
-  json(),
-  ...(themeStore.isDark ? [oneDark] : []),
-]);
+const extensions = computed(() => [json(), ...(themeStore.isDark ? [oneDark] : [])]);
 
 watch(
   () => props.open,
@@ -45,9 +42,7 @@ watch(
     if (open) {
       key.value = props.editKey ?? "";
       editorValue.value =
-        props.editValue !== undefined
-          ? JSON.stringify(props.editValue, null, 2)
-          : "{}";
+        props.editValue !== undefined ? JSON.stringify(props.editValue, null, 2) : "{}";
     }
   },
 );
@@ -71,9 +66,7 @@ const close = () => emit("update:open", false);
   <Dialog :open="open" @update:open="emit('update:open', $event)">
     <DialogContent class="max-w-2xl">
       <DialogHeader>
-        <DialogTitle>{{
-          isEditMode() ? "编辑 Key-Value" : "新增 Key-Value"
-        }}</DialogTitle>
+        <DialogTitle>{{ isEditMode() ? "编辑 Key-Value" : "新增 Key-Value" }}</DialogTitle>
         <DialogDescription>Value 必须为合法的 JSON 格式</DialogDescription>
       </DialogHeader>
 
@@ -85,7 +78,7 @@ const close = () => emit("update:open", false);
 
         <div class="space-y-2">
           <Label>Value</Label>
-          <div class="rounded-md border overflow-hidden">
+          <div class="overflow-hidden rounded-md border">
             <Codemirror
               v-model="editorValue"
               :extensions="extensions"
diff --git a/src/components/kv/KvViewDialog.vue b/src/components/kv/KvViewDialog.vue
index 38923e83..69d92384 100644
--- a/src/components/kv/KvViewDialog.vue
+++ b/src/components/kv/KvViewDialog.vue
@@ -25,10 +25,7 @@ const emit = defineEmits<{
 
 const themeStore = useThemeStore();
 
-const extensions = computed(() => [
-  json(),
-  ...(themeStore.isDark ? [oneDark] : []),
-]);
+const extensions = computed(() => [json(), ...(themeStore.isDark ? [oneDark] : [])]);
 
 const displayValue = computed(() =>
   props.value !== undefined ? JSON.stringify(props.value, null, 2) : "",
@@ -43,10 +40,8 @@ const displayValue = computed(() =>
         <DialogDescription class="font-mono">{{ kvKey }}</DialogDescription>
       </DialogHeader>
 
-      <div v-if="loading" class="text-center py-8 text-muted-foreground">
-        加载中...
-      </div>
-      <div v-else class="rounded-md border overflow-hidden">
+      <div v-if="loading" class="text-muted-foreground py-8 text-center">加载中...</div>
+      <div v-else class="overflow-hidden rounded-md border">
         <Codemirror
           :model-value="displayValue"
           :extensions="extensions"
diff --git a/src/components/logsPanel/components/headerFilter.vue b/src/components/logsPanel/components/headerFilter.vue
index e38bd9a6..b0dbdd25 100644
--- a/src/components/logsPanel/components/headerFilter.vue
+++ b/src/components/logsPanel/components/headerFilter.vue
@@ -12,15 +12,7 @@ import {
 } from "@/components/ui/select";
 import { Button } from "@/components/ui/button";
 import { Badge } from "@/components/ui/badge";
-import {
-  Loader2,
-  Pause,
-  Play,
-  Plus,
-  RefreshCcw,
-  Square,
-  X,
-} from "lucide-vue-next";
+import { Loader2, Pause, Play, Plus, RefreshCcw, Square, X } from "lucide-vue-next";
 import type {
   LogActionStatus,
   LogFilterRule,
@@ -74,10 +66,7 @@ const connectStatus = computed(() => props.status);
 const isConnecting = computed(() => props.actionStatus === "connecting");
 const isDisconnecting = computed(() => props.actionStatus === "disconnecting");
 const isReconnecting = computed(() => {
-  return (
-    props.actionStatus === "reconnecting" ||
-    props.actionStatus === "updatingFilters"
-  );
+  return props.actionStatus === "reconnecting" || props.actionStatus === "updatingFilters";
 });
 
 const addSearchParams = () => {
@@ -112,9 +101,7 @@ const removeSearchParam = (index: number) => {
 
 <template>
   <div class="space-y-4">
-    <div
-      class="flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between"
-    >
+    <div class="flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between">
       <div class="flex flex-1 flex-wrap items-center gap-2">
         <div class="w-[220px] max-w-full">
           <Select
@@ -122,20 +109,12 @@ const removeSearchParam = (index: number) => {
             :placeholder="t('dashboard.logsPanel.filters.select')"
           >
             <SelectTrigger class="w-full">
-              <SelectValue
-                :placeholder="t('dashboard.logsPanel.filters.target')"
-              />
+              <SelectValue :placeholder="t('dashboard.logsPanel.filters.target')" />
             </SelectTrigger>
             <SelectContent>
               <SelectGroup>
-                <SelectLabel>{{
-                  t("dashboard.logsPanel.filters.target")
-                }}</SelectLabel>
-                <SelectItem
-                  v-for="target in targetOptions"
-                  :key="target"
-                  :value="target"
-                >
+                <SelectLabel>{{ t("dashboard.logsPanel.filters.target") }}</SelectLabel>
+                <SelectItem v-for="target in targetOptions" :key="target" :value="target">
                   {{ target }}
                 </SelectItem>
               </SelectGroup>
@@ -149,20 +128,12 @@ const removeSearchParam = (index: number) => {
             :placeholder="t('dashboard.logsPanel.filters.select')"
           >
             <SelectTrigger class="w-full">
-              <SelectValue
-                :placeholder="t('dashboard.logsPanel.filters.level')"
-              />
+              <SelectValue :placeholder="t('dashboard.logsPanel.filters.level')" />
             </SelectTrigger>
             <SelectContent>
               <SelectGroup>
-                <SelectLabel>{{
-                  t("dashboard.logsPanel.filters.level")
-                }}</SelectLabel>
-                <SelectItem
-                  v-for="level in levelOptions"
-                  :key="level"
-                  :value="level"
-                >
+                <SelectLabel>{{ t("dashboard.logsPanel.filters.level") }}</SelectLabel>
+                <SelectItem v-for="level in levelOptions" :key="level" :value="level">
                   {{ level.toUpperCase() }}
                 </SelectItem>
               </SelectGroup>
@@ -171,10 +142,7 @@ const removeSearchParam = (index: number) => {
         </div>
         <div>
           <Button :disabled="isBusy" @click="addSearchParams">
-            <Loader2
-              v-if="actionStatus === 'updatingFilters'"
-              class="h-4 w-4 animate-spin"
-            />
+            <Loader2 v-if="actionStatus === 'updatingFilters'" class="h-4 w-4 animate-spin" />
             <Plus v-else />
             {{ t("dashboard.logsPanel.actions.addFilter") }}
           </Button>
@@ -195,27 +163,17 @@ const removeSearchParam = (index: number) => {
               : t("dashboard.logsPanel.actions.connect")
           }}
         </Button>
-        <Button
-          v-show="connectStatus === 'connected'"
-          :disabled="isBusy"
-          @click="emit('pause')"
-        >
+        <Button v-show="connectStatus === 'connected'" :disabled="isBusy" @click="emit('pause')">
           <Pause />
           {{ t("dashboard.logsPanel.actions.pause") }}
         </Button>
-        <Button
-          v-show="connectStatus === 'paused'"
-          :disabled="isBusy"
-          @click="emit('resume')"
-        >
+        <Button v-show="connectStatus === 'paused'" :disabled="isBusy" @click="emit('resume')">
           <Play />
           {{ t("dashboard.logsPanel.actions.resume") }}
         </Button>
         <Button
           v-show="
-            connectStatus === 'connected' ||
-            connectStatus === 'paused' ||
-            connectStatus === 'error'
+            connectStatus === 'connected' || connectStatus === 'paused' || connectStatus === 'error'
           "
           :disabled="isBusy"
           @click="emit('stop')"
@@ -230,9 +188,7 @@ const removeSearchParam = (index: number) => {
         </Button>
         <Button
           v-show="
-            connectStatus === 'connected' ||
-            connectStatus === 'paused' ||
-            connectStatus === 'error'
+            connectStatus === 'connected' || connectStatus === 'paused' || connectStatus === 'error'
           "
           :disabled="isBusy"
           @click="emit('reconnect')"
diff --git a/src/components/logsPanel/components/logsItem.vue b/src/components/logsPanel/components/logsItem.vue
index 76e2ac9d..6e7fb35b 100644
--- a/src/components/logsPanel/components/logsItem.vue
+++ b/src/components/logsPanel/components/logsItem.vue
@@ -3,11 +3,7 @@ import { computed, ref } from "vue";
 import { useI18n } from "vue-i18n";
 import { ChevronDown, ChevronRight } from "lucide-vue-next";
 import { Badge } from "@/components/ui/badge";
-import {
-  Collapsible,
-  CollapsibleContent,
-  CollapsibleTrigger,
-} from "@/components/ui/collapsible";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@/components/ui/collapsible";
 import { cn } from "@/lib/utils";
 import type { LogEntry } from "@/composables/useLogs";
 
@@ -53,7 +49,7 @@ const formattedFields = computed(() => {
 <template>
   <Collapsible v-model:open="isOpen">
     <div
-      class="overflow-hidden rounded-md border border-border/70 bg-background/80 transition-colors hover:bg-muted/10"
+      class="border-border/70 bg-background/80 hover:bg-muted/10 overflow-hidden rounded-md border transition-colors"
     >
       <CollapsibleTrigger as-child>
         <button
@@ -67,15 +63,12 @@ const formattedFields = computed(() => {
           <div class="flex min-w-0 flex-1 items-center gap-1.5">
             <component
               :is="isOpen ? ChevronDown : ChevronRight"
-              class="size-3.5 shrink-0 text-muted-foreground"
+              class="text-muted-foreground size-3.5 shrink-0"
             />
             <Badge
               variant="outline"
               :class="
-                cn(
-                  'h-5 shrink-0 rounded-sm px-1.5 font-mono text-[10px] leading-none',
-                  levelClass,
-                )
+                cn('h-5 shrink-0 rounded-sm px-1.5 font-mono text-[10px] leading-none', levelClass)
               "
             >
               {{ item.level }}
@@ -86,66 +79,58 @@ const formattedFields = computed(() => {
             >
               {{ item.target }}
             </Badge>
-            <div
-              class="min-w-0 flex-1 truncate text-xs font-medium leading-[1.2rem]"
-            >
+            <div class="min-w-0 flex-1 truncate text-xs leading-[1.2rem] font-medium">
               {{ item.message || "-" }}
             </div>
           </div>
 
           <div
-            class="pl-5 font-mono text-[10px] leading-4 text-muted-foreground sm:w-auto sm:shrink-0 sm:pl-0"
+            class="text-muted-foreground pl-5 font-mono text-[10px] leading-4 sm:w-auto sm:shrink-0 sm:pl-0"
           >
             {{ formattedTimestamp }}
           </div>
         </button>
       </CollapsibleTrigger>
 
-      <CollapsibleContent
-        v-if="isOpen"
-        class="space-y-1.5 border-t bg-muted/10 px-2.5 pt-1.5 pb-2"
-      >
+      <CollapsibleContent v-if="isOpen" class="bg-muted/10 space-y-1.5 border-t px-2.5 pt-1.5 pb-2">
         <div>
-          <div class="mb-1 text-[11px] font-medium text-muted-foreground">
+          <div class="text-muted-foreground mb-1 text-[11px] font-medium">
             {{ t("dashboard.logsPanel.details.fields") }}
           </div>
           <pre
             v-if="formattedFields"
-            class="overflow-x-auto rounded-md bg-muted/70 p-1.5 text-[11px] leading-4"
+            class="bg-muted/70 overflow-x-auto rounded-md p-1.5 text-[11px] leading-4"
             >{{ formattedFields }}</pre
           >
           <div
             v-else
-            class="rounded-md border border-dashed px-2 py-1 text-[11px] text-muted-foreground"
+            class="text-muted-foreground rounded-md border border-dashed px-2 py-1 text-[11px]"
           >
             {{ t("common.noData") }}
           </div>
         </div>
 
         <div class="space-y-1">
-          <div class="text-[11px] font-medium text-muted-foreground">
+          <div class="text-muted-foreground text-[11px] font-medium">
             {{ t("dashboard.logsPanel.details.spans") }}
           </div>
           <template v-if="item.spans.length > 0">
             <div
               v-for="(span, index) in item.spans"
               :key="`${item.id}-span-${index}`"
-              class="rounded-md border bg-background/70 px-2 py-1"
+              class="bg-background/70 rounded-md border px-2 py-1"
             >
-              <div class="font-mono text-[11px] font-medium leading-4">
+              <div class="font-mono text-[11px] leading-4 font-medium">
                 {{ span.name || "-" }}
               </div>
-              <div
-                v-if="span.fields"
-                class="mt-0.5 text-[11px] leading-4 text-muted-foreground"
-              >
+              <div v-if="span.fields" class="text-muted-foreground mt-0.5 text-[11px] leading-4">
                 {{ span.fields }}
               </div>
             </div>
           </template>
           <div
             v-else
-            class="rounded-md border border-dashed px-2.5 py-1.5 text-[11px] text-muted-foreground"
+            class="text-muted-foreground rounded-md border border-dashed px-2.5 py-1.5 text-[11px]"
           >
             {{ t("common.noData") }}
           </div>
diff --git a/src/components/logsPanel/components/logsList.vue b/src/components/logsPanel/components/logsList.vue
index d08b8680..b27e242b 100644
--- a/src/components/logsPanel/components/logsList.vue
+++ b/src/components/logsPanel/components/logsList.vue
@@ -2,11 +2,7 @@
 import { computed } from "vue";
 import { useI18n } from "vue-i18n";
 import { Loader2 } from "lucide-vue-next";
-import type {
-  LogActionStatus,
-  LogEntry,
-  LogStatus,
-} from "@/composables/useLogs";
+import type { LogActionStatus, LogEntry, LogStatus } from "@/composables/useLogs";
 import LogsItem from "./logsItem.vue";
 
 interface LogsListProps {
@@ -39,13 +35,11 @@ const loadingText = computed(() => {
 </script>
 
 <template>
-  <div
-    class="mt-4 max-h-[60vh] overflow-y-auto rounded-md border bg-background/30 p-2"
-  >
+  <div class="bg-background/30 mt-4 max-h-[60vh] overflow-y-auto rounded-md border p-2">
     <div class="space-y-2">
       <div
         v-if="isBusy"
-        class="flex items-center gap-2 rounded-md border bg-muted/40 px-2.5 py-1.5 text-xs text-muted-foreground"
+        class="bg-muted/40 text-muted-foreground flex items-center gap-2 rounded-md border px-2.5 py-1.5 text-xs"
       >
         <Loader2 class="h-3.5 w-3.5 animate-spin" />
         <span>{{ loadingText }}</span>
@@ -53,14 +47,14 @@ const loadingText = computed(() => {
 
       <div
         v-if="error"
-        class="rounded-md border border-destructive/40 bg-destructive/10 px-2.5 py-1.5 text-xs text-destructive"
+        class="border-destructive/40 bg-destructive/10 text-destructive rounded-md border px-2.5 py-1.5 text-xs"
       >
         {{ error }}
       </div>
 
       <div
         v-if="logs.length === 0"
-        class="rounded-md border border-dashed px-3 py-6 text-center text-xs text-muted-foreground"
+        class="text-muted-foreground rounded-md border border-dashed px-3 py-6 text-center text-xs"
       >
         <span v-if="status === 'connecting'">
           {{ t("dashboard.logsPanel.empty.connecting") }}
diff --git a/src/components/logsPanel/logsView.vue b/src/components/logsPanel/logsView.vue
index 00b037f8..f2e2ac49 100644
--- a/src/components/logsPanel/logsView.vue
+++ b/src/components/logsPanel/logsView.vue
@@ -63,8 +63,7 @@ const {
 
 const localFilters = ref<LogFilterRule[]>([]);
 
-const cloneFilters = (value: LogFilterRule[] = []) =>
-  value.map((item) => ({ ...item }));
+const cloneFilters = (value: LogFilterRule[] = []) => value.map((item) => ({ ...item }));
 const serializeFilters = (value: LogFilterRule[] = []) => JSON.stringify(value);
 
 const syncFilters = async (nextFilters: LogFilterRule[] = []) => {
diff --git a/src/components/map/FlatWorldMap.vue b/src/components/map/FlatWorldMap.vue
index b6acceab..e576b3a9 100644
--- a/src/components/map/FlatWorldMap.vue
+++ b/src/components/map/FlatWorldMap.vue
@@ -47,9 +47,7 @@ let cnameMap = new Map<string, string>();
 
 const WORLD_MAP_URL = `${import.meta.env.BASE_URL}geo/world.json`;
 
-const themeMode = computed(() =>
-  themeStore.isDark ? MAP_THEME.dark : MAP_THEME.light,
-);
+const themeMode = computed(() => (themeStore.isDark ? MAP_THEME.dark : MAP_THEME.light));
 const palette = computed(() => themeMode.value.flat);
 
 const shellClass = computed(() => themeMode.value.shellBorderClass);
@@ -58,11 +56,7 @@ const frameClass = computed(() => themeMode.value.frameClass);
 
 const overlayClass = computed(() => themeMode.value.overlayClass);
 
-const HEAT: [
-  [number, number, number],
-  [number, number, number],
-  [number, number, number],
-] = [
+const HEAT: [[number, number, number], [number, number, number], [number, number, number]] = [
   [167, 243, 208],
   [52, 211, 153],
   [6, 95, 70],
@@ -77,9 +71,7 @@ function heatColor(t: number): string {
   return `rgb(${Math.round(a[0] + (b[0] - a[0]) * f)},${Math.round(a[1] + (b[1] - a[1]) * f)},${Math.round(a[2] + (b[2] - a[2]) * f)})`;
 }
 
-function buildGeoRegions(
-  unlockedCountries: string[],
-): echarts.GeoComponentOption["regions"] {
+function buildGeoRegions(unlockedCountries: string[]): echarts.GeoComponentOption["regions"] {
   if (!unlockedCountries.length) return [];
   const nodeCountByIso = new Map<string, number>();
   for (const point of props.points) {
@@ -132,15 +124,12 @@ function getScatterData(points: MapPoint[]) {
   const colors = palette.value;
   return points.map((point) => {
     const isSelected =
-      point.nodeIds?.includes(props.selectedNodeId ?? "") ??
-      point.id === props.selectedNodeId;
+      point.nodeIds?.includes(props.selectedNodeId ?? "") ?? point.id === props.selectedNodeId;
     return {
       ...point,
       itemStyle: {
         color: isSelected ? colors.nodeSelectedPoint : colors.nodePoint,
-        borderColor: isSelected
-          ? colors.nodeSelectedPointBorder
-          : colors.nodePointBorder,
+        borderColor: isSelected ? colors.nodeSelectedPointBorder : colors.nodePointBorder,
         borderWidth: isSelected ? 3 : 2,
         shadowBlur: isSelected ? 22 : 18,
         shadowColor: isSelected ? colors.nodeSelectedShadow : colors.nodeShadow,
@@ -174,10 +163,7 @@ function buildOption(): echarts.EChartsOption {
       formatter: (params: any) => {
         if (params.componentType === "geo") {
           const iso = params.name as string;
-          const countryDisplay = getDisplayCountryName(
-            cnameMap.get(iso) ?? iso,
-            locale.value,
-          );
+          const countryDisplay = getDisplayCountryName(cnameMap.get(iso) ?? iso, locale.value);
           const countryNodes = props.points.filter((p) => p.isoCode === iso);
           if (!countryNodes.length) return `<b>${countryDisplay}</b>`;
           const allNodeNames = countryNodes.flatMap((p) => p.nodes);
@@ -270,9 +256,7 @@ function buildOption(): echarts.EChartsOption {
           fontSize: window.innerWidth < 640 ? 11 : 13,
           fontWeight: 700,
           formatter: (params: any) =>
-            userLabelPlacement.position === "left"
-              ? `${params.name} →`
-              : `← ${params.name}`,
+            userLabelPlacement.position === "left" ? `${params.name} →` : `← ${params.name}`,
           backgroundColor: colors.userLabelBackground,
           borderColor: colors.userLabelBorder,
           borderWidth: 1,
@@ -290,8 +274,7 @@ function buildOption(): echarts.EChartsOption {
           brushType: "stroke",
         },
         showEffectOn: "render",
-        symbolSize: (value: number[]) =>
-          9 + Math.min(Number(value[2] || 1) * 2.2, 18),
+        symbolSize: (value: number[]) => 9 + Math.min(Number(value[2] || 1) * 2.2, 18),
         itemStyle: {
           color: colors.nodePoint,
           borderColor: colors.nodePointBorder,
@@ -407,13 +390,7 @@ onMounted(async () => {
 });
 
 watch(
-  () =>
-    [
-      props.points,
-      props.userLocation,
-      props.selectedNodeId,
-      props.unlockedCountries,
-    ] as const,
+  () => [props.points, props.userLocation, props.selectedNodeId, props.unlockedCountries] as const,
   ([points, userLocation, selectedNodeId, unlockedCountries]) => {
     if (!chart) return;
     const colors = palette.value;
@@ -465,10 +442,7 @@ onUnmounted(() => {
 </script>
 
 <template>
-  <div
-    class="map-shell relative overflow-hidden rounded-[1.4rem] border"
-    :class="shellClass"
-  >
+  <div class="map-shell relative overflow-hidden rounded-[1.4rem] border" :class="shellClass">
     <div class="map-grid pointer-events-none absolute inset-0 z-0" />
     <div class="map-vignette pointer-events-none absolute inset-0 z-0" />
     <div
@@ -487,36 +461,27 @@ onUnmounted(() => {
       class="pointer-events-none absolute right-[0.9rem] bottom-[0.9rem] z-0 h-[2.8rem] w-[2.8rem] rounded-br-[0.6rem] border-r-2 border-b-2"
       :class="frameClass"
     />
-    <div
-      ref="chartEl"
-      class="relative z-[1] aspect-[5/3] w-full md:aspect-auto md:h-[540px]"
-    />
+    <div ref="chartEl" class="relative z-[1] aspect-[5/3] w-full md:aspect-auto md:h-[540px]" />
 
     <Transition name="map-popover">
       <div
         v-if="pickedPoint"
-        class="absolute z-20 w-64 overflow-hidden rounded-xl border border-border bg-popover text-popover-foreground shadow-xl"
+        class="border-border bg-popover text-popover-foreground absolute z-20 w-64 overflow-hidden rounded-xl border shadow-xl"
         :style="{ left: `${popoverPos.x}px`, top: `${popoverPos.y}px` }"
         @click.stop
         @mousedown.stop
       >
-        <div
-          class="flex items-center gap-2 border-b border-border/70 px-3 py-2.5"
-        >
+        <div class="border-border/70 flex items-center gap-2 border-b px-3 py-2.5">
           <div class="min-w-0 flex-1">
-            <div
-              class="flex items-baseline gap-1.5 truncate text-sm leading-tight font-semibold"
-            >
-              <span class="truncate">{{
-                popoverCountryName(pickedPoint)
-              }}</span>
+            <div class="flex items-baseline gap-1.5 truncate text-sm leading-tight font-semibold">
+              <span class="truncate">{{ popoverCountryName(pickedPoint) }}</span>
               <span
                 v-if="pickedPoint.isoCode"
-                class="shrink-0 font-mono text-xs font-normal text-muted-foreground"
+                class="text-muted-foreground shrink-0 font-mono text-xs font-normal"
                 >{{ pickedPoint.isoCode }}</span
               >
             </div>
-            <div class="mt-0.5 font-mono text-[11px] text-muted-foreground">
+            <div class="text-muted-foreground mt-0.5 font-mono text-[11px]">
               {{
                 t("dashboard.map.tooltip.nodeCount", {
                   count: pickedPoint.count,
@@ -525,7 +490,7 @@ onUnmounted(() => {
             </div>
           </div>
           <button
-            class="-mr-1 inline-flex h-6 w-6 shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground"
+            class="text-muted-foreground hover:bg-accent hover:text-foreground -mr-1 inline-flex h-6 w-6 shrink-0 items-center justify-center rounded"
             @click="closePopover"
           >
             <X class="h-3.5 w-3.5" />
@@ -536,16 +501,12 @@ onUnmounted(() => {
             v-for="(nodeName, i) in pickedPoint.nodes"
             :key="pickedPoint.nodeIds?.[i] ?? `${i}-${nodeName}`"
             type="button"
-            class="group flex w-full items-center gap-2 px-3 py-1.5 text-left text-xs transition-colors hover:bg-accent"
-            @click="
-              selectNodeFromPopover(pickedPoint.nodeIds?.[i] ?? pickedPoint.id)
-            "
+            class="group hover:bg-accent flex w-full items-center gap-2 px-3 py-1.5 text-left text-xs transition-colors"
+            @click="selectNodeFromPopover(pickedPoint.nodeIds?.[i] ?? pickedPoint.id)"
           >
-            <span class="flex-1 truncate text-foreground/90">{{
-              nodeName
-            }}</span>
+            <span class="text-foreground/90 flex-1 truncate">{{ nodeName }}</span>
             <ChevronRight
-              class="h-3 w-3 shrink-0 text-muted-foreground/40 transition-transform group-hover:translate-x-0.5 group-hover:text-muted-foreground"
+              class="text-muted-foreground/40 group-hover:text-muted-foreground h-3 w-3 shrink-0 transition-transform group-hover:translate-x-0.5"
             />
           </button>
         </div>
@@ -557,9 +518,7 @@ onUnmounted(() => {
       class="absolute inset-0 z-[2] flex items-center justify-center text-sm backdrop-blur-[8px]"
       :class="[
         overlayClass,
-        loadError
-          ? themeMode.overlayErrorTextClass
-          : themeMode.overlayLoadingTextClass,
+        loadError ? themeMode.overlayErrorTextClass : themeMode.overlayLoadingTextClass,
       ]"
     >
       {{ loadError || t("dashboard.map.loading") }}
@@ -570,16 +529,8 @@ onUnmounted(() => {
 <style scoped>
 .map-shell {
   background:
-    radial-gradient(
-      circle at top,
-      rgba(255, 255, 255, 0.7),
-      rgba(255, 255, 255, 0) 34%
-    ),
-    linear-gradient(
-      180deg,
-      rgba(244, 247, 250, 0.98) 0%,
-      rgba(231, 237, 243, 0.98) 100%
-    );
+    radial-gradient(circle at top, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0) 34%),
+    linear-gradient(180deg, rgba(244, 247, 250, 0.98) 0%, rgba(231, 237, 243, 0.98) 100%);
   box-shadow:
     inset 0 1px 0 rgba(255, 255, 255, 0.82),
     inset 0 0 0 1px rgba(148, 163, 184, 0.12),
diff --git a/src/components/map/Globe3DMap.vue b/src/components/map/Globe3DMap.vue
index 2f8c1838..13ab0038 100644
--- a/src/components/map/Globe3DMap.vue
+++ b/src/components/map/Globe3DMap.vue
@@ -105,9 +105,7 @@ const raycaster = new THREE.Raycaster();
 const pointer = new THREE.Vector2();
 let hoveredMarker: THREE.Group | null = null;
 
-const themeMode = computed(() =>
-  themeStore.isDark ? MAP_THEME.dark : MAP_THEME.light,
-);
+const themeMode = computed(() => (themeStore.isDark ? MAP_THEME.dark : MAP_THEME.light));
 const themePalette = computed(() => themeMode.value.globe);
 
 const shellClass = computed(() => themeMode.value.shellBorderClass);
@@ -122,10 +120,7 @@ const tooltipMetaClass = computed(() => themeMode.value.tooltipMetaClass);
 
 const tooltipListClass = computed(() => themeMode.value.tooltipListClass);
 
-function getStateSignature(
-  points: MapPoint[],
-  userLocation?: UserLocation | null,
-) {
+function getStateSignature(points: MapPoint[], userLocation?: UserLocation | null) {
   return JSON.stringify({
     points: points.map((point) => ({
       region: point.region,
@@ -139,12 +134,7 @@ function getStateSignature(
   });
 }
 
-function projectTexturePoint(
-  lon: number,
-  lat: number,
-  width: number,
-  height: number,
-) {
+function projectTexturePoint(lon: number, lat: number, width: number, height: number) {
   const x = ((lon + 180) / 360) * width;
   const y = ((90 - lat) / 180) * height;
   return [x, y] as const;
@@ -241,9 +231,7 @@ function buildEarthTextureCanvas(geoJson: GeoJson) {
     const countryName = feature.properties?.name ?? "";
     const isUnlocked = unlockedCountries.has(countryName);
     ctx.fillStyle = isUnlocked ? colors.unlockedLandFill : colors.landFill;
-    ctx.strokeStyle = isUnlocked
-      ? colors.unlockedLandStroke
-      : colors.landStroke;
+    ctx.strokeStyle = isUnlocked ? colors.unlockedLandStroke : colors.landStroke;
     ctx.fill();
     ctx.stroke();
   }
@@ -346,13 +334,11 @@ function clearMarkerGroup() {
   markerGroup.traverse((child: THREE.Object3D) => {
     if (child instanceof THREE.Mesh) {
       child.geometry.dispose();
-      if (Array.isArray(child.material))
-        child.material.forEach((m: THREE.Material) => m.dispose());
+      if (Array.isArray(child.material)) child.material.forEach((m: THREE.Material) => m.dispose());
       else child.material.dispose();
     }
     if (child instanceof THREE.Sprite) {
-      if (Array.isArray(child.material))
-        child.material.forEach((m: THREE.Material) => m.dispose());
+      if (Array.isArray(child.material)) child.material.forEach((m: THREE.Material) => m.dispose());
       else child.material.dispose();
     }
   });
@@ -366,13 +352,11 @@ function clearRouteGroup() {
   routeGroup.traverse((child: THREE.Object3D) => {
     if (child instanceof THREE.Mesh || child instanceof THREE.Line) {
       child.geometry.dispose();
-      if (Array.isArray(child.material))
-        child.material.forEach((m: THREE.Material) => m.dispose());
+      if (Array.isArray(child.material)) child.material.forEach((m: THREE.Material) => m.dispose());
       else child.material.dispose();
     }
     if (child instanceof THREE.Sprite) {
-      if (Array.isArray(child.material))
-        child.material.forEach((m: THREE.Material) => m.dispose());
+      if (Array.isArray(child.material)) child.material.forEach((m: THREE.Material) => m.dispose());
       else child.material.dispose();
     }
   });
@@ -414,19 +398,14 @@ function isPointInRing(lon: number, lat: number, ring: [number, number][]) {
     const [xi, yi] = ring[i]!;
     const [xj, yj] = ring[j]!;
     const intersects =
-      yi > lat !== yj > lat &&
-      lon < ((xj - xi) * (lat - yi)) / (yj - yi || Number.EPSILON) + xi;
+      yi > lat !== yj > lat && lon < ((xj - xi) * (lat - yi)) / (yj - yi || Number.EPSILON) + xi;
     if (intersects) inside = !inside;
   }
 
   return inside;
 }
 
-function isPointInPolygon(
-  lon: number,
-  lat: number,
-  polygon: [number, number][][],
-) {
+function isPointInPolygon(lon: number, lat: number, polygon: [number, number][][]) {
   const [outerRing, ...holes] = polygon;
   if (!outerRing || !isPointInRing(lon, lat, outerRing)) return false;
   return !holes.some((ring) => isPointInRing(lon, lat, ring));
@@ -438,9 +417,7 @@ function findCountryByLonLat(geoJson: GeoJson, lon: number, lat: number) {
     if (!geometry) continue;
 
     if (geometry.type === "Polygon") {
-      if (
-        isPointInPolygon(lon, lat, geometry.coordinates as [number, number][][])
-      ) {
+      if (isPointInPolygon(lon, lat, geometry.coordinates as [number, number][][])) {
         return feature.properties?.name ?? "";
       }
       continue;
@@ -479,11 +456,7 @@ function setMarkerHoverState(marker: THREE.Group | null, hovered: boolean) {
     const material = glowMaterial as THREE.SpriteMaterial;
     material.opacity = hovered || isSelected ? 1 : 0.9;
     material.color.set(
-      isSelected
-        ? colors.markerGlowSelected
-        : hovered
-          ? colors.markerGlowHover
-          : colors.markerGlow,
+      isSelected ? colors.markerGlowSelected : hovered ? colors.markerGlowHover : colors.markerGlow,
     );
   }
 
@@ -491,11 +464,7 @@ function setMarkerHoverState(marker: THREE.Group | null, hovered: boolean) {
   if (coreMaterial && !Array.isArray(coreMaterial)) {
     const material = coreMaterial as THREE.MeshBasicMaterial;
     material.color.set(
-      isSelected
-        ? colors.markerCoreSelected
-        : hovered
-          ? colors.markerCoreHover
-          : colors.markerCore,
+      isSelected ? colors.markerCoreSelected : hovered ? colors.markerCoreHover : colors.markerCore,
     );
   }
 }
@@ -521,8 +490,7 @@ function rebuildMarkers() {
       nodes: point.nodes,
       nodeIds: point.nodeIds ?? [point.id],
       selected:
-        point.nodeIds?.includes(props.selectedNodeId ?? "") ??
-        point.id === props.selectedNodeId,
+        point.nodeIds?.includes(props.selectedNodeId ?? "") ?? point.id === props.selectedNodeId,
     };
     marker.position.copy(position);
     marker.lookAt(position.clone().multiplyScalar(2));
@@ -601,11 +569,7 @@ function rebuildRoutes() {
   routeGroup.add(userCore);
 
   for (const point of props.points) {
-    const targetPosition = lonLatToVector3(
-      point.value[0],
-      point.value[1],
-      radius + 0.028,
-    );
+    const targetPosition = lonLatToVector3(point.value[0], point.value[1], radius + 0.028);
     const distance = userPosition.distanceTo(targetPosition);
     const arcHeight = Math.min(1.18, 0.46 + distance * 0.16);
     const controlPoint = userPosition
@@ -614,11 +578,7 @@ function rebuildRoutes() {
       .multiplyScalar(0.5)
       .normalize()
       .multiplyScalar(radius + arcHeight);
-    const curve = new THREE.QuadraticBezierCurve3(
-      userPosition,
-      controlPoint,
-      targetPosition,
-    );
+    const curve = new THREE.QuadraticBezierCurve3(userPosition, controlPoint, targetPosition);
     const pointsOnCurve = curve.getPoints(72);
     const geometry = new THREE.BufferGeometry().setFromPoints(pointsOnCurve);
     const material = new THREE.LineBasicMaterial({
@@ -662,18 +622,13 @@ function handlePointerMove(event: PointerEvent) {
         const countryName = findCountryByLonLat(currentGeoJson, lon, lat);
 
         if (countryName) {
-          const countryNodes = props.points.filter(
-            (p) => p.isoCode === countryName,
-          );
+          const countryNodes = props.points.filter((p) => p.isoCode === countryName);
           const allNodeNames = countryNodes.flatMap((p) => p.nodes);
           tooltip.value = {
             visible: true,
             x: event.clientX - rect.left + 14,
             y: event.clientY - rect.top + 14,
-            title: getDisplayCountryName(
-              cnameMap.get(countryName) ?? countryName,
-              locale.value,
-            ),
+            title: getDisplayCountryName(cnameMap.get(countryName) ?? countryName, locale.value),
             count: allNodeNames.length,
             nodes: allNodeNames,
           };
@@ -694,9 +649,7 @@ function handlePointerMove(event: PointerEvent) {
     if (hoveredMarker) setMarkerHoverState(hoveredMarker, true);
   }
 
-  const data = marker?.userData as
-    | { region: string; count: number; nodes: string[] }
-    | undefined;
+  const data = marker?.userData as { region: string; count: number; nodes: string[] } | undefined;
 
   if (!data) {
     hideTooltip();
@@ -778,16 +731,13 @@ function animate() {
     const cameraDir = camera.position.clone().normalize();
     const worldPos = new THREE.Vector3();
     for (const marker of markerGroup.children) {
-      const glow = (marker as THREE.Group).userData.glow as
-        | THREE.Sprite
-        | undefined;
+      const glow = (marker as THREE.Group).userData.glow as THREE.Sprite | undefined;
       if (!glow) continue;
       marker.getWorldPosition(worldPos);
       const dot = worldPos.clone().normalize().dot(cameraDir);
       // dot < 0.12 完全隐藏，dot > 0.28 完全显示，中间线性过渡
       const limbFade = Math.max(0, Math.min(1, (dot - 0.12) / 0.16));
-      const baseOpacity =
-        ((marker as THREE.Group).userData.selected ? 1 : 0.9) * limbFade;
+      const baseOpacity = ((marker as THREE.Group).userData.selected ? 1 : 0.9) * limbFade;
       (glow.material as THREE.SpriteMaterial).opacity = baseOpacity;
     }
   }
@@ -1000,10 +950,7 @@ onUnmounted(() => {
 </script>
 
 <template>
-  <div
-    class="globe-shell relative overflow-hidden rounded-[1.4rem] border"
-    :class="shellClass"
-  >
+  <div class="globe-shell relative overflow-hidden rounded-[1.4rem] border" :class="shellClass">
     <div class="globe-grid pointer-events-none absolute inset-0" />
     <div
       class="pointer-events-none absolute top-[0.9rem] left-[0.9rem] z-[1] h-[2.8rem] w-[2.8rem] rounded-tl-[0.6rem] border-t-2 border-l-2"
@@ -1028,26 +975,22 @@ onUnmounted(() => {
     <Transition name="globe-popover">
       <div
         v-if="pickedMarker"
-        class="absolute z-[9] w-64 overflow-hidden rounded-xl border border-border bg-popover text-popover-foreground shadow-xl"
+        class="border-border bg-popover text-popover-foreground absolute z-[9] w-64 overflow-hidden rounded-xl border shadow-xl"
         :style="{ left: `${pickedPos.x}px`, top: `${pickedPos.y}px` }"
         @click.stop
         @mousedown.stop
       >
-        <div
-          class="flex items-center gap-2 border-b border-border/70 px-3 py-2.5"
-        >
+        <div class="border-border/70 flex items-center gap-2 border-b px-3 py-2.5">
           <div class="min-w-0 flex-1">
-            <div
-              class="flex items-baseline gap-1.5 truncate text-sm leading-tight font-semibold"
-            >
+            <div class="flex items-baseline gap-1.5 truncate text-sm leading-tight font-semibold">
               <span class="truncate">{{ pickedMarker.region }}</span>
               <span
                 v-if="pickedMarker.isoCode"
-                class="shrink-0 font-mono text-xs font-normal text-muted-foreground"
+                class="text-muted-foreground shrink-0 font-mono text-xs font-normal"
                 >{{ pickedMarker.isoCode }}</span
               >
             </div>
-            <div class="mt-0.5 font-mono text-[11px] text-muted-foreground">
+            <div class="text-muted-foreground mt-0.5 font-mono text-[11px]">
               {{
                 t("dashboard.map.tooltip.nodeCount", {
                   count: pickedMarker.nodes.length,
@@ -1056,7 +999,7 @@ onUnmounted(() => {
             </div>
           </div>
           <button
-            class="-mr-1 inline-flex h-6 w-6 shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground"
+            class="text-muted-foreground hover:bg-accent hover:text-foreground -mr-1 inline-flex h-6 w-6 shrink-0 items-center justify-center rounded"
             @click="closeGlobePopover"
           >
             <X class="h-3.5 w-3.5" />
@@ -1067,18 +1010,12 @@ onUnmounted(() => {
             v-for="(nodeName, i) in pickedMarker.nodes"
             :key="pickedMarker.nodeIds[i] ?? `${i}-${nodeName}`"
             type="button"
-            class="group flex w-full items-center gap-2 px-3 py-1.5 text-left text-xs transition-colors hover:bg-accent"
-            @click="
-              selectNodeFromGlobePopover(
-                pickedMarker.nodeIds[i] ?? pickedMarker.nodeIds[0]!,
-              )
-            "
+            class="group hover:bg-accent flex w-full items-center gap-2 px-3 py-1.5 text-left text-xs transition-colors"
+            @click="selectNodeFromGlobePopover(pickedMarker.nodeIds[i] ?? pickedMarker.nodeIds[0]!)"
           >
-            <span class="flex-1 truncate text-foreground/90">{{
-              nodeName
-            }}</span>
+            <span class="text-foreground/90 flex-1 truncate">{{ nodeName }}</span>
             <ChevronRight
-              class="h-3 w-3 shrink-0 text-muted-foreground/40 transition-transform group-hover:translate-x-0.5 group-hover:text-muted-foreground"
+              class="text-muted-foreground/40 group-hover:text-muted-foreground h-3 w-3 shrink-0 transition-transform group-hover:translate-x-0.5"
             />
           </button>
         </div>
@@ -1095,11 +1032,7 @@ onUnmounted(() => {
       <div v-if="tooltip.count > 0" :class="tooltipMetaClass">
         {{ t("dashboard.map.tooltip.nodeCount", { count: tooltip.count }) }}
       </div>
-      <div
-        v-if="tooltip.nodes.length"
-        class="mt-2 flex flex-col gap-1"
-        :class="tooltipListClass"
-      >
+      <div v-if="tooltip.nodes.length" class="mt-2 flex flex-col gap-1" :class="tooltipListClass">
         <span v-for="node in tooltip.nodes" :key="node">{{ node }}</span>
       </div>
     </div>
@@ -1108,9 +1041,7 @@ onUnmounted(() => {
       class="absolute inset-0 z-[5] flex items-center justify-center text-sm backdrop-blur-[8px]"
       :class="[
         overlayClass,
-        loadError
-          ? themeMode.overlayErrorTextClass
-          : themeMode.overlayLoadingTextClass,
+        loadError ? themeMode.overlayErrorTextClass : themeMode.overlayLoadingTextClass,
       ]"
     >
       {{ loadError || t("dashboard.map.globeLoading") }}
@@ -1121,16 +1052,8 @@ onUnmounted(() => {
 <style scoped>
 .globe-shell {
   background:
-    radial-gradient(
-      circle at top,
-      rgba(255, 255, 255, 0.72),
-      rgba(255, 255, 255, 0) 30%
-    ),
-    linear-gradient(
-      180deg,
-      rgba(244, 247, 250, 0.98) 0%,
-      rgba(231, 237, 243, 0.98) 100%
-    );
+    radial-gradient(circle at top, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0) 30%),
+    linear-gradient(180deg, rgba(244, 247, 250, 0.98) 0%, rgba(231, 237, 243, 0.98) 100%);
   box-shadow:
     inset 0 1px 0 rgba(255, 255, 255, 0.8),
     inset 0 0 0 1px rgba(148, 163, 184, 0.12),
@@ -1143,11 +1066,7 @@ onUnmounted(() => {
     linear-gradient(90deg, rgba(100, 116, 139, 0.045) 1px, transparent 1px);
   background-size: 40px 40px;
   opacity: 0.2;
-  mask-image: radial-gradient(
-    circle at 50% 50%,
-    rgba(0, 0, 0, 0.88),
-    transparent 100%
-  );
+  mask-image: radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0.88), transparent 100%);
 }
 
 .canvas-host :deep(canvas) {
@@ -1158,16 +1077,8 @@ onUnmounted(() => {
 
 .globe-shell.theme-dark {
   background:
-    radial-gradient(
-      circle at 50% 30%,
-      rgba(34, 211, 238, 0.16),
-      transparent 28%
-    ),
-    radial-gradient(
-      circle at 18% 18%,
-      rgba(255, 255, 255, 0.04),
-      transparent 18%
-    ),
+    radial-gradient(circle at 50% 30%, rgba(34, 211, 238, 0.16), transparent 28%),
+    radial-gradient(circle at 18% 18%, rgba(255, 255, 255, 0.04), transparent 18%),
     linear-gradient(180deg, rgba(7, 17, 29, 0.96) 0%, rgba(2, 8, 20, 0.98) 100%);
   box-shadow:
     inset 0 1px 0 rgba(255, 255, 255, 0.04),
diff --git a/src/components/map/countryName.ts b/src/components/map/countryName.ts
index c53b0f27..b6789a34 100644
--- a/src/components/map/countryName.ts
+++ b/src/components/map/countryName.ts
@@ -340,10 +340,7 @@ const COUNTRY_NAME_FALLBACK: Record<string, { zh: string; en: string }> = {
   Antarctica: { zh: "南极洲", en: "Antarctica" },
 };
 
-export function getDisplayCountryName(
-  countryName: string,
-  locale: string | undefined,
-) {
+export function getDisplayCountryName(countryName: string, locale: string | undefined) {
   const normalizedLocale = locale?.toLowerCase() ?? "zh-cn";
   const preferredLanguage = normalizedLocale.startsWith("zh") ? "zh" : "en";
   const fallback = COUNTRY_NAME_FALLBACK[countryName];
diff --git a/src/components/map/theme.ts b/src/components/map/theme.ts
index 9dee69d1..699d302b 100644
--- a/src/components/map/theme.ts
+++ b/src/components/map/theme.ts
@@ -80,8 +80,7 @@ export const MAP_THEME: Record<"dark" | "light", MapThemeMode> = {
   dark: {
     shellBorderClass: "theme-dark border-[rgba(103,232,249,0.14)]",
     frameClass: "border-[rgba(103,232,249,0.34)] opacity-100",
-    overlayClass:
-      "bg-[linear-gradient(180deg,rgba(3,10,20,0.82),rgba(5,15,28,0.9))]",
+    overlayClass: "bg-[linear-gradient(180deg,rgba(3,10,20,0.82),rgba(5,15,28,0.9))]",
     overlayLoadingTextClass: "text-slate-300",
     overlayErrorTextClass: "text-red-300",
     tooltipPanelClass:
@@ -155,8 +154,7 @@ export const MAP_THEME: Record<"dark" | "light", MapThemeMode> = {
   light: {
     shellBorderClass: "border-[rgba(191,219,254,0.72)]",
     frameClass: "border-[rgba(59,130,246,0.16)] opacity-90",
-    overlayClass:
-      "bg-[linear-gradient(180deg,rgba(246,249,252,0.82),rgba(233,240,247,0.9))]",
+    overlayClass: "bg-[linear-gradient(180deg,rgba(246,249,252,0.82),rgba(233,240,247,0.9))]",
     overlayLoadingTextClass: "text-slate-600",
     overlayErrorTextClass: "text-red-500",
     tooltipPanelClass:
diff --git a/src/components/misc/mockInput.vue b/src/components/misc/mockInput.vue
index 47f79f5b..532e7618 100644
--- a/src/components/misc/mockInput.vue
+++ b/src/components/misc/mockInput.vue
@@ -86,9 +86,9 @@ onMounted(() => {
     :contenteditable="editable"
     :data-placeholder="placeholder"
     :class="[
-      'min-h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow]',
+      'border-input min-h-9 w-full rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow]',
       'outline-none',
-      'focus-visible:border-ring focus-visible:ring-[1px] focus-visible:ring-ring/50',
+      'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[1px]',
       'selection:bg-primary selection:text-primary-foreground',
       'disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',
       '[&:empty:before]:text-muted-foreground',
diff --git a/src/components/node-manage/NodeManageTabAgents.vue b/src/components/node-manage/NodeManageTabAgents.vue
index dcfc62fc..949dbcfe 100644
--- a/src/components/node-manage/NodeManageTabAgents.vue
+++ b/src/components/node-manage/NodeManageTabAgents.vue
@@ -41,12 +41,7 @@ import {
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
 
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";
 import codeCopy from "@/components/node-manage/codeCopy.vue";
 
 import { useBackendStore } from "@/composables/useBackendStore";
@@ -100,8 +95,7 @@ const filteredAgents = computed(() => {
   if (!q) return agents.value;
   return agents.value.filter(
     (a) =>
-      (a.metadata?.customName &&
-        a.metadata?.customName.toLowerCase().includes(q)) ||
+      (a.metadata?.customName && a.metadata?.customName.toLowerCase().includes(q)) ||
       a.uuid.toLowerCase().includes(q),
   );
 });
@@ -211,9 +205,7 @@ const latestVersion = computed(() => {
   if (availableVersions.value.length === 0) {
     return "";
   }
-  const sorted = availableVersions.value
-    .map((v) => v.replace(/^v/g, ""))
-    .sort(compareVersions);
+  const sorted = availableVersions.value.map((v) => v.replace(/^v/g, "")).sort(compareVersions);
 
   return sorted[sorted.length - 1] as string;
 });
@@ -222,9 +214,7 @@ function extractVersion(version: string) {
   return version.split("-")[0] || "";
 }
 
-const upgradeStatus = ref<Map<string, "waiting" | "upgrading" | "confirming">>(
-  new Map(),
-);
+const upgradeStatus = ref<Map<string, "waiting" | "upgrading" | "confirming">>(new Map());
 async function confirmVersion(version: string) {
   version = version.replace(/^v/g, "");
 
@@ -289,9 +279,7 @@ async function confirmVersion(version: string) {
             await applyPostProces(uuid, oldVersion, version);
           } catch (error) {
             console.error("升级后处理失败", error);
-            toast.error(
-              `agent ${agent.metadata?.customName || agent.uuid} 升级后处理失败`,
-            );
+            toast.error(`agent ${agent.metadata?.customName || agent.uuid} 升级后处理失败`);
           }
 
           break;
@@ -304,9 +292,7 @@ async function confirmVersion(version: string) {
     }
     upgradeStatus.value.delete(uuid);
     if (!finished) {
-      toast.success(
-        `agent ${agent.metadata?.customName || agent.uuid} 升级失败, 请尝试手动升级`,
-      );
+      toast.success(`agent ${agent.metadata?.customName || agent.uuid} 升级失败, 请尝试手动升级`);
     }
   }
 
@@ -318,9 +304,7 @@ function fetchVersion() {
   return fetch(`https://api.github.com/repos/${repo}/releases`)
     .then((r) => r.json())
     .then((r) =>
-      (r as { tag_name: string }[])
-        .map((v) => v.tag_name)
-        .filter((v) => v.startsWith("v")),
+      (r as { tag_name: string }[]).map((v) => v.tag_name).filter((v) => v.startsWith("v")),
     )
     .then((r) => {
       availableVersions.value = r;
@@ -343,9 +327,7 @@ refresh();
   <div class="space-y-4">
     <div class="flex items-center gap-3">
       <div class="relative max-w-sm flex-1">
-        <Search
-          class="absolute top-1/2 left-2.5 h-4 w-4 -translate-y-1/2 text-muted-foreground"
-        />
+        <Search class="text-muted-foreground absolute top-1/2 left-2.5 h-4 w-4 -translate-y-1/2" />
         <Input
           v-model="searchQuery"
           :placeholder="t('dashboard.agents.searchPlaceholder')"
@@ -363,12 +345,7 @@ refresh();
           {{ t("dashboard.agents.batchUpgrade") }}
         </Button>
         <!-- temp disabled -->
-        <Button
-          size="sm"
-          variant="outline"
-          @click="handleBatchAction('move')"
-          v-if="false"
-        >
+        <Button size="sm" variant="outline" @click="handleBatchAction('move')" v-if="false">
           <FolderInput class="mr-1.5 h-4 w-4" />
           {{ t("dashboard.agents.batchMove") }}
         </Button>
@@ -390,13 +367,7 @@ refresh();
           </DropdownMenuContent>
         </DropdownMenu>
       </div>
-      <Button
-        variant="outline"
-        size="sm"
-        :disabled="loading"
-        class="ml-auto"
-        @click="fetchAgents"
-      >
+      <Button variant="outline" size="sm" :disabled="loading" class="ml-auto" @click="fetchAgents">
         <RefreshCw class="h-4 w-4" :class="{ 'animate-spin': loading }" />
       </Button>
       <Button
@@ -406,11 +377,7 @@ refresh();
         @click="sortable = !sortable"
       >
         <Menu class="mr-1.5 h-4 w-4" />
-        {{
-          sortable
-            ? t("dashboard.agents.sortSave")
-            : t("dashboard.agents.sortEdit")
-        }}
+        {{ sortable ? t("dashboard.agents.sortSave") : t("dashboard.agents.sortEdit") }}
       </Button>
       <Button @click="addAgentOpen = true">
         <Plus class="mr-1.5 h-4 w-4" />
@@ -418,18 +385,12 @@ refresh();
       </Button>
     </div>
 
-    <div
-      v-if="loading"
-      class="flex items-center justify-center py-12 text-muted-foreground"
-    >
+    <div v-if="loading" class="text-muted-foreground flex items-center justify-center py-12">
       <Loader2 class="mr-2 h-5 w-5 animate-spin" />
       {{ t("common.loading") }}
     </div>
 
-    <div
-      v-else-if="agents.length === 0"
-      class="py-12 text-center text-sm text-muted-foreground"
-    >
+    <div v-else-if="agents.length === 0" class="text-muted-foreground py-12 text-center text-sm">
       {{ t("dashboard.agents.noAgents") }}
     </div>
 
@@ -447,9 +408,7 @@ refresh();
             <TableHead>{{ t("dashboard.agents.colId") }}</TableHead>
             <TableHead>{{ t("dashboard.agents.colIp") }}</TableHead>
             <TableHead>{{ t("dashboard.agents.colVersion") }}</TableHead>
-            <TableHead class="text-right">{{
-              t("dashboard.agents.colActions")
-            }}</TableHead>
+            <TableHead class="text-right">{{ t("dashboard.agents.colActions") }}</TableHead>
           </TableRow>
         </TableHeader>
         <TableBody>
@@ -466,10 +425,7 @@ refresh();
             @drop="(e: DragEvent) => onDrop(e, index)"
           >
             <TableCell>
-              <GripVertical
-                v-if="sortable"
-                class="h-4 w-4 text-muted-foreground"
-              />
+              <GripVertical v-if="sortable" class="text-muted-foreground h-4 w-4" />
               <Checkbox
                 v-else
                 :modelValue="selectedUuids.has(agent.uuid)"
@@ -481,39 +437,27 @@ refresh();
               />
             </TableCell>
             <TableCell class="font-medium">
-              <RouterLink
-                :to="`/dashboard/node/${agent.uuid}`"
-                class="hover:underline"
-              >
+              <RouterLink :to="`/dashboard/node/${agent.uuid}`" class="hover:underline">
                 {{ agent?.metadata?.customName || "--" }}
               </RouterLink>
             </TableCell>
-            <TableCell class="font-mono text-xs text-muted-foreground">
+            <TableCell class="text-muted-foreground font-mono text-xs">
               {{ agent.uuid.slice(0, 8) }}
             </TableCell>
             <TableCell class="min-w-20">
               <Loader2
                 v-if="agent.ip === undefined"
-                class="h-3.5 w-3.5 animate-spin text-muted-foreground"
+                class="text-muted-foreground h-3.5 w-3.5 animate-spin"
               />
-              <span v-else-if="agent.ip" class="font-mono text-xs">{{
-                agent.ip
-              }}</span>
+              <span v-else-if="agent.ip" class="font-mono text-xs">{{ agent.ip }}</span>
               <span v-else class="text-muted-foreground">--</span>
             </TableCell>
-            <TableCell
-              class="text-muted-foreground"
-              v-if="!upgradeStatus.has(agent.uuid)"
-            >
+            <TableCell class="text-muted-foreground" v-if="!upgradeStatus.has(agent.uuid)">
               <span :title="agent.version || ''">
                 {{ agent.version?.slice(0, 20) || "--" }}
               </span>
               <template v-if="agent.version">
-                <TooltipProvider
-                  v-if="
-                    compareVersions(extractVersion(agent.version), '0.1.3') < 0
-                  "
-                >
+                <TooltipProvider v-if="compareVersions(extractVersion(agent.version), '0.1.3') < 0">
                   <Tooltip>
                     <TooltipTrigger as-child>
                       <Badge
@@ -528,8 +472,7 @@ refresh();
                       <div class="w-150">
                         <article class="prose prose-sm mb-2">
                           <h4 class="mb-1">
-                            版本太老，不支持 API
-                            更新，只能通过脚本来更新到新版本
+                            版本太老，不支持 API 更新，只能通过脚本来更新到新版本
                           </h4>
                           <p>
                             你可以下面的命令，到
@@ -546,12 +489,7 @@ refresh();
                 <template v-else-if="availableVersions.length">
                   <Badge
                     variant="outline"
-                    v-if="
-                      compareVersions(
-                        extractVersion(agent.version),
-                        latestVersion,
-                      ) < 0
-                    "
+                    v-if="compareVersions(extractVersion(agent.version), latestVersion) < 0"
                     class="ml-2 bg-amber-50 text-amber-700 dark:bg-amber-950 dark:text-amber-300"
                     >可更新</Badge
                   >
@@ -591,12 +529,7 @@ refresh();
                   showAgentCommandOpen = true;
                 "
               >
-                <Button
-                  size="icon"
-                  variant="ghost"
-                  class="h-8 w-8"
-                  title="重新显示连接命令"
-                >
+                <Button size="icon" variant="ghost" class="h-8 w-8" title="重新显示连接命令">
                   <LifeBuoyIcon class="h-4 w-4" />
                 </Button>
               </PopConfirm>
@@ -614,11 +547,7 @@ refresh();
         </TableBody>
       </Table>
     </div>
-    <AddAgentDialog
-      v-if="addAgentOpen"
-      v-model:open="addAgentOpen"
-      @added="refresh()"
-    />
+    <AddAgentDialog v-if="addAgentOpen" v-model:open="addAgentOpen" @added="refresh()" />
     <ShowAgentCommandDialog
       v-if="showAgentCommandOpen"
       v-model:open="showAgentCommandOpen"
diff --git a/src/components/node-manage/NodeManageTabServers.vue b/src/components/node-manage/NodeManageTabServers.vue
index 637663dc..4e72456a 100644
--- a/src/components/node-manage/NodeManageTabServers.vue
+++ b/src/components/node-manage/NodeManageTabServers.vue
@@ -16,12 +16,7 @@ import { Button } from "@/components/ui/button";
 import { Badge } from "@/components/ui/badge";
 import { PopConfirm } from "@/components/ui/pop-confirm";
 import { Spinner } from "@/components/ui/spinner";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";
 import { toast } from "vue-sonner";
 import {
   Table,
@@ -34,10 +29,7 @@ import {
 } from "@/components/ui/table";
 import { useBackendStore, type Backend } from "@/composables/useBackendStore";
 import BackendSwitcher from "@/components/BackendSwitcher.vue";
-import {
-  useBackendExtra,
-  getSingleBackendProperty,
-} from "@/composables/useBackendExtra";
+import { useBackendExtra, getSingleBackendProperty } from "@/composables/useBackendExtra";
 import type { ServerVersionInfo } from "@/composables/useBackendExtra";
 import { useLifecycle } from "@/composables/useLifecycle";
 import { useTask } from "@/composables/useTask";
@@ -51,16 +43,9 @@ import codeCopy from "@/components/node-manage/codeCopy.vue";
 const { t } = useI18n();
 const route = useRoute();
 const router = useRouter();
-const { backends, selectBackend, removeBackend, addBackend } =
-  useBackendStore();
-const {
-  refreshAll,
-  isActive,
-  serverInfo,
-  serverInfoLoading,
-  updateServer,
-  fetchServerInfo,
-} = useBackendExtra();
+const { backends, selectBackend, removeBackend, addBackend } = useBackendStore();
+const { refreshAll, isActive, serverInfo, serverInfoLoading, updateServer, fetchServerInfo } =
+  useBackendExtra();
 const { afterServerCreate } = useLifecycle();
 
 const installScript = ref(
@@ -75,9 +60,7 @@ const shareOpen = ref(false);
 const shareBackend = ref<Backend | null>(null);
 const availableVersions = ref<string[]>([]);
 const pendingUpdateUrl = ref<string>("");
-const upgradeStatus = ref<Map<string, "waiting" | "upgrading" | "confirming">>(
-  new Map(),
-);
+const upgradeStatus = ref<Map<string, "waiting" | "upgrading" | "confirming">>(new Map());
 const initForm = ref<{
   newName: string;
   newUrl: string;
@@ -106,9 +89,7 @@ const latestVersion = computed(() => {
   if (availableVersions.value.length === 0) {
     return "";
   }
-  const sorted = availableVersions.value
-    .map((v) => v.replace(/^v/g, ""))
-    .sort(compareVersions);
+  const sorted = availableVersions.value.map((v) => v.replace(/^v/g, "")).sort(compareVersions);
 
   return sorted[sorted.length - 1] as string;
 });
@@ -197,18 +178,14 @@ function fetchVersion() {
   return fetch(`https://api.github.com/repos/${repo}/releases`)
     .then((r) => r.json())
     .then((r) =>
-      (r as { tag_name: string }[])
-        .map((v) => v.tag_name)
-        .filter((v) => v.startsWith("v")),
+      (r as { tag_name: string }[]).map((v) => v.tag_name).filter((v) => v.startsWith("v")),
     )
     .then((r) => {
       availableVersions.value = r;
     })
     .catch((e) => {
       console.error(e);
-      toast.error(
-        "Failed to fetch GitHub releases, check if api.github.com is accessible",
-      );
+      toast.error("Failed to fetch GitHub releases, check if api.github.com is accessible");
     });
 }
 
@@ -226,9 +203,7 @@ watch(
       const decoded = JSON.parse(atob(raw)) as Backend;
       if (!decoded.url || !decoded.token || !decoded.name) return;
 
-      const exists = backends.value.some(
-        (b) => b.url === decoded.url && b.token === decoded.token,
-      );
+      const exists = backends.value.some((b) => b.url === decoded.url && b.token === decoded.token);
       if (!exists) {
         initForm.value.newName = decoded.name;
         initForm.value.newUrl = decoded.url;
@@ -252,10 +227,7 @@ fetchVersion();
   <div class="space-y-4">
     <div class="flex items-center justify-end gap-2">
       <Button variant="outline" size="sm" @click="refreshAll">
-        <RefreshCw
-          class="h-4 w-4"
-          :class="{ 'animate-spin': serverInfoLoading }"
-        />
+        <RefreshCw class="h-4 w-4" :class="{ 'animate-spin': serverInfoLoading }" />
       </Button>
       <Button size="sm" @click="addOpen = true">
         <Plus class="mr-1.5 h-4 w-4" />
@@ -272,9 +244,7 @@ fetchVersion();
             <TableHead>{{ t("dashboard.servers.colEndpoint") }}</TableHead>
             <TableHead>{{ t("dashboard.servers.colVersion") }}</TableHead>
             <TableHead>{{ t("dashboard.servers.colStatus") }}</TableHead>
-            <TableHead class="text-right">{{
-              t("dashboard.servers.colActions")
-            }}</TableHead>
+            <TableHead class="text-right">{{ t("dashboard.servers.colActions") }}</TableHead>
           </TableRow>
         </TableHeader>
         <TableBody>
@@ -290,13 +260,10 @@ fetchVersion();
                 {{ backend.name }}
               </RouterLink>
             </TableCell>
-            <TableCell class="font-mono text-xs text-muted-foreground">
+            <TableCell class="text-muted-foreground font-mono text-xs">
               {{ serverInfo[backend.url]?.uuid ?? "--" }}
             </TableCell>
-            <TableCell
-              class="max-w-[200px] truncate font-mono text-xs"
-              :title="backend.url"
-            >
+            <TableCell class="max-w-[200px] truncate font-mono text-xs" :title="backend.url">
               {{ backend.url }}
             </TableCell>
             <TableCell class="text-muted-foreground">
@@ -326,8 +293,7 @@ fetchVersion();
                       <TooltipContent>
                         <div class="w-150">
                           <h2 class="my-2 text-base">
-                            版本太老，不支持 API
-                            更新，只能通过在终端运行脚本来更新到新版本
+                            版本太老，不支持 API 更新，只能通过在终端运行脚本来更新到新版本
                           </h2>
                           <codeCopy :code="installScript"></codeCopy>
                         </div>
@@ -340,9 +306,7 @@ fetchVersion();
                       variant="outline"
                       v-if="
                         compareVersions(
-                          extractVersion(
-                            serverInfo[backend.url]?.version || '',
-                          ),
+                          extractVersion(serverInfo[backend.url]?.version || ''),
                           latestVersion,
                         ) < 0
                       "
@@ -370,12 +334,7 @@ fetchVersion();
               <Badge v-if="isActive(backend)" variant="default">
                 {{ t("dashboard.servers.active") }}
               </Badge>
-              <Button
-                v-else
-                size="sm"
-                variant="secondary"
-                @click="handleSelect(backend)"
-              >
+              <Button v-else size="sm" variant="secondary" @click="handleSelect(backend)">
                 {{ t("dashboard.servers.select") }}
               </Button>
             </TableCell>
@@ -409,12 +368,7 @@ fetchVersion();
                   :cancel-text="t('dashboard.servers.deleteCancel')"
                   @confirm="afterServerCreate(backend, true)"
                 >
-                  <Button
-                    size="icon"
-                    variant="ghost"
-                    class="h-8 w-8"
-                    title="重新初始化"
-                  >
+                  <Button size="icon" variant="ghost" class="h-8 w-8" title="重新初始化">
                     <RefreshCw class="h-4 w-4" />
                   </Button>
                 </PopConfirm>
@@ -437,7 +391,7 @@ fetchVersion();
                   <Button
                     size="icon"
                     variant="ghost"
-                    class="h-8 w-8 text-destructive hover:text-destructive/90"
+                    class="text-destructive hover:text-destructive/90 h-8 w-8"
                   >
                     <Trash2 class="h-4 w-4" />
                   </Button>
@@ -449,11 +403,7 @@ fetchVersion();
       </Table>
     </div>
 
-    <BackendSwitcher
-      v-model:open="addOpen"
-      :init-form="initForm"
-      :show-list="false"
-    />
+    <BackendSwitcher v-model:open="addOpen" :init-form="initForm" :show-list="false" />
     <VersionDialog
       v-if="changeVersionOpen"
       :availableVersions="availableVersions"
diff --git a/src/components/node-manage/ShareDialog.vue b/src/components/node-manage/ShareDialog.vue
index 6967c139..855b1a13 100644
--- a/src/components/node-manage/ShareDialog.vue
+++ b/src/components/node-manage/ShareDialog.vue
@@ -12,12 +12,7 @@ import {
 } from "@/components/ui/select";
 import { computed, onMounted, ref, watch } from "vue";
 import { Loader2, Check } from "lucide-vue-next";
-import {
-  Dialog,
-  DialogContent,
-  DialogHeader,
-  DialogTitle,
-} from "@/components/ui/dialog";
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/components/ui/dialog";
 import { Badge } from "@/components/ui/badge";
 import { useI18n } from "vue-i18n";
 import { type Backend } from "@/composables/useBackendStore";
diff --git a/src/components/node-manage/VersionDialog.vue b/src/components/node-manage/VersionDialog.vue
index bc33c218..1404b1f1 100644
--- a/src/components/node-manage/VersionDialog.vue
+++ b/src/components/node-manage/VersionDialog.vue
@@ -12,12 +12,7 @@ import {
 } from "@/components/ui/select";
 import { computed, onMounted, ref, watch } from "vue";
 import { Loader2 } from "lucide-vue-next";
-import {
-  Dialog,
-  DialogContent,
-  DialogHeader,
-  DialogTitle,
-} from "@/components/ui/dialog";
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/components/ui/dialog";
 import { Badge } from "@/components/ui/badge";
 import { useI18n } from "vue-i18n";
 import { toast } from "vue-sonner";
@@ -80,11 +75,9 @@ watch(
               <SelectValue />
             </SelectTrigger>
             <SelectContent>
-              <SelectItem
-                v-for="version in availableVersions"
-                :value="version"
-                >{{ version }}</SelectItem
-              >
+              <SelectItem v-for="version in availableVersions" :value="version">{{
+                version
+              }}</SelectItem>
             </SelectContent>
           </Select>
         </div>
diff --git a/src/components/node-manage/codeCopy.vue b/src/components/node-manage/codeCopy.vue
index 9a0e60e9..160c5529 100644
--- a/src/components/node-manage/codeCopy.vue
+++ b/src/components/node-manage/codeCopy.vue
@@ -33,15 +33,15 @@ const editorExtensions = computed(() => [
 ]);
 </script>
 <template>
-  <div class="rounded-md border overflow-hidden relative">
+  <div class="relative overflow-hidden rounded-md border">
     <Button
       type="button"
       @click="copyInstallScript"
-      class="absolute top-2 right-2 z-10 p-1.5 rounded-md bg-background/80 hover:bg-background border border-border/50 hover:border-border transition-colors"
+      class="bg-background/80 hover:bg-background border-border/50 hover:border-border absolute top-2 right-2 z-10 rounded-md border p-1.5 transition-colors"
       :title="isCopied ? 'Copied!' : 'Copy to clipboard'"
     >
       <Check v-if="isCopied" class="h-4 w-4 text-green-500" />
-      <Copy v-else class="h-4 w-4 text-muted-foreground" />
+      <Copy v-else class="text-muted-foreground h-4 w-4" />
     </Button>
     <Codemirror
       :model-value="code"
diff --git a/src/components/node/NodeMetadataForm.vue b/src/components/node/NodeMetadataForm.vue
index c3ed0096..ce060ff8 100644
--- a/src/components/node/NodeMetadataForm.vue
+++ b/src/components/node/NodeMetadataForm.vue
@@ -106,7 +106,7 @@ const filteredRegions = computed(() => {
     <!-- tags -->
     <div class="space-y-2">
       <Label>{{ $t("dashboard.node.metadata.tags") }}</Label>
-      <div class="flex flex-wrap gap-2 mb-2">
+      <div class="mb-2 flex flex-wrap gap-2">
         <Badge
           v-for="(tag, i) in modelValue.tags"
           :key="tag"
@@ -116,7 +116,7 @@ const filteredRegions = computed(() => {
           {{ tag }}
           <button
             type="button"
-            class="ml-0.5 rounded-full hover:bg-muted-foreground/20 p-0.5"
+            class="hover:bg-muted-foreground/20 ml-0.5 rounded-full p-0.5"
             @click="removeTag(i)"
           >
             <X class="h-3 w-3" />
@@ -150,16 +150,10 @@ const filteredRegions = computed(() => {
           @update:model-value="update({ priceUnit: $event as string })"
         >
           <SelectTrigger>
-            <SelectValue
-              :placeholder="$t('dashboard.node.metadata.priceUnitPlaceholder')"
-            />
+            <SelectValue :placeholder="$t('dashboard.node.metadata.priceUnitPlaceholder')" />
           </SelectTrigger>
           <SelectContent>
-            <SelectItem
-              v-for="u in PRICE_UNITS"
-              :key="u.symbol"
-              :value="u.symbol"
-            >
+            <SelectItem v-for="u in PRICE_UNITS" :key="u.symbol" :value="u.symbol">
               {{ u.label }}
             </SelectItem>
           </SelectContent>
@@ -169,9 +163,7 @@ const filteredRegions = computed(() => {
 
     <!-- priceCycle -->
     <div class="space-y-2">
-      <Label for="nm-price-cycle">{{
-        $t("dashboard.node.metadata.priceCycle")
-      }}</Label>
+      <Label for="nm-price-cycle">{{ $t("dashboard.node.metadata.priceCycle") }}</Label>
       <NumberField
         id="nm-price-cycle"
         :model-value="modelValue.priceCycle"
@@ -183,17 +175,13 @@ const filteredRegions = computed(() => {
 
     <!-- expireTime -->
     <div class="space-y-2">
-      <Label for="nm-expire-time">{{
-        $t("dashboard.node.metadata.expireTime")
-      }}</Label>
+      <Label for="nm-expire-time">{{ $t("dashboard.node.metadata.expireTime") }}</Label>
       <input
         id="nm-expire-time"
         type="date"
         :value="modelValue.expireTime"
-        class="placeholder:text-muted-foreground border-input dark:bg-input/30 h-9 w-full rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[1px] md:text-sm"
-        @change="
-          update({ expireTime: ($event.target as HTMLInputElement).value })
-        "
+        class="placeholder:text-muted-foreground border-input dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 h-9 w-full rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[1px] md:text-sm"
+        @change="update({ expireTime: ($event.target as HTMLInputElement).value })"
       />
     </div>
 
@@ -218,7 +206,7 @@ const filteredRegions = computed(() => {
             "
           />
           <ChevronsUpDown
-            class="pointer-events-none absolute right-2.5 top-2.5 h-4 w-4 shrink-0 text-muted-foreground"
+            class="text-muted-foreground pointer-events-none absolute top-2.5 right-2.5 h-4 w-4 shrink-0"
           />
         </AutocompleteAnchor>
         <AutocompletePortal>
@@ -227,7 +215,7 @@ const filteredRegions = computed(() => {
             :side-offset="4"
             :class="
               cn(
-                'z-50 min-w-48 w-[var(--reka-combobox-trigger-width)] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md',
+                'bg-popover text-popover-foreground z-50 w-[var(--reka-combobox-trigger-width)] min-w-48 overflow-hidden rounded-md border shadow-md',
                 'data-[state=open]:animate-in data-[state=closed]:animate-out',
                 'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',
                 'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',
@@ -236,9 +224,7 @@ const filteredRegions = computed(() => {
             "
           >
             <AutocompleteViewport class="p-1">
-              <AutocompleteEmpty
-                class="py-6 text-center text-sm text-muted-foreground"
-              >
+              <AutocompleteEmpty class="text-muted-foreground py-6 text-center text-sm">
                 {{ $t("dashboard.node.metadata.regionEmpty") }}
               </AutocompleteEmpty>
               <AutocompleteItem
@@ -248,21 +234,18 @@ const filteredRegions = computed(() => {
                 :text-value="`${r.code} · ${r.name}`"
                 :class="
                   cn(
-                    'relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none',
+                    'relative flex cursor-pointer items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none',
                     'data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground',
                     'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
                   )
                 "
                 @select="update({ region: r.code })"
               >
-                <span class="w-8 font-mono text-xs text-muted-foreground">
+                <span class="text-muted-foreground w-8 font-mono text-xs">
                   {{ r.code }}
                 </span>
                 <span class="ml-2">{{ r.name }}</span>
-                <Check
-                  v-if="modelValue.region === r.code"
-                  class="ml-auto h-4 w-4"
-                />
+                <Check v-if="modelValue.region === r.code" class="ml-auto h-4 w-4" />
               </AutocompleteItem>
             </AutocompleteViewport>
           </AutocompleteContent>
@@ -274,17 +257,17 @@ const filteredRegions = computed(() => {
     <div class="flex items-center justify-between">
       <div class="space-y-0.5">
         <Label>{{ $t("dashboard.node.metadata.hidden") }}</Label>
-        <p class="text-sm text-muted-foreground">
+        <p class="text-muted-foreground text-sm">
           {{ $t("dashboard.node.metadata.hiddenDesc") }}
         </p>
       </div>
       <SwitchRoot
         :checked="modelValue.hidden"
-        class="relative inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input"
+        class="focus-visible:ring-ring data-[state=checked]:bg-primary data-[state=unchecked]:bg-input relative inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50"
         @update:checked="update({ hidden: $event })"
       >
         <SwitchThumb
-          class="pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
+          class="bg-background pointer-events-none block h-5 w-5 rounded-full shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
         />
       </SwitchRoot>
     </div>
diff --git a/src/components/node/latency/LatencyQualityCanvas.vue b/src/components/node/latency/LatencyQualityCanvas.vue
index 0b4beac2..cdc404df 100644
--- a/src/components/node/latency/LatencyQualityCanvas.vue
+++ b/src/components/node/latency/LatencyQualityCanvas.vue
@@ -1,10 +1,7 @@
 <script setup lang="ts">
 import { onMounted, ref, watch } from "vue";
 import { useElementSize } from "@vueuse/core";
-import {
-  LATENCY_SEGMENTS,
-  LOSS_COLOR,
-} from "@/components/ping/pingLatencyConfig";
+import { LATENCY_SEGMENTS, LOSS_COLOR } from "@/components/ping/pingLatencyConfig";
 
 const CANVAS_HEIGHT = 16;
 const HEIGHT_CAP_MS = 400;
@@ -76,9 +73,5 @@ watch(canvasWidth, () => draw());
 </script>
 
 <template>
-  <canvas
-    ref="canvasRef"
-    :height="CANVAS_HEIGHT"
-    class="block h-4 w-full bg-black/4"
-  />
+  <canvas ref="canvasRef" :height="CANVAS_HEIGHT" class="block h-4 w-full bg-black/4" />
 </template>
diff --git a/src/components/node/latency/latency.vue b/src/components/node/latency/latency.vue
index 81f9292a..86332f16 100644
--- a/src/components/node/latency/latency.vue
+++ b/src/components/node/latency/latency.vue
@@ -3,12 +3,7 @@ import { shallowRef, onMounted, onUnmounted, watch } from "vue";
 import uPlot from "uplot";
 import "uplot/dist/uPlot.min.css";
 import type { TaskQueryResult } from "@/composables/useCronHistory";
-import {
-  getStableCronNames,
-  normalizeCronName,
-  normalizeTs,
-  SERIES_COLORS,
-} from "./utils";
+import { getStableCronNames, normalizeCronName, normalizeTs, SERIES_COLORS } from "./utils";
 
 const emit = defineEmits<{
   xRangeChange: [{ min: number; max: number } | null];
@@ -39,12 +34,10 @@ function buildData(): {
 
   // 对齐到 30s bucket，消除不同 cron 任务执行时间偏差导致的折线断裂
   const BUCKET_S = 30;
-  const snapBucket = (tsSeconds: number) =>
-    Math.floor(tsSeconds / BUCKET_S) * BUCKET_S;
+  const snapBucket = (tsSeconds: number) => Math.floor(tsSeconds / BUCKET_S) * BUCKET_S;
 
   const tsSet = new Set<number>();
-  for (const r of props.data)
-    tsSet.add(snapBucket(Math.floor(normalizeTs(r.timestamp) / 1000)));
+  for (const r of props.data) tsSet.add(snapBucket(Math.floor(normalizeTs(r.timestamp) / 1000)));
   const xs = [...tsSet].sort((a, b) => a - b);
 
   const PEAK_CAP = 500;
@@ -56,9 +49,7 @@ function buildData(): {
       if (normalizeCronName(r.cron_source) !== name) continue;
       const t = snapBucket(Math.floor(normalizeTs(r.timestamp) / 1000));
       const isTimeout =
-        !r.success ||
-        !r.task_event_result ||
-        typeof r.task_event_result[props.type] !== "number";
+        !r.success || !r.task_event_result || typeof r.task_event_result[props.type] !== "number";
       flagMap.set(t, isTimeout);
       let v: number | null;
       if (isTimeout) {
@@ -159,11 +150,7 @@ function tooltipPlugin(): uPlot.Plugin {
   };
 }
 
-function makeOpts(
-  width: number,
-  height: number,
-  cronNames: string[],
-): uPlot.Options {
+function makeOpts(width: number, height: number, cronNames: string[]): uPlot.Options {
   return {
     width,
     height,
@@ -278,11 +265,7 @@ function build(width: number, height: number) {
   const { cronNames, aligned, timeoutFlags } = buildData();
   currentCronNames.value = cronNames;
   currentTimeoutFlags = timeoutFlags;
-  chart = new uPlot(
-    makeOpts(width, height, cronNames),
-    aligned,
-    containerRef.value,
-  );
+  chart = new uPlot(makeOpts(width, height, cronNames), aligned, containerRef.value);
   applyVisibility();
   applySeriesEmphasis();
   if (userZoomRange != null) {
@@ -359,5 +342,5 @@ watch(
 </script>
 
 <template>
-  <div ref="containerRef" class="w-full h-full overflow-hidden" />
+  <div ref="containerRef" class="h-full w-full overflow-hidden" />
 </template>
diff --git a/src/components/node/latency/utils.ts b/src/components/node/latency/utils.ts
index dff19dfc..8e065b18 100644
--- a/src/components/node/latency/utils.ts
+++ b/src/components/node/latency/utils.ts
@@ -30,8 +30,8 @@ export function normalizeCronName(name?: string | null): string {
 }
 
 export function getStableCronNames(data: TaskQueryResult[]): string[] {
-  return [...new Set(data.map((r) => normalizeCronName(r.cron_source)))].sort(
-    (a, b) => a.localeCompare(b),
+  return [...new Set(data.map((r) => normalizeCronName(r.cron_source)))].sort((a, b) =>
+    a.localeCompare(b),
   );
 }
 
@@ -54,9 +54,7 @@ export function computeStats(
   const cronNames = getStableCronNames(data);
   return cronNames
     .map((name) => {
-      const rows = data.filter(
-        (r) => normalizeCronName(r.cron_source) === name,
-      );
+      const rows = data.filter((r) => normalizeCronName(r.cron_source) === name);
       const total = rows.length;
       const color = colorMap[name] ?? SERIES_COLORS[0]!;
       const qualityBars = rows
@@ -79,22 +77,17 @@ export function computeStats(
 
       const vals = rows
         .filter(
-          (r) =>
-            r.success &&
-            r.task_event_result &&
-            typeof r.task_event_result[type] === "number",
+          (r) => r.success && r.task_event_result && typeof r.task_event_result[type] === "number",
         )
         .map((r) => r.task_event_result![type] as number);
 
       const lossRate = ((total - vals.length) / total) * 100;
-      if (vals.length === 0)
-        return { name, color, avg: null, jitter: null, lossRate, qualityBars };
+      if (vals.length === 0) return { name, color, avg: null, jitter: null, lossRate, qualityBars };
 
       const avg = vals.reduce((s, v) => s + v, 0) / vals.length;
       const jitter =
         vals.length >= 2
-          ? vals.slice(1).reduce((s, v, i) => s + Math.abs(v - vals[i]!), 0) /
-            (vals.length - 1)
+          ? vals.slice(1).reduce((s, v, i) => s + Math.abs(v - vals[i]!), 0) / (vals.length - 1)
           : null;
 
       return { name, color, avg, jitter, lossRate, qualityBars };
diff --git a/src/components/node/setting/NodeSettingTabBasic.vue b/src/components/node/setting/NodeSettingTabBasic.vue
index 5159de6f..c1028bcb 100644
--- a/src/components/node/setting/NodeSettingTabBasic.vue
+++ b/src/components/node/setting/NodeSettingTabBasic.vue
@@ -14,8 +14,7 @@ const props = defineProps<{ uuid: string }>();
 
 const { t } = useI18n();
 const kv = useKv();
-const { parseMetadataFields, buildMetadataBatch, initDefaultMetadata } =
-  useNodeMetadata(kv);
+const { parseMetadataFields, buildMetadataBatch, initDefaultMetadata } = useNodeMetadata(kv);
 
 const loading = ref(false);
 const saveLoading = ref(false);
@@ -42,15 +41,11 @@ onMounted(async () => {
     }
 
     kv.namespace.value = props.uuid;
-    let results = await kv.getMultiValue([
-      { namespace: props.uuid, key: "metadata_*" },
-    ]);
+    let results = await kv.getMultiValue([{ namespace: props.uuid, key: "metadata_*" }]);
 
     if (results.length === 0) {
       await initDefaultMetadata(props.uuid);
-      results = await kv.getMultiValue([
-        { namespace: props.uuid, key: "metadata_*" },
-      ]);
+      results = await kv.getMultiValue([{ namespace: props.uuid, key: "metadata_*" }]);
     }
 
     form.value = parseMetadataFields(results, shorterUUID(props.uuid));
@@ -65,9 +60,7 @@ async function handleSave() {
   saveLoading.value = true;
   try {
     kv.namespace.value = props.uuid;
-    const { partialFailures } = await kv.setValueBatch(
-      buildMetadataBatch(form.value),
-    );
+    const { partialFailures } = await kv.setValueBatch(buildMetadataBatch(form.value));
     if (partialFailures.length > 0) {
       toast.warning(`Partial save failure: ${partialFailures.join(", ")}`);
     } else {
@@ -83,10 +76,7 @@ async function handleSave() {
 
 <template>
   <div class="max-w-lg space-y-6">
-    <div
-      v-if="loading"
-      class="flex items-center gap-2 py-4 text-sm text-muted-foreground"
-    >
+    <div v-if="loading" class="text-muted-foreground flex items-center gap-2 py-4 text-sm">
       <Loader2 class="h-4 w-4 animate-spin" />
       {{ $t("common.loading") }}
     </div>
diff --git a/src/components/node/setting/NodeSettingTabConfig.vue b/src/components/node/setting/NodeSettingTabConfig.vue
index 907e3a0d..4a3acd6d 100644
--- a/src/components/node/setting/NodeSettingTabConfig.vue
+++ b/src/components/node/setting/NodeSettingTabConfig.vue
@@ -63,16 +63,14 @@ function syncFromConfig(config: splitConfig) {
   logLevel.value = basicConfig.log_level || "info";
   ipProvider.value = basicConfig.ip_provider || "ipinfo";
   dynamicReportInterval.value = basicConfig.dynamic_report_interval_ms || 1000;
-  dynamicSummaryReportInterval.value =
-    basicConfig.dynamic_summary_report_interval_ms || 1000;
+  dynamicSummaryReportInterval.value = basicConfig.dynamic_summary_report_interval_ms || 1000;
   staticReportInterval.value = basicConfig.static_report_interval_ms || 300000;
   terminalShell.value = basicConfig.terminal_shell || "bash";
   execMaxCharacter.value = basicConfig.exec_max_character;
   connectTimeout.value = basicConfig.connect_timeout_ms;
   dynamic_summary_select_network_interface.value =
     basicConfig.dynamic_summary_select_network_interface || [];
-  dynamic_summary_select_disk.value =
-    basicConfig.dynamic_summary_select_disk || [];
+  dynamic_summary_select_disk.value = basicConfig.dynamic_summary_select_disk || [];
 
   // 从 server 配置中提取第一个 server 的 allow_* 属性
   if (currentUpstream) {
@@ -106,8 +104,7 @@ function buildConfig(): AgentConfig {
   config.log_level = logLevel.value;
   config.ip_provider = ipProvider.value;
   config.dynamic_report_interval_ms = dynamicReportInterval.value;
-  config.dynamic_summary_report_interval_ms =
-    dynamicSummaryReportInterval.value;
+  config.dynamic_summary_report_interval_ms = dynamicSummaryReportInterval.value;
   config.static_report_interval_ms = staticReportInterval.value;
   config.terminal_shell = terminalShell.value;
 
@@ -153,9 +150,7 @@ onMounted(async () => {
     // todo: find current backend, watch
     syncFromConfig(config);
   } catch (e: unknown) {
-    toast.error(
-      e instanceof Error ? e.message : t("dashboard.node.config.loadFailed"),
-    );
+    toast.error(e instanceof Error ? e.message : t("dashboard.node.config.loadFailed"));
   } finally {
     loading.value = false;
   }
@@ -168,17 +163,13 @@ onMounted(async () => {
     if (!latest) {
       return;
     }
-    if (
-      Array.isArray(latest.network?.interfaces) &&
-      latest.network.interfaces.length > 0
-    ) {
-      dynamic_summary_select_network_interface_list.value =
-        latest.network.interfaces.map((i) => i.interface_name);
+    if (Array.isArray(latest.network?.interfaces) && latest.network.interfaces.length > 0) {
+      dynamic_summary_select_network_interface_list.value = latest.network.interfaces.map(
+        (i) => i.interface_name,
+      );
     }
     if (Array.isArray(latest.disk) && latest.disk.length > 0) {
-      dynamic_summary_select_disk_list.value = latest.disk.map(
-        (d) => d.mount_point,
-      );
+      dynamic_summary_select_disk_list.value = latest.disk.map((d) => d.mount_point);
     }
   });
 });
@@ -200,9 +191,7 @@ async function handleSave() {
       toast.error(t("dashboard.saveFailed"));
     }
   } catch (e: unknown) {
-    toast.error(
-      e instanceof Error ? e.message : t("dashboard.node.config.saveFailed"),
-    );
+    toast.error(e instanceof Error ? e.message : t("dashboard.node.config.saveFailed"));
   } finally {
     saveLoading.value = false;
   }
@@ -211,10 +200,7 @@ async function handleSave() {
 
 <template>
   <div class="max-w-lg space-y-5">
-    <div
-      v-if="loading"
-      class="flex items-center gap-2 py-4 text-sm text-muted-foreground"
-    >
+    <div v-if="loading" class="text-muted-foreground flex items-center gap-2 py-4 text-sm">
       <Loader2 class="h-4 w-4 animate-spin" />
       {{ $t("common.loading") }}
     </div>
@@ -254,16 +240,10 @@ async function handleSave() {
 
         <!-- 动态监控上报间隔 (ms) -->
         <div class="space-y-1.5">
-          <Label>{{
-            $t("dashboard.node.config.dynamicSummaryReportInterval")
-          }}</Label>
+          <Label>{{ $t("dashboard.node.config.dynamicSummaryReportInterval") }}</Label>
           <div class="flex items-center gap-2">
-            <NumberField
-              v-model="dynamicSummaryReportInterval"
-              :min="1000"
-              class="w-40"
-            />
-            <span class="text-sm text-muted-foreground">
+            <NumberField v-model="dynamicSummaryReportInterval" :min="1000" class="w-40" />
+            <span class="text-muted-foreground text-sm">
               {{ $t("dashboard.node.config.msUnit") }}
             </span>
           </div>
@@ -273,12 +253,8 @@ async function handleSave() {
         <div class="space-y-1.5">
           <Label>{{ $t("dashboard.node.config.dynamicReportInterval") }}</Label>
           <div class="flex items-center gap-2">
-            <NumberField
-              v-model="dynamicReportInterval"
-              :min="1000"
-              class="w-40"
-            />
-            <span class="text-sm text-muted-foreground">
+            <NumberField v-model="dynamicReportInterval" :min="1000" class="w-40" />
+            <span class="text-muted-foreground text-sm">
               {{ $t("dashboard.node.config.msUnit") }}
             </span>
           </div>
@@ -288,12 +264,8 @@ async function handleSave() {
         <div class="space-y-1.5">
           <Label>{{ $t("dashboard.node.config.staticReportInterval") }}</Label>
           <div class="flex items-center gap-2">
-            <NumberField
-              v-model="staticReportInterval"
-              :min="1000"
-              class="w-40"
-            />
-            <span class="text-sm text-muted-foreground">
+            <NumberField v-model="staticReportInterval" :min="1000" class="w-40" />
+            <span class="text-muted-foreground text-sm">
               {{ $t("dashboard.node.config.msUnit") }}
             </span>
           </div>
@@ -309,7 +281,7 @@ async function handleSave() {
               class="w-40"
               @update:model-value="connectTimeout = $event"
             />
-            <span class="text-sm text-muted-foreground">
+            <span class="text-muted-foreground text-sm">
               {{ $t("dashboard.node.config.msUnit") }}
             </span>
           </div>
@@ -351,9 +323,7 @@ async function handleSave() {
             <SelectTrigger class="w-48">
               <SelectValue
                 :placeholder="
-                  dynamic_summary_select_disk_list.length === 0
-                    ? '无可选磁盘'
-                    : '请选择磁盘'
+                  dynamic_summary_select_disk_list.length === 0 ? '无可选磁盘' : '请选择磁盘'
                 "
               />
             </SelectTrigger>
@@ -374,9 +344,7 @@ async function handleSave() {
           <Select
             v-model="dynamic_summary_select_network_interface"
             multiple
-            :disabled="
-              dynamic_summary_select_network_interface_list.length === 0
-            "
+            :disabled="dynamic_summary_select_network_interface_list.length === 0"
           >
             <SelectTrigger class="w-48">
               <SelectValue
@@ -408,45 +376,32 @@ async function handleSave() {
         <template v-if="allowTaskType.size > 0">
           <div class="space-y-2 pt-2">
             <div class="flex items-center justify-between">
-              <span class="text-sm">{{
-                $t("dashboard.node.config.featureIcmpPing")
-              }}</span>
+              <span class="text-sm">{{ $t("dashboard.node.config.featureIcmpPing") }}</span>
               <Switch
                 :modelValue="allowTaskType.has('ping')"
                 @update:model-value="
-                  (v) =>
-                    v ? allowTaskType.add('ping') : allowTaskType.delete('ping')
+                  (v) => (v ? allowTaskType.add('ping') : allowTaskType.delete('ping'))
                 "
                 :disabled="!allowTaskType.has('edit_config')"
               />
             </div>
             <div class="flex items-center justify-between">
-              <span class="text-sm">{{
-                $t("dashboard.node.config.featureTcpPing")
-              }}</span>
+              <span class="text-sm">{{ $t("dashboard.node.config.featureTcpPing") }}</span>
               <Switch
                 :modelValue="allowTaskType.has('tcp_ping')"
                 @update:model-value="
-                  (v) =>
-                    v
-                      ? allowTaskType.add('tcp_ping')
-                      : allowTaskType.delete('tcp_ping')
+                  (v) => (v ? allowTaskType.add('tcp_ping') : allowTaskType.delete('tcp_ping'))
                 "
                 :disabled="!allowTaskType.has('edit_config')"
               />
             </div>
             <div class="flex items-center justify-between">
-              <span class="text-sm">{{
-                $t("dashboard.node.config.featureHttpPing")
-              }}</span>
+              <span class="text-sm">{{ $t("dashboard.node.config.featureHttpPing") }}</span>
               <Switch
                 :modelValue="allowTaskType.has('http_ping')"
                 :disabled="!allowTaskType.has('edit_config')"
                 @update:model-value="
-                  (v) =>
-                    v
-                      ? allowTaskType.add('http_ping')
-                      : allowTaskType.delete('http_ping')
+                  (v) => (v ? allowTaskType.add('http_ping') : allowTaskType.delete('http_ping'))
                 "
               />
             </div>
@@ -455,127 +410,90 @@ async function handleSave() {
               <Switch
                 :modelValue="allowTaskType.has('dns')"
                 @update:model-value="
-                  (v) =>
-                    v ? allowTaskType.add('dns') : allowTaskType.delete('dns')
+                  (v) => (v ? allowTaskType.add('dns') : allowTaskType.delete('dns'))
                 "
                 :disabled="!allowTaskType.has('edit_config')"
               />
             </div>
             <div class="flex items-center justify-between">
-              <span class="text-sm">{{
-                $t("dashboard.node.config.featureHttpRequest")
-              }}</span>
+              <span class="text-sm">{{ $t("dashboard.node.config.featureHttpRequest") }}</span>
               <Switch
                 :modelValue="allowTaskType.has('http_request')"
                 @update:model-value="
                   (v) =>
-                    v
-                      ? allowTaskType.add('http_request')
-                      : allowTaskType.delete('http_request')
+                    v ? allowTaskType.add('http_request') : allowTaskType.delete('http_request')
                 "
                 :disabled="!allowTaskType.has('edit_config')"
               />
             </div>
             <div class="flex items-center justify-between">
-              <span class="text-sm">{{
-                $t("dashboard.node.config.featureSelfUpdate")
-              }}</span>
+              <span class="text-sm">{{ $t("dashboard.node.config.featureSelfUpdate") }}</span>
               <Switch
                 :modelValue="allowTaskType.has('self_update')"
                 @update:model-value="
                   (v) =>
-                    v
-                      ? allowTaskType.add('self_update')
-                      : allowTaskType.delete('self_update')
+                    v ? allowTaskType.add('self_update') : allowTaskType.delete('self_update')
                 "
                 :disabled="!allowTaskType.has('edit_config')"
               />
             </div>
             <div class="flex items-center justify-between">
-              <span class="text-sm">{{
-                $t("dashboard.node.config.featureWebShell")
-              }}</span>
+              <span class="text-sm">{{ $t("dashboard.node.config.featureWebShell") }}</span>
               <Switch
                 :modelValue="allowTaskType.has('web_shell')"
                 @update:model-value="
-                  (v) =>
-                    v
-                      ? allowTaskType.add('web_shell')
-                      : allowTaskType.delete('web_shell')
+                  (v) => (v ? allowTaskType.add('web_shell') : allowTaskType.delete('web_shell'))
                 "
                 :disabled="!allowTaskType.has('edit_config')"
               />
             </div>
             <div class="flex items-center justify-between">
-              <span class="text-sm">{{
-                $t("dashboard.node.config.featureExecute")
-              }}</span>
+              <span class="text-sm">{{ $t("dashboard.node.config.featureExecute") }}</span>
               <Switch
                 :modelValue="allowTaskType.has('execute')"
                 @update:model-value="
-                  (v) =>
-                    v
-                      ? allowTaskType.add('execute')
-                      : allowTaskType.delete('execute')
+                  (v) => (v ? allowTaskType.add('execute') : allowTaskType.delete('execute'))
                 "
                 :disabled="!allowTaskType.has('edit_config')"
               />
             </div>
             <div class="flex items-center justify-between gap-4">
-              <span class="text-sm">{{
-                $t("dashboard.node.config.featureIp")
-              }}</span>
+              <span class="text-sm">{{ $t("dashboard.node.config.featureIp") }}</span>
               <Switch
                 :modelValue="allowTaskType.has('ip')"
                 @update:model-value="
-                  (v) =>
-                    v ? allowTaskType.add('ip') : allowTaskType.delete('ip')
+                  (v) => (v ? allowTaskType.add('ip') : allowTaskType.delete('ip'))
                 "
                 :disabled="!allowTaskType.has('edit_config')"
               />
             </div>
             <div class="flex items-center justify-between">
-              <span class="text-sm">{{
-                $t("dashboard.node.config.featureVersion")
-              }}</span>
+              <span class="text-sm">{{ $t("dashboard.node.config.featureVersion") }}</span>
               <Switch
                 :modelValue="allowTaskType.has('version')"
                 @update:model-value="
-                  (v) =>
-                    v
-                      ? allowTaskType.add('version')
-                      : allowTaskType.delete('version')
+                  (v) => (v ? allowTaskType.add('version') : allowTaskType.delete('version'))
                 "
                 :disabled="!allowTaskType.has('edit_config')"
               />
             </div>
             <div class="flex items-center justify-between">
-              <span class="text-sm">{{
-                $t("dashboard.node.config.featureReadConfig")
-              }}</span>
+              <span class="text-sm">{{ $t("dashboard.node.config.featureReadConfig") }}</span>
               <Switch
                 :modelValue="allowTaskType.has('read_config')"
                 @update:model-value="
                   (v) =>
-                    v
-                      ? allowTaskType.add('read_config')
-                      : allowTaskType.delete('read_config')
+                    v ? allowTaskType.add('read_config') : allowTaskType.delete('read_config')
                 "
                 :disabled="!allowTaskType.has('edit_config')"
               />
             </div>
             <div class="flex items-center justify-between">
-              <span class="text-sm">{{
-                $t("dashboard.node.config.featureEditConfig")
-              }}</span>
+              <span class="text-sm">{{ $t("dashboard.node.config.featureEditConfig") }}</span>
               <PopConfirm
-                :title="
-                  $t('dashboard.node.config.featureEditConfigConfirmTitle')
-                "
+                :title="$t('dashboard.node.config.featureEditConfigConfirmTitle')"
                 v-if="allowTaskType.has('edit_config')"
-                :description="
-                  $t('dashboard.node.config.featureEditConfigConfirmDesc')
-                "
+                :description="$t('dashboard.node.config.featureEditConfigConfirmDesc')"
                 @confirm="allowTaskType.delete('edit_config')"
               >
                 <div>
diff --git a/src/components/node/setting/NodeSettingTabDelete.vue b/src/components/node/setting/NodeSettingTabDelete.vue
index e800ef4c..a458367d 100644
--- a/src/components/node/setting/NodeSettingTabDelete.vue
+++ b/src/components/node/setting/NodeSettingTabDelete.vue
@@ -46,9 +46,7 @@ const nodeName = ref("");
 
 onMounted(async () => {
   try {
-    const results = await kv.getMultiValue([
-      { namespace: props.uuid, key: "metadata_name" },
-    ]);
+    const results = await kv.getMultiValue([{ namespace: props.uuid, key: "metadata_name" }]);
     const entry = results.find((r) => r.key === "metadata_name");
     if (entry) nodeName.value = String(entry.value);
   } catch {
@@ -60,12 +58,7 @@ const dialogOpen = ref(false);
 const confirmName = ref("");
 const progress = ref(0);
 const activeStep = ref(0); // 0=idle
-const stepStatus = ref<("idle" | "running" | "done")[]>([
-  "idle",
-  "idle",
-  "idle",
-  "idle",
-]);
+const stepStatus = ref<("idle" | "running" | "done")[]>(["idle", "idle", "idle", "idle"]);
 
 function openDialog() {
   confirmName.value = "";
@@ -76,9 +69,7 @@ function openDialog() {
 }
 
 const confirmDisabled = () =>
-  !confirmName.value ||
-  confirmName.value !== nodeName.value ||
-  activeStep.value > 0;
+  !confirmName.value || confirmName.value !== nodeName.value || activeStep.value > 0;
 
 function setStep(i: number, status: "running" | "done") {
   stepStatus.value = stepStatus.value.map((s, idx) => (idx === i ? status : s));
@@ -187,12 +178,10 @@ async function handleDelete() {
       <h2 class="text-lg font-semibold">
         {{ $t("dashboard.node.delete.title") }}
       </h2>
-      <p class="mt-1 text-sm text-muted-foreground">
+      <p class="text-muted-foreground mt-1 text-sm">
         {{ $t("dashboard.node.delete.desc") }}
       </p>
-      <ul
-        class="mt-3 list-inside list-disc space-y-1 text-sm text-muted-foreground"
-      >
+      <ul class="text-muted-foreground mt-3 list-inside list-disc space-y-1 text-sm">
         <li>{{ $t("dashboard.node.delete.step1") }}</li>
         <li>{{ $t("dashboard.node.delete.step2") }}</li>
         <li>{{ $t("dashboard.node.delete.step3") }}</li>
@@ -225,23 +214,14 @@ async function handleDelete() {
             >
               <Loader2
                 v-if="stepStatus[i] === 'running'"
-                class="h-4 w-4 animate-spin text-muted-foreground"
-              />
-              <CheckCircle2
-                v-else-if="stepStatus[i] === 'done'"
-                class="h-4 w-4 text-green-500"
+                class="text-muted-foreground h-4 w-4 animate-spin"
               />
+              <CheckCircle2 v-else-if="stepStatus[i] === 'done'" class="h-4 w-4 text-green-500" />
               <span
                 v-else
-                class="inline-block h-4 w-4 rounded-full border border-muted-foreground/30"
+                class="border-muted-foreground/30 inline-block h-4 w-4 rounded-full border"
               />
-              <span
-                :class="
-                  stepStatus[i] === 'done'
-                    ? 'text-foreground'
-                    : 'text-muted-foreground'
-                "
-              >
+              <span :class="stepStatus[i] === 'done' ? 'text-foreground' : 'text-muted-foreground'">
                 {{ $t(`dashboard.node.delete.${stepKey}`) }}
               </span>
             </div>
@@ -258,17 +238,10 @@ async function handleDelete() {
         </div>
 
         <AlertDialogFooter>
-          <AlertDialogCancel
-            :disabled="activeStep > 0"
-            @click="dialogOpen = false"
-          >
+          <AlertDialogCancel :disabled="activeStep > 0" @click="dialogOpen = false">
             {{ $t("dashboard.node.delete.cancel") }}
           </AlertDialogCancel>
-          <Button
-            variant="destructive"
-            :disabled="confirmDisabled()"
-            @click="handleDelete"
-          >
+          <Button variant="destructive" :disabled="confirmDisabled()" @click="handleDelete">
             {{ $t("dashboard.node.delete.confirm") }}
           </Button>
         </AlertDialogFooter>
diff --git a/src/components/node/setting/NodeSettingTabStorage.vue b/src/components/node/setting/NodeSettingTabStorage.vue
index 9bbfdbf8..eb41606c 100644
--- a/src/components/node/setting/NodeSettingTabStorage.vue
+++ b/src/components/node/setting/NodeSettingTabStorage.vue
@@ -5,13 +5,7 @@ import { Loader2 } from "lucide-vue-next";
 import { Button } from "@/components/ui/button";
 import { NumberField } from "@/components/ui/number-field";
 import { PopConfirm } from "@/components/ui/pop-confirm";
-import {
-  Card,
-  CardHeader,
-  CardTitle,
-  CardDescription,
-  CardContent,
-} from "@/components/ui/card";
+import { Card, CardHeader, CardTitle, CardDescription, CardContent } from "@/components/ui/card";
 import { useKv } from "@/composables/useKv";
 import { useI18n } from "vue-i18n";
 import { useCron, taskToCronType } from "@/composables/useCron";
@@ -54,19 +48,13 @@ onMounted(async () => {
   loading.value = true;
   try {
     kv.namespace.value = props.uuid;
-    const results = await kv.getMultiValue([
-      { namespace: props.uuid, key: "database_limit_*" },
-    ]);
+    const results = await kv.getMultiValue([{ namespace: props.uuid, key: "database_limit_*" }]);
     const get = (key: string) => results.find((r) => r.key === key)?.value;
 
     if (get("database_limit_dynamic_monitoring_summary") !== undefined)
-      storageDynamicSummary.value = tsToMinute(
-        get("database_limit_dynamic_monitoring_summary"),
-      );
+      storageDynamicSummary.value = tsToMinute(get("database_limit_dynamic_monitoring_summary"));
     if (get("database_limit_dynamic_monitoring") !== undefined)
-      storageDynamic.value = tsToMinute(
-        get("database_limit_dynamic_monitoring"),
-      );
+      storageDynamic.value = tsToMinute(get("database_limit_dynamic_monitoring"));
     if (get("database_limit_static_monitoring") !== undefined)
       storageStatic.value = tsToMinute(get("database_limit_static_monitoring"));
     if (get("database_limit_task") !== undefined)
@@ -151,18 +139,13 @@ async function cleanExpiredData() {
         </CardTitle>
       </CardHeader>
       <CardContent>
-        <div
-          v-if="loading"
-          class="flex items-center gap-2 text-muted-foreground text-sm py-2"
-        >
+        <div v-if="loading" class="text-muted-foreground flex items-center gap-2 py-2 text-sm">
           <Loader2 class="h-4 w-4 animate-spin" />
           {{ $t("common.loading") }}
         </div>
         <div v-else class="space-y-3">
           <div class="flex items-center justify-between gap-4">
-            <span class="text-sm">{{
-              $t("dashboard.agents.dynamicMonitoringSummary")
-            }}</span>
+            <span class="text-sm">{{ $t("dashboard.agents.dynamicMonitoringSummary") }}</span>
             <div class="flex items-center gap-1.5">
               <NumberField
                 :model-value="storageDynamicSummary"
@@ -170,15 +153,13 @@ async function cleanExpiredData() {
                 class="w-36"
                 @update:model-value="storageDynamicSummary = $event"
               />
-              <span class="text-sm text-muted-foreground whitespace-nowrap">
+              <span class="text-muted-foreground text-sm whitespace-nowrap">
                 {{ $t("dashboard.agents.minuteUnit") }}
               </span>
             </div>
           </div>
           <div class="flex items-center justify-between gap-4">
-            <span class="text-sm">{{
-              $t("dashboard.agents.dynamicMonitoring")
-            }}</span>
+            <span class="text-sm">{{ $t("dashboard.agents.dynamicMonitoring") }}</span>
             <div class="flex items-center gap-1.5">
               <NumberField
                 :model-value="storageDynamic"
@@ -186,7 +167,7 @@ async function cleanExpiredData() {
                 class="w-36"
                 @update:model-value="storageDynamic = $event"
               />
-              <span class="text-sm text-muted-foreground whitespace-nowrap">
+              <span class="text-muted-foreground text-sm whitespace-nowrap">
                 {{ $t("dashboard.agents.minuteUnit") }}
               </span>
             </div>
@@ -194,9 +175,7 @@ async function cleanExpiredData() {
 
           <!-- no need to change -->
           <div class="flex items-center justify-between gap-4" v-if="false">
-            <span class="text-sm">{{
-              $t("dashboard.agents.staticMonitoring")
-            }}</span>
+            <span class="text-sm">{{ $t("dashboard.agents.staticMonitoring") }}</span>
             <div class="flex items-center gap-1.5">
               <NumberField
                 :model-value="storageStatic"
@@ -204,7 +183,7 @@ async function cleanExpiredData() {
                 class="w-36"
                 @update:model-value="storageStatic = $event"
               />
-              <span class="text-sm text-muted-foreground whitespace-nowrap">
+              <span class="text-muted-foreground text-sm whitespace-nowrap">
                 {{ $t("dashboard.agents.minuteUnit") }}
               </span>
             </div>
@@ -218,14 +197,14 @@ async function cleanExpiredData() {
                 class="w-36"
                 @update:model-value="storageAgentTask = $event"
               />
-              <span class="text-sm text-muted-foreground whitespace-nowrap">
+              <span class="text-muted-foreground text-sm whitespace-nowrap">
                 {{ $t("dashboard.agents.minuteUnit") }}
               </span>
             </div>
           </div>
           <div class="pt-2">
             <Button :disabled="saveLoading" @click="handleSave">
-              <Loader2 v-if="saveLoading" class="h-4 w-4 animate-spin mr-2" />
+              <Loader2 v-if="saveLoading" class="mr-2 h-4 w-4 animate-spin" />
               {{ saveLoading ? $t("dashboard.saving") : $t("dashboard.save") }}
             </Button>
           </div>
@@ -253,7 +232,7 @@ async function cleanExpiredData() {
           @confirm="cleanExpiredData"
         >
           <Button variant="destructive" :disabled="cleanLoading">
-            <Loader2 v-if="cleanLoading" class="h-4 w-4 animate-spin mr-2" />
+            <Loader2 v-if="cleanLoading" class="mr-2 h-4 w-4 animate-spin" />
             {{
               cleanLoading
                 ? $t("dashboard.node.storage.cleaning")
diff --git a/src/components/node/setting/NodeSettingTabUpstream.vue b/src/components/node/setting/NodeSettingTabUpstream.vue
index dd6370e7..1a17185b 100644
--- a/src/components/node/setting/NodeSettingTabUpstream.vue
+++ b/src/components/node/setting/NodeSettingTabUpstream.vue
@@ -59,9 +59,7 @@ async function refresh() {
     const config = await getAgentConfigExtra(props.uuid);
     agentConfig.value = config;
   } catch (e: unknown) {
-    toast.error(
-      e instanceof Error ? e.message : t("dashboard.node.config.loadFailed"),
-    );
+    toast.error(e instanceof Error ? e.message : t("dashboard.node.config.loadFailed"));
   } finally {
     loading.value = false;
   }
@@ -71,11 +69,7 @@ async function refresh() {
 const currentUpstreamIndex = ref(0);
 
 const copiedKey = ref<string | null>(null);
-const copyText = (
-  key: string,
-  index: number,
-  text: string | null | undefined,
-) => {
+const copyText = (key: string, index: number, text: string | null | undefined) => {
   if (!text) return;
   navigator.clipboard.writeText(text);
   copiedKey.value = key;
@@ -113,9 +107,7 @@ const openCreate = () => {
 const openEdit = (index: number) => {
   if (Array.isArray(agentConfig.value?.upstreams)) {
     formMode.value = "edit";
-    editingUpstream.value = JSON.parse(
-      JSON.stringify(agentConfig.value.upstreams[index]),
-    );
+    editingUpstream.value = JSON.parse(JSON.stringify(agentConfig.value.upstreams[index]));
     currentUpstreamIndex.value = index;
     formOpen.value = true;
   }
@@ -173,9 +165,7 @@ const handleSave = async (newUpstream: UpstreamServer) => {
 
 const handleDelete = async (index: number) => {
   if (saveLoading.value) return;
-  let server: Array<any> = JSON.parse(
-    JSON.stringify(agentConfig.value?.upstreams || []),
-  );
+  let server: Array<any> = JSON.parse(JSON.stringify(agentConfig.value?.upstreams || []));
   if (server.length <= 1) {
     toast.error("Must have at least one upstreams");
     return;
@@ -221,7 +211,7 @@ const handleDelete = async (index: number) => {
     >
       <!-- 名称 -->
       <div class="flex items-center gap-4 px-4 py-3">
-        <span class="w-28 shrink-0 text-sm text-muted-foreground">
+        <span class="text-muted-foreground w-28 shrink-0 text-sm">
           {{ t("dashboard.servers.detail.infoName") }}
         </span>
         <div class="flex min-w-0 items-center gap-1.5">
@@ -236,19 +226,17 @@ const handleDelete = async (index: number) => {
               v-if="currentUpstreamIndex === index && copiedKey === 'name'"
               class="h-3.5 w-3.5 text-green-500"
             />
-            <Copy v-else class="h-3.5 w-3.5 text-muted-foreground" />
+            <Copy v-else class="text-muted-foreground h-3.5 w-3.5" />
           </Button>
         </div>
       </div>
       <!-- UUID -->
       <div class="flex items-center gap-4 px-4 py-3">
-        <span class="w-28 shrink-0 text-sm text-muted-foreground">
+        <span class="text-muted-foreground w-28 shrink-0 text-sm">
           {{ t("dashboard.servers.detail.infoId") }}
         </span>
         <div class="flex min-w-0 items-center gap-1.5">
-          <span class="font-mono text-sm">{{
-            upstream.server_uuid ?? "--"
-          }}</span>
+          <span class="font-mono text-sm">{{ upstream.server_uuid ?? "--" }}</span>
           <Button
             size="icon"
             variant="ghost"
@@ -259,13 +247,13 @@ const handleDelete = async (index: number) => {
               v-if="currentUpstreamIndex === index && copiedKey === 'uuid'"
               class="h-3.5 w-3.5 text-green-500"
             />
-            <Copy v-else class="h-3.5 w-3.5 text-muted-foreground" />
+            <Copy v-else class="text-muted-foreground h-3.5 w-3.5" />
           </Button>
         </div>
       </div>
       <!-- API 地址 -->
       <div class="flex flex-wrap items-center gap-4 px-4 py-3">
-        <span class="w-28 shrink-0 text-sm text-muted-foreground">
+        <span class="text-muted-foreground w-28 shrink-0 text-sm">
           {{ t("dashboard.servers.detail.infoEndpoint") }}
         </span>
         <div class="flex min-w-0 items-center gap-1.5">
@@ -281,19 +269,16 @@ const handleDelete = async (index: number) => {
               v-if="currentUpstreamIndex === index && copiedKey === 'url'"
               class="h-3.5 w-3.5 text-green-500"
             />
-            <Copy v-else class="h-3.5 w-3.5 text-muted-foreground" />
+            <Copy v-else class="text-muted-foreground h-3.5 w-3.5" />
           </Button>
         </div>
       </div>
       <!-- 状态 -->
       <div class="flex items-center gap-4 px-4 py-3">
-        <span class="w-28 shrink-0 text-sm text-muted-foreground">
+        <span class="text-muted-foreground w-28 shrink-0 text-sm">
           {{ t("dashboard.servers.detail.infoStatus") }}
         </span>
-        <Badge
-          v-if="upstream.server_uuid === currentBackendInfo?.uuid"
-          variant="default"
-        >
+        <Badge v-if="upstream.server_uuid === currentBackendInfo?.uuid" variant="default">
           {{ t("dashboard.servers.detail.infoActive") }}
         </Badge>
         <Badge v-else variant="secondary">
@@ -302,13 +287,11 @@ const handleDelete = async (index: number) => {
       </div>
       <!-- Token -->
       <div class="flex items-start gap-4 px-4 py-3">
-        <span class="w-28 shrink-0 pt-0.5 text-sm text-muted-foreground">
+        <span class="text-muted-foreground w-28 shrink-0 pt-0.5 text-sm">
           {{ t("dashboard.servers.detail.infoToken") }}
         </span>
         <div class="flex min-w-0 items-start gap-1.5">
-          <span class="font-mono text-sm break-all">{{
-            upstream.token ?? "--"
-          }}</span>
+          <span class="font-mono text-sm break-all">{{ upstream.token ?? "--" }}</span>
           <Button
             v-if="upstream.token"
             size="icon"
@@ -320,19 +303,15 @@ const handleDelete = async (index: number) => {
               v-if="currentUpstreamIndex === index && copiedKey === 'token'"
               class="h-3.5 w-3.5 text-green-500"
             />
-            <Copy v-else class="h-3.5 w-3.5 text-muted-foreground" />
+            <Copy v-else class="text-muted-foreground h-3.5 w-3.5" />
           </Button>
         </div>
       </div>
       <!-- ignore_cert -->
       <div class="flex items-start gap-4 px-4 py-3">
-        <span class="w-28 shrink-0 pt-0.5 text-sm text-muted-foreground">
-          忽略TLS错误
-        </span>
+        <span class="text-muted-foreground w-28 shrink-0 pt-0.5 text-sm"> 忽略TLS错误 </span>
         <div class="flex min-w-0 items-start gap-1.5">
-          <span class="font-mono text-sm break-all">{{
-            upstream.ignore_cert ? "是" : "否"
-          }}</span>
+          <span class="font-mono text-sm break-all">{{ upstream.ignore_cert ? "是" : "否" }}</span>
         </div>
       </div>
       <!-- Operation -->
diff --git a/src/components/node/setting/UpstreamDetailDialog.vue b/src/components/node/setting/UpstreamDetailDialog.vue
index 91907c66..3b65cba8 100644
--- a/src/components/node/setting/UpstreamDetailDialog.vue
+++ b/src/components/node/setting/UpstreamDetailDialog.vue
@@ -23,12 +23,7 @@ import {
   Inbox,
   Loader2,
 } from "lucide-vue-next";
-import {
-  Dialog,
-  DialogContent,
-  DialogHeader,
-  DialogTitle,
-} from "@/components/ui/dialog";
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/components/ui/dialog";
 import { Badge } from "@/components/ui/badge";
 import {
   useCronHistory,
@@ -43,10 +38,7 @@ import {
   type splitConfig,
 } from "@/composables/useAgentConfig";
 import { useI18n } from "vue-i18n";
-import {
-  useBackendExtra,
-  type ServerInfo,
-} from "@/composables/useBackendExtra";
+import { useBackendExtra, type ServerInfo } from "@/composables/useBackendExtra";
 import { preGenerateToken } from "@/components/agents/generateToken";
 import { Switch } from "@/components/ui/switch";
 
@@ -81,9 +73,7 @@ const availableServerInfo = computed(() => {
   return upstreams;
 });
 
-const upstreamSelected = ref<string>(
-  availableServerInfo.value[0]?.uuid as string,
-);
+const upstreamSelected = ref<string>(availableServerInfo.value[0]?.uuid as string);
 
 watch(
   upstreamSelected,
@@ -168,9 +158,7 @@ watch(
     <DialogContent class="flex max-h-[85vh] flex-col sm:max-w-md">
       <DialogHeader>
         <DialogTitle>
-          {{
-            formMode === "edit" ? "Edit Upstream Server" : "Add Upstream Server"
-          }}
+          {{ formMode === "edit" ? "Edit Upstream Server" : "Add Upstream Server" }}
         </DialogTitle>
         <!-- <DialogDescription>
         </DialogDescription> -->
@@ -183,11 +171,9 @@ watch(
               <SelectValue />
             </SelectTrigger>
             <SelectContent>
-              <SelectItem
-                v-for="upstream in availableServerInfo"
-                :value="upstream.uuid"
-                >{{ upstream.name }}</SelectItem
-              >
+              <SelectItem v-for="upstream in availableServerInfo" :value="upstream.uuid">{{
+                upstream.name
+              }}</SelectItem>
             </SelectContent>
           </Select>
         </div>
@@ -213,12 +199,9 @@ watch(
         </div>
       </div>
       <DialogFooter>
-        <Button
-          variant="outline"
-          :disabled="saving"
-          @click="emit('update:open', false)"
-          >{{ t("dashboard.scripts.cancel") }}</Button
-        >
+        <Button variant="outline" :disabled="saving" @click="emit('update:open', false)">{{
+          t("dashboard.scripts.cancel")
+        }}</Button>
         <Button :disabled="saving" @click="handleSave">
           <Loader2 v-if="saving" class="mr-2 h-4 w-4 animate-spin" />
           {{ saving ? t("dashboard.saving") : t("dashboard.save") }}
diff --git a/src/components/node/status/StatusCpuTab.vue b/src/components/node/status/StatusCpuTab.vue
index e773c653..b9b79dc0 100644
--- a/src/components/node/status/StatusCpuTab.vue
+++ b/src/components/node/status/StatusCpuTab.vue
@@ -41,32 +41,15 @@ function onRefreshChanged(v: number) {
   props.summary.startTimer();
 }
 
-const cpuAvgTimestamps = computed(() =>
-  props.summary.data.map((d) => d.timestamp / 1000),
-);
-const cpuAvgValues = computed(() =>
-  props.summary.data.map((d) => d.cpu_usage ?? 0),
-);
-const load1Values = computed(() =>
-  props.summary.data.map((d) => d.load_one ?? 0),
-);
-const load5Values = computed(() =>
-  props.summary.data.map((d) => d.load_five ?? 0),
-);
-const load15Values = computed(() =>
-  props.summary.data.map((d) => d.load_fifteen ?? 0),
-);
+const cpuAvgTimestamps = computed(() => props.summary.data.map((d) => d.timestamp / 1000));
+const cpuAvgValues = computed(() => props.summary.data.map((d) => d.cpu_usage ?? 0));
+const load1Values = computed(() => props.summary.data.map((d) => d.load_one ?? 0));
+const load5Values = computed(() => props.summary.data.map((d) => d.load_five ?? 0));
+const load15Values = computed(() => props.summary.data.map((d) => d.load_fifteen ?? 0));
 const maxLoad = computed(() =>
-  Math.max(
-    ...load1Values.value,
-    ...load5Values.value,
-    ...load15Values.value,
-    1,
-  ),
-);
-const procValues = computed(() =>
-  props.summary.data.map((d) => d.process_count ?? 0),
+  Math.max(...load1Values.value, ...load5Values.value, ...load15Values.value, 1),
 );
+const procValues = computed(() => props.summary.data.map((d) => d.process_count ?? 0));
 const maxProc = computed(() => Math.max(...procValues.value, 1));
 
 function formatMHz(mhz: number): string {
@@ -90,13 +73,9 @@ function formatMHz(mhz: number): string {
 
     <!-- Total Utilization -->
     <div>
-      <div class="flex items-center gap-3 mb-3 text-xs font-mono flex-wrap">
-        <span class="text-sm font-medium text-muted-foreground mr-1"
-          >Total Utilization</span
-        >
-        <span class="status-main-text">
-          {{ showCpuPercent(server).toFixed(1) }}%
-        </span>
+      <div class="mb-3 flex flex-wrap items-center gap-3 font-mono text-xs">
+        <span class="text-muted-foreground mr-1 text-sm font-medium">Total Utilization</span>
+        <span class="status-main-text"> {{ showCpuPercent(server).toFixed(1) }}% </span>
         <span class="text-muted-foreground/40">|</span>
         <span class="text-muted-foreground">
           Load
@@ -109,18 +88,16 @@ function formatMHz(mhz: number): string {
           }}</span>
         </span>
         <span class="text-muted-foreground/40">|</span>
-        <span class="text-muted-foreground">
-          {{ server.process_count ?? "-" }} Processes
-        </span>
+        <span class="text-muted-foreground"> {{ server.process_count ?? "-" }} Processes </span>
         <span class="text-muted-foreground/40">|</span>
         <span
-          class="text-muted-foreground truncate max-w-[280px]"
+          class="text-muted-foreground max-w-[280px] truncate"
           :title="server?.cpu_static?.per_core?.[0]?.brand"
         >
           {{ server?.cpu_static?.per_core?.[0]?.brand || "Unknown" }}
         </span>
       </div>
-      <div class="h-[340px] w-full relative overflow-hidden">
+      <div class="relative h-[340px] w-full overflow-hidden">
         <UPlotChart
           :data="cpuAvgValues"
           :timestamps="cpuAvgTimestamps"
@@ -136,21 +113,15 @@ function formatMHz(mhz: number): string {
 
     <!-- Load Average -->
     <div>
-      <div class="flex items-center gap-3 mb-3 text-xs font-mono flex-wrap">
-        <span class="text-sm font-medium text-muted-foreground mr-1"
-          >Load Average</span
-        >
-        <span class="status-main-text"
-          >1m {{ (server.load_one ?? 0).toFixed(2) }}</span
-        >
-        <span class="status-sub-text"
-          >5m {{ (server.load_five ?? 0).toFixed(2) }}</span
-        >
+      <div class="mb-3 flex flex-wrap items-center gap-3 font-mono text-xs">
+        <span class="text-muted-foreground mr-1 text-sm font-medium">Load Average</span>
+        <span class="status-main-text">1m {{ (server.load_one ?? 0).toFixed(2) }}</span>
+        <span class="status-sub-text">5m {{ (server.load_five ?? 0).toFixed(2) }}</span>
         <span :style="{ color: LOAD15_COLOR }"
           >15m {{ (server.load_fifteen ?? 0).toFixed(2) }}</span
         >
       </div>
-      <div class="h-[260px] w-full relative overflow-hidden">
+      <div class="relative h-[260px] w-full overflow-hidden">
         <UPlotChart
           :data="load1Values"
           :data2="load5Values"
@@ -168,28 +139,17 @@ function formatMHz(mhz: number): string {
           @update:zoom-range="onZoomUpdate"
         />
       </div>
-      <div
-        class="flex items-center gap-4 mt-2 text-xs font-mono text-muted-foreground"
-      >
+      <div class="text-muted-foreground mt-2 flex items-center gap-4 font-mono text-xs">
         <span class="flex items-center gap-1">
-          <span
-            class="inline-block w-3 h-0.5"
-            :style="{ backgroundColor: MAIN_COLOR }"
-          ></span>
+          <span class="inline-block h-0.5 w-3" :style="{ backgroundColor: MAIN_COLOR }"></span>
           1m
         </span>
         <span class="flex items-center gap-1">
-          <span
-            class="inline-block w-3 h-0.5"
-            :style="{ backgroundColor: SUB_COLOR }"
-          ></span>
+          <span class="inline-block h-0.5 w-3" :style="{ backgroundColor: SUB_COLOR }"></span>
           5m
         </span>
         <span class="flex items-center gap-1">
-          <span
-            class="inline-block w-3 h-0.5"
-            :style="{ backgroundColor: LOAD15_COLOR }"
-          ></span>
+          <span class="inline-block h-0.5 w-3" :style="{ backgroundColor: LOAD15_COLOR }"></span>
           15m
         </span>
       </div>
@@ -197,15 +157,13 @@ function formatMHz(mhz: number): string {
 
     <!-- Processes -->
     <div>
-      <div class="flex items-center gap-3 mb-3 text-xs font-mono flex-wrap">
-        <span class="text-sm font-medium text-muted-foreground mr-1"
-          >Processes</span
-        >
+      <div class="mb-3 flex flex-wrap items-center gap-3 font-mono text-xs">
+        <span class="text-muted-foreground mr-1 text-sm font-medium">Processes</span>
         <span class="status-main-text">
           {{ server.process_count ?? 0 }}
         </span>
       </div>
-      <div class="h-[260px] w-full relative overflow-hidden">
+      <div class="relative h-[260px] w-full overflow-hidden">
         <UPlotChart
           :data="procValues"
           :timestamps="cpuAvgTimestamps"
@@ -221,29 +179,22 @@ function formatMHz(mhz: number): string {
 
     <!-- Per Core -->
     <div class="flex items-center gap-3">
-      <div class="h-px flex-1 bg-border"></div>
-      <span class="text-xs text-muted-foreground uppercase tracking-wider"
-        >Per Core</span
-      >
-      <div class="h-px flex-1 bg-border"></div>
+      <div class="bg-border h-px flex-1"></div>
+      <span class="text-muted-foreground text-xs tracking-wider uppercase">Per Core</span>
+      <div class="bg-border h-px flex-1"></div>
     </div>
 
-    <div v-if="!cpuDetail.data" class="grid grid-cols-4 gap-2 animate-pulse">
-      <div v-for="i in 8" :key="i" class="h-16 bg-muted rounded-lg"></div>
+    <div v-if="!cpuDetail.data" class="grid animate-pulse grid-cols-4 gap-2">
+      <div v-for="i in 8" :key="i" class="bg-muted h-16 rounded-lg"></div>
     </div>
-    <div
-      v-else-if="cpuDetail.data?.cpu?.per_core?.length"
-      class="grid grid-cols-4 gap-2"
-    >
+    <div v-else-if="cpuDetail.data?.cpu?.per_core?.length" class="grid grid-cols-4 gap-2">
       <div
         v-for="core in cpuDetail.data.cpu.per_core"
         :key="core.id"
-        class="bg-muted/30 border border-border rounded-lg p-3 space-y-2"
+        class="bg-muted/30 border-border space-y-2 rounded-lg border p-3"
       >
-        <div class="text-xs text-muted-foreground font-mono">
-          Core {{ core.id }}
-        </div>
-        <div class="h-1.5 bg-muted rounded-full overflow-hidden">
+        <div class="text-muted-foreground font-mono text-xs">Core {{ core.id }}</div>
+        <div class="bg-muted h-1.5 overflow-hidden rounded-full">
           <div
             class="h-full rounded-full"
             :style="{
@@ -252,13 +203,9 @@ function formatMHz(mhz: number): string {
             }"
           ></div>
         </div>
-        <div class="flex justify-between text-xs font-mono">
-          <span :style="{ color: MAIN_COLOR }"
-            >{{ core.cpu_usage.toFixed(1) }}%</span
-          >
-          <span class="text-muted-foreground">{{
-            formatMHz(core.frequency_mhz)
-          }}</span>
+        <div class="flex justify-between font-mono text-xs">
+          <span :style="{ color: MAIN_COLOR }">{{ core.cpu_usage.toFixed(1) }}%</span>
+          <span class="text-muted-foreground">{{ formatMHz(core.frequency_mhz) }}</span>
         </div>
       </div>
     </div>
diff --git a/src/components/node/status/StatusDiskTab.vue b/src/components/node/status/StatusDiskTab.vue
index 7dd50b57..9b203418 100644
--- a/src/components/node/status/StatusDiskTab.vue
+++ b/src/components/node/status/StatusDiskTab.vue
@@ -37,10 +37,7 @@ function onSummaryRefreshChanged(v: number) {
 }
 
 function startDetailTimer() {
-  const interval = effectiveDetailRefresh(
-    props.detail.windowMs,
-    props.detail.refreshInterval,
-  );
+  const interval = effectiveDetailRefresh(props.detail.windowMs, props.detail.refreshInterval);
   props.detail.startTimer(interval);
 }
 
@@ -54,23 +51,15 @@ function onDetailRefreshChanged(v: number) {
   startDetailTimer();
 }
 
-const detailRefreshList = computed(() =>
-  detailRefreshOptions(props.detail.windowMs),
-);
+const detailRefreshList = computed(() => detailRefreshOptions(props.detail.windowMs));
 const detailEffectiveInterval = computed(() =>
   effectiveDetailRefresh(props.detail.windowMs, props.detail.refreshInterval),
 );
 
 // Summary chart series
-const diskAvgTimestamps = computed(() =>
-  props.summary.data.map((d) => d.timestamp / 1000),
-);
-const diskReadAvgValues = computed(() =>
-  props.summary.data.map((d) => d.read_speed ?? 0),
-);
-const diskWriteAvgValues = computed(() =>
-  props.summary.data.map((d) => d.write_speed ?? 0),
-);
+const diskAvgTimestamps = computed(() => props.summary.data.map((d) => d.timestamp / 1000));
+const diskReadAvgValues = computed(() => props.summary.data.map((d) => d.read_speed ?? 0));
+const diskWriteAvgValues = computed(() => props.summary.data.map((d) => d.write_speed ?? 0));
 const maxDiskSpeed = computed(() =>
   Math.max(...diskReadAvgValues.value, ...diskWriteAvgValues.value, 1),
 );
@@ -85,18 +74,12 @@ function getDiskSpeed(
   return type === "read" ? (disk?.read_speed ?? 0) : (disk?.write_speed ?? 0);
 }
 
-const diskTimestamps = computed(() =>
-  props.detail.data.map((d) => d.timestamp / 1000),
-);
+const diskTimestamps = computed(() => props.detail.data.map((d) => d.timestamp / 1000));
 const displayDiskReadData = computed(() =>
-  props.detail.data.map((record) =>
-    getDiskSpeed(record.disk ?? [], "read", selectedDisk.value),
-  ),
+  props.detail.data.map((record) => getDiskSpeed(record.disk ?? [], "read", selectedDisk.value)),
 );
 const displayDiskWriteData = computed(() =>
-  props.detail.data.map((record) =>
-    getDiskSpeed(record.disk ?? [], "write", selectedDisk.value),
-  ),
+  props.detail.data.map((record) => getDiskSpeed(record.disk ?? [], "write", selectedDisk.value)),
 );
 const latestDiskRecord = computed(() => {
   const data = props.detail.data;
@@ -125,38 +108,29 @@ const maxDiskChartSpeed = computed(() =>
     />
 
     <div>
-      <div class="flex items-center gap-3 mb-3 text-xs font-mono flex-wrap">
-        <span class="text-sm font-medium text-muted-foreground mr-1"
-          >Disk I/O</span
-        >
-        <span class="status-main-text"
-          >↓ {{ formatBytes(server.read_speed ?? 0) }}/s</span
-        >
-        <span class="status-sub-text"
-          >↑ {{ formatBytes(server.write_speed ?? 0) }}/s</span
-        >
+      <div class="mb-3 flex flex-wrap items-center gap-3 font-mono text-xs">
+        <span class="text-muted-foreground mr-1 text-sm font-medium">Disk I/O</span>
+        <span class="status-main-text">↓ {{ formatBytes(server.read_speed ?? 0) }}/s</span>
+        <span class="status-sub-text">↑ {{ formatBytes(server.write_speed ?? 0) }}/s</span>
         <div
           v-if="server.total_space"
-          class="ml-auto flex items-center gap-2 text-muted-foreground"
+          class="text-muted-foreground ml-auto flex items-center gap-2"
         >
           <HardDrive class="h-3 w-3" />
           {{
             (
-              ((server.total_space - (server.available_space ?? 0)) /
-                server.total_space) *
+              ((server.total_space - (server.available_space ?? 0)) / server.total_space) *
               100
             ).toFixed(0)
           }}%
           <span class="font-mono">
-            {{
-              formatBytes(server.total_space - (server.available_space ?? 0))
-            }}
+            {{ formatBytes(server.total_space - (server.available_space ?? 0)) }}
             /
             {{ formatBytes(server.total_space) }}
           </span>
         </div>
       </div>
-      <div class="h-[340px] w-full relative overflow-hidden">
+      <div class="relative h-[340px] w-full overflow-hidden">
         <UPlotChart
           :data="diskReadAvgValues"
           :data2="diskWriteAvgValues"
@@ -174,11 +148,9 @@ const maxDiskChartSpeed = computed(() =>
 
     <!-- Detail divider -->
     <div class="flex items-center gap-3">
-      <div class="h-px flex-1 bg-border"></div>
-      <span class="text-xs text-muted-foreground uppercase tracking-wider"
-        >Detail</span
-      >
-      <div class="h-px flex-1 bg-border"></div>
+      <div class="bg-border h-px flex-1"></div>
+      <span class="text-muted-foreground text-xs tracking-wider uppercase">Detail</span>
+      <div class="bg-border h-px flex-1"></div>
     </div>
 
     <!-- Detail window+refresh controls -->
@@ -194,14 +166,14 @@ const maxDiskChartSpeed = computed(() =>
     <!-- Disk selector cards -->
     <div
       v-if="latestDiskRecord?.disk?.length"
-      class="flex gap-2 overflow-x-auto pb-1 scrollbar-none"
+      class="scrollbar-none flex gap-2 overflow-x-auto pb-1"
     >
       <button
         v-for="disk in latestDiskRecord.disk"
         :key="disk.name"
         @click="selectedDisk = disk.name"
         :class="[
-          'flex flex-col items-start px-3 py-2.5 rounded-lg border text-xs whitespace-nowrap transition-all w-[300px] shrink-0',
+          'flex w-[300px] shrink-0 flex-col items-start rounded-lg border px-3 py-2.5 text-xs whitespace-nowrap transition-all',
           selectedDisk === disk.name
             ? 'border-[var(--status-main-color)] bg-[var(--status-main-color)]/10'
             : 'border-border bg-muted/30 hover:bg-muted/50',
@@ -210,27 +182,24 @@ const maxDiskChartSpeed = computed(() =>
         <span
           :class="
             selectedDisk === disk.name
-              ? 'text-[var(--status-main-color)] font-medium'
+              ? 'font-medium text-[var(--status-main-color)]'
               : 'text-foreground'
           "
-          class="truncate w-full"
+          class="w-full truncate"
           >{{ disk.mount_point }}</span
         >
-        <span
-          class="text-muted-foreground text-[10px] mt-0.5 truncate w-full"
-          >{{ disk.name }}</span
-        >
-        <div class="w-full mt-1.5">
-          <div class="w-full h-1 bg-muted/50 rounded-full overflow-hidden">
+        <span class="text-muted-foreground mt-0.5 w-full truncate text-[10px]">{{
+          disk.name
+        }}</span>
+        <div class="mt-1.5 w-full">
+          <div class="bg-muted/50 h-1 w-full overflow-hidden rounded-full">
             <div
               class="h-full rounded-full transition-all"
               :style="{
                 width:
                   disk.total_space > 0
                     ? Math.min(
-                        ((disk.total_space - disk.available_space) /
-                          disk.total_space) *
-                          100,
+                        ((disk.total_space - disk.available_space) / disk.total_space) * 100,
                         100,
                       ).toFixed(0) + '%'
                     : '0%',
@@ -239,20 +208,16 @@ const maxDiskChartSpeed = computed(() =>
               }"
             ></div>
           </div>
-          <span class="font-mono text-[10px] text-muted-foreground">
+          <span class="text-muted-foreground font-mono text-[10px]">
             {{
               disk.total_space > 0
-                ? Math.round(
-                    ((disk.total_space - disk.available_space) /
-                      disk.total_space) *
-                      100,
-                  )
+                ? Math.round(((disk.total_space - disk.available_space) / disk.total_space) * 100)
                 : 0
             }}% · {{ formatBytes(disk.total_space - disk.available_space) }} /
             {{ formatBytes(disk.total_space) }}
           </span>
         </div>
-        <div class="flex gap-2 mt-1">
+        <div class="mt-1 flex gap-2">
           <span class="font-mono text-[10px]" :style="{ color: MAIN_COLOR }"
             >↓ {{ formatBytes(disk.read_speed) }}/s</span
           >
@@ -265,19 +230,15 @@ const maxDiskChartSpeed = computed(() =>
 
     <!-- Per-Disk I/O Chart -->
     <div v-if="selectedDisk && detail.data.length > 0">
-      <div class="h-px bg-border mb-4"></div>
-      <div class="flex items-center gap-3 mb-3 text-xs font-mono">
-        <span class="text-sm font-medium text-muted-foreground mr-1"
+      <div class="bg-border mb-4 h-px"></div>
+      <div class="mb-3 flex items-center gap-3 font-mono text-xs">
+        <span class="text-muted-foreground mr-1 text-sm font-medium"
           >Disk I/O · {{ selectedDisk }}</span
         >
-        <span class="status-main-text"
-          >↓ {{ formatBytes(currentDiskRead) }}/s</span
-        >
-        <span class="status-sub-text"
-          >↑ {{ formatBytes(currentDiskWrite) }}/s</span
-        >
+        <span class="status-main-text">↓ {{ formatBytes(currentDiskRead) }}/s</span>
+        <span class="status-sub-text">↑ {{ formatBytes(currentDiskWrite) }}/s</span>
       </div>
-      <div class="h-[260px] w-full relative overflow-hidden">
+      <div class="relative h-[260px] w-full overflow-hidden">
         <UPlotChart
           :data="displayDiskReadData"
           :data2="displayDiskWriteData"
diff --git a/src/components/node/status/StatusMemoryTab.vue b/src/components/node/status/StatusMemoryTab.vue
index 22d54efc..ca409de9 100644
--- a/src/components/node/status/StatusMemoryTab.vue
+++ b/src/components/node/status/StatusMemoryTab.vue
@@ -29,9 +29,7 @@ function onRefreshChanged(v: number) {
   props.summary.startTimer();
 }
 
-const ramAvgTimestamps = computed(() =>
-  props.summary.data.map((d) => d.timestamp / 1000),
-);
+const ramAvgTimestamps = computed(() => props.summary.data.map((d) => d.timestamp / 1000));
 const ramAvgValues = computed(() =>
   props.summary.data.map((d) => {
     const used = d.used_memory ?? 0;
@@ -53,15 +51,11 @@ const ramAvgValues = computed(() =>
     />
 
     <div>
-      <div class="flex items-center gap-3 mb-3 text-xs font-mono flex-wrap">
-        <span class="text-sm font-medium text-muted-foreground mr-1"
-          >Memory Usage</span
-        >
+      <div class="mb-3 flex flex-wrap items-center gap-3 font-mono text-xs">
+        <span class="text-muted-foreground mr-1 text-sm font-medium">Memory Usage</span>
         <span class="status-main-text">
           RAM {{ showRamPercent(server).toFixed(1) }}%
-          <span class="text-muted-foreground ml-1">{{
-            showRamText(server)
-          }}</span>
+          <span class="text-muted-foreground ml-1">{{ showRamText(server) }}</span>
         </span>
         <span class="text-muted-foreground/40">|</span>
         <span class="text-muted-foreground">
@@ -77,7 +71,7 @@ const ramAvgValues = computed(() =>
           </span>
         </span>
       </div>
-      <div class="h-[340px] w-full relative overflow-hidden">
+      <div class="relative h-[340px] w-full overflow-hidden">
         <UPlotChart
           :data="ramAvgValues"
           :timestamps="ramAvgTimestamps"
@@ -91,23 +85,19 @@ const ramAvgValues = computed(() =>
 
     <!-- Memory Detail: breakdown -->
     <div class="flex items-center gap-3">
-      <div class="h-px flex-1 bg-border"></div>
-      <span class="text-xs text-muted-foreground uppercase tracking-wider"
-        >Breakdown</span
-      >
-      <div class="h-px flex-1 bg-border"></div>
+      <div class="bg-border h-px flex-1"></div>
+      <span class="text-muted-foreground text-xs tracking-wider uppercase">Breakdown</span>
+      <div class="bg-border h-px flex-1"></div>
     </div>
 
     <div class="space-y-5">
       <!-- RAM bar -->
       <div class="space-y-1.5">
-        <div
-          class="flex justify-between text-xs text-muted-foreground font-mono"
-        >
+        <div class="text-muted-foreground flex justify-between font-mono text-xs">
           <span>RAM</span>
           <span>{{ formatBytes(server.total_memory ?? 0) }}</span>
         </div>
-        <div class="h-3 bg-muted rounded-full overflow-hidden flex">
+        <div class="bg-muted flex h-3 overflow-hidden rounded-full">
           <div
             class="h-full rounded-full transition-all"
             :style="{
@@ -116,34 +106,27 @@ const ramAvgValues = computed(() =>
             }"
           ></div>
         </div>
-        <div class="flex gap-4 text-xs font-mono text-muted-foreground">
+        <div class="text-muted-foreground flex gap-4 font-mono text-xs">
           <span class="flex items-center gap-1.5">
-            <span
-              class="w-2 h-2 rounded-sm"
-              :style="{ backgroundColor: MAIN_COLOR }"
-            ></span>
+            <span class="h-2 w-2 rounded-sm" :style="{ backgroundColor: MAIN_COLOR }"></span>
             Used {{ formatBytes(server.used_memory ?? 0) }}
           </span>
           <span class="flex items-center gap-1.5">
-            <span
-              class="w-2 h-2 rounded-sm bg-muted border border-border"
-            ></span>
+            <span class="bg-muted border-border h-2 w-2 rounded-sm border"></span>
             Available {{ formatBytes(server.available_memory ?? 0) }}
           </span>
         </div>
       </div>
 
-      <div class="h-px bg-border"></div>
+      <div class="bg-border h-px"></div>
 
       <!-- Swap bar -->
       <div class="space-y-1.5">
-        <div
-          class="flex justify-between text-xs text-muted-foreground font-mono"
-        >
+        <div class="text-muted-foreground flex justify-between font-mono text-xs">
           <span>Swap</span>
           <span>{{ formatBytes(server.total_swap ?? 0) }}</span>
         </div>
-        <div class="h-3 bg-muted rounded-full overflow-hidden flex">
+        <div class="bg-muted flex h-3 overflow-hidden rounded-full">
           <div
             class="h-full rounded-full transition-all"
             :style="{
@@ -154,52 +137,40 @@ const ramAvgValues = computed(() =>
             }"
           ></div>
         </div>
-        <div class="flex gap-4 text-xs font-mono text-muted-foreground">
+        <div class="text-muted-foreground flex gap-4 font-mono text-xs">
           <span class="flex items-center gap-1.5">
-            <span
-              class="w-2 h-2 rounded-sm"
-              :style="{ backgroundColor: SWAP_COLOR }"
-            ></span>
+            <span class="h-2 w-2 rounded-sm" :style="{ backgroundColor: SWAP_COLOR }"></span>
             Used {{ formatBytes(server.used_swap ?? 0) }}
           </span>
         </div>
       </div>
 
-      <div class="h-px bg-border"></div>
+      <div class="bg-border h-px"></div>
 
       <!-- Stat row -->
-      <div class="grid grid-cols-3 gap-6 text-sm font-mono">
+      <div class="grid grid-cols-3 gap-6 font-mono text-sm">
         <div>
-          <div class="text-xs text-muted-foreground uppercase tracking-wider">
-            Total
-          </div>
-          <div class="text-base font-semibold mt-1">
+          <div class="text-muted-foreground text-xs tracking-wider uppercase">Total</div>
+          <div class="mt-1 text-base font-semibold">
             {{ formatBytes(server.total_memory ?? 0) }}
           </div>
-          <div class="text-xs text-muted-foreground mt-0.5">Physical RAM</div>
+          <div class="text-muted-foreground mt-0.5 text-xs">Physical RAM</div>
         </div>
         <div>
-          <div class="text-xs text-muted-foreground uppercase tracking-wider">
-            Used
-          </div>
-          <div
-            class="text-base font-semibold mt-1"
-            :style="{ color: MAIN_COLOR }"
-          >
+          <div class="text-muted-foreground text-xs tracking-wider uppercase">Used</div>
+          <div class="mt-1 text-base font-semibold" :style="{ color: MAIN_COLOR }">
             {{ formatBytes(server.used_memory ?? 0) }}
           </div>
-          <div class="text-xs text-muted-foreground mt-0.5">
+          <div class="text-muted-foreground mt-0.5 text-xs">
             {{ showRamPercent(server).toFixed(1) }}%
           </div>
         </div>
         <div>
-          <div class="text-xs text-muted-foreground uppercase tracking-wider">
-            Available
-          </div>
-          <div class="text-base font-semibold mt-1 text-green-500">
+          <div class="text-muted-foreground text-xs tracking-wider uppercase">Available</div>
+          <div class="mt-1 text-base font-semibold text-green-500">
             {{ formatBytes(server.available_memory ?? 0) }}
           </div>
-          <div class="text-xs text-muted-foreground mt-0.5">
+          <div class="text-muted-foreground mt-0.5 text-xs">
             {{ (100 - showRamPercent(server)).toFixed(1) }}%
           </div>
         </div>
diff --git a/src/components/node/status/StatusNetworkTab.vue b/src/components/node/status/StatusNetworkTab.vue
index d339c135..cc392230 100644
--- a/src/components/node/status/StatusNetworkTab.vue
+++ b/src/components/node/status/StatusNetworkTab.vue
@@ -46,10 +46,7 @@ function onSummaryRefreshChanged(v: number) {
 }
 
 function startDetailTimer() {
-  const interval = effectiveDetailRefresh(
-    props.detail.windowMs,
-    props.detail.refreshInterval,
-  );
+  const interval = effectiveDetailRefresh(props.detail.windowMs, props.detail.refreshInterval);
   props.detail.startTimer(interval);
 }
 
@@ -63,60 +60,34 @@ function onDetailRefreshChanged(v: number) {
   startDetailTimer();
 }
 
-const detailRefreshList = computed(() =>
-  detailRefreshOptions(props.detail.windowMs),
-);
+const detailRefreshList = computed(() => detailRefreshOptions(props.detail.windowMs));
 const detailEffectiveInterval = computed(() =>
   effectiveDetailRefresh(props.detail.windowMs, props.detail.refreshInterval),
 );
 
 // Summary chart series
-const netAvgTimestamps = computed(() =>
-  props.summary.data.map((d) => d.timestamp / 1000),
-);
-const netRxAvgValues = computed(() =>
-  props.summary.data.map((d) => d.receive_speed ?? 0),
-);
-const netTxAvgValues = computed(() =>
-  props.summary.data.map((d) => d.transmit_speed ?? 0),
-);
-const maxNetSpeed = computed(() =>
-  Math.max(...netRxAvgValues.value, ...netTxAvgValues.value, 1),
-);
-const tcpConnAvgValues = computed(() =>
-  props.summary.data.map((d) => d.tcp_connections ?? 0),
-);
-const udpConnAvgValues = computed(() =>
-  props.summary.data.map((d) => d.udp_connections ?? 0),
-);
+const netAvgTimestamps = computed(() => props.summary.data.map((d) => d.timestamp / 1000));
+const netRxAvgValues = computed(() => props.summary.data.map((d) => d.receive_speed ?? 0));
+const netTxAvgValues = computed(() => props.summary.data.map((d) => d.transmit_speed ?? 0));
+const maxNetSpeed = computed(() => Math.max(...netRxAvgValues.value, ...netTxAvgValues.value, 1));
+const tcpConnAvgValues = computed(() => props.summary.data.map((d) => d.tcp_connections ?? 0));
+const udpConnAvgValues = computed(() => props.summary.data.map((d) => d.udp_connections ?? 0));
 const maxConnCount = computed(() =>
   Math.max(...tcpConnAvgValues.value, ...udpConnAvgValues.value, 1),
 );
 
 // Detail series
-function getIfaceSpeed(
-  ifaces: DynamicNetworkInterface[],
-  type: "rx" | "tx",
-  name: string,
-): number {
+function getIfaceSpeed(ifaces: DynamicNetworkInterface[], type: "rx" | "tx", name: string): number {
   if (name === "all") {
     return ifaces
       .filter((i) => i.interface_name !== "lo")
-      .reduce(
-        (s, i) =>
-          s + ((type === "rx" ? i.receive_speed : i.transmit_speed) || 0),
-        0,
-      );
+      .reduce((s, i) => s + ((type === "rx" ? i.receive_speed : i.transmit_speed) || 0), 0);
   }
   const iface = ifaces.find((i) => i.interface_name === name);
-  return type === "rx"
-    ? (iface?.receive_speed ?? 0)
-    : (iface?.transmit_speed ?? 0);
+  return type === "rx" ? (iface?.receive_speed ?? 0) : (iface?.transmit_speed ?? 0);
 }
 
-const netTimestamps = computed(() =>
-  props.detail.data.map((d) => d.timestamp / 1000),
-);
+const netTimestamps = computed(() => props.detail.data.map((d) => d.timestamp / 1000));
 const displayNetRxData = computed(() =>
   props.detail.data.map((record) =>
     getIfaceSpeed(record.network?.interfaces ?? [], "rx", selectedIface.value),
@@ -132,18 +103,10 @@ const latestNetRecord = computed(() => {
   return data.length > 0 ? data[data.length - 1] : null;
 });
 const currentNetRx = computed(() =>
-  getIfaceSpeed(
-    latestNetRecord.value?.network?.interfaces ?? [],
-    "rx",
-    selectedIface.value,
-  ),
+  getIfaceSpeed(latestNetRecord.value?.network?.interfaces ?? [], "rx", selectedIface.value),
 );
 const currentNetTx = computed(() =>
-  getIfaceSpeed(
-    latestNetRecord.value?.network?.interfaces ?? [],
-    "tx",
-    selectedIface.value,
-  ),
+  getIfaceSpeed(latestNetRecord.value?.network?.interfaces ?? [], "tx", selectedIface.value),
 );
 const maxNetChartSpeed = computed(() =>
   Math.max(...displayNetRxData.value, ...displayNetTxData.value, 1),
@@ -183,25 +146,16 @@ const sortedInterfaces = computed(() => {
 
     <!-- Throughput chart -->
     <div>
-      <div class="flex items-center gap-3 mb-3 text-xs font-mono flex-wrap">
-        <span class="text-sm font-medium text-muted-foreground mr-1"
-          >Network Throughput</span
-        >
-        <span class="status-main-text"
-          >↓ {{ formatBytes(server.receive_speed ?? 0) }}/s</span
-        >
-        <span class="status-sub-text"
-          >↑ {{ formatBytes(server.transmit_speed ?? 0) }}/s</span
-        >
-        <span
-          v-if="server.tcp_connections != null"
-          class="ml-auto text-muted-foreground"
-        >
+      <div class="mb-3 flex flex-wrap items-center gap-3 font-mono text-xs">
+        <span class="text-muted-foreground mr-1 text-sm font-medium">Network Throughput</span>
+        <span class="status-main-text">↓ {{ formatBytes(server.receive_speed ?? 0) }}/s</span>
+        <span class="status-sub-text">↑ {{ formatBytes(server.transmit_speed ?? 0) }}/s</span>
+        <span v-if="server.tcp_connections != null" class="text-muted-foreground ml-auto">
           TCP {{ server.tcp_connections }} &nbsp; UDP
           {{ server.udp_connections }}
         </span>
       </div>
-      <div class="h-[340px] w-full relative overflow-hidden">
+      <div class="relative h-[340px] w-full overflow-hidden">
         <UPlotChart
           :data="netRxAvgValues"
           :data2="netTxAvgValues"
@@ -217,21 +171,13 @@ const sortedInterfaces = computed(() => {
           @update:zoom-range="onZoomUpdate"
         />
       </div>
-      <div
-        class="flex items-center gap-4 mt-2 text-xs font-mono text-muted-foreground"
-      >
+      <div class="text-muted-foreground mt-2 flex items-center gap-4 font-mono text-xs">
         <span class="flex items-center gap-1">
-          <span
-            class="inline-block w-3 h-0.5"
-            :style="{ backgroundColor: MAIN_COLOR }"
-          ></span>
+          <span class="inline-block h-0.5 w-3" :style="{ backgroundColor: MAIN_COLOR }"></span>
           Download (↓)
         </span>
         <span class="flex items-center gap-1">
-          <span
-            class="inline-block w-3 h-0.5"
-            :style="{ backgroundColor: SUB_COLOR }"
-          ></span>
+          <span class="inline-block h-0.5 w-3" :style="{ backgroundColor: SUB_COLOR }"></span>
           Upload (↑)
         </span>
       </div>
@@ -240,37 +186,27 @@ const sortedInterfaces = computed(() => {
     <!-- Traffic Summary -->
     <div
       v-if="server.total_received != null"
-      class="flex items-center gap-6 text-xs font-mono text-muted-foreground py-1"
+      class="text-muted-foreground flex items-center gap-6 py-1 font-mono text-xs"
     >
       <span class="flex items-center gap-1.5">
         <span class="status-main-text">↓</span> Total Received
-        <span class="text-foreground ml-1">{{
-          formatBytes(server.total_received ?? 0)
-        }}</span>
+        <span class="text-foreground ml-1">{{ formatBytes(server.total_received ?? 0) }}</span>
       </span>
       <span class="text-muted-foreground/40">|</span>
       <span class="flex items-center gap-1.5">
         <span class="status-sub-text">↑</span> Total Transmitted
-        <span class="text-foreground ml-1">{{
-          formatBytes(server.total_transmitted ?? 0)
-        }}</span>
+        <span class="text-foreground ml-1">{{ formatBytes(server.total_transmitted ?? 0) }}</span>
       </span>
     </div>
 
     <!-- Connections chart -->
     <div>
-      <div class="flex items-center gap-3 mb-3 text-xs font-mono flex-wrap">
-        <span class="text-sm font-medium text-muted-foreground mr-1"
-          >Connections</span
-        >
-        <span class="status-main-text"
-          >TCP {{ server.tcp_connections ?? 0 }}</span
-        >
-        <span class="status-sub-text"
-          >UDP {{ server.udp_connections ?? 0 }}</span
-        >
+      <div class="mb-3 flex flex-wrap items-center gap-3 font-mono text-xs">
+        <span class="text-muted-foreground mr-1 text-sm font-medium">Connections</span>
+        <span class="status-main-text">TCP {{ server.tcp_connections ?? 0 }}</span>
+        <span class="status-sub-text">UDP {{ server.udp_connections ?? 0 }}</span>
       </div>
-      <div class="h-[260px] w-full relative overflow-hidden">
+      <div class="relative h-[260px] w-full overflow-hidden">
         <UPlotChart
           :data="tcpConnAvgValues"
           :data2="udpConnAvgValues"
@@ -285,21 +221,13 @@ const sortedInterfaces = computed(() => {
           @update:zoom-range="onZoomUpdate"
         />
       </div>
-      <div
-        class="flex items-center gap-4 mt-2 text-xs font-mono text-muted-foreground"
-      >
+      <div class="text-muted-foreground mt-2 flex items-center gap-4 font-mono text-xs">
         <span class="flex items-center gap-1">
-          <span
-            class="inline-block w-3 h-0.5"
-            :style="{ backgroundColor: MAIN_COLOR }"
-          ></span>
+          <span class="inline-block h-0.5 w-3" :style="{ backgroundColor: MAIN_COLOR }"></span>
           TCP
         </span>
         <span class="flex items-center gap-1">
-          <span
-            class="inline-block w-3 h-0.5"
-            :style="{ backgroundColor: SUB_COLOR }"
-          ></span>
+          <span class="inline-block h-0.5 w-3" :style="{ backgroundColor: SUB_COLOR }"></span>
           UDP
         </span>
       </div>
@@ -307,11 +235,9 @@ const sortedInterfaces = computed(() => {
 
     <!-- Detail divider -->
     <div class="flex items-center gap-3">
-      <div class="h-px flex-1 bg-border"></div>
-      <span class="text-xs text-muted-foreground uppercase tracking-wider"
-        >Detail</span
-      >
-      <div class="h-px flex-1 bg-border"></div>
+      <div class="bg-border h-px flex-1"></div>
+      <span class="text-muted-foreground text-xs tracking-wider uppercase">Detail</span>
+      <div class="bg-border h-px flex-1"></div>
     </div>
 
     <StatusWindowControls
@@ -326,13 +252,13 @@ const sortedInterfaces = computed(() => {
     <!-- Network interface selector cards -->
     <div
       v-if="latestNetRecord?.network?.interfaces?.length"
-      class="flex gap-2 overflow-x-auto pb-1 scrollbar-none"
+      class="scrollbar-none flex gap-2 overflow-x-auto pb-1"
     >
       <!-- All -->
       <button
         @click="selectedIface = 'all'"
         :class="[
-          'flex flex-col items-start px-3 py-2.5 rounded-lg border text-xs whitespace-nowrap transition-all w-[120px]',
+          'flex w-[120px] flex-col items-start rounded-lg border px-3 py-2.5 text-xs whitespace-nowrap transition-all',
           selectedIface === 'all'
             ? 'border-[var(--status-main-color)] bg-[var(--status-main-color)]/10'
             : 'border-border bg-muted/30 hover:bg-muted/50',
@@ -341,12 +267,12 @@ const sortedInterfaces = computed(() => {
         <span
           :class="
             selectedIface === 'all'
-              ? 'text-[var(--status-main-color)] font-medium'
+              ? 'font-medium text-[var(--status-main-color)]'
               : 'text-foreground'
           "
           >All</span
         >
-        <span class="font-mono text-[10px] mt-1" :style="{ color: MAIN_COLOR }"
+        <span class="mt-1 font-mono text-[10px]" :style="{ color: MAIN_COLOR }"
           >↑
           {{
             formatBytes(
@@ -372,7 +298,7 @@ const sortedInterfaces = computed(() => {
         :key="iface.interface_name"
         @click="selectedIface = iface.interface_name"
         :class="[
-          'flex flex-col items-start px-3 py-2.5 rounded-lg border text-xs whitespace-nowrap transition-all w-[120px]',
+          'flex w-[120px] flex-col items-start rounded-lg border px-3 py-2.5 text-xs whitespace-nowrap transition-all',
           selectedIface === iface.interface_name
             ? 'border-[var(--status-main-color)] bg-[var(--status-main-color)]/10'
             : 'border-border bg-muted/30 hover:bg-muted/50',
@@ -381,12 +307,12 @@ const sortedInterfaces = computed(() => {
         <span
           :class="
             selectedIface === iface.interface_name
-              ? 'text-[var(--status-main-color)] font-medium'
+              ? 'font-medium text-[var(--status-main-color)]'
               : 'text-foreground'
           "
           >{{ iface.interface_name }}</span
         >
-        <span class="font-mono text-[10px] mt-1" :style="{ color: MAIN_COLOR }"
+        <span class="mt-1 font-mono text-[10px]" :style="{ color: MAIN_COLOR }"
           >↑ {{ formatBytes(iface.transmit_speed) }}/s</span
         >
         <span class="font-mono text-[10px]" :style="{ color: SUB_COLOR }"
@@ -397,24 +323,22 @@ const sortedInterfaces = computed(() => {
 
     <!-- Per-NIC Chart -->
     <div v-if="detail.data.length > 0">
-      <div class="h-px bg-border mb-4"></div>
-      <div class="flex items-center gap-3 mb-3 text-xs font-mono">
-        <span class="text-sm font-medium text-muted-foreground mr-1">
+      <div class="bg-border mb-4 h-px"></div>
+      <div class="mb-3 flex items-center gap-3 font-mono text-xs">
+        <span class="text-muted-foreground mr-1 text-sm font-medium">
           {{ selectedIface === "all" ? "Network Throughput" : selectedIface }}
         </span>
-        <span class="status-main-text"
-          >↓ {{ formatBytes(currentNetRx) }}/s</span
-        >
+        <span class="status-main-text">↓ {{ formatBytes(currentNetRx) }}/s</span>
         <span class="status-sub-text">↑ {{ formatBytes(currentNetTx) }}/s</span>
         <span
           v-if="latestNetRecord?.network?.tcp_connections != null"
-          class="ml-auto text-muted-foreground"
+          class="text-muted-foreground ml-auto"
         >
           TCP {{ latestNetRecord.network.tcp_connections }} &nbsp; UDP
           {{ latestNetRecord.network.udp_connections }}
         </span>
       </div>
-      <div class="h-[260px] w-full relative overflow-hidden">
+      <div class="relative h-[260px] w-full overflow-hidden">
         <UPlotChart
           :data="displayNetRxData"
           :data2="displayNetTxData"
@@ -428,21 +352,13 @@ const sortedInterfaces = computed(() => {
           :loading="detail.loading"
         />
       </div>
-      <div
-        class="flex items-center gap-4 mt-2 text-xs font-mono text-muted-foreground"
-      >
+      <div class="text-muted-foreground mt-2 flex items-center gap-4 font-mono text-xs">
         <span class="flex items-center gap-1">
-          <span
-            class="inline-block w-3 h-0.5"
-            :style="{ backgroundColor: MAIN_COLOR }"
-          ></span>
+          <span class="inline-block h-0.5 w-3" :style="{ backgroundColor: MAIN_COLOR }"></span>
           Download (↓)
         </span>
         <span class="flex items-center gap-1">
-          <span
-            class="inline-block w-3 h-0.5"
-            :style="{ backgroundColor: SUB_COLOR }"
-          ></span>
+          <span class="inline-block h-0.5 w-3" :style="{ backgroundColor: SUB_COLOR }"></span>
           Upload (↑)
         </span>
       </div>
@@ -450,12 +366,10 @@ const sortedInterfaces = computed(() => {
 
     <!-- Network Interfaces List -->
     <div v-if="latestNetRecord?.network?.interfaces?.length">
-      <div class="flex items-center gap-3 mb-3">
-        <div class="h-px flex-1 bg-border"></div>
-        <span class="text-xs text-muted-foreground uppercase tracking-wider"
-          >Interfaces</span
-        >
-        <div class="h-px flex-1 bg-border"></div>
+      <div class="mb-3 flex items-center gap-3">
+        <div class="bg-border h-px flex-1"></div>
+        <span class="text-muted-foreground text-xs tracking-wider uppercase">Interfaces</span>
+        <div class="bg-border h-px flex-1"></div>
       </div>
       <div class="space-y-px">
         <div
@@ -463,45 +377,37 @@ const sortedInterfaces = computed(() => {
           :key="index"
           @click="selectedIface = iface.interface_name"
           :class="[
-            'flex items-center justify-between py-2.5 px-1 cursor-pointer transition-colors rounded',
+            'flex cursor-pointer items-center justify-between rounded px-1 py-2.5 transition-colors',
             selectedIface === iface.interface_name
               ? 'text-[var(--status-main-color)]'
               : 'hover:bg-muted/30',
           ]"
         >
           <div class="flex items-center gap-3">
-            <div
-              class="h-7 w-7 rounded flex items-center justify-center shrink-0"
-            >
+            <div class="flex h-7 w-7 shrink-0 items-center justify-center rounded">
               <Fish
                 v-if="iface.interface_name.startsWith('docker')"
-                class="h-4 w-4 text-muted-foreground"
+                class="text-muted-foreground h-4 w-4"
               />
               <Container
                 v-else-if="iface.interface_name.startsWith('podman')"
-                class="h-4 w-4 text-muted-foreground"
+                class="text-muted-foreground h-4 w-4"
               />
-              <Network v-else class="h-4 w-4 text-muted-foreground" />
+              <Network v-else class="text-muted-foreground h-4 w-4" />
             </div>
             <div>
-              <div class="font-medium text-sm">
+              <div class="text-sm font-medium">
                 {{ iface.interface_name }}
               </div>
-              <div
-                class="text-[10px] text-muted-foreground font-mono space-x-2"
-              >
+              <div class="text-muted-foreground space-x-2 font-mono text-[10px]">
                 <span>↓ {{ formatBytes(iface.total_received) }}</span>
                 <span>↑ {{ formatBytes(iface.total_transmitted) }}</span>
               </div>
             </div>
           </div>
-          <div class="text-right text-xs font-mono space-y-0.5">
-            <div :style="{ color: MAIN_COLOR }">
-              ↓ {{ formatBytes(iface.receive_speed) }}/s
-            </div>
-            <div :style="{ color: SUB_COLOR }">
-              ↑ {{ formatBytes(iface.transmit_speed) }}/s
-            </div>
+          <div class="space-y-0.5 text-right font-mono text-xs">
+            <div :style="{ color: MAIN_COLOR }">↓ {{ formatBytes(iface.receive_speed) }}/s</div>
+            <div :style="{ color: SUB_COLOR }">↑ {{ formatBytes(iface.transmit_speed) }}/s</div>
           </div>
         </div>
       </div>
diff --git a/src/components/node/status/StatusTabBar.vue b/src/components/node/status/StatusTabBar.vue
index fc0ef13d..24bae2e2 100644
--- a/src/components/node/status/StatusTabBar.vue
+++ b/src/components/node/status/StatusTabBar.vue
@@ -20,31 +20,25 @@ const tabs: ReadonlyArray<{ id: TabId; label: string; icon: typeof Cpu }> = [
 </script>
 
 <template>
-  <div
-    class="flex items-center gap-2 px-4 py-3 border-b shrink-0 overflow-x-auto"
-  >
+  <div class="flex shrink-0 items-center gap-2 overflow-x-auto border-b px-4 py-3">
     <button
       v-for="tab in tabs"
       :key="tab.id"
       @click="activeTab = tab.id"
       :class="[
-        'flex items-center gap-2 px-3 py-1.5 text-sm rounded-lg transition-all border whitespace-nowrap',
+        'flex items-center gap-2 rounded-lg border px-3 py-1.5 text-sm whitespace-nowrap transition-all',
         activeTab === tab.id
-          ? 'border-border bg-muted shadow-sm font-medium'
-          : 'border-transparent hover:bg-muted/50 text-muted-foreground',
+          ? 'border-border bg-muted font-medium shadow-sm'
+          : 'hover:bg-muted/50 text-muted-foreground border-transparent',
       ]"
     >
       <component :is="tab.icon" class="h-4 w-4" />
       <span>{{ tab.label }}</span>
     </button>
     <div class="ml-auto shrink-0">
-      <Badge
-        v-if="showLive && liveLabel"
-        variant="outline"
-        class="font-mono text-xs"
-      >
+      <Badge v-if="showLive && liveLabel" variant="outline" class="font-mono text-xs">
         <span
-          class="inline-block w-1.5 h-1.5 rounded-full mr-1.5"
+          class="mr-1.5 inline-block h-1.5 w-1.5 rounded-full"
           :style="{ backgroundColor: liveColor }"
         ></span>
         {{ liveLabel }}
diff --git a/src/components/node/status/StatusWindowControls.vue b/src/components/node/status/StatusWindowControls.vue
index f6708b51..2e83d856 100644
--- a/src/components/node/status/StatusWindowControls.vue
+++ b/src/components/node/status/StatusWindowControls.vue
@@ -29,24 +29,24 @@ function onRefresh(e: Event) {
 
 <template>
   <div class="flex items-center gap-3">
-    <span class="text-xs text-muted-foreground inline-flex items-center gap-1">
+    <span class="text-muted-foreground inline-flex items-center gap-1 text-xs">
       最近
       <select
         :value="windowMs"
         @change="onWindow"
-        class="bg-card border rounded px-1.5 py-0.5 text-xs text-foreground outline-none cursor-pointer hover:bg-muted transition-colors"
+        class="bg-card text-foreground hover:bg-muted cursor-pointer rounded border px-1.5 py-0.5 text-xs transition-colors outline-none"
       >
         <option v-for="w in windowOptions" :key="w.value" :value="w.value">
           {{ w.label }}
         </option>
       </select>
     </span>
-    <span class="text-xs text-muted-foreground inline-flex items-center gap-1">
+    <span class="text-muted-foreground inline-flex items-center gap-1 text-xs">
       每
       <select
         :value="refreshInterval"
         @change="onRefresh"
-        class="bg-card border rounded px-1.5 py-0.5 text-xs text-foreground outline-none cursor-pointer hover:bg-muted transition-colors"
+        class="bg-card text-foreground hover:bg-muted cursor-pointer rounded border px-1.5 py-0.5 text-xs transition-colors outline-none"
       >
         <option v-for="r in refreshOptions" :key="r.value" :value="r.value">
           {{ r.label }}
@@ -56,13 +56,9 @@ function onRefresh(e: Event) {
     </span>
     <label
       v-if="showSyncAxes"
-      class="text-xs text-muted-foreground inline-flex items-center gap-1.5 cursor-pointer select-none"
+      class="text-muted-foreground inline-flex cursor-pointer items-center gap-1.5 text-xs select-none"
     >
-      <input
-        type="checkbox"
-        v-model="syncAxes"
-        class="h-3 w-3 cursor-pointer accent-current"
-      />
+      <input type="checkbox" v-model="syncAxes" class="h-3 w-3 cursor-pointer accent-current" />
       同步坐标轴
     </label>
   </div>
diff --git a/src/components/node/status/composables/useDatabaseLimits.ts b/src/components/node/status/composables/useDatabaseLimits.ts
index 7f087841..c4003869 100644
--- a/src/components/node/status/composables/useDatabaseLimits.ts
+++ b/src/components/node/status/composables/useDatabaseLimits.ts
@@ -19,21 +19,15 @@ export function useDatabaseLimits() {
         kv.getValue("database_limit_dynamic_monitoring"),
         kv.getValue("database_limit_dynamic_monitoring_summary"),
       ]);
-      dynamicLimit.value =
-        typeof dyn === "number" && dyn > 0 ? dyn : DEFAULT_DYNAMIC_LIMIT;
-      summaryLimit.value =
-        typeof sum === "number" && sum > 0 ? sum : DEFAULT_SUMMARY_LIMIT;
+      dynamicLimit.value = typeof dyn === "number" && dyn > 0 ? dyn : DEFAULT_DYNAMIC_LIMIT;
+      summaryLimit.value = typeof sum === "number" && sum > 0 ? sum : DEFAULT_SUMMARY_LIMIT;
     } catch (e) {
       console.error("[Status] Failed to fetch database limits:", e);
     }
   }
 
-  const summaryWindows = computed(() =>
-    WINDOWS.filter((w) => w.value <= summaryLimit.value),
-  );
-  const detailWindows = computed(() =>
-    WINDOWS.filter((w) => w.value <= dynamicLimit.value),
-  );
+  const summaryWindows = computed(() => WINDOWS.filter((w) => w.value <= summaryLimit.value));
+  const detailWindows = computed(() => WINDOWS.filter((w) => w.value <= dynamicLimit.value));
 
   // Find largest WINDOWS entry not exceeding `max`; fallback to smallest
   const clampWindow = (current: number, max: number) => {
diff --git a/src/components/node/status/composables/useLiveLabel.ts b/src/components/node/status/composables/useLiveLabel.ts
index 43d8d214..fa51f177 100644
--- a/src/components/node/status/composables/useLiveLabel.ts
+++ b/src/components/node/status/composables/useLiveLabel.ts
@@ -12,9 +12,7 @@ export function useLiveLabel(source: Ref<unknown>) {
 
   onMounted(() => {
     timer = setInterval(() => {
-      elapsed.value = lastUpdate.value
-        ? Date.now() - lastUpdate.value
-        : Infinity;
+      elapsed.value = lastUpdate.value ? Date.now() - lastUpdate.value : Infinity;
     }, 1000);
   });
 
diff --git a/src/components/node/status/composables/useStatusPage.ts b/src/components/node/status/composables/useStatusPage.ts
index c794c719..e79c7b29 100644
--- a/src/components/node/status/composables/useStatusPage.ts
+++ b/src/components/node/status/composables/useStatusPage.ts
@@ -14,14 +14,9 @@ import { useLiveLabel } from "@/components/node/status/composables/useLiveLabel"
 type ZoomRange = { min: number; max: number } | null;
 
 export function useStatusPage(uuid: Ref<string>) {
-  const {
-    error: dynamicError,
-    status: dynamicStatus,
-    servers: dynamicServers,
-  } = useAgentStatus();
+  const { error: dynamicError, status: dynamicStatus, servers: dynamicServers } = useAgentStatus();
 
-  const { servers: staticServers, refresh: connectStatic } =
-    useStaticMonitoring();
+  const { servers: staticServers, refresh: connectStatic } = useStaticMonitoring();
 
   const limits = useDatabaseLimits();
   const summaries = useTabSummaries(uuid);
@@ -83,10 +78,7 @@ export function useStatusPage(uuid: Ref<string>) {
 
   function startDetailTimer(tab: DetailTab) {
     const slice = details[tab];
-    const interval = effectiveDetailRefresh(
-      slice.windowMs,
-      slice.refreshInterval,
-    );
+    const interval = effectiveDetailRefresh(slice.windowMs, slice.refreshInterval);
     slice.startTimer(interval);
   }
 
@@ -153,9 +145,7 @@ export function useStatusPage(uuid: Ref<string>) {
   // Clamp windowMs when limits change
   watch([limits.summaryLimit, limits.dynamicLimit], () => {
     summaries.clampAll((w) => limits.clampWindow(w, limits.summaryLimit.value));
-    details.clampDetail((w) =>
-      limits.clampWindow(w, limits.dynamicLimit.value),
-    );
+    details.clampDetail((w) => limits.clampWindow(w, limits.dynamicLimit.value));
   });
 
   onMounted(() => {
diff --git a/src/components/node/status/composables/useTabSummaries.ts b/src/components/node/status/composables/useTabSummaries.ts
index 4868f203..b0c19505 100644
--- a/src/components/node/status/composables/useTabSummaries.ts
+++ b/src/components/node/status/composables/useTabSummaries.ts
@@ -1,10 +1,7 @@
 import { reactive, type Ref } from "vue";
 import { toast } from "vue-sonner";
 import { fetchDynamicSummary } from "@/composables/monitoring/useDynamicMonitoring";
-import type {
-  DynamicSummaryResponseItem,
-  SummaryField,
-} from "@/types/monitoring";
+import type { DynamicSummaryResponseItem, SummaryField } from "@/types/monitoring";
 import type { TabId } from "@/components/node/status/constants";
 
 const DEFAULT_WINDOW_MS = 6 * 60 * 60 * 1000;
@@ -45,17 +42,10 @@ function createSummarySlice(uuid: Ref<string>, tab: TabId): SummarySlice {
   let fetchSeq = 0;
 
   // Pulls one window slice + merges across summary field groups returned by backend
-  async function pull(
-    from: number,
-    to: number,
-  ): Promise<DynamicSummaryResponseItem[]> {
+  async function pull(from: number, to: number): Promise<DynamicSummaryResponseItem[]> {
     const groups = await Promise.all(
       TAB_FIELDS_AVG[tab].map((fields) =>
-        fetchDynamicSummary(
-          uuid.value,
-          { timestamp_from: from, timestamp_to: to },
-          fields,
-        ),
+        fetchDynamicSummary(uuid.value, { timestamp_from: from, timestamp_to: to }, fields),
       ),
     );
     const merged = new Map<number, DynamicSummaryResponseItem>();
@@ -83,8 +73,7 @@ function createSummarySlice(uuid: Ref<string>, tab: TabId): SummarySlice {
     } catch (e) {
       if (seq !== fetchSeq) return;
       console.error(`[Status] ${tab} summary fetch failed:`, e);
-      const description =
-        e instanceof Error ? e.message : typeof e === "string" ? e : String(e);
+      const description = e instanceof Error ? e.message : typeof e === "string" ? e : String(e);
       toast.error("数据查询失败", { description });
     } finally {
       if (showLoading && seq === fetchSeq) state.loading = false;
diff --git a/src/components/node/status/constants.ts b/src/components/node/status/constants.ts
index 8270f839..d6b1c6e2 100644
--- a/src/components/node/status/constants.ts
+++ b/src/components/node/status/constants.ts
@@ -27,18 +27,15 @@ export type WindowOption = (typeof WINDOWS)[number];
 export type RefreshOption = (typeof REFRESH_INTERVALS)[number];
 
 // Detail sections: window <= 5min allows 1s refresh; > 5min enforces minimum 10s
-export const detailMinRefresh = (windowMs: number) =>
-  windowMs > 5 * 60 * 1000 ? 10_000 : 1_000;
+export const detailMinRefresh = (windowMs: number) => (windowMs > 5 * 60 * 1000 ? 10_000 : 1_000);
 
 export const detailRefreshOptions = (windowMs: number) => {
   const min = detailMinRefresh(windowMs);
   return REFRESH_INTERVALS.filter((r) => r.value >= min);
 };
 
-export const effectiveDetailRefresh = (
-  windowMs: number,
-  refreshInterval: number,
-) => Math.max(refreshInterval, detailMinRefresh(windowMs));
+export const effectiveDetailRefresh = (windowMs: number, refreshInterval: number) =>
+  Math.max(refreshInterval, detailMinRefresh(windowMs));
 
 // Default agent KV limits if absent
 export const DEFAULT_DYNAMIC_LIMIT = 21_600_000; // 6h
diff --git a/src/components/node/status/types.ts b/src/components/node/status/types.ts
index 0bba42ac..72f8f8d4 100644
--- a/src/components/node/status/types.ts
+++ b/src/components/node/status/types.ts
@@ -1,7 +1,4 @@
-import type {
-  FullDynamicSummaryResponseItem,
-  StaticMonitoringData,
-} from "@/types/monitoring";
+import type { FullDynamicSummaryResponseItem, StaticMonitoringData } from "@/types/monitoring";
 
 export interface StatusServer extends FullDynamicSummaryResponseItem {
   system?: StaticMonitoringData["system"];
diff --git a/src/components/node/traffic/TrafficBarChart.vue b/src/components/node/traffic/TrafficBarChart.vue
index 15e57743..fce50aea 100644
--- a/src/components/node/traffic/TrafficBarChart.vue
+++ b/src/components/node/traffic/TrafficBarChart.vue
@@ -2,23 +2,13 @@
 import { shallowRef, watch, onMounted, onUnmounted } from "vue";
 import * as echarts from "echarts/core";
 import { BarChart } from "echarts/charts";
-import {
-  GridComponent,
-  TooltipComponent,
-  AxisPointerComponent,
-} from "echarts/components";
+import { GridComponent, TooltipComponent, AxisPointerComponent } from "echarts/components";
 import { CanvasRenderer } from "echarts/renderers";
 import type { EChartsType } from "echarts/core";
 import { useThemeStore } from "@/stores/theme";
 import { formatBytes } from "@/utils/format";
 
-echarts.use([
-  BarChart,
-  GridComponent,
-  TooltipComponent,
-  AxisPointerComponent,
-  CanvasRenderer,
-]);
+echarts.use([BarChart, GridComponent, TooltipComponent, AxisPointerComponent, CanvasRenderer]);
 
 export type TrafficBucket = {
   label: string;
@@ -44,13 +34,9 @@ let resizeObserver: ResizeObserver | null = null;
 const renderChart = () => {
   if (!chartInstance.value) return;
   const text = themeStore.isDark ? "#e5e7eb" : "#374151";
-  const grid = themeStore.isDark
-    ? "rgba(255,255,255,0.06)"
-    : "rgba(0,0,0,0.06)";
+  const grid = themeStore.isDark ? "rgba(255,255,255,0.06)" : "rgba(0,0,0,0.06)";
 
-  const visibleKeys = (["rx", "tx", "total"] as const).filter(
-    (k) => props.visibleSeries[k],
-  );
+  const visibleKeys = (["rx", "tx", "total"] as const).filter((k) => props.visibleSeries[k]);
 
   chartInstance.value.setOption(
     {
@@ -66,9 +52,7 @@ const renderChart = () => {
             value: number;
           }[],
         ) => {
-          const lines = params.map(
-            (p) => `${p.marker} ${p.seriesName}: ${formatBytes(p.value)}`,
-          );
+          const lines = params.map((p) => `${p.marker} ${p.seriesName}: ${formatBytes(p.value)}`);
           return [params[0]?.axisValue, ...lines].join("<br/>");
         },
       },
@@ -120,5 +104,5 @@ watch(() => [props.data, props.visibleSeries, themeStore.isDark], renderChart, {
 </script>
 
 <template>
-  <div ref="chartRef" class="w-full h-full" />
+  <div ref="chartRef" class="h-full w-full" />
 </template>
diff --git a/src/components/ping/PingChinaMapNative.vue b/src/components/ping/PingChinaMapNative.vue
index 63005e3c..bb718cbc 100644
--- a/src/components/ping/PingChinaMapNative.vue
+++ b/src/components/ping/PingChinaMapNative.vue
@@ -59,34 +59,27 @@ function buildProvinceData(results: PingResult[], ispFilter: ISP | "all") {
     {
       latencies: number[];
       hasCompleted: boolean;
-      ispData: Partial<
-        Record<string, { latencies: number[]; hasCompleted: boolean }>
-      >;
+      ispData: Partial<Record<string, { latencies: number[]; hasCompleted: boolean }>>;
     }
   >();
 
   for (const r of results) {
     if (r.node.isp === "international") continue; // 海外节点不上中国地图
     const prov = r.node.province;
-    if (!map.has(prov))
-      map.set(prov, { latencies: [], hasCompleted: false, ispData: {} });
+    if (!map.has(prov)) map.set(prov, { latencies: [], hasCompleted: false, ispData: {} });
     const entry = map.get(prov)!;
     const isp = r.node.isp;
 
     // ① 始终更新 ispData（不受 ispFilter 限制）
-    if (!entry.ispData[isp])
-      entry.ispData[isp] = { latencies: [], hasCompleted: false };
+    if (!entry.ispData[isp]) entry.ispData[isp] = { latencies: [], hasCompleted: false };
     const ispEntry = entry.ispData[isp]!;
-    if (r.status === "success" && r.avg !== null)
-      ispEntry.latencies.push(r.avg);
-    if (r.status === "success" || r.status === "failed")
-      ispEntry.hasCompleted = true;
+    if (r.status === "success" && r.avg !== null) ispEntry.latencies.push(r.avg);
+    if (r.status === "success" || r.status === "failed") ispEntry.hasCompleted = true;
 
     // ② 受 ispFilter 限制，更新整体 latencies（用于地图着色）
     if (ispFilter === "all" || r.node.isp === ispFilter) {
       if (r.status === "success" && r.avg !== null) entry.latencies.push(r.avg);
-      if (r.status === "success" || r.status === "failed")
-        entry.hasCompleted = true;
+      if (r.status === "success" || r.status === "failed") entry.hasCompleted = true;
     }
   }
 
@@ -95,44 +88,32 @@ function buildProvinceData(results: PingResult[], ispFilter: ISP | "all") {
   ): number | null => {
     if (!d) return null;
     const avg =
-      d.latencies.length > 0
-        ? d.latencies.reduce((a, b) => a + b, 0) / d.latencies.length
-        : null;
+      d.latencies.length > 0 ? d.latencies.reduce((a, b) => a + b, 0) / d.latencies.length : null;
     return avg !== null ? Math.round(avg) : d.hasCompleted ? 9999 : null;
   };
 
-  return Array.from(map.entries()).map(
-    ([name, { latencies, hasCompleted, ispData }]) => {
-      const avg =
-        latencies.length > 0
-          ? latencies.reduce((a, b) => a + b, 0) / latencies.length
-          : null;
-      const value =
-        avg !== null
-          ? Math.round(avg)
-          : hasCompleted && latencies.length === 0
-            ? 9999
-            : null;
+  return Array.from(map.entries()).map(([name, { latencies, hasCompleted, ispData }]) => {
+    const avg =
+      latencies.length > 0 ? latencies.reduce((a, b) => a + b, 0) / latencies.length : null;
+    const value =
+      avg !== null ? Math.round(avg) : hasCompleted && latencies.length === 0 ? 9999 : null;
 
-      const telecom = getIspValue(ispData["telecom"]);
-      const unicom = getIspValue(ispData["unicom"]);
-      const mobile = getIspValue(ispData["mobile"]);
+    const telecom = getIspValue(ispData["telecom"]);
+    const unicom = getIspValue(ispData["unicom"]);
+    const mobile = getIspValue(ispData["mobile"]);
 
-      const ispValues = [telecom, unicom, mobile].filter(
-        (v): v is number => v !== null,
-      );
-      const fastest = ispValues.length > 0 ? Math.min(...ispValues) : null;
+    const ispValues = [telecom, unicom, mobile].filter((v): v is number => v !== null);
+    const fastest = ispValues.length > 0 ? Math.min(...ispValues) : null;
 
-      return {
-        name: PROVINCE_FULL_NAME[name] ?? name,
-        value,
-        telecom,
-        unicom,
-        mobile,
-        fastest,
-      };
-    },
-  );
+    return {
+      name: PROVINCE_FULL_NAME[name] ?? name,
+      value,
+      telecom,
+      unicom,
+      mobile,
+      fastest,
+    };
+  });
 }
 
 function initOption(): echarts.EChartsOption {
@@ -226,9 +207,9 @@ function buildHighlightData(
 
 onMounted(async () => {
   try {
-    const geoJson = await fetch(
-      `${import.meta.env.BASE_URL}geo/100000_full.json`,
-    ).then((r) => r.json());
+    const geoJson = await fetch(`${import.meta.env.BASE_URL}geo/100000_full.json`).then((r) =>
+      r.json(),
+    );
     echarts.registerMap("china", geoJson);
 
     if (!chartEl.value) return;
@@ -238,9 +219,8 @@ onMounted(async () => {
     chart.on("click", (params: any) => {
       if (params.componentType !== "series") return;
       const shortName =
-        Object.keys(PROVINCE_FULL_NAME).find(
-          (k) => PROVINCE_FULL_NAME[k] === params.name,
-        ) ?? params.name;
+        Object.keys(PROVINCE_FULL_NAME).find((k) => PROVINCE_FULL_NAME[k] === params.name) ??
+        params.name;
       emit("province-click", shortName);
     });
 
@@ -248,11 +228,7 @@ onMounted(async () => {
       chart.setOption({
         series: [
           {
-            data: buildHighlightData(
-              props.results,
-              props.ispFilter,
-              props.selectedProvince,
-            ),
+            data: buildHighlightData(props.results, props.ispFilter, props.selectedProvince),
           },
         ],
       });
@@ -272,9 +248,7 @@ watch(
   ([results, ispFilter, selectedProvince]) => {
     if (!chart) return;
     chart.setOption({
-      series: [
-        { data: buildHighlightData(results, ispFilter, selectedProvince) },
-      ],
+      series: [{ data: buildHighlightData(results, ispFilter, selectedProvince) }],
     });
   },
   { deep: true },
diff --git a/src/components/ping/PingHistogram.vue b/src/components/ping/PingHistogram.vue
index fef04b4d..836eabad 100644
--- a/src/components/ping/PingHistogram.vue
+++ b/src/components/ping/PingHistogram.vue
@@ -6,11 +6,7 @@ import { GridComponent, TooltipComponent } from "echarts/components";
 import { CanvasRenderer } from "echarts/renderers";
 import type { EChartsType } from "echarts/core";
 import type { PingResult } from "./usePingTask";
-import {
-  LATENCY_SEGMENTS,
-  LOSS_COLOR,
-  getLatencyColor,
-} from "./pingLatencyConfig";
+import { LATENCY_SEGMENTS, LOSS_COLOR, getLatencyColor } from "./pingLatencyConfig";
 
 echarts.use([BarChart, GridComponent, TooltipComponent, CanvasRenderer]);
 
@@ -42,26 +38,19 @@ const bucketCounts = computed(() => {
 });
 
 const stats = computed(() => {
-  if (doneResults.value.length === 0)
-    return { avg: null, jitter: null, lossRate: null };
+  if (doneResults.value.length === 0) return { avg: null, jitter: null, lossRate: null };
 
   const latencies = doneResults.value
     .filter((r) => r.avg !== null && r.loss < 100)
     .map((r) => r.avg as number);
-  const avg = latencies.length
-    ? latencies.reduce((a, b) => a + b, 0) / latencies.length
-    : null;
+  const avg = latencies.length ? latencies.reduce((a, b) => a + b, 0) / latencies.length : null;
 
   const jitters = doneResults.value
     .filter((r) => r.jitter !== null && r.loss < 100)
     .map((r) => r.jitter as number);
-  const jitter = jitters.length
-    ? jitters.reduce((a, b) => a + b, 0) / jitters.length
-    : null;
+  const jitter = jitters.length ? jitters.reduce((a, b) => a + b, 0) / jitters.length : null;
 
-  const lossRate =
-    doneResults.value.reduce((a, r) => a + r.loss, 0) /
-    doneResults.value.length;
+  const lossRate = doneResults.value.reduce((a, r) => a + r.loss, 0) / doneResults.value.length;
 
   return { avg, jitter, lossRate };
 });
@@ -128,38 +117,35 @@ watch(option, (newOption) => {
 </script>
 
 <template>
-  <div class="flex flex-col h-full gap-4">
+  <div class="flex h-full flex-col gap-4">
     <div class="grid grid-cols-3 gap-3">
-      <div class="p-3 rounded-lg border bg-card text-center">
-        <div class="text-xs text-muted-foreground mb-1">平均</div>
-        <div
-          class="text-lg font-mono font-bold"
-          :style="{ color: getLatencyColor(stats.avg, 0) }"
-        >
+      <div class="bg-card rounded-lg border p-3 text-center">
+        <div class="text-muted-foreground mb-1 text-xs">平均</div>
+        <div class="font-mono text-lg font-bold" :style="{ color: getLatencyColor(stats.avg, 0) }">
           {{ fmt(stats.avg) }}
         </div>
       </div>
-      <div class="p-3 rounded-lg border bg-card text-center">
-        <div class="text-xs text-muted-foreground mb-1">抖动</div>
+      <div class="bg-card rounded-lg border p-3 text-center">
+        <div class="text-muted-foreground mb-1 text-xs">抖动</div>
         <div
-          class="text-lg font-mono font-bold"
+          class="font-mono text-lg font-bold"
           :style="{ color: getLatencyColor(stats.jitter, 0) }"
         >
           {{ fmt(stats.jitter) }}
         </div>
       </div>
-      <div class="p-3 rounded-lg border bg-card text-center">
-        <div class="text-xs text-muted-foreground mb-1">丢包率</div>
+      <div class="bg-card rounded-lg border p-3 text-center">
+        <div class="text-muted-foreground mb-1 text-xs">丢包率</div>
         <div
-          class="text-lg font-mono font-bold"
+          class="font-mono text-lg font-bold"
           :style="{ color: getLossRateColor(stats.lossRate) }"
         >
           {{ fmtLoss(stats.lossRate) }}
         </div>
       </div>
     </div>
-    <div class="flex-1 border rounded-lg bg-card overflow-hidden">
-      <div ref="chartRef" class="w-full h-full" />
+    <div class="bg-card flex-1 overflow-hidden rounded-lg border">
+      <div ref="chartRef" class="h-full w-full" />
     </div>
   </div>
 </template>
diff --git a/src/components/ping/PingResultTable.vue b/src/components/ping/PingResultTable.vue
index c4ae62c4..b810dea8 100644
--- a/src/components/ping/PingResultTable.vue
+++ b/src/components/ping/PingResultTable.vue
@@ -33,9 +33,7 @@ function fmtLoss(v: number): string {
   return v === 0 ? "0%" : `${v.toFixed(0)}%`;
 }
 
-function ispColor(
-  _isp: string,
-): "default" | "secondary" | "destructive" | "outline" {
+function ispColor(_isp: string): "default" | "secondary" | "destructive" | "outline" {
   return "secondary";
 }
 
@@ -60,13 +58,13 @@ const groups = computed(() =>
   <div>
     <div
       v-if="provinceFilter"
-      class="mb-2 flex items-center gap-2 rounded-md border border-blue-200 dark:border-blue-800 bg-blue-50 dark:bg-blue-950/40 px-3 py-2 text-sm text-blue-700 dark:text-blue-300"
+      class="mb-2 flex items-center gap-2 rounded-md border border-blue-200 bg-blue-50 px-3 py-2 text-sm text-blue-700 dark:border-blue-800 dark:bg-blue-950/40 dark:text-blue-300"
     >
       <span
         >仅显示：<strong>{{ provinceFilter }}</strong></span
       >
       <button
-        class="ml-auto flex items-center gap-1 rounded-md border border-blue-300 dark:border-blue-700 px-2 py-0.5 text-xs font-medium hover:bg-blue-100 dark:hover:bg-blue-900/50 transition-colors"
+        class="ml-auto flex items-center gap-1 rounded-md border border-blue-300 px-2 py-0.5 text-xs font-medium transition-colors hover:bg-blue-100 dark:border-blue-700 dark:hover:bg-blue-900/50"
         @click="emit('clear-province')"
       >
         ✕ 清除筛选
@@ -83,19 +81,17 @@ const groups = computed(() =>
           <TableHead class="text-right">最快ms</TableHead>
           <TableHead class="text-right">最慢ms</TableHead>
           <TableHead class="text-right">平均ms</TableHead>
-          <TableHead class="text-center w-[220px]">网络质量示意图</TableHead>
+          <TableHead class="w-[220px] text-center">网络质量示意图</TableHead>
         </TableRow>
       </TableHeader>
       <TableBody>
         <template v-for="group in groups" :key="group.isp">
           <TableRow class="bg-muted/50 hover:bg-muted/50">
-            <TableCell colspan="9" class="py-1.5 px-3">
+            <TableCell colspan="9" class="px-3 py-1.5">
               <Badge :variant="ispColor(group.isp)" class="text-xs">
                 {{ group.label }}
               </Badge>
-              <span class="ml-2 text-xs text-muted-foreground"
-                >{{ group.rows.length }} 个节点</span
-              >
+              <span class="text-muted-foreground ml-2 text-xs">{{ group.rows.length }} 个节点</span>
             </TableCell>
           </TableRow>
           <TableRow
@@ -105,20 +101,16 @@ const groups = computed(() =>
           >
             <TableCell>
               <span class="text-sm">{{
-                r.node.isp === "international"
-                  ? r.node.location
-                  : r.node.province
+                r.node.isp === "international" ? r.node.location : r.node.province
               }}</span>
             </TableCell>
-            <TableCell class="font-mono text-xs text-muted-foreground">{{
-              r.node.host
-            }}</TableCell>
+            <TableCell class="text-muted-foreground font-mono text-xs">{{ r.node.host }}</TableCell>
             <TableCell class="text-right text-sm">
-              <span :class="r.loss > 0 ? 'text-red-500 font-medium' : ''">
+              <span :class="r.loss > 0 ? 'font-medium text-red-500' : ''">
                 {{ r.status === "pending" ? "—" : fmtLoss(r.loss) }}
               </span>
             </TableCell>
-            <TableCell class="text-right text-sm font-mono">
+            <TableCell class="text-right font-mono text-sm">
               {{ r.status === "pending" ? "—" : r.sent }}
             </TableCell>
             <TableCell class="text-right font-mono text-sm font-medium">
@@ -137,7 +129,7 @@ const groups = computed(() =>
                 {{ r.status === "pending" ? "—" : fmt(r.avg) }}
               </span>
             </TableCell>
-            <TableCell class="text-center w-[220px]">
+            <TableCell class="w-[220px] text-center">
               <PingQualityCanvas
                 v-if="r.qualityBars.length > 0"
                 :bars="r.qualityBars"
diff --git a/src/components/ping/PingView.vue b/src/components/ping/PingView.vue
index 0ce94481..fbe73803 100644
--- a/src/components/ping/PingView.vue
+++ b/src/components/ping/PingView.vue
@@ -21,8 +21,7 @@ const ispFilter = ref<ISP | "all">("all");
 const selectedProvince = ref<string | null>(null);
 
 function onProvinceClick(province: string) {
-  selectedProvince.value =
-    selectedProvince.value === province ? null : province;
+  selectedProvince.value = selectedProvince.value === province ? null : province;
 }
 const concurrency = ref(10);
 const delayBeforeQueryMs = ref(400);
@@ -38,13 +37,7 @@ const activeLoopCount = ref(1);
 
 function runOnce() {
   activeLoopCount.value = 1;
-  start(
-    testType.value,
-    ispFilter.value,
-    false,
-    concurrency.value,
-    delayBeforeQueryMs.value,
-  );
+  start(testType.value, ispFilter.value, false, concurrency.value, delayBeforeQueryMs.value);
 }
 
 const isContinuousRunning = ref(false);
@@ -83,17 +76,14 @@ const elapsedDisplay = computed(() => {
   const h = Math.floor(s / 3600);
   const m = Math.floor((s % 3600) / 60);
   const sec = s % 60;
-  if (h > 0)
-    return `${h}:${String(m).padStart(2, "0")}:${String(sec).padStart(2, "0")}`;
+  if (h > 0) return `${h}:${String(m).padStart(2, "0")}:${String(sec).padStart(2, "0")}`;
   return `${String(m).padStart(2, "0")}:${String(sec).padStart(2, "0")}`;
 });
 
 // 进度
 const totalPings = computed(() => results.value.length * activeLoopCount.value);
 const progressPercent = computed(() =>
-  totalPings.value > 0
-    ? Math.min(100, Math.round((probesDone.value / totalPings.value) * 100))
-    : 0,
+  totalPings.value > 0 ? Math.min(100, Math.round((probesDone.value / totalPings.value) * 100)) : 0,
 );
 
 const mapWrapRef = ref<HTMLElement | null>(null);
@@ -109,9 +99,7 @@ async function doScreenshot() {
     { key: "histogram", el: histRef.value, label: "直方图" },
     { key: "table", el: tableRef.value, label: "表格" },
   ]
-    .filter(
-      (m) => shotModules.value[m.key as keyof typeof shotModules.value] && m.el,
-    )
+    .filter((m) => shotModules.value[m.key as keyof typeof shotModules.value] && m.el)
     .map((m) => ({ el: m.el as HTMLElement, label: m.label }));
 
   if (!modules.length) return;
@@ -128,7 +116,7 @@ async function doScreenshot() {
   <div class="space-y-6">
     <!-- 第一排：测试类型 / ISP / 参数 / 操作按钮 -->
     <div class="flex flex-wrap items-center gap-3">
-      <div class="flex rounded-md border overflow-hidden">
+      <div class="flex overflow-hidden rounded-md border">
         <button
           v-for="t in [
             { id: 'tcp_ping', label: 'TCP Ping' },
@@ -147,15 +135,9 @@ async function doScreenshot() {
         </button>
       </div>
 
-      <div class="flex rounded-md border overflow-hidden">
+      <div class="flex overflow-hidden rounded-md border">
         <button
-          v-for="isp in [
-            'all',
-            'telecom',
-            'unicom',
-            'mobile',
-            'international',
-          ] as const"
+          v-for="isp in ['all', 'telecom', 'unicom', 'mobile', 'international'] as const"
           :key="isp"
           @click="ispFilter = isp"
           :class="[
@@ -169,14 +151,14 @@ async function doScreenshot() {
         </button>
       </div>
 
-      <div class="flex items-center gap-2 ml-auto text-sm">
+      <div class="ml-auto flex items-center gap-2 text-sm">
         <label class="text-muted-foreground">并发</label>
         <input
           v-model.number="concurrency"
           type="number"
           min="1"
           max="50"
-          class="w-14 rounded-md border px-2 py-1.5 text-sm text-center bg-background focus:outline-none focus:ring-1 focus:ring-ring"
+          class="bg-background focus:ring-ring w-14 rounded-md border px-2 py-1.5 text-center text-sm focus:ring-1 focus:outline-none"
         />
         <label class="text-muted-foreground">延迟</label>
         <input
@@ -184,7 +166,7 @@ async function doScreenshot() {
           type="number"
           min="0"
           step="100"
-          class="w-20 rounded-md border px-2 py-1.5 text-sm text-center bg-background focus:outline-none focus:ring-1 focus:ring-ring"
+          class="bg-background focus:ring-ring w-20 rounded-md border px-2 py-1.5 text-center text-sm focus:ring-1 focus:outline-none"
         />
         <span class="text-muted-foreground">ms</span>
         <label class="text-muted-foreground ml-1">循环</label>
@@ -193,15 +175,10 @@ async function doScreenshot() {
           type="number"
           min="1"
           max="500"
-          class="w-16 rounded-md border px-2 py-1.5 text-sm text-center bg-background focus:outline-none focus:ring-1 focus:ring-ring"
+          class="bg-background focus:ring-ring w-16 rounded-md border px-2 py-1.5 text-center text-sm focus:ring-1 focus:outline-none"
         />
         <span class="text-muted-foreground">次</span>
-        <Button
-          size="sm"
-          variant="outline"
-          :disabled="pingStatus === 'running'"
-          @click="runOnce"
-        >
+        <Button size="sm" variant="outline" :disabled="pingStatus === 'running'" @click="runOnce">
           单次测试
         </Button>
         <Button
@@ -223,23 +200,21 @@ async function doScreenshot() {
         <span class="font-mono tabular-nums">{{ elapsedDisplay }}</span>
         <span class="text-muted-foreground/40 select-none">|</span>
         <span class="text-muted-foreground">进度</span>
-        <span class="font-mono tabular-nums">
-          {{ probesDone }} / {{ totalPings }}
-        </span>
+        <span class="font-mono tabular-nums"> {{ probesDone }} / {{ totalPings }} </span>
         <div class="flex items-center gap-1.5">
-          <div class="w-24 h-1.5 rounded-full bg-muted overflow-hidden">
+          <div class="bg-muted h-1.5 w-24 overflow-hidden rounded-full">
             <div
-              class="h-full rounded-full bg-primary transition-all duration-300"
+              class="bg-primary h-full rounded-full transition-all duration-300"
               :style="{ width: progressPercent + '%' }"
             />
           </div>
-          <span class="text-muted-foreground tabular-nums w-8 text-right"
+          <span class="text-muted-foreground w-8 text-right tabular-nums"
             >{{ progressPercent }}%</span
           >
         </div>
       </template>
 
-      <div class="flex items-center gap-2 ml-auto">
+      <div class="ml-auto flex items-center gap-2">
         <label
           v-for="m in [
             { key: 'map', label: '地图' },
@@ -247,7 +222,7 @@ async function doScreenshot() {
             { key: 'table', label: '表格' },
           ]"
           :key="m.key"
-          class="flex items-center gap-1 text-muted-foreground cursor-pointer select-none"
+          class="text-muted-foreground flex cursor-pointer items-center gap-1 select-none"
         >
           <input
             type="checkbox"
@@ -269,11 +244,7 @@ async function doScreenshot() {
 
     <!-- 地图 + 直方图 -->
     <div class="flex gap-4">
-      <div
-        ref="mapWrapRef"
-        class="shrink-0 border rounded-lg bg-card p-2"
-        style="width: 450px"
-      >
+      <div ref="mapWrapRef" class="bg-card shrink-0 rounded-lg border p-2" style="width: 450px">
         <PingChinaMapNative
           :results="results"
           :isp-filter="ispFilter"
@@ -283,11 +254,7 @@ async function doScreenshot() {
       </div>
 
       <!-- 直方图 -->
-      <div
-        ref="histRef"
-        class="flex-1 min-w-0 border rounded-lg bg-card p-2"
-        style="height: 416px"
-      >
+      <div ref="histRef" class="bg-card min-w-0 flex-1 rounded-lg border p-2" style="height: 416px">
         <PingHistogram :results="results" />
       </div>
     </div>
diff --git a/src/components/ping/usePingTask.ts b/src/components/ping/usePingTask.ts
index 4e302799..e1d74feb 100644
--- a/src/components/ping/usePingTask.ts
+++ b/src/components/ping/usePingTask.ts
@@ -101,13 +101,9 @@ export function usePingTask(uuid: string, url: string, token: string) {
     });
   }
 
-  async function createTask(
-    host: string,
-    testType: "ping" | "tcp_ping",
-  ): Promise<number | null> {
+  async function createTask(host: string, testType: "ping" | "tcp_ping"): Promise<number | null> {
     try {
-      const task_type =
-        testType === "tcp_ping" ? { tcp_ping: `${host}:80` } : { ping: host };
+      const task_type = testType === "tcp_ping" ? { tcp_ping: `${host}:80` } : { ping: host };
       const params: Record<string, unknown> = {
         token,
         target_uuid: uuid,
@@ -160,14 +156,10 @@ export function usePingTask(uuid: string, url: string, token: string) {
 
     const history = result.latencyHistory;
     result.latency = latency;
-    result.avg = history.length
-      ? history.reduce((a, b) => a + b, 0) / history.length
-      : null;
+    result.avg = history.length ? history.reduce((a, b) => a + b, 0) / history.length : null;
     result.fastest = history.length ? Math.min(...history) : null;
     result.slowest = history.length ? Math.max(...history) : null;
-    result.loss = Math.round(
-      ((result.sent - history.length) / result.sent) * 100,
-    );
+    result.loss = Math.round(((result.sent - history.length) / result.sent) * 100);
     result.status = "success";
 
     if (history.length >= 2) {
@@ -279,10 +271,7 @@ export function usePingTask(uuid: string, url: string, token: string) {
     stop();
     stopped = false;
 
-    const nodes =
-      ispFilter === "all"
-        ? PING_NODES
-        : PING_NODES.filter((n) => n.isp === ispFilter);
+    const nodes = ispFilter === "all" ? PING_NODES : PING_NODES.filter((n) => n.isp === ispFilter);
     initResults(nodes);
     probesDone.value = 0;
     pingStatus.value = "running";
@@ -305,13 +294,7 @@ export function usePingTask(uuid: string, url: string, token: string) {
               while (!stopped) {
                 const index = nodeQueue.shift();
                 if (index === undefined) break;
-                await runSingleProbe(
-                  index,
-                  nodes,
-                  testType,
-                  delayBeforeQueryMs,
-                  probe === 0,
-                );
+                await runSingleProbe(index, nodes, testType, delayBeforeQueryMs, probe === 0);
               }
             })(),
           ),
@@ -328,13 +311,7 @@ export function usePingTask(uuid: string, url: string, token: string) {
       const queue = Array.from({ length: nodes.length }, (_, i) => i);
       await Promise.allSettled(
         Array.from({ length: Math.min(concurrency, nodes.length) }, (_, i) =>
-          worker(
-            queue,
-            nodes,
-            testType,
-            delayBeforeQueryMs,
-            i * WORKER_START_INTERVAL_MS,
-          ),
+          worker(queue, nodes, testType, delayBeforeQueryMs, i * WORKER_START_INTERVAL_MS),
         ),
       );
       if (!stopped) pingStatus.value = "done";
diff --git a/src/components/rpc-debug-panel/RpcDebugPanel.vue b/src/components/rpc-debug-panel/RpcDebugPanel.vue
index 64bc85b5..cc8f288e 100644
--- a/src/components/rpc-debug-panel/RpcDebugPanel.vue
+++ b/src/components/rpc-debug-panel/RpcDebugPanel.vue
@@ -49,19 +49,17 @@ function handleComposerSourceOpen(recordId: string) {
 </script>
 
 <template>
-  <Card
-    class="h-full max-h-full gap-0 overflow-hidden rounded-lg bg-background py-0"
-  >
+  <Card class="bg-background h-full max-h-full gap-0 overflow-hidden rounded-lg py-0">
     <Tabs v-model="activeTab" class="flex min-h-0 flex-1 flex-col gap-0">
       <header
         class="flex min-h-12 flex-none items-center justify-between gap-3 border-b px-4 py-1.5"
       >
-        <TabsList class="h-8 shrink-0 rounded-md bg-muted/60 p-0.5">
+        <TabsList class="bg-muted/60 h-8 shrink-0 rounded-md p-0.5">
           <TabsTrigger
             v-for="tab in rpcDebugTabs"
             :key="tab.key"
             :value="tab.key"
-            class="h-7 flex-none px-2.5 text-xs text-muted-foreground data-[state=active]:bg-primary data-[state=active]:text-primary-foreground data-[state=active]:shadow-none"
+            class="text-muted-foreground data-[state=active]:bg-primary data-[state=active]:text-primary-foreground h-7 flex-none px-2.5 text-xs data-[state=active]:shadow-none"
           >
             {{ tab.label }}
           </TabsTrigger>
@@ -69,40 +67,26 @@ function handleComposerSourceOpen(recordId: string) {
 
         <div class="flex min-w-0 flex-none flex-col items-end gap-0.5">
           <div class="flex min-w-0 items-center gap-1.5">
-            <div class="shrink-0 text-sm leading-none font-semibold">
-              NodeGet RPC 调试
-            </div>
+            <div class="shrink-0 text-sm leading-none font-semibold">NodeGet RPC 调试</div>
             <Badge
-              :variant="
-                debugStore.activeConnectionCount.value > 0
-                  ? 'default'
-                  : 'destructive'
-              "
+              :variant="debugStore.activeConnectionCount.value > 0 ? 'default' : 'destructive'"
               class="h-5 rounded-md px-2 text-[11px] leading-none"
             >
               WS
               {{ debugStore.activeConnectionCount.value > 0 ? "就绪" : "断开" }}
             </Badge>
-            <Badge
-              variant="secondary"
-              class="h-5 rounded-md px-2 text-[11px] leading-none"
-            >
+            <Badge variant="secondary" class="h-5 rounded-md px-2 text-[11px] leading-none">
               {{ latencyLabel }}
             </Badge>
           </div>
-          <span
-            class="max-w-md truncate text-[11px] leading-none text-muted-foreground"
-          >
+          <span class="text-muted-foreground max-w-md truncate text-[11px] leading-none">
             {{ connectionLabel }}
           </span>
         </div>
       </header>
 
       <CardContent class="inset-0 flex min-h-0 flex-auto overflow-hidden p-0">
-        <TabsContent
-          :value="activeTab"
-          class="m-0 h-full w-full overflow-hidden p-0"
-        >
+        <TabsContent :value="activeTab" class="m-0 h-full w-full overflow-hidden p-0">
           <!-- 配合 KeepAlive 缓存内部切换的各个业务子组件 -->
           <KeepAlive>
             <RpcNetworkView
diff --git a/src/components/rpc-debug-panel/RpcDebugPanelDialog.vue b/src/components/rpc-debug-panel/RpcDebugPanelDialog.vue
index 82b7540c..9c1f16f8 100644
--- a/src/components/rpc-debug-panel/RpcDebugPanelDialog.vue
+++ b/src/components/rpc-debug-panel/RpcDebugPanelDialog.vue
@@ -1,13 +1,6 @@
 <script setup lang="ts">
 import { useDraggable } from "@vueuse/core";
-import {
-  computed,
-  nextTick,
-  onBeforeUnmount,
-  onMounted,
-  ref,
-  watch,
-} from "vue";
+import { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from "vue";
 import {
   Dialog,
   DialogContent,
@@ -84,10 +77,7 @@ function toggleOpen() {
   open.value = !open.value;
 }
 
-function handleFloatingButtonDragStart(
-  _position: { x: number; y: number },
-  event: PointerEvent,
-) {
+function handleFloatingButtonDragStart(_position: { x: number; y: number }, event: PointerEvent) {
   if (!enabled.value) return false;
   if (event.pointerType === "mouse" && event.button !== 0) return false;
 
@@ -96,10 +86,7 @@ function handleFloatingButtonDragStart(
   dragMoved = false;
 }
 
-function handleFloatingButtonDragMove(
-  position: { x: number; y: number },
-  event: PointerEvent,
-) {
+function handleFloatingButtonDragMove(position: { x: number; y: number }, event: PointerEvent) {
   if (dragStartPoint) {
     const deltaX = event.clientX - dragStartPoint.x;
     const deltaY = event.clientY - dragStartPoint.y;
@@ -199,7 +186,7 @@ function suppressClickTemporarily() {
     v-show="!open"
     ref="buttonRef"
     type="button"
-    class="fixed z-60 inline-flex h-11 touch-none items-center gap-2 rounded-full border bg-background/95 px-4 text-sm font-medium shadow-lg backdrop-blur transition select-none hover:bg-muted focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none"
+    class="bg-background/95 hover:bg-muted focus-visible:ring-ring fixed z-60 inline-flex h-11 touch-none items-center gap-2 rounded-full border px-4 text-sm font-medium shadow-lg backdrop-blur transition select-none focus-visible:ring-2 focus-visible:outline-none"
     :class="isDragging ? 'cursor-grabbing' : 'cursor-grab'"
     :style="floatingButtonStyle"
     :aria-expanded="open"
@@ -207,10 +194,7 @@ function suppressClickTemporarily() {
     title="RPC 调试面板"
     @click="handleFloatingButtonClick"
   >
-    <span
-      class="h-2.5 w-2.5 rounded-full"
-      :class="open ? 'bg-emerald-500' : 'bg-primary'"
-    />
+    <span class="h-2.5 w-2.5 rounded-full" :class="open ? 'bg-emerald-500' : 'bg-primary'" />
     RPC
   </button>
 
@@ -220,18 +204,14 @@ function suppressClickTemporarily() {
       class="flex h-[calc(100vh-3rem)] max-h-[calc(100vh-3rem)] w-[calc(100vw-3rem)] max-w-[calc(100vw-3rem)] flex-col gap-3 overflow-hidden p-3 sm:max-w-[calc(100vw-3rem)] md:h-[calc(100vh-4rem)] md:max-h-[calc(100vh-4rem)] md:w-[calc(100vw-4rem)] md:max-w-[calc(100vw-4rem)] md:p-4"
       :show-close-button="false"
     >
-      <DialogHeader
-        class="flex flex-none flex-row items-center justify-between gap-3 space-y-0"
-      >
+      <DialogHeader class="flex flex-none flex-row items-center justify-between gap-3 space-y-0">
         <div class="min-w-0">
           <DialogTitle class="text-sm">RPC 调试面板</DialogTitle>
-          <DialogDescription class="text-xs">
-            点击遮罩或按 Esc 关闭
-          </DialogDescription>
+          <DialogDescription class="text-xs"> 点击遮罩或按 Esc 关闭 </DialogDescription>
         </div>
         <Button
           variant="destructive"
-          class="inline-flex h-8 items-center rounded-md border px-3 text-sm transition hover:bg-muted"
+          class="hover:bg-muted inline-flex h-8 items-center rounded-md border px-3 text-sm transition"
           @click="open = false"
         >
           关闭
diff --git a/src/components/rpc-debug-panel/components/RpcAuthView.vue b/src/components/rpc-debug-panel/components/RpcAuthView.vue
index 38c4ecab..06734f18 100644
--- a/src/components/rpc-debug-panel/components/RpcAuthView.vue
+++ b/src/components/rpc-debug-panel/components/RpcAuthView.vue
@@ -102,17 +102,15 @@ const permissionColumns = computed<ColumnDef<PermissionRule>[]>(() => [
 
 <template>
   <div class="h-full p-6">
-    <div
-      class="mb-6 flex items-center justify-between rounded-lg border bg-muted/25 px-5 py-4"
-    >
+    <div class="bg-muted/25 mb-6 flex items-center justify-between rounded-lg border px-5 py-4">
       <div>
         <h2 class="font-semibold">鉴权来源</h2>
-        <p class="mt-1 text-sm text-muted-foreground">
+        <p class="text-muted-foreground mt-1 text-sm">
           调试面板直接读取项目中已保存的后端凭据，不额外维护 Token。
         </p>
       </div>
       <button
-        class="inline-flex h-10 items-center justify-center gap-2 rounded-md border border-border bg-background px-3 text-sm font-medium transition-colors hover:bg-muted disabled:pointer-events-none disabled:opacity-50"
+        class="border-border bg-background hover:bg-muted inline-flex h-10 items-center justify-center gap-2 rounded-md border px-3 text-sm font-medium transition-colors disabled:pointer-events-none disabled:opacity-50"
         type="button"
         @click="refreshPermission"
       >
@@ -124,9 +122,7 @@ const permissionColumns = computed<ColumnDef<PermissionRule>[]>(() => [
     <div class="grid gap-6 lg:grid-cols-[520px_minmax(0,1fr)]">
       <section class="rounded-lg border p-5">
         <h2 class="font-semibold">可用调试凭据</h2>
-        <p class="mt-1 text-sm text-muted-foreground">
-          来自 useBackendStore.backends
-        </p>
+        <p class="text-muted-foreground mt-1 text-sm">来自 useBackendStore.backends</p>
         <RpcDebugDataTable
           class="mt-4"
           :columns="backendColumns"
@@ -148,9 +144,7 @@ const permissionColumns = computed<ColumnDef<PermissionRule>[]>(() => [
             </span>
           </div>
           <div class="mt-4 grid gap-2 text-sm">
-            <div>
-              Token Key：{{ permissionStore.tokenInfo?.token_key ?? "-" }}
-            </div>
+            <div>Token Key：{{ permissionStore.tokenInfo?.token_key ?? "-" }}</div>
             <div>用户名：{{ permissionStore.tokenInfo?.username ?? "-" }}</div>
             <div>权限数量：{{ permissionStore.rules.length }}</div>
             <div>状态：{{ permissionStore.status }}</div>
@@ -159,9 +153,8 @@ const permissionColumns = computed<ColumnDef<PermissionRule>[]>(() => [
 
         <div class="rounded-lg border p-5">
           <h2 class="font-semibold">当前 Token 权限明细</h2>
-          <p class="mt-1 text-sm text-muted-foreground">
-            SuperToken 专用方法不作为普通权限行展示；这里展示 token_limit
-            可枚举权限。
+          <p class="text-muted-foreground mt-1 text-sm">
+            SuperToken 专用方法不作为普通权限行展示；这里展示 token_limit 可枚举权限。
           </p>
           <RpcDebugDataTable
             class="mt-4"
diff --git a/src/components/rpc-debug-panel/components/RpcComposerView.vue b/src/components/rpc-debug-panel/components/RpcComposerView.vue
index aca43570..42a208ed 100644
--- a/src/components/rpc-debug-panel/components/RpcComposerView.vue
+++ b/src/components/rpc-debug-panel/components/RpcComposerView.vue
@@ -24,17 +24,8 @@ import {
 import { Textarea } from "@/components/ui/textarea";
 import { useBackendStore } from "@/composables/useBackendStore";
 import { getWsConnection } from "@/composables/useWsConnection";
-import {
-  maskToken,
-  type RpcDebugRecord,
-  useRpcDebugStore,
-} from "../rpcDebugStore";
-import {
-  backendKey,
-  methodCatalog,
-  methodHints,
-  rpcDebugCommandFilter,
-} from "../helpers";
+import { maskToken, type RpcDebugRecord, useRpcDebugStore } from "../rpcDebugStore";
+import { backendKey, methodCatalog, methodHints, rpcDebugCommandFilter } from "../helpers";
 import { buildRpcMethodParams } from "../rpcMethodCatalog";
 import type { ComposerDraft } from "../types";
 import { ScrollArea } from "@/components/ui/scroll-area";
@@ -62,9 +53,7 @@ const composerSource = ref<ComposerSourceRecord | null>(null);
 
 const backendOptions = computed(() => backendStore.backends.value);
 const currentBackendKey = computed(() =>
-  backendStore.currentBackend.value
-    ? backendKey(backendStore.currentBackend.value)
-    : "",
+  backendStore.currentBackend.value ? backendKey(backendStore.currentBackend.value) : "",
 );
 
 const composer = reactive<ComposerDraft>({
@@ -94,9 +83,7 @@ const sourceRecordLinkText = computed(() =>
   sourceRecordIndex.value ? `#${sourceRecordIndex.value}` : "#?",
 );
 
-const responseMethodTag = computed(
-  () => composer.responseMethod || composer.method.trim() || "-",
-);
+const responseMethodTag = computed(() => composer.responseMethod || composer.method.trim() || "-");
 
 watch(
   currentBackendKey,
@@ -114,8 +101,7 @@ watch(
       record.request && typeof record.request === "object"
         ? (record.request as { method?: unknown; params?: unknown })
         : null;
-    composer.method =
-      typeof req?.method === "string" ? req.method : record.method;
+    composer.method = typeof req?.method === "string" ? req.method : record.method;
     composer.requestId = "";
     composer.paramsText = formatRawComposerPayload(req?.params ?? {});
     composer.responseText = "尚未发送请求";
@@ -174,16 +160,13 @@ function handleMethodFocusOut(event: FocusEvent) {
 }
 
 function handleBackendSelectionChange(value: unknown) {
-  composer.backendKey =
-    typeof value === "string" && value !== NO_BACKEND_VALUE ? value : "";
+  composer.backendKey = typeof value === "string" && value !== NO_BACKEND_VALUE ? value : "";
   fillDefaultParams();
 }
 
 function formatRawComposerPayload(value: unknown) {
   if (typeof value === "string") return JSON.stringify(value);
-  return (
-    JSON.stringify(value, null, debugStore.settings.formatJson ? 2 : 0) ?? ""
-  );
+  return JSON.stringify(value, null, debugStore.settings.formatJson ? 2 : 0) ?? "";
 }
 
 function fillDefaultParams() {
@@ -231,15 +214,10 @@ async function sendComposerRequest() {
     composer.responseText =
       typeof result === "string"
         ? result
-        : JSON.stringify(
-            result ?? null,
-            null,
-            debugStore.settings.formatJson ? 2 : 0,
-          );
+        : JSON.stringify(result ?? null, null, debugStore.settings.formatJson ? 2 : 0);
   } catch (error) {
     composer.responseMeta = "错误";
-    composer.responseText =
-      error instanceof Error ? error.message : String(error);
+    composer.responseText = error instanceof Error ? error.message : String(error);
   } finally {
     composer.sending = false;
   }
@@ -250,12 +228,8 @@ async function sendComposerRequest() {
   <div
     class="grid h-full grid-rows-[minmax(0,1fr)_minmax(0,1fr)] gap-3 overflow-hidden p-4 lg:grid-cols-[minmax(360px,480px)_minmax(0,1fr)] lg:grid-rows-none"
   >
-    <section
-      class="flex min-h-0 flex-col overflow-hidden rounded-md border bg-background"
-    >
-      <div
-        class="flex min-h-10 flex-none items-center justify-between gap-3 border-b px-3 py-1.5"
-      >
+    <section class="bg-background flex min-h-0 flex-col overflow-hidden rounded-md border">
+      <div class="flex min-h-10 flex-none items-center justify-between gap-3 border-b px-3 py-1.5">
         <div class="min-w-0 flex-1">
           <div class="flex min-w-0 flex-wrap items-center gap-1.5">
             <h2 class="shrink-0 text-sm font-semibold">构造请求</h2>
@@ -269,14 +243,14 @@ async function sendComposerRequest() {
             <Badge
               v-else
               variant="outline"
-              class="h-5 rounded px-1.5 text-[10px] text-muted-foreground"
+              class="text-muted-foreground h-5 rounded px-1.5 text-[10px]"
             >
               手动
             </Badge>
           </div>
           <div
             v-if="composerSource"
-            class="mt-1 flex min-w-0 flex-wrap items-center gap-1 text-xs leading-none text-muted-foreground"
+            class="text-muted-foreground mt-1 flex min-w-0 flex-wrap items-center gap-1 text-xs leading-none"
           >
             <span class="shrink-0">记录</span>
             <Button
@@ -288,9 +262,7 @@ async function sendComposerRequest() {
               {{ sourceRecordLinkText }}
             </Button>
             <span class="shrink-0">带入</span>
-            <span
-              class="min-w-0 truncate font-mono text-[11px] text-foreground"
-            >
+            <span class="text-foreground min-w-0 truncate font-mono text-[11px]">
               {{ composerSource.method }}
             </span>
           </div>
@@ -312,11 +284,11 @@ async function sendComposerRequest() {
       <ScrollArea class="min-h-0 flex-1">
         <div class="space-y-3 p-3">
           <div class="relative grid gap-1.5">
-            <Label class="text-xs text-muted-foreground">方法</Label>
+            <Label class="text-muted-foreground text-xs">方法</Label>
             <Command
               :filter="rpcDebugCommandFilter"
               :highlight-on-hover="true"
-              class="relative h-9 overflow-visible rounded-md border bg-background shadow-none **:data-[slot=command-input]:h-8 **:data-[slot=command-input]:py-1 **:data-[slot=command-input]:text-xs **:data-[slot=command-input-wrapper]:h-9 **:data-[slot=command-input-wrapper]:border-b-0 **:data-[slot=command-input-wrapper]:px-2.5"
+              class="bg-background relative h-9 overflow-visible rounded-md border shadow-none **:data-[slot=command-input]:h-8 **:data-[slot=command-input]:py-1 **:data-[slot=command-input]:text-xs **:data-[slot=command-input-wrapper]:h-9 **:data-[slot=command-input-wrapper]:border-b-0 **:data-[slot=command-input-wrapper]:px-2.5"
               @focusout="handleMethodFocusOut"
             >
               <CommandInput
@@ -329,7 +301,7 @@ async function sendComposerRequest() {
               />
               <CommandList
                 v-if="methodFocused"
-                class="absolute top-full left-0 z-50 mt-1 max-h-64 w-full rounded-md border bg-popover shadow-md"
+                class="bg-popover absolute top-full left-0 z-50 mt-1 max-h-64 w-full rounded-md border shadow-md"
                 @mousedown.prevent
               >
                 <CommandEmpty class="py-3 text-xs"> 暂无匹配方法 </CommandEmpty>
@@ -345,9 +317,7 @@ async function sendComposerRequest() {
                     <span class="min-w-0 truncate font-mono text-xs">
                       {{ method }}
                     </span>
-                    <span
-                      class="max-w-24 shrink-0 truncate text-xs text-muted-foreground"
-                    >
+                    <span class="text-muted-foreground max-w-24 shrink-0 truncate text-xs">
                       {{ methodHints[method] ?? "RPC" }}
                     </span>
                   </CommandItem>
@@ -358,7 +328,7 @@ async function sendComposerRequest() {
 
           <div class="grid gap-2 sm:grid-cols-2">
             <div class="grid gap-1.5">
-              <Label class="text-xs text-muted-foreground">请求 ID</Label>
+              <Label class="text-muted-foreground text-xs">请求 ID</Label>
               <Input
                 v-model="composer.requestId"
                 class="h-8 px-2.5 font-mono text-xs"
@@ -367,7 +337,7 @@ async function sendComposerRequest() {
               />
             </div>
             <div class="grid gap-1.5">
-              <Label class="text-xs text-muted-foreground">鉴权来源</Label>
+              <Label class="text-muted-foreground text-xs">鉴权来源</Label>
               <Select
                 :model-value="composer.backendKey || NO_BACKEND_VALUE"
                 @update:model-value="handleBackendSelectionChange"
@@ -390,7 +360,7 @@ async function sendComposerRequest() {
           </div>
 
           <div class="grid gap-1.5">
-            <Label class="text-xs text-muted-foreground">参数 JSON</Label>
+            <Label class="text-muted-foreground text-xs">参数 JSON</Label>
             <Textarea
               v-model="composer.paramsText"
               class="min-h-40 resize-y px-2.5 py-2 font-mono text-xs leading-relaxed"
@@ -434,26 +404,19 @@ async function sendComposerRequest() {
       </ScrollArea>
     </section>
 
-    <section
-      class="flex min-h-0 flex-col overflow-hidden rounded-md border bg-background"
-    >
-      <div
-        class="flex min-h-10 flex-none items-center justify-between gap-3 border-b px-3 py-1.5"
-      >
+    <section class="bg-background flex min-h-0 flex-col overflow-hidden rounded-md border">
+      <div class="flex min-h-10 flex-none items-center justify-between gap-3 border-b px-3 py-1.5">
         <div class="min-w-0 flex-1">
           <div class="flex min-w-0 items-center gap-1.5">
             <h2 class="shrink-0 text-sm font-semibold">响应结果</h2>
-            <Badge
-              variant="outline"
-              class="h-5 max-w-full min-w-0 rounded px-1.5 text-[10px]"
-            >
+            <Badge variant="outline" class="h-5 max-w-full min-w-0 rounded px-1.5 text-[10px]">
               <span class="font-medium">method:</span>
               <span class="min-w-0 truncate font-mono">
                 {{ responseMethodTag }}
               </span>
             </Badge>
           </div>
-          <p class="mt-1 truncate text-xs leading-none text-muted-foreground">
+          <p class="text-muted-foreground mt-1 truncate text-xs leading-none">
             {{ composer.responseMeta }}
           </p>
         </div>
diff --git a/src/components/rpc-debug-panel/components/RpcDebugDataTable.vue b/src/components/rpc-debug-panel/components/RpcDebugDataTable.vue
index db49cec8..fa01ef9b 100644
--- a/src/components/rpc-debug-panel/components/RpcDebugDataTable.vue
+++ b/src/components/rpc-debug-panel/components/RpcDebugDataTable.vue
@@ -1,15 +1,6 @@
-<script
-  setup
-  lang="ts"
-  generic="TData extends Record<string, unknown> | object"
->
+<script setup lang="ts" generic="TData extends Record<string, unknown> | object">
 import { computed } from "vue";
-import {
-  FlexRender,
-  getCoreRowModel,
-  useVueTable,
-  type ColumnDef,
-} from "@tanstack/vue-table";
+import { FlexRender, getCoreRowModel, useVueTable, type ColumnDef } from "@tanstack/vue-table";
 import {
   Table,
   TableBody,
@@ -47,9 +38,7 @@ const table = useVueTable({
   getCoreRowModel: getCoreRowModel(),
 });
 
-const columnCount = computed(
-  () => table.getAllLeafColumns().length || props.columns.length || 1,
-);
+const columnCount = computed(() => table.getAllLeafColumns().length || props.columns.length || 1);
 
 function metaClass(meta: unknown, key: "headerClass" | "cellClass") {
   if (!meta || typeof meta !== "object") return "";
@@ -61,16 +50,13 @@ function metaClass(meta: unknown, key: "headerClass" | "cellClass") {
   <div :class="cn('rounded-md border', props.class)">
     <ScrollArea class="h-full w-full">
       <Table table-container-class="overflow-visible">
-        <TableHeader class="sticky top-0 bg-muted/60">
-          <TableRow
-            v-for="headerGroup in table.getHeaderGroups()"
-            :key="headerGroup.id"
-          >
+        <TableHeader class="bg-muted/60 sticky top-0">
+          <TableRow v-for="headerGroup in table.getHeaderGroups()" :key="headerGroup.id">
             <TableHead
               v-for="header in headerGroup.headers"
               :key="header.id"
               :class="[
-                'h-9 bg-muted/60 px-3 text-xs font-medium text-muted-foreground',
+                'bg-muted/60 text-muted-foreground h-9 px-3 text-xs font-medium',
                 metaClass(header.column.columnDef.meta, 'headerClass'),
               ]"
               :style="{ width: `${header.getSize()}px` }"
@@ -87,24 +73,15 @@ function metaClass(meta: unknown, key: "headerClass" | "cellClass") {
           <TableRow
             v-for="(row, index) in table.getRowModel().rows"
             :key="rowKey ? rowKey(row.original, index) : row.id"
-            :class="[
-              onRowClick ? 'cursor-pointer' : '',
-              rowClass?.(row.original),
-            ]"
+            :class="[onRowClick ? 'cursor-pointer' : '', rowClass?.(row.original)]"
             @click="onRowClick?.(row.original)"
           >
             <TableCell
               v-for="cell in row.getVisibleCells()"
               :key="cell.id"
-              :class="[
-                'h-10 px-3',
-                metaClass(cell.column.columnDef.meta, 'cellClass'),
-              ]"
+              :class="['h-10 px-3', metaClass(cell.column.columnDef.meta, 'cellClass')]"
             >
-              <FlexRender
-                :render="cell.column.columnDef.cell"
-                :props="cell.getContext()"
-              />
+              <FlexRender :render="cell.column.columnDef.cell" :props="cell.getContext()" />
             </TableCell>
           </TableRow>
           <TableEmpty
diff --git a/src/components/rpc-debug-panel/components/RpcNetworkDrawer.vue b/src/components/rpc-debug-panel/components/RpcNetworkDrawer.vue
index ddbd90ab..24dd37a3 100644
--- a/src/components/rpc-debug-panel/components/RpcNetworkDrawer.vue
+++ b/src/components/rpc-debug-panel/components/RpcNetworkDrawer.vue
@@ -8,12 +8,7 @@ import { statusText } from "../helpers";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";
 import { cn } from "@/lib/utils";
 
 type DetailTabKey = "headers" | "payload" | "response";
@@ -64,17 +59,13 @@ const responseText = computed(() => {
   return formatDebugPayload(record.response, record.method);
 });
 
-const effectiveDrawerWidth = computed(() =>
-  clampDrawerWidth(drawerWidth.value),
-);
+const effectiveDrawerWidth = computed(() => clampDrawerWidth(drawerWidth.value));
 
 const drawerStyle = computed(() => ({
   width: `${effectiveDrawerWidth.value}px`,
 }));
 
-const showActionText = computed(
-  () => effectiveDrawerWidth.value >= ACTION_TEXT_DRAWER_WIDTH,
-);
+const showActionText = computed(() => effectiveDrawerWidth.value >= ACTION_TEXT_DRAWER_WIDTH);
 
 const statusBadgeVariant = computed(() => {
   const record = props.record;
@@ -129,9 +120,7 @@ function formatTimestamp(timestamp?: number) {
 }
 
 function headerText() {
-  return headerRows.value
-    .map((row) => `${row.label}: ${String(row.value)}`)
-    .join("\n");
+  return headerRows.value.map((row) => `${row.label}: ${String(row.value)}`).join("\n");
 }
 
 function activeTabCopyText() {
@@ -169,10 +158,7 @@ function editRecord() {
 }
 
 function maxDrawerWidth() {
-  return Math.min(
-    MAX_DRAWER_WIDTH,
-    Math.max(MIN_DRAWER_WIDTH, windowWidth.value - 48),
-  );
+  return Math.min(MAX_DRAWER_WIDTH, Math.max(MIN_DRAWER_WIDTH, windowWidth.value - 48));
 }
 
 function clampDrawerWidth(width: number) {
@@ -213,7 +199,7 @@ useEventListener("keydown", handleDrawerEscapeKeydown, { capture: true });
     v-show="open"
     :class="
       cn(
-        'absolute top-0 right-0 bottom-0 flex max-w-full flex-col border-l bg-background shadow-xl',
+        'bg-background absolute top-0 right-0 bottom-0 flex max-w-full flex-col border-l shadow-xl',
         props.class,
       )
     "
@@ -227,7 +213,7 @@ useEventListener("keydown", handleDrawerEscapeKeydown, { capture: true });
       <div
         :class="
           cn(
-            'mx-auto h-full w-px bg-border transition-colors group-hover:bg-primary/60 group-focus-visible:bg-primary',
+            'bg-border group-hover:bg-primary/60 group-focus-visible:bg-primary mx-auto h-full w-px transition-colors',
             isResizingDrawer && 'bg-primary',
           )
         "
@@ -240,10 +226,7 @@ useEventListener("keydown", handleDrawerEscapeKeydown, { capture: true });
           <div class="min-w-0 space-y-1">
             <div class="flex min-w-0 flex-wrap items-center gap-1.5">
               <h2 class="shrink-0 text-sm font-semibold">消息详情</h2>
-              <Badge
-                :variant="statusBadgeVariant"
-                class="h-5 rounded px-1.5 text-[10px]"
-              >
+              <Badge :variant="statusBadgeVariant" class="h-5 rounded px-1.5 text-[10px]">
                 {{ statusText(record) }}
               </Badge>
               <Badge variant="outline" class="h-5 rounded px-1.5 text-[10px]">
@@ -253,25 +236,18 @@ useEventListener("keydown", handleDrawerEscapeKeydown, { capture: true });
                 {{ record.direction }}
               </Badge>
             </div>
-            <p class="max-w-full truncate text-xs text-muted-foreground">
+            <p class="text-muted-foreground max-w-full truncate text-xs">
               {{ record.method }}
             </p>
           </div>
-          <Button
-            variant="ghost"
-            size="icon-sm"
-            class="shrink-0"
-            @click="emit('close')"
-          >
+          <Button variant="ghost" size="icon-sm" class="shrink-0" @click="emit('close')">
             <X class="size-4" />
           </Button>
         </div>
       </div>
 
       <Tabs v-model="activeDetailTab" class="flex min-h-0 flex-1 flex-col">
-        <div
-          class="flex h-10 shrink-0 items-center justify-between border-b px-4"
-        >
+        <div class="flex h-10 shrink-0 items-center justify-between border-b px-4">
           <TabsList class="h-8 rounded-md p-0.5">
             <TabsTrigger
               v-for="tab in detailTabs"
@@ -334,12 +310,7 @@ useEventListener("keydown", handleDrawerEscapeKeydown, { capture: true });
 
               <Tooltip>
                 <TooltipTrigger as-child>
-                  <Button
-                    aria-label="编辑"
-                    variant="ghost"
-                    size="icon-sm"
-                    @click="editRecord"
-                  >
+                  <Button aria-label="编辑" variant="ghost" size="icon-sm" @click="editRecord">
                     <Pencil class="size-3.5" />
                   </Button>
                 </TooltipTrigger>
@@ -377,20 +348,18 @@ useEventListener("keydown", handleDrawerEscapeKeydown, { capture: true });
           </TabsContent>
 
           <TabsContent value="payload" class="m-0 h-full min-h-0">
-            <div class="overflow-hidden rounded-md border bg-muted/35">
-              <pre
-                class="min-h-full overflow-auto p-3 text-xs leading-relaxed"
-                >{{ requestText || "无发送内容" }}</pre
-              >
+            <div class="bg-muted/35 overflow-hidden rounded-md border">
+              <pre class="min-h-full overflow-auto p-3 text-xs leading-relaxed">{{
+                requestText || "无发送内容"
+              }}</pre>
             </div>
           </TabsContent>
 
           <TabsContent value="response" class="m-0 h-full min-h-0">
-            <div class="overflow-hidden rounded-md border bg-muted/35">
-              <pre
-                class="min-h-full overflow-auto p-3 text-xs leading-relaxed"
-                >{{ responseText || "等待响应" }}</pre
-              >
+            <div class="bg-muted/35 overflow-hidden rounded-md border">
+              <pre class="min-h-full overflow-auto p-3 text-xs leading-relaxed">{{
+                responseText || "等待响应"
+              }}</pre>
             </div>
           </TabsContent>
         </div>
@@ -399,7 +368,7 @@ useEventListener("keydown", handleDrawerEscapeKeydown, { capture: true });
 
     <div
       v-else
-      class="flex h-full items-center justify-center px-6 text-center text-sm text-muted-foreground"
+      class="text-muted-foreground flex h-full items-center justify-center px-6 text-center text-sm"
     >
       暂无选中记录
     </div>
diff --git a/src/components/rpc-debug-panel/components/RpcNetworkView.vue b/src/components/rpc-debug-panel/components/RpcNetworkView.vue
index 69df63b7..e9fd96a1 100644
--- a/src/components/rpc-debug-panel/components/RpcNetworkView.vue
+++ b/src/components/rpc-debug-panel/components/RpcNetworkView.vue
@@ -41,9 +41,7 @@ const emit = defineEmits<{
 const debugStore = useRpcDebugStore();
 const networkFilter = ref("");
 const networkFilterDraft = ref("");
-const networkFilterSuggestionSnapshot = shallowRef<NetworkFilterSuggestion[]>(
-  [],
-);
+const networkFilterSuggestionSnapshot = shallowRef<NetworkFilterSuggestion[]>([]);
 const networkFilterSuggestionsOpen = ref(false);
 const statusFilter = ref("all");
 const kindFilter = ref("all");
@@ -62,21 +60,14 @@ interface NetworkFilterSuggestion {
   label: string;
 }
 
-const NETWORK_FILTER_SUGGESTION_LABELS: Record<
-  NetworkFilterSuggestionType,
-  string
-> = {
+const NETWORK_FILTER_SUGGESTION_LABELS: Record<NetworkFilterSuggestionType, string> = {
   method: "方法",
   id: "ID",
   keyword: "关键词",
 };
 
 const networkFilterSuggestionGroups = computed(() =>
-  (
-    Object.keys(
-      NETWORK_FILTER_SUGGESTION_LABELS,
-    ) as NetworkFilterSuggestionType[]
-  )
+  (Object.keys(NETWORK_FILTER_SUGGESTION_LABELS) as NetworkFilterSuggestionType[])
     .map((type) => ({
       type,
       heading: NETWORK_FILTER_SUGGESTION_LABELS[type],
@@ -112,14 +103,9 @@ const filteredRecords = computed(() => {
       record.url,
     ];
     const matchesText =
-      !q ||
-      searchableValues.some((value) =>
-        rpcDebugCommandFilter(String(value ?? ""), q),
-      );
-    const matchesStatus =
-      statusFilter.value === "all" || record.status === statusFilter.value;
-    const matchesKind =
-      kindFilter.value === "all" || record.kind === kindFilter.value;
+      !q || searchableValues.some((value) => rpcDebugCommandFilter(String(value ?? ""), q));
+    const matchesStatus = statusFilter.value === "all" || record.status === statusFilter.value;
+    const matchesKind = kindFilter.value === "all" || record.kind === kindFilter.value;
     return matchesText && matchesStatus && matchesKind;
   });
 });
@@ -209,8 +195,7 @@ const networkColumns = computed<ColumnDef<RpcDebugRecord>[]>(() => [
     id: "id",
     header: "ID / 订阅",
     size: 132,
-    cell: ({ row }) =>
-      String(row.original.id ?? row.original.subscription ?? "-"),
+    cell: ({ row }) => String(row.original.id ?? row.original.subscription ?? "-"),
     meta: { cellClass: "max-w-[132px] truncate text-muted-foreground" },
   },
   {
@@ -237,8 +222,7 @@ const networkColumns = computed<ColumnDef<RpcDebugRecord>[]>(() => [
     id: "duration",
     header: "耗时",
     size: 84,
-    cell: ({ row }) =>
-      row.original.durationMs != null ? `${row.original.durationMs}ms` : "-",
+    cell: ({ row }) => (row.original.durationMs != null ? `${row.original.durationMs}ms` : "-"),
     meta: { cellClass: "text-muted-foreground" },
   },
 ]);
@@ -252,10 +236,7 @@ function closeDrawer() {
 }
 
 function exportRecords() {
-  downloadText(
-    `nodeget-rpc-debug-${Date.now()}.json`,
-    debugStore.exportRecords(),
-  );
+  downloadText(`nodeget-rpc-debug-${Date.now()}.json`, debugStore.exportRecords());
 }
 
 function relayCopy(text: string, message?: string) {
@@ -266,15 +247,13 @@ function relayCopy(text: string, message?: string) {
 <template>
   <div class="relative flex h-full flex-col overflow-hidden p-4">
     <!-- 控制区 -->
-    <div
-      class="mb-3 flex flex-none flex-wrap items-center justify-between gap-2"
-    >
+    <div class="mb-3 flex flex-none flex-wrap items-center justify-between gap-2">
       <div class="flex min-w-0 flex-1 flex-wrap items-center gap-2">
         <div class="relative min-w-55 flex-1 sm:max-w-[320px]">
           <Command
             :filter="rpcDebugCommandFilter"
             :highlight-on-hover="true"
-            class="relative h-9 w-full overflow-visible rounded-md border bg-background shadow-none **:data-[slot=command-input]:h-8 **:data-[slot=command-input]:py-1 **:data-[slot=command-input]:text-xs **:data-[slot=command-input-wrapper]:h-9 **:data-[slot=command-input-wrapper]:border-b-0 **:data-[slot=command-input-wrapper]:px-2.5"
+            class="bg-background relative h-9 w-full overflow-visible rounded-md border shadow-none **:data-[slot=command-input]:h-8 **:data-[slot=command-input]:py-1 **:data-[slot=command-input]:text-xs **:data-[slot=command-input-wrapper]:h-9 **:data-[slot=command-input-wrapper]:border-b-0 **:data-[slot=command-input-wrapper]:px-2.5"
             @focusout="handleNetworkFilterFocusOut"
           >
             <CommandInput
@@ -288,7 +267,7 @@ function relayCopy(text: string, message?: string) {
             />
             <CommandList
               v-if="networkFilterSuggestionsOpen"
-              class="absolute top-full left-0 z-50 mt-1 max-h-64 w-full rounded-md border bg-popover shadow-md"
+              class="bg-popover absolute top-full left-0 z-50 mt-1 max-h-64 w-full rounded-md border shadow-md"
               @mousedown.prevent
             >
               <CommandEmpty class="py-3 text-xs"> 暂无匹配候选 </CommandEmpty>
@@ -305,10 +284,7 @@ function relayCopy(text: string, message?: string) {
                   class="gap-2 text-xs"
                   @select="applyNetworkFilterSuggestion(suggestion.value)"
                 >
-                  <Badge
-                    variant="outline"
-                    class="h-5 shrink-0 rounded px-1.5 text-[10px]"
-                  >
+                  <Badge variant="outline" class="h-5 shrink-0 rounded px-1.5 text-[10px]">
                     {{ suggestion.label }}
                   </Badge>
                   <span class="min-w-0 truncate font-mono">
@@ -320,10 +296,7 @@ function relayCopy(text: string, message?: string) {
           </Command>
         </div>
         <Select v-model="statusFilter">
-          <SelectTrigger
-            size="sm"
-            class="h-8 w-28 bg-background px-2.5 text-xs"
-          >
+          <SelectTrigger size="sm" class="bg-background h-8 w-28 px-2.5 text-xs">
             <SelectValue />
           </SelectTrigger>
           <SelectContent>
@@ -335,10 +308,7 @@ function relayCopy(text: string, message?: string) {
           </SelectContent>
         </Select>
         <Select v-model="kindFilter">
-          <SelectTrigger
-            size="sm"
-            class="h-8 w-28 bg-background px-2.5 text-xs"
-          >
+          <SelectTrigger size="sm" class="bg-background h-8 w-28 px-2.5 text-xs">
             <SelectValue />
           </SelectTrigger>
           <SelectContent>
@@ -394,10 +364,7 @@ function relayCopy(text: string, message?: string) {
         :data="filteredRecords"
         empty-text="暂无捕获记录。打开本页后新建的 WebSocket 请求会自动进入列表。"
         :row-key="(record) => record.recordId"
-        :row-class="
-          (record) =>
-            selectedRecord?.recordId === record.recordId ? 'bg-muted/60' : ''
-        "
+        :row-class="(record) => (selectedRecord?.recordId === record.recordId ? 'bg-muted/60' : '')"
         :on-row-click="selectRecord"
       />
       <RpcNetworkDrawer
diff --git a/src/components/rpc-debug-panel/components/RpcSettingsView.vue b/src/components/rpc-debug-panel/components/RpcSettingsView.vue
index 109002eb..89112a83 100644
--- a/src/components/rpc-debug-panel/components/RpcSettingsView.vue
+++ b/src/components/rpc-debug-panel/components/RpcSettingsView.vue
@@ -6,10 +6,7 @@ import { downloadText } from "../helpers";
 const debugStore = useRpcDebugStore();
 
 function exportRecords() {
-  downloadText(
-    `nodeget-rpc-debug-${Date.now()}.json`,
-    debugStore.exportRecords(),
-  );
+  downloadText(`nodeget-rpc-debug-${Date.now()}.json`, debugStore.exportRecords());
 }
 </script>
 
@@ -20,13 +17,11 @@ function exportRecords() {
         <label class="flex min-h-16 items-center justify-between gap-6 py-4">
           <span>
             <span class="block font-medium">最大保留消息数</span>
-            <span class="text-sm text-muted-foreground"
-              >超过后自动丢弃最旧记录</span
-            >
+            <span class="text-muted-foreground text-sm">超过后自动丢弃最旧记录</span>
           </span>
           <input
             v-model.number="debugStore.settings.maxRecords"
-            class="h-10 rounded-md border border-border bg-background px-3 text-sm outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 w-28"
+            class="border-border bg-background focus-visible:border-ring focus-visible:ring-ring/50 h-10 w-28 rounded-md border px-3 text-sm outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50"
             type="number"
             min="50"
           />
@@ -34,22 +29,16 @@ function exportRecords() {
         <label class="flex min-h-16 items-center justify-between gap-6 py-4">
           <span>
             <span class="block font-medium">Token 脱敏</span>
-            <span class="text-sm text-muted-foreground"
+            <span class="text-muted-foreground text-sm"
               >展示和导出时隐藏 token/password/secret 字段</span
             >
           </span>
-          <input
-            v-model="debugStore.settings.maskTokens"
-            type="checkbox"
-            class="size-4"
-          />
+          <input v-model="debugStore.settings.maskTokens" type="checkbox" class="size-4" />
         </label>
         <label class="flex min-h-16 items-center justify-between gap-6 py-4">
           <span>
             <span class="block font-medium">捕获订阅推送</span>
-            <span class="text-sm text-muted-foreground"
-              >记录无 id 的 JSON-RPC notification</span
-            >
+            <span class="text-muted-foreground text-sm">记录无 id 的 JSON-RPC notification</span>
           </span>
           <input
             v-model="debugStore.settings.captureNotifications"
@@ -60,33 +49,23 @@ function exportRecords() {
         <label class="flex min-h-16 items-center justify-between gap-6 py-4">
           <span>
             <span class="block font-medium">捕获原始 WS 帧</span>
-            <span class="text-sm text-muted-foreground"
+            <span class="text-muted-foreground text-sm"
               >终端等非 JSON-RPC 帧可能较多，默认关闭</span
             >
           </span>
-          <input
-            v-model="debugStore.settings.captureRawFrames"
-            type="checkbox"
-            class="size-4"
-          />
+          <input v-model="debugStore.settings.captureRawFrames" type="checkbox" class="size-4" />
         </label>
         <label class="flex min-h-16 items-center justify-between gap-6 py-4">
           <span>
             <span class="block font-medium">格式化 JSON</span>
-            <span class="text-sm text-muted-foreground"
-              >详情、导出和响应区使用缩进展示</span
-            >
+            <span class="text-muted-foreground text-sm">详情、导出和响应区使用缩进展示</span>
           </span>
-          <input
-            v-model="debugStore.settings.formatJson"
-            type="checkbox"
-            class="size-4"
-          />
+          <input v-model="debugStore.settings.formatJson" type="checkbox" class="size-4" />
         </label>
       </div>
       <div class="mt-6 flex gap-2">
         <button
-          class="inline-flex h-10 items-center justify-center gap-2 rounded-md border border-border bg-background px-3 text-sm font-medium transition-colors hover:bg-muted disabled:pointer-events-none disabled:opacity-50"
+          class="border-border bg-background hover:bg-muted inline-flex h-10 items-center justify-center gap-2 rounded-md border px-3 text-sm font-medium transition-colors disabled:pointer-events-none disabled:opacity-50"
           type="button"
           @click="exportRecords"
         >
@@ -94,7 +73,7 @@ function exportRecords() {
           导出会话
         </button>
         <button
-          class="inline-flex h-10 items-center justify-center gap-2 rounded-md border border-border bg-background px-3 text-sm font-medium transition-colors hover:bg-muted disabled:pointer-events-none disabled:opacity-50"
+          class="border-border bg-background hover:bg-muted inline-flex h-10 items-center justify-center gap-2 rounded-md border px-3 text-sm font-medium transition-colors disabled:pointer-events-none disabled:opacity-50"
           type="button"
           @click="debugStore.clear"
         >
diff --git a/src/components/rpc-debug-panel/components/RpcStreamsView.vue b/src/components/rpc-debug-panel/components/RpcStreamsView.vue
index 9d2c550a..80f25467 100644
--- a/src/components/rpc-debug-panel/components/RpcStreamsView.vue
+++ b/src/components/rpc-debug-panel/components/RpcStreamsView.vue
@@ -26,9 +26,7 @@ const statusLabels: Record<LogStatus, string> = {
   error: "订阅失败",
 };
 
-const subscriptionLabel = computed(
-  () => logsPanel.subscriptionId.value || "暂无订阅",
-);
+const subscriptionLabel = computed(() => logsPanel.subscriptionId.value || "暂无订阅");
 
 watch(selectedLevel, async (level) => {
   if (logsPanel.defaultLevel.value === level) return;
@@ -88,28 +86,20 @@ const logColumns = computed<ColumnDef<LogEntry>[]>(() => [
     <section class="mb-6 rounded-lg border p-5">
       <div class="grid gap-4 lg:grid-cols-[260px_360px_1fr]">
         <label class="grid gap-1.5">
-          <span class="text-xs font-medium text-muted-foreground"
-            >日志级别</span
-          >
+          <span class="text-muted-foreground text-xs font-medium">日志级别</span>
           <select
             v-model="selectedLevel"
-            class="h-10 rounded-md border border-border bg-background px-3 text-sm outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50"
+            class="border-border bg-background focus-visible:border-ring focus-visible:ring-ring/50 h-10 rounded-md border px-3 text-sm outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50"
           >
-            <option
-              v-for="level in LOG_LEVEL_OPTIONS"
-              :key="level"
-              :value="level"
-            >
+            <option v-for="level in LOG_LEVEL_OPTIONS" :key="level" :value="level">
               {{ level }}
             </option>
           </select>
         </label>
         <label class="grid gap-1.5">
-          <span class="text-xs font-medium text-muted-foreground"
-            >当前 SuperToken</span
-          >
+          <span class="text-muted-foreground text-xs font-medium">当前 SuperToken</span>
           <input
-            class="h-10 rounded-md border border-border bg-background px-3 text-sm outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50"
+            class="border-border bg-background focus-visible:border-ring focus-visible:ring-ring/50 h-10 rounded-md border px-3 text-sm outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50"
             :value="
               currentBackend
                 ? `${currentBackend.name} / ${maskToken(currentBackend.token)}`
@@ -120,7 +110,7 @@ const logColumns = computed<ColumnDef<LogEntry>[]>(() => [
         </label>
         <div class="flex flex-wrap items-end gap-2">
           <button
-            class="inline-flex h-10 items-center justify-center gap-2 rounded-md bg-primary px-4 text-sm font-medium text-primary-foreground transition-opacity disabled:pointer-events-none disabled:opacity-50"
+            class="bg-primary text-primary-foreground inline-flex h-10 items-center justify-center gap-2 rounded-md px-4 text-sm font-medium transition-opacity disabled:pointer-events-none disabled:opacity-50"
             type="button"
             :disabled="logsPanel.isBusy.value"
             @click="startSubscription"
@@ -128,7 +118,7 @@ const logColumns = computed<ColumnDef<LogEntry>[]>(() => [
             开始订阅
           </button>
           <button
-            class="inline-flex h-10 items-center justify-center gap-2 rounded-md border border-border bg-background px-3 text-sm font-medium transition-colors hover:bg-muted disabled:pointer-events-none disabled:opacity-50"
+            class="border-border bg-background hover:bg-muted inline-flex h-10 items-center justify-center gap-2 rounded-md border px-3 text-sm font-medium transition-colors disabled:pointer-events-none disabled:opacity-50"
             type="button"
             :disabled="logsPanel.isBusy.value"
             @click="stopSubscription"
@@ -136,13 +126,13 @@ const logColumns = computed<ColumnDef<LogEntry>[]>(() => [
             取消订阅
           </button>
           <span
-            class="inline-flex h-9 items-center rounded-md bg-muted px-3 text-sm text-muted-foreground"
+            class="bg-muted text-muted-foreground inline-flex h-9 items-center rounded-md px-3 text-sm"
           >
             {{ statusLabels[logsPanel.status.value] }}
           </span>
         </div>
       </div>
-      <p v-if="logsPanel.error.value" class="mt-3 text-sm text-destructive">
+      <p v-if="logsPanel.error.value" class="text-destructive mt-3 text-sm">
         {{ logsPanel.error.value }}
       </p>
     </section>
@@ -151,8 +141,8 @@ const logColumns = computed<ColumnDef<LogEntry>[]>(() => [
       <section class="rounded-lg border p-5">
         <h2 class="font-semibold">订阅列表</h2>
         <div class="mt-4 rounded-md border p-3">
-          <div class="break-all font-mono text-xs">{{ subscriptionLabel }}</div>
-          <div class="mt-2 text-xs text-muted-foreground">
+          <div class="font-mono text-xs break-all">{{ subscriptionLabel }}</div>
+          <div class="text-muted-foreground mt-2 text-xs">
             log_filter: {{ logsPanel.defaultLevel.value }}
           </div>
         </div>
diff --git a/src/components/rpc-debug-panel/rpcDebugStore.ts b/src/components/rpc-debug-panel/rpcDebugStore.ts
index fe969c20..a951cdc7 100644
--- a/src/components/rpc-debug-panel/rpcDebugStore.ts
+++ b/src/components/rpc-debug-panel/rpcDebugStore.ts
@@ -1,23 +1,9 @@
 import { computed, reactive, ref } from "vue";
-import {
-  addRpcDebugWebSocketListener,
-  type RpcDebugWebSocketEvent,
-} from "./websocketPatch";
-
-export type RpcDebugRecordKind =
-  | "call"
-  | "subscription"
-  | "notification"
-  | "batch"
-  | "raw";
-
-export type RpcDebugRecordStatus =
-  | "pending"
-  | "success"
-  | "error"
-  | "streaming"
-  | "closed"
-  | "raw";
+import { addRpcDebugWebSocketListener, type RpcDebugWebSocketEvent } from "./websocketPatch";
+
+export type RpcDebugRecordKind = "call" | "subscription" | "notification" | "batch" | "raw";
+
+export type RpcDebugRecordStatus = "pending" | "success" | "error" | "streaming" | "closed" | "raw";
 
 export interface RpcDebugRecord {
   recordId: string;
@@ -93,9 +79,7 @@ const sensitiveKeys = new Set([
 ]);
 
 function methodTokenInFirstArrayParam(method: string) {
-  return /^(agent_|task_|kv_|crontab_|js-|js_|token_|nodeget-server_)/.test(
-    method,
-  );
+  return /^(agent_|task_|kv_|crontab_|js-|js_|token_|nodeget-server_)/.test(method);
 }
 
 function now() {
@@ -131,9 +115,7 @@ export function maskDebugValue(value: unknown, method = ""): unknown {
   if (!settings.maskTokens) return value;
   if (Array.isArray(value)) {
     return value.map((item, index) =>
-      index === 0 &&
-      typeof item === "string" &&
-      methodTokenInFirstArrayParam(method)
+      index === 0 && typeof item === "string" && methodTokenInFirstArrayParam(method)
         ? maskToken(item)
         : maskDebugValue(item, method),
     );
@@ -183,13 +165,8 @@ function updateRecord(recordId: string, patch: Partial<RpcDebugRecord>) {
   Object.assign(record, patch);
 }
 
-function recordOutgoingRpc(
-  connectionId: number,
-  url: string,
-  msg: JsonRpcLike,
-) {
-  const method =
-    typeof msg.method === "string" ? msg.method : "JSON-RPC Request";
+function recordOutgoingRpc(connectionId: number, url: string, msg: JsonRpcLike) {
+  const method = typeof msg.method === "string" ? msg.method : "JSON-RPC Request";
   const id = msg.id == null ? undefined : String(msg.id);
   const recordId = makeRecordId();
   const isSubscription = method.includes("stream_");
@@ -210,14 +187,9 @@ function recordOutgoingRpc(
   if (id != null) pendingByRpcId.set(pendingKey(connectionId, id), recordId);
 }
 
-function recordIncomingRpc(
-  connectionId: number,
-  url: string,
-  msg: JsonRpcLike,
-) {
+function recordIncomingRpc(connectionId: number, url: string, msg: JsonRpcLike) {
   const id = msg.id == null ? undefined : String(msg.id);
-  const method =
-    typeof msg.method === "string" ? msg.method : "JSON-RPC Response";
+  const method = typeof msg.method === "string" ? msg.method : "JSON-RPC Response";
 
   if (id != null) {
     const key = pendingKey(connectionId, id);
@@ -241,18 +213,13 @@ function recordIncomingRpc(
   if (typeof msg.method === "string" && msg.id == null) {
     if (!settings.captureNotifications) return;
     const params =
-      msg.params && typeof msg.params === "object"
-        ? (msg.params as Record<string, unknown>)
-        : {};
+      msg.params && typeof msg.params === "object" ? (msg.params as Record<string, unknown>) : {};
     appendRecord({
       recordId: makeRecordId(),
       connectionId,
       url,
       method,
-      subscription:
-        typeof params.subscription === "string"
-          ? params.subscription
-          : undefined,
+      subscription: typeof params.subscription === "string" ? params.subscription : undefined,
       kind: "notification",
       status: "success",
       startedAt: now(),
diff --git a/src/components/rpc-debug-panel/rpcMethodCatalog.ts b/src/components/rpc-debug-panel/rpcMethodCatalog.ts
index 9828f1f9..1e235a39 100644
--- a/src/components/rpc-debug-panel/rpcMethodCatalog.ts
+++ b/src/components/rpc-debug-panel/rpcMethodCatalog.ts
@@ -108,10 +108,7 @@ export const rpcMethodTemplates: RpcMethodTemplate[] = [
       static_monitoring_data: {
         uuid: "e8583352-39e8-5a5b-b66c-e450689088fd",
         time: 1769341269012,
-        data_hash: [
-          171, 205, 18, 52, 86, 120, 144, 171, 205, 239, 1, 35, 69, 103, 137,
-          171,
-        ],
+        data_hash: [171, 205, 18, 52, 86, 120, 144, 171, 205, 239, 1, 35, 69, 103, 137, 171],
         cpu: {
           physical_cores: 16,
           logical_cores: 32,
@@ -271,10 +268,7 @@ export const rpcMethodTemplates: RpcMethodTemplate[] = [
     hint: "Token",
     params: {
       token: tokenPlaceholder,
-      uuids: [
-        "e8583352-39e8-5a5b-b66c-e450689088fd",
-        "830cec66-8fc9-5c21-9e2d-2da2b2f2d3b3",
-      ],
+      uuids: ["e8583352-39e8-5a5b-b66c-e450689088fd", "830cec66-8fc9-5c21-9e2d-2da2b2f2d3b3"],
       fields: ["cpu", "system"],
     },
   },
@@ -531,10 +525,7 @@ export const rpcMethodTemplates: RpcMethodTemplate[] = [
       name: "ping_task",
       cron_expression: "0 * * * * *",
       cron_type: {
-        agent: [
-          ["00000000-0000-0000-0000-000000000001"],
-          { task: { ping: "www.example.com" } },
-        ],
+        agent: [["00000000-0000-0000-0000-000000000001"], { task: { ping: "www.example.com" } }],
       },
     },
   },
@@ -677,11 +668,7 @@ export const rpcMethodTemplates: RpcMethodTemplate[] = [
     params: {
       token: tokenPlaceholder,
       query: {
-        condition: [
-          { js_worker_name: "demo_worker" },
-          "is_failure",
-          { limit: 50 },
-        ],
+        condition: [{ js_worker_name: "demo_worker" }, "is_failure", { limit: 50 }],
       },
     },
   },
@@ -802,8 +789,7 @@ export const rpcMethodTemplates: RpcMethodTemplate[] = [
       token: tokenPlaceholder,
       name: "my-site",
       path: "/index.html",
-      base64:
-        "PCFET0NUWVBFIGh0bWw+PGh0bWw+PGJvZHk+SGVsbG88L2JvZHk+PC9odG1sPg==",
+      base64: "PCFET0NUWVBFIGh0bWw+PGh0bWw+PGJvZHk+SGVsbG88L2JvZHk+PC9odG1sPg==",
     },
   },
   {
@@ -840,10 +826,7 @@ export const rpcMethodTemplates: RpcMethodTemplate[] = [
 export const methodCatalog = rpcMethodTemplates.map((item) => item.method);
 
 export const methodHints: Record<string, string> = Object.fromEntries(
-  rpcMethodTemplates.map((item) => [
-    item.method,
-    `${item.module} / ${item.hint}`,
-  ]),
+  rpcMethodTemplates.map((item) => [item.method, `${item.module} / ${item.hint}`]),
 );
 
 export function getRpcMethodTemplate(method: string) {
@@ -864,9 +847,6 @@ function replaceTokenPlaceholder(value: unknown, token: string): unknown {
   if (!value || typeof value !== "object") return value;
 
   return Object.fromEntries(
-    Object.entries(value).map(([key, item]) => [
-      key,
-      replaceTokenPlaceholder(item, token),
-    ]),
+    Object.entries(value).map(([key, item]) => [key, replaceTokenPlaceholder(item, token)]),
   );
 }
diff --git a/src/components/rpc-debug-panel/types.ts b/src/components/rpc-debug-panel/types.ts
index 88790217..af569767 100644
--- a/src/components/rpc-debug-panel/types.ts
+++ b/src/components/rpc-debug-panel/types.ts
@@ -1,9 +1,4 @@
-export type RpcDebugTabKey =
-  | "network"
-  | "composer"
-  | "subscription"
-  | "auth"
-  | "settings";
+export type RpcDebugTabKey = "network" | "composer" | "subscription" | "auth" | "settings";
 
 export interface RpcDebugTab {
   key: RpcDebugTabKey;
diff --git a/src/components/rpc-debug-panel/websocketPatch.ts b/src/components/rpc-debug-panel/websocketPatch.ts
index b6bf3b05..971fd68e 100644
--- a/src/components/rpc-debug-panel/websocketPatch.ts
+++ b/src/components/rpc-debug-panel/websocketPatch.ts
@@ -36,10 +36,7 @@ interface RpcDebugTrackedWebSocketConnection {
 }
 
 const listeners = new Set<RpcDebugWebSocketListener>();
-const trackedConnections = new Map<
-  number,
-  RpcDebugTrackedWebSocketConnection
->();
+const trackedConnections = new Map<number, RpcDebugTrackedWebSocketConnection>();
 
 let nativeWebSocket: NativeWebSocketCtor | null = null;
 let installed = false;
@@ -52,9 +49,7 @@ function emit(event: RpcDebugWebSocketEvent) {
   listeners.forEach((listener) => listener(event));
 }
 
-export function addRpcDebugWebSocketListener(
-  listener: RpcDebugWebSocketListener,
-) {
+export function addRpcDebugWebSocketListener(listener: RpcDebugWebSocketListener) {
   listeners.add(listener);
   if (captureEnabled) replayTrackedConnections(listener);
   return () => {
@@ -88,9 +83,7 @@ function replayTrackedConnections(listener: RpcDebugWebSocketListener) {
   }
 }
 
-function createTrackedConnectionReplayEvents(
-  connection: RpcDebugTrackedWebSocketConnection,
-) {
+function createTrackedConnectionReplayEvents(connection: RpcDebugTrackedWebSocketConnection) {
   const events: RpcDebugWebSocketEvent[] = [
     {
       type: "connection",
diff --git a/src/components/script/ScriptFormDialog.vue b/src/components/script/ScriptFormDialog.vue
index 8ebf6e9a..be120060 100644
--- a/src/components/script/ScriptFormDialog.vue
+++ b/src/components/script/ScriptFormDialog.vue
@@ -102,9 +102,7 @@ watch(
     <DialogContent class="flex max-h-[85vh] flex-col sm:max-w-md">
       <DialogHeader>
         <DialogTitle>
-          {{
-            script ? t("dashboard.scripts.edit") : t("dashboard.scripts.create")
-          }}
+          {{ script ? t("dashboard.scripts.edit") : t("dashboard.scripts.create") }}
         </DialogTitle>
         <DialogDescription>
           {{ t("dashboard.scripts.desc") }}
@@ -118,7 +116,7 @@ watch(
             :placeholder="t('dashboard.scripts.name')"
             :disabled="!!script || saving"
           />
-          <p v-if="errors.name" class="text-xs text-destructive">
+          <p v-if="errors.name" class="text-destructive text-xs">
             {{ errors.name }}
           </p>
         </div>
@@ -141,18 +139,15 @@ watch(
             :placeholder="t('dashboard.scripts.content')"
             :disabled="saving"
           />
-          <p v-if="errors.content" class="text-xs text-destructive">
+          <p v-if="errors.content" class="text-destructive text-xs">
             {{ errors.content }}
           </p>
         </div>
       </div>
       <DialogFooter>
-        <Button
-          variant="outline"
-          :disabled="saving"
-          @click="emit('update:open', false)"
-          >{{ t("dashboard.scripts.cancel") }}</Button
-        >
+        <Button variant="outline" :disabled="saving" @click="emit('update:open', false)">{{
+          t("dashboard.scripts.cancel")
+        }}</Button>
         <Button :disabled="saving" @click="handleSave">
           <Loader2 v-if="saving" class="mr-2 h-4 w-4 animate-spin" />
           {{ saving ? t("dashboard.saving") : t("dashboard.save") }}
diff --git a/src/components/script/ScriptTable.vue b/src/components/script/ScriptTable.vue
index a3f865b6..67adafa4 100644
--- a/src/components/script/ScriptTable.vue
+++ b/src/components/script/ScriptTable.vue
@@ -57,16 +57,12 @@ const updateOrderIfChanged = () => {
       // 拖到最前
       if (index === 0) {
         const second = tables.value[1];
-        newOrder =
-          second?.order !== undefined ? second.order - 1 : script.order - 1;
+        newOrder = second?.order !== undefined ? second.order - 1 : script.order - 1;
       }
       // 拖到最后
       else if (index === tables.value.length - 1) {
         const penultimate = tables.value[tables.value.length - 2];
-        newOrder =
-          penultimate?.order !== undefined
-            ? penultimate.order + 1
-            : script.order + 1;
+        newOrder = penultimate?.order !== undefined ? penultimate.order + 1 : script.order + 1;
       }
       // 拖到中间
       else {
@@ -123,44 +119,31 @@ watch(
   <div class="relative w-full">
     <div
       v-if="loading && scripts.length"
-      class="absolute inset-0 z-10 bg-background/40 backdrop-blur-[1px] flex flex-col items-center justify-center rounded-md"
+      class="bg-background/40 absolute inset-0 z-10 flex flex-col items-center justify-center rounded-md backdrop-blur-[1px]"
     >
-      <Loader2 class="h-8 w-8 animate-spin text-muted-foreground" />
+      <Loader2 class="text-muted-foreground h-8 w-8 animate-spin" />
     </div>
     <Table>
       <TableHeader>
         <TableRow>
-          <TableHead class="text-center">{{
-            $t("dashboard.scripts.order")
-          }}</TableHead>
-          <TableHead class="text-center">{{
-            $t("dashboard.scripts.name")
-          }}</TableHead>
-          <TableHead class="text-center">{{
-            $t("dashboard.scripts.lang")
-          }}</TableHead>
-          <TableHead class="text-center">{{
-            $t("dashboard.scripts.updatedTime")
-          }}</TableHead>
+          <TableHead class="text-center">{{ $t("dashboard.scripts.order") }}</TableHead>
+          <TableHead class="text-center">{{ $t("dashboard.scripts.name") }}</TableHead>
+          <TableHead class="text-center">{{ $t("dashboard.scripts.lang") }}</TableHead>
+          <TableHead class="text-center">{{ $t("dashboard.scripts.updatedTime") }}</TableHead>
           <TableHead>{{ $t("dashboard.scripts.actions") }}</TableHead>
         </TableRow>
       </TableHeader>
       <TableBody>
         <TableRow v-if="loading && !tables.length">
-          <TableCell colspan="7" class="h-32 text-center text-muted-foreground">
+          <TableCell colspan="7" class="text-muted-foreground h-32 text-center">
             <div class="flex flex-col items-center justify-center space-y-3">
-              <Loader2 class="w-6 h-6 animate-spin text-muted-foreground/50" />
-              <span class="text-sm font-medium">{{
-                $t("common.loading")
-              }}</span>
+              <Loader2 class="text-muted-foreground/50 h-6 w-6 animate-spin" />
+              <span class="text-sm font-medium">{{ $t("common.loading") }}</span>
             </div>
           </TableCell>
         </TableRow>
         <TableRow v-else-if="!tables.length">
-          <TableCell
-            colspan="7"
-            class="text-center text-muted-foreground py-12"
-          >
+          <TableCell colspan="7" class="text-muted-foreground py-12 text-center">
             {{ $t("dashboard.cron.empty") }}
           </TableCell>
         </TableRow>
@@ -175,19 +158,17 @@ watch(
         >
           <TableCell class="text-center">
             <div class="flex items-center justify-center">
-              <GripVertical class="h-4 w-4 mr-1" v-show="sortable" />
+              <GripVertical class="mr-1 h-4 w-4" v-show="sortable" />
               <span>{{ index + 1 }}</span>
             </div>
           </TableCell>
-          <TableCell class="font-medium text-center">
+          <TableCell class="text-center font-medium">
             {{ script.name }}
           </TableCell>
-          <TableCell class="font-medium text-center">
+          <TableCell class="text-center font-medium">
             <Badge variant="secondary">{{ script.lang }}</Badge>
           </TableCell>
-          <TableCell class="text-center">{{
-            formatTime(script.updated_at)
-          }}</TableCell>
+          <TableCell class="text-center">{{ formatTime(script.updated_at) }}</TableCell>
           <TableCell>
             <Button
               variant="ghost"
@@ -198,9 +179,7 @@ watch(
               <Pencil class="h-4 w-4" />
             </Button>
             <PopConfirm
-              :description="
-                $t('dashboard.scripts.deleteConfirm', { name: script.name })
-              "
+              :description="$t('dashboard.scripts.deleteConfirm', { name: script.name })"
               :loading="isDeleting(script.name)"
               @confirm="emit('delete', script.name)"
             >
@@ -208,7 +187,7 @@ watch(
                 size="icon"
                 variant="ghost"
                 :disabled="isDeleting(script.name)"
-                class="h-7 w-7 text-destructive hover:text-destructive"
+                class="text-destructive hover:text-destructive h-7 w-7"
               >
                 <Trash2 class="h-3.5 w-3.5" />
               </Button>
diff --git a/src/components/servers-detail/DatabaseStorageTab.vue b/src/components/servers-detail/DatabaseStorageTab.vue
index 93623992..88bb945d 100644
--- a/src/components/servers-detail/DatabaseStorageTab.vue
+++ b/src/components/servers-detail/DatabaseStorageTab.vue
@@ -134,70 +134,54 @@ watch(() => [rows.value, themeStore.isDark], renderChart);
 <template>
   <div class="space-y-4">
     <div class="flex items-center justify-between">
-      <div class="flex items-center gap-2 text-sm text-muted-foreground">
+      <div class="text-muted-foreground flex items-center gap-2 text-sm">
         <Database class="h-4 w-4" />
         {{ t("dashboard.servers.detail.storageTotal") }}:
-        <span class="font-mono text-foreground">
+        <span class="text-foreground font-mono">
           {{ data ? formatBytes(data.total) : "--" }}
         </span>
       </div>
-      <Button
-        size="sm"
-        variant="outline"
-        :disabled="loading"
-        @click="emit('refresh')"
-      >
+      <Button size="sm" variant="outline" :disabled="loading" @click="emit('refresh')">
         <RefreshCw v-if="!loading" class="h-3.5 w-3.5" />
         <Loader2 v-else class="h-3.5 w-3.5 animate-spin" />
         {{ t("dashboard.servers.detail.storageRefresh") }}
       </Button>
     </div>
 
-    <div class="grid md:grid-cols-2 gap-4">
-      <div ref="chartRef" class="h-[280px] rounded-md border bg-card" />
-      <div class="rounded-md border bg-card overflow-hidden">
+    <div class="grid gap-4 md:grid-cols-2">
+      <div ref="chartRef" class="bg-card h-[280px] rounded-md border" />
+      <div class="bg-card overflow-hidden rounded-md border">
         <Table>
           <TableHeader class="bg-muted/30">
             <TableRow class="hover:bg-transparent">
-              <TableHead>{{
-                t("dashboard.servers.detail.storageTableName")
-              }}</TableHead>
+              <TableHead>{{ t("dashboard.servers.detail.storageTableName") }}</TableHead>
               <TableHead class="text-right">{{
                 t("dashboard.servers.detail.storageSize")
               }}</TableHead>
-              <TableHead class="text-right pr-4">{{
+              <TableHead class="pr-4 text-right">{{
                 t("dashboard.servers.detail.storagePercent")
               }}</TableHead>
             </TableRow>
           </TableHeader>
           <TableBody>
             <TableRow v-if="!rows.length">
-              <TableCell
-                colspan="3"
-                class="h-32 text-center text-sm text-muted-foreground"
-              >
-                <Loader2 v-if="loading" class="h-5 w-5 animate-spin mx-auto" />
-                <span v-else>{{
-                  t("dashboard.servers.detail.storageEmpty")
-                }}</span>
+              <TableCell colspan="3" class="text-muted-foreground h-32 text-center text-sm">
+                <Loader2 v-if="loading" class="mx-auto h-5 w-5 animate-spin" />
+                <span v-else>{{ t("dashboard.servers.detail.storageEmpty") }}</span>
               </TableCell>
             </TableRow>
-            <TableRow
-              v-for="(row, idx) in rows"
-              :key="row.name"
-              class="hover:bg-muted/40"
-            >
+            <TableRow v-for="(row, idx) in rows" :key="row.name" class="hover:bg-muted/40">
               <TableCell class="font-mono text-xs">
                 <span
-                  class="inline-block h-2.5 w-2.5 rounded-sm mr-2 align-middle"
+                  class="mr-2 inline-block h-2.5 w-2.5 rounded-sm align-middle"
                   :style="{ backgroundColor: PALETTE[idx % PALETTE.length] }"
                 />
                 {{ row.name }}
               </TableCell>
-              <TableCell class="font-mono text-xs text-right">
+              <TableCell class="text-right font-mono text-xs">
                 {{ formatBytes(row.size) }}
               </TableCell>
-              <TableCell class="font-mono text-xs text-right pr-4">
+              <TableCell class="pr-4 text-right font-mono text-xs">
                 {{ row.percent.toFixed(1) }}%
               </TableCell>
             </TableRow>
diff --git a/src/components/static-bucket/StaticBucketDialog.vue b/src/components/static-bucket/StaticBucketDialog.vue
index 71ef74aa..0c7e4c0c 100644
--- a/src/components/static-bucket/StaticBucketDialog.vue
+++ b/src/components/static-bucket/StaticBucketDialog.vue
@@ -67,9 +67,7 @@ const handleSave = () => {
 
       <div class="space-y-4 py-2">
         <div class="space-y-1.5">
-          <Label for="sb-name"
-            >名称 <span class="text-destructive">*</span></Label
-          >
+          <Label for="sb-name">名称 <span class="text-destructive">*</span></Label>
           <Input
             id="sb-name"
             v-model="form.name"
@@ -77,32 +75,19 @@ const handleSave = () => {
             :disabled="isEdit"
             class="font-mono"
           />
-          <p v-if="isEdit" class="text-xs text-muted-foreground">
-            名称不可修改
-          </p>
+          <p v-if="isEdit" class="text-muted-foreground text-xs">名称不可修改</p>
         </div>
 
         <div class="space-y-1.5">
-          <Label for="sb-path"
-            >路径 <span class="text-destructive">*</span></Label
-          >
-          <Input
-            id="sb-path"
-            v-model="form.path"
-            placeholder="my-site"
-            class="font-mono"
-          />
-          <p class="text-xs text-muted-foreground">
-            相对磁盘路径，支持 / 嵌套目录
-          </p>
+          <Label for="sb-path">路径 <span class="text-destructive">*</span></Label>
+          <Input id="sb-path" v-model="form.path" placeholder="my-site" class="font-mono" />
+          <p class="text-muted-foreground text-xs">相对磁盘路径，支持 / 嵌套目录</p>
         </div>
 
         <div class="flex items-center justify-between">
           <div>
             <Label>HTTP 根路由</Label>
-            <p class="text-xs text-muted-foreground">
-              将此 Bucket 挂载为 / 根路由
-            </p>
+            <p class="text-muted-foreground text-xs">将此 Bucket 挂载为 / 根路由</p>
           </div>
           <Switch v-model:modelValue="form.is_http_root" />
         </div>
@@ -110,9 +95,7 @@ const handleSave = () => {
         <div class="flex items-center justify-between">
           <div>
             <Label>CORS</Label>
-            <p class="text-xs text-muted-foreground">
-              启用 Access-Control-Allow-Origin: *
-            </p>
+            <p class="text-muted-foreground text-xs">启用 Access-Control-Allow-Origin: *</p>
           </div>
           <Switch v-model:modelValue="form.cors" />
         </div>
@@ -120,24 +103,17 @@ const handleSave = () => {
         <div class="flex items-center justify-between">
           <div>
             <Label>HTTP 访问</Label>
-            <p class="text-xs text-muted-foreground">
-              启用此 Bucket 的 Http 访问
-            </p>
+            <p class="text-muted-foreground text-xs">启用此 Bucket 的 Http 访问</p>
           </div>
           <Switch v-model:modelValue="form.enable" />
         </div>
 
-        <p v-if="error" class="text-sm text-destructive">{{ error }}</p>
+        <p v-if="error" class="text-destructive text-sm">{{ error }}</p>
       </div>
 
       <DialogFooter>
-        <Button variant="outline" @click="emit('update:open', false)"
-          >取消</Button
-        >
-        <Button
-          :disabled="loading || !form.name || !form.path"
-          @click="handleSave"
-        >
+        <Button variant="outline" @click="emit('update:open', false)">取消</Button>
+        <Button :disabled="loading || !form.name || !form.path" @click="handleSave">
           <Loader2 v-if="loading" class="mr-1 h-4 w-4 animate-spin" />
           {{ isEdit ? "保存" : "创建" }}
         </Button>
diff --git a/src/components/static-bucket/StaticBucketFileUploadDialog.vue b/src/components/static-bucket/StaticBucketFileUploadDialog.vue
index c70b9cf6..bcab0bef 100644
--- a/src/components/static-bucket/StaticBucketFileUploadDialog.vue
+++ b/src/components/static-bucket/StaticBucketFileUploadDialog.vue
@@ -69,34 +69,27 @@ const handleUpload = () => {
         <div class="space-y-1.5">
           <Label>选择文件 <span class="text-destructive">*</span></Label>
           <div
-            class="border-2 border-dashed rounded-md p-6 text-center cursor-pointer hover:border-primary/50 transition-colors"
+            class="hover:border-primary/50 cursor-pointer rounded-md border-2 border-dashed p-6 text-center transition-colors"
             @click="fileInput?.click()"
           >
-            <Upload class="h-8 w-8 mx-auto mb-2 text-muted-foreground" />
-            <p class="text-sm text-muted-foreground">
+            <Upload class="text-muted-foreground mx-auto mb-2 h-8 w-8" />
+            <p class="text-muted-foreground text-sm">
               {{ selectedFile ? selectedFile.name : "点击选择文件" }}
             </p>
-            <p v-if="selectedFile" class="text-xs text-muted-foreground mt-1">
+            <p v-if="selectedFile" class="text-muted-foreground mt-1 text-xs">
               {{ (selectedFile.size / 1024).toFixed(1) }} KB
             </p>
           </div>
-          <input
-            ref="fileInput"
-            type="file"
-            class="hidden"
-            @change="onFileChange"
-          />
+          <input ref="fileInput" type="file" class="hidden" @change="onFileChange" />
         </div>
 
-        <p v-if="error" class="text-sm text-destructive">{{ error }}</p>
+        <p v-if="error" class="text-destructive text-sm">{{ error }}</p>
       </div>
 
       <DialogFooter>
-        <Button variant="outline" @click="emit('update:open', false)"
-          >取消</Button
-        >
+        <Button variant="outline" @click="emit('update:open', false)">取消</Button>
         <Button :disabled="loading || !canUpload" @click="handleUpload">
-          <Loader2 v-if="loading" class="h-4 w-4 mr-1 animate-spin" />
+          <Loader2 v-if="loading" class="mr-1 h-4 w-4 animate-spin" />
           上传
         </Button>
       </DialogFooter>
diff --git a/src/components/static-bucket/StaticBucketFileView.vue b/src/components/static-bucket/StaticBucketFileView.vue
index 58accc4e..b1d22fb6 100644
--- a/src/components/static-bucket/StaticBucketFileView.vue
+++ b/src/components/static-bucket/StaticBucketFileView.vue
@@ -9,14 +9,7 @@ import { xml } from "@codemirror/legacy-modes/mode/xml";
 import type { Extension as CMExtension } from "@codemirror/state";
 import { oneDark } from "@codemirror/theme-one-dark";
 import { useThemeStore } from "@/stores/theme";
-import {
-  Upload,
-  Save,
-  Loader2,
-  AlertCircle,
-  ArrowLeft,
-  Archive,
-} from "lucide-vue-next";
+import { Upload, Save, Loader2, AlertCircle, ArrowLeft, Archive } from "lucide-vue-next";
 import { Button } from "@/components/ui/button";
 import type { BucketFile } from "@/composables/useStaticBucketFile";
 import StaticBucketTreeNode from "./StaticBucketTreeNode.vue";
@@ -184,62 +177,54 @@ provide("dragging", isDraggingAny);
 </script>
 
 <template>
-  <div class="h-full flex flex-col space-y-3">
+  <div class="flex h-full flex-col space-y-3">
     <div class="flex items-center gap-2">
       <Button variant="outline" size="sm" @click="emit('back')">
-        <ArrowLeft class="h-4 w-4 mr-1" />
+        <ArrowLeft class="mr-1 h-4 w-4" />
         返回
       </Button>
-      <span class="text-sm text-muted-foreground">
+      <span class="text-muted-foreground text-sm">
         Bucket
-        <span class="font-mono font-medium text-foreground">{{
-          bucketName
-        }}</span>
+        <span class="text-foreground font-mono font-medium">{{ bucketName }}</span>
         · {{ files.length }} 个文件
       </span>
       <div class="flex-1" />
       <Button variant="outline" size="sm" @click="emit('downloadZip')">
-        <Archive class="h-4 w-4 mr-1" />
+        <Archive class="mr-1 h-4 w-4" />
         下载压缩包
       </Button>
       <Button variant="outline" size="sm" @click="emit('uploadDir')">
-        <Upload class="h-4 w-4 mr-1" />
+        <Upload class="mr-1 h-4 w-4" />
         上传本地目录
       </Button>
       <Button size="sm" @click="emit('uploadFile')">
-        <Upload class="h-4 w-4 mr-1" />
+        <Upload class="mr-1 h-4 w-4" />
         上传本地文件
       </Button>
     </div>
 
-    <div class="flex-1 grid grid-cols-3 gap-3 min-h-0">
-      <div class="col-span-1 rounded-lg border p-3 flex flex-col min-h-0">
-        <p class="text-xs font-medium text-muted-foreground mb-2 shrink-0">
-          文件树
-        </p>
+    <div class="grid min-h-0 flex-1 grid-cols-3 gap-3">
+      <div class="col-span-1 flex min-h-0 flex-col rounded-lg border p-3">
+        <p class="text-muted-foreground mb-2 shrink-0 text-xs font-medium">文件树</p>
         <div
           v-if="loading && files.length === 0"
-          class="text-xs text-muted-foreground text-center py-4"
+          class="text-muted-foreground py-4 text-center text-xs"
         >
           加载中...
         </div>
         <div
           v-else-if="!loading && files.length === 0"
-          class="text-xs text-muted-foreground italic text-center py-4"
+          class="text-muted-foreground py-4 text-center text-xs italic"
         >
           暂无文件
         </div>
         <div
           v-else
-          class="flex-1 overflow-y-auto flex flex-col min-h-0"
+          class="flex min-h-0 flex-1 flex-col overflow-y-auto"
           @dragover.prevent
           @drop="handleRootDrop"
         >
-          <TransitionGroup
-            name="tree-item"
-            tag="div"
-            class="flex flex-col gap-0.5 relative"
-          >
+          <TransitionGroup name="tree-item" tag="div" class="relative flex flex-col gap-0.5">
             <StaticBucketTreeNode
               v-for="node in fileTree"
               :key="node.path"
@@ -255,26 +240,18 @@ provide("dragging", isDraggingAny);
         </div>
       </div>
 
-      <div class="col-span-2 rounded-lg border p-3 flex flex-col min-h-0">
-        <div class="flex items-center justify-between mb-2 shrink-0">
-          <p class="text-xs font-medium text-muted-foreground">文件内容</p>
-          <div
-            v-if="selectedPath && !fileLoading && !fileError"
-            class="flex gap-1"
-          >
-            <input
-              ref="fileUploadRef"
-              type="file"
-              class="hidden"
-              @change="handleReplaceFile"
-            />
+      <div class="col-span-2 flex min-h-0 flex-col rounded-lg border p-3">
+        <div class="mb-2 flex shrink-0 items-center justify-between">
+          <p class="text-muted-foreground text-xs font-medium">文件内容</p>
+          <div v-if="selectedPath && !fileLoading && !fileError" class="flex gap-1">
+            <input ref="fileUploadRef" type="file" class="hidden" @change="handleReplaceFile" />
             <Button
               variant="ghost"
               size="sm"
               class="h-6 px-2 text-xs"
               @click="fileUploadRef?.click()"
             >
-              <Upload class="h-3 w-3 mr-1" />上传替换
+              <Upload class="mr-1 h-3 w-3" />上传替换
             </Button>
             <Button
               variant="ghost"
@@ -283,38 +260,32 @@ provide("dragging", isDraggingAny);
               :disabled="!isDirty || savingFile"
               @click="handleSave"
             >
-              <Loader2 v-if="savingFile" class="h-3 w-3 mr-1 animate-spin" />
-              <Save v-else class="h-3 w-3 mr-1" />
+              <Loader2 v-if="savingFile" class="mr-1 h-3 w-3 animate-spin" />
+              <Save v-else class="mr-1 h-3 w-3" />
               保存
             </Button>
           </div>
         </div>
 
-        <div
-          v-if="!selectedPath"
-          class="text-xs text-muted-foreground italic text-center py-8"
-        >
+        <div v-if="!selectedPath" class="text-muted-foreground py-8 text-center text-xs italic">
           点击左侧文件查看内容
         </div>
         <div
           v-else-if="fileUnsupported"
-          class="flex items-center justify-center gap-1 text-xs text-muted-foreground italic py-8"
+          class="text-muted-foreground flex items-center justify-center gap-1 py-8 text-xs italic"
         >
           <AlertCircle class="h-3 w-3" />不支持预览此类型文件
         </div>
         <div
           v-else-if="fileLoading"
-          class="flex items-center gap-2 text-xs text-muted-foreground py-4"
+          class="text-muted-foreground flex items-center gap-2 py-4 text-xs"
         >
           <Loader2 class="h-3 w-3 animate-spin" />加载中...
         </div>
-        <div
-          v-else-if="fileError"
-          class="flex items-center gap-1 text-xs text-destructive py-4"
-        >
+        <div v-else-if="fileError" class="text-destructive flex items-center gap-1 py-4 text-xs">
           <AlertCircle class="h-3 w-3" />{{ fileError }}
         </div>
-        <div v-else class="flex-1 min-h-0 rounded overflow-hidden border">
+        <div v-else class="min-h-0 flex-1 overflow-hidden rounded border">
           <Codemirror v-model="editedContent" :extensions="editorExtensions" />
         </div>
       </div>
diff --git a/src/components/static-bucket/StaticBucketTable.vue b/src/components/static-bucket/StaticBucketTable.vue
index d5f6823f..e961f523 100644
--- a/src/components/static-bucket/StaticBucketTable.vue
+++ b/src/components/static-bucket/StaticBucketTable.vue
@@ -62,12 +62,7 @@ function getPrevieLink(bucket: StaticBucket): string {
 <template>
   <div class="space-y-4">
     <div class="flex items-center justify-end gap-2">
-      <Button
-        variant="outline"
-        size="sm"
-        :disabled="loading"
-        @click="emit('refresh')"
-      >
+      <Button variant="outline" size="sm" :disabled="loading" @click="emit('refresh')">
         <RefreshCw class="h-4 w-4" :class="{ 'animate-spin': loading }" />
       </Button>
       <Button variant="outline" size="sm" @click="emit('uploadDir')">
@@ -80,13 +75,8 @@ function getPrevieLink(bucket: StaticBucket): string {
       </Button>
     </div>
 
-    <div v-if="loading" class="py-10 text-center text-muted-foreground">
-      加载中...
-    </div>
-    <div
-      v-else-if="buckets.length === 0"
-      class="py-10 text-center text-muted-foreground"
-    >
+    <div v-if="loading" class="text-muted-foreground py-10 text-center">加载中...</div>
+    <div v-else-if="buckets.length === 0" class="text-muted-foreground py-10 text-center">
       暂无 Bucket
     </div>
     <Table v-else>
@@ -104,13 +94,11 @@ function getPrevieLink(bucket: StaticBucket): string {
         <TableRow v-for="bucket in buckets" :key="bucket.name">
           <TableCell>
             <button
-              class="group flex cursor-pointer items-center gap-1.5 text-left font-mono text-sm text-primary"
+              class="group text-primary flex cursor-pointer items-center gap-1.5 text-left font-mono text-sm"
               @click="emit('select', bucket.name)"
             >
               <FolderOpen class="h-4 w-4 shrink-0" />
-              <span class="underline-offset-2 group-hover:underline">{{
-                bucket.name
-              }}</span>
+              <span class="underline-offset-2 group-hover:underline">{{ bucket.name }}</span>
             </button>
           </TableCell>
           <TableCell>
@@ -123,9 +111,7 @@ function getPrevieLink(bucket: StaticBucket): string {
                 :model-value="bucket.enable"
                 @update:model-value="emit('toggleEnable', bucket)"
               />
-              <span v-if="bucket.enable" class="text-xs text-muted-foreground"
-                >启用</span
-              >
+              <span v-if="bucket.enable" class="text-muted-foreground text-xs">启用</span>
             </div>
           </TableCell>
           <!-- CORS -->
@@ -136,9 +122,7 @@ function getPrevieLink(bucket: StaticBucket): string {
                 :model-value="bucket.cors"
                 @update:model-value="emit('toggleCORS', bucket)"
               />
-              <span v-if="bucket.cors" class="text-xs text-muted-foreground"
-                >启用</span
-              >
+              <span v-if="bucket.cors" class="text-muted-foreground text-xs">启用</span>
             </div>
           </TableCell>
           <!-- HTTP 根路由 -->
@@ -149,22 +133,13 @@ function getPrevieLink(bucket: StaticBucket): string {
                 :model-value="bucket.is_http_root"
                 @update:model-value="emit('toggleHttpRoot', bucket)"
               />
-              <span
-                v-if="bucket.is_http_root"
-                class="text-xs text-muted-foreground"
-                >启用</span
-              >
+              <span v-if="bucket.is_http_root" class="text-muted-foreground text-xs">启用</span>
             </div>
           </TableCell>
           <TableCell class="text-right">
             <div class="flex justify-end gap-1">
               <a target="_blank" :href="getPrevieLink(bucket)">
-                <Button
-                  variant="ghost"
-                  size="sm"
-                  class="h-7 w-7 p-0"
-                  title="预览"
-                >
+                <Button variant="ghost" size="sm" class="h-7 w-7 p-0" title="预览">
                   <ArrowUpRight class="h-3.5 w-3.5" />
                 </Button>
               </a>
@@ -199,7 +174,7 @@ function getPrevieLink(bucket: StaticBucket): string {
                 <Button
                   variant="ghost"
                   size="sm"
-                  class="h-7 w-7 p-0 text-destructive hover:text-destructive"
+                  class="text-destructive hover:text-destructive h-7 w-7 p-0"
                 >
                   <Trash2 class="h-3.5 w-3.5" />
                 </Button>
@@ -209,7 +184,7 @@ function getPrevieLink(bucket: StaticBucket): string {
                 variant="ghost"
                 size="sm"
                 disabled
-                class="h-7 w-7 p-0 text-destructive"
+                class="text-destructive h-7 w-7 p-0"
               >
                 <Loader2 class="h-3.5 w-3.5 animate-spin" />
               </Button>
diff --git a/src/components/static-bucket/StaticBucketTreeNode.vue b/src/components/static-bucket/StaticBucketTreeNode.vue
index e30af401..76505533 100644
--- a/src/components/static-bucket/StaticBucketTreeNode.vue
+++ b/src/components/static-bucket/StaticBucketTreeNode.vue
@@ -1,14 +1,7 @@
 <script setup lang="ts">
 import { ref, watch, inject } from "vue";
 import type { Ref } from "vue";
-import {
-  ChevronRight,
-  File as FileIcon,
-  Folder,
-  Download,
-  Loader2,
-  Trash2,
-} from "lucide-vue-next";
+import { ChevronRight, File as FileIcon, Folder, Download, Loader2, Trash2 } from "lucide-vue-next";
 import { PopConfirm } from "@/components/ui/pop-confirm";
 
 export type TreeNode = {
@@ -89,18 +82,18 @@ const onFileDragEnd = () => {
   <div
     v-if="node.isDir"
     class="rounded transition-all"
-    :class="isDragOver ? 'bg-primary/10 ring-1 ring-inset ring-primary/40' : ''"
+    :class="isDragOver ? 'bg-primary/10 ring-primary/40 ring-1 ring-inset' : ''"
     @dragover="onDirDragOver"
     @dragleave="onDirDragLeave"
     @drop="onDirDrop"
   >
     <button
-      class="flex items-center gap-1 w-full text-left text-xs px-1 py-1 rounded transition-all group"
+      class="group flex w-full items-center gap-1 rounded px-1 py-1 text-left text-xs transition-all"
       :class="isDragOver ? '' : 'hover:bg-muted'"
       @click="expanded = !expanded"
     >
       <ChevronRight
-        class="h-3 w-3 transition-all flex-shrink-0"
+        class="h-3 w-3 flex-shrink-0 transition-all"
         :class="[
           isDragOver ? 'text-primary' : 'text-muted-foreground',
           expanded ? 'rotate-90' : '',
@@ -108,9 +101,7 @@ const onFileDragEnd = () => {
       />
       <Folder
         class="h-3 w-3 flex-shrink-0 transition-colors"
-        :class="
-          isDragOver ? 'text-primary fill-primary/20' : 'text-muted-foreground'
-        "
+        :class="isDragOver ? 'text-primary fill-primary/20' : 'text-muted-foreground'"
       />
       <span
         class="truncate transition-colors"
@@ -120,7 +111,7 @@ const onFileDragEnd = () => {
       </span>
     </button>
     <Transition name="folder-expand">
-      <div v-if="expanded && node.children?.length" class="pl-4 space-y-0.5">
+      <div v-if="expanded && node.children?.length" class="space-y-0.5 pl-4">
         <StaticBucketTreeNode
           v-for="child in node.children"
           :key="child.path"
@@ -138,10 +129,10 @@ const onFileDragEnd = () => {
 
   <div
     v-else
-    class="flex items-center gap-1 w-full text-xs px-1 py-1 rounded transition-all group cursor-grab"
+    class="group flex w-full cursor-grab items-center gap-1 rounded px-1 py-1 text-xs transition-all"
     :class="[
       selected === node.path ? 'bg-muted' : 'hover:bg-muted',
-      isDragging ? 'opacity-40 scale-[0.98]' : '',
+      isDragging ? 'scale-[0.98] opacity-40' : '',
     ]"
     draggable="true"
     @dragstart="onFileDragStart"
@@ -150,10 +141,10 @@ const onFileDragEnd = () => {
     @click="emit('select', node.path)"
   >
     <div class="w-3 flex-shrink-0" />
-    <FileIcon class="h-3 w-3 text-muted-foreground flex-shrink-0" />
-    <span class="truncate flex-1">{{ node.name }}</span>
+    <FileIcon class="text-muted-foreground h-3 w-3 flex-shrink-0" />
+    <span class="flex-1 truncate">{{ node.name }}</span>
     <button
-      class="opacity-0 group-hover:opacity-100 h-5 w-5 flex items-center justify-center rounded hover:bg-background transition-opacity flex-shrink-0"
+      class="hover:bg-background flex h-5 w-5 flex-shrink-0 items-center justify-center rounded opacity-0 transition-opacity group-hover:opacity-100"
       title="下载"
       @click.stop="emit('download', node.path)"
     >
@@ -161,7 +152,7 @@ const onFileDragEnd = () => {
     </button>
     <Loader2
       v-if="deletingPath === node.path"
-      class="h-3 w-3 animate-spin text-destructive flex-shrink-0"
+      class="text-destructive h-3 w-3 flex-shrink-0 animate-spin"
     />
     <PopConfirm
       v-else
@@ -171,7 +162,7 @@ const onFileDragEnd = () => {
       @click.stop
     >
       <button
-        class="opacity-0 group-hover:opacity-100 h-5 w-5 flex items-center justify-center rounded hover:bg-background text-destructive transition-opacity flex-shrink-0"
+        class="hover:bg-background text-destructive flex h-5 w-5 flex-shrink-0 items-center justify-center rounded opacity-0 transition-opacity group-hover:opacity-100"
         title="删除"
         @click.stop
       >
diff --git a/src/components/static-bucket/StaticBucketUploadDirDialog.vue b/src/components/static-bucket/StaticBucketUploadDirDialog.vue
index 5ae3d35e..785e7370 100644
--- a/src/components/static-bucket/StaticBucketUploadDirDialog.vue
+++ b/src/components/static-bucket/StaticBucketUploadDirDialog.vue
@@ -11,10 +11,7 @@ import {
   DialogTitle,
   DialogFooter,
 } from "@/components/ui/dialog";
-import {
-  parseZipFile,
-  parseFolderFiles,
-} from "@/composables/useFileUploadParsing";
+import { parseZipFile, parseFolderFiles } from "@/composables/useFileUploadParsing";
 
 const props = defineProps<{
   open: boolean;
@@ -38,8 +35,7 @@ const processing = ref(false);
 const processError = ref<string | null>(null);
 
 const canSubmit = computed(
-  () =>
-    fileList.value.length > 0 && (!!props.targetBucket || !!bucketName.value),
+  () => fileList.value.length > 0 && (!!props.targetBucket || !!bucketName.value),
 );
 
 watch(
@@ -107,9 +103,7 @@ const handleSubmit = () => {
 
       <div class="space-y-4 py-2">
         <div v-if="!targetBucket" class="space-y-1.5">
-          <Label for="dir-bucket-name"
-            >Bucket 名称 <span class="text-destructive">*</span></Label
-          >
+          <Label for="dir-bucket-name">Bucket 名称 <span class="text-destructive">*</span></Label>
           <Input
             id="dir-bucket-name"
             v-model="bucketName"
@@ -121,20 +115,12 @@ const handleSubmit = () => {
         <div class="space-y-2">
           <Label>选择内容</Label>
           <div class="grid grid-cols-2 gap-2">
-            <Button
-              variant="outline"
-              class="h-20 flex-col gap-2"
-              @click="folderInputRef?.click()"
-            >
-              <Folder class="h-6 w-6 text-muted-foreground" />
+            <Button variant="outline" class="h-20 flex-col gap-2" @click="folderInputRef?.click()">
+              <Folder class="text-muted-foreground h-6 w-6" />
               <span class="text-xs">选择文件夹</span>
             </Button>
-            <Button
-              variant="outline"
-              class="h-20 flex-col gap-2"
-              @click="zipInputRef?.click()"
-            >
-              <FileArchive class="h-6 w-6 text-muted-foreground" />
+            <Button variant="outline" class="h-20 flex-col gap-2" @click="zipInputRef?.click()">
+              <FileArchive class="text-muted-foreground h-6 w-6" />
               <span class="text-xs">选择 ZIP</span>
             </Button>
           </div>
@@ -145,64 +131,42 @@ const handleSubmit = () => {
             webkitdirectory
             @change="onFolderChange"
           />
-          <input
-            ref="zipInputRef"
-            type="file"
-            class="hidden"
-            accept=".zip"
-            @change="onZipChange"
-          />
+          <input ref="zipInputRef" type="file" class="hidden" accept=".zip" @change="onZipChange" />
         </div>
 
-        <div
-          v-if="processing"
-          class="flex items-center gap-2 text-sm text-muted-foreground py-2"
-        >
+        <div v-if="processing" class="text-muted-foreground flex items-center gap-2 py-2 text-sm">
           <Loader2 class="h-4 w-4 animate-spin" />正在处理文件...
         </div>
         <div v-else-if="fileList.length" class="space-y-1.5">
           <div class="flex items-center justify-between">
             <Label>已选 {{ fileList.length }} 个文件</Label>
-            <Button
-              variant="ghost"
-              size="sm"
-              class="h-6 text-xs"
-              @click="fileList = []"
-            >
-              <X class="h-3 w-3 mr-1" />清除
+            <Button variant="ghost" size="sm" class="h-6 text-xs" @click="fileList = []">
+              <X class="mr-1 h-3 w-3" />清除
             </Button>
           </div>
-          <div class="border rounded-md max-h-32 overflow-y-auto">
+          <div class="max-h-32 overflow-y-auto rounded-md border">
             <div
               v-for="f in fileList.slice(0, 50)"
               :key="f.path"
-              class="px-3 py-1 text-xs font-mono border-b last:border-0 text-muted-foreground"
+              class="text-muted-foreground border-b px-3 py-1 font-mono text-xs last:border-0"
             >
               {{ f.path }}
             </div>
-            <div
-              v-if="fileList.length > 50"
-              class="px-3 py-1 text-xs text-muted-foreground italic"
-            >
+            <div v-if="fileList.length > 50" class="text-muted-foreground px-3 py-1 text-xs italic">
               ...还有 {{ fileList.length - 50 }} 个文件
             </div>
           </div>
         </div>
 
-        <p v-if="processError || error" class="text-sm text-destructive">
+        <p v-if="processError || error" class="text-destructive text-sm">
           {{ processError || error }}
         </p>
       </div>
 
       <DialogFooter>
-        <Button variant="outline" @click="emit('update:open', false)"
-          >取消</Button
-        >
-        <Button
-          :disabled="loading || processing || !canSubmit"
-          @click="handleSubmit"
-        >
-          <Loader2 v-if="loading" class="h-4 w-4 mr-1 animate-spin" />
+        <Button variant="outline" @click="emit('update:open', false)">取消</Button>
+        <Button :disabled="loading || processing || !canSubmit" @click="handleSubmit">
+          <Loader2 v-if="loading" class="mr-1 h-4 w-4 animate-spin" />
           {{ targetBucket ? "上传" : "创建并上传" }}
         </Button>
       </DialogFooter>
diff --git a/src/components/theme-management/ThemeDetail.vue b/src/components/theme-management/ThemeDetail.vue
index ddfcfb49..b8496a9b 100644
--- a/src/components/theme-management/ThemeDetail.vue
+++ b/src/components/theme-management/ThemeDetail.vue
@@ -90,9 +90,7 @@ const patchAndSaveConfigJson = async (
 };
 
 const overviewEntries = computed(() =>
-  Object.entries(themeJson.value).filter(
-    ([k]) => k !== "user_preferences_form",
-  ),
+  Object.entries(themeJson.value).filter(([k]) => k !== "user_preferences_form"),
 );
 
 const userPrefFormItems = computed<UserPrefFormItem[]>(() => {
@@ -238,9 +236,7 @@ const removeAuthRow = (index: number) => {
 };
 
 const addPreset = (preset: TokenPreset) => {
-  const exists = authEntries.value.some(
-    (e) => e.name === preset.name && e.token === preset.token,
-  );
+  const exists = authEntries.value.some((e) => e.name === preset.name && e.token === preset.token);
   if (!exists) {
     authEntries.value.push({ ...preset });
   }
@@ -271,22 +267,16 @@ watch(
   },
 );
 
-const jsonExtensions = computed(() => [
-  json(),
-  ...(themeStore.isDark ? [oneDark] : []),
-]);
+const jsonExtensions = computed(() => [json(), ...(themeStore.isDark ? [oneDark] : [])]);
 const cssExtensions = computed(() => [
   StreamLanguage.define(css),
   ...(themeStore.isDark ? [oneDark] : []),
 ]);
-const jsExtensions = computed(() => [
-  javascript(),
-  ...(themeStore.isDark ? [oneDark] : []),
-]);
+const jsExtensions = computed(() => [javascript(), ...(themeStore.isDark ? [oneDark] : [])]);
 </script>
 
 <template>
-  <div class="mt-2 border rounded-lg p-4 bg-background">
+  <div class="bg-background mt-2 rounded-lg border p-4">
     <Tabs v-model="activeTab">
       <TabsList class="mb-4">
         <TabsTrigger value="overview">概览</TabsTrigger>
@@ -299,22 +289,17 @@ const jsExtensions = computed(() => [
       <TabsContent value="overview">
         <div
           v-if="overviewLoading"
-          class="flex items-center gap-2 py-4 text-muted-foreground text-sm"
+          class="text-muted-foreground flex items-center gap-2 py-4 text-sm"
         >
           <Loader2 class="h-4 w-4 animate-spin" />
           加载中...
         </div>
-        <div
-          v-else-if="!overviewEntries.length"
-          class="py-4 text-muted-foreground text-sm"
-        >
+        <div v-else-if="!overviewEntries.length" class="text-muted-foreground py-4 text-sm">
           未找到 nodeget-theme.json
         </div>
         <div v-else class="grid grid-cols-[auto_1fr] gap-x-6 gap-y-2 text-sm">
           <template v-for="[key, value] in overviewEntries" :key="key">
-            <span class="text-muted-foreground font-medium shrink-0">{{
-              key
-            }}</span>
+            <span class="text-muted-foreground shrink-0 font-medium">{{ key }}</span>
             <span class="break-all">{{
               typeof value === "object" ? JSON.stringify(value) : String(value)
             }}</span>
@@ -325,60 +310,41 @@ const jsExtensions = computed(() => [
       <TabsContent value="user-prefs">
         <div
           v-if="overviewLoading"
-          class="flex items-center gap-2 py-4 text-muted-foreground text-sm"
+          class="text-muted-foreground flex items-center gap-2 py-4 text-sm"
         >
           <Loader2 class="h-4 w-4 animate-spin" />
           加载中...
         </div>
         <div v-else>
           <div v-if="userPrefFormItems.length" class="space-y-3">
-            <template
-              v-for="field in userPrefFormItems"
-              :key="field.key ?? field.name"
-            >
-              <p
-                v-if="field.type === 'title'"
-                class="font-medium text-sm mt-2 text-foreground"
-              >
+            <template v-for="field in userPrefFormItems" :key="field.key ?? field.name">
+              <p v-if="field.type === 'title'" class="text-foreground mt-2 text-sm font-medium">
                 {{ field.name }}
               </p>
-              <div
-                v-else-if="field.key"
-                class="grid grid-cols-[180px_1fr] items-center gap-4"
-              >
+              <div v-else-if="field.key" class="grid grid-cols-[180px_1fr] items-center gap-4">
                 <Label class="text-right">{{ field.name }}</Label>
                 <div>
                   <Input
                     v-if="field.type === 'string'"
-                    :model-value="
-                      String(userPrefValues[field.key] ?? field.default ?? '')
-                    "
+                    :model-value="String(userPrefValues[field.key] ?? field.default ?? '')"
                     :placeholder="field.help ?? ''"
                     @update:model-value="userPrefValues[field.key!] = $event"
                   />
                   <Input
                     v-else-if="field.type === 'number'"
                     type="number"
-                    :model-value="
-                      String(userPrefValues[field.key] ?? field.default ?? 0)
-                    "
+                    :model-value="String(userPrefValues[field.key] ?? field.default ?? 0)"
                     :placeholder="field.help ?? ''"
-                    @update:model-value="
-                      userPrefValues[field.key!] = Number($event)
-                    "
+                    @update:model-value="userPrefValues[field.key!] = Number($event)"
                   />
                   <button
                     v-else-if="field.type === 'switch'"
                     class="relative inline-flex h-5 w-9 items-center rounded-full transition-colors"
                     :class="
-                      (userPrefValues[field.key] ?? field.default)
-                        ? 'bg-primary'
-                        : 'bg-input'
+                      (userPrefValues[field.key] ?? field.default) ? 'bg-primary' : 'bg-input'
                     "
                     @click="
-                      userPrefValues[field.key!] = !(
-                        userPrefValues[field.key] ?? field.default
-                      )
+                      userPrefValues[field.key!] = !(userPrefValues[field.key] ?? field.default)
                     "
                   >
                     <span
@@ -392,9 +358,7 @@ const jsExtensions = computed(() => [
                   </button>
                   <Select
                     v-else-if="field.type === 'select'"
-                    :model-value="
-                      String(userPrefValues[field.key] ?? field.default ?? '')
-                    "
+                    :model-value="String(userPrefValues[field.key] ?? field.default ?? '')"
                     @update:model-value="userPrefValues[field.key!] = $event"
                   >
                     <SelectTrigger>
@@ -412,7 +376,7 @@ const jsExtensions = computed(() => [
                   </Select>
                   <p
                     v-if="field.help && field.type !== 'switch'"
-                    class="text-xs text-muted-foreground mt-1"
+                    class="text-muted-foreground mt-1 text-xs"
                   >
                     {{ field.help }}
                   </p>
@@ -422,7 +386,7 @@ const jsExtensions = computed(() => [
           </div>
 
           <div v-else class="space-y-2">
-            <p class="text-xs text-muted-foreground">
+            <p class="text-muted-foreground text-xs">
               该主题未定义 user_preferences_form，可直接编辑 JSON
             </p>
             <Codemirror
@@ -432,13 +396,10 @@ const jsExtensions = computed(() => [
             />
           </div>
 
-          <div class="flex justify-end mt-4">
+          <div class="mt-4 flex justify-end">
             <Button :disabled="userPrefSaving" @click="saveUserPrefs">
-              <Loader2
-                v-if="userPrefSaving"
-                class="h-4 w-4 animate-spin mr-1"
-              />
-              <Check v-else class="h-4 w-4 mr-1" />
+              <Loader2 v-if="userPrefSaving" class="mr-1 h-4 w-4 animate-spin" />
+              <Check v-else class="mr-1 h-4 w-4" />
               保存
             </Button>
           </div>
@@ -446,10 +407,7 @@ const jsExtensions = computed(() => [
       </TabsContent>
 
       <TabsContent value="custom-css">
-        <div
-          v-if="cssLoading"
-          class="flex items-center gap-2 py-4 text-muted-foreground text-sm"
-        >
+        <div v-if="cssLoading" class="text-muted-foreground flex items-center gap-2 py-4 text-sm">
           <Loader2 class="h-4 w-4 animate-spin" />
           加载中...
         </div>
@@ -461,8 +419,8 @@ const jsExtensions = computed(() => [
           />
           <div class="flex justify-end">
             <Button :disabled="cssSaving" @click="saveCss">
-              <Loader2 v-if="cssSaving" class="h-4 w-4 animate-spin mr-1" />
-              <Check v-else class="h-4 w-4 mr-1" />
+              <Loader2 v-if="cssSaving" class="mr-1 h-4 w-4 animate-spin" />
+              <Check v-else class="mr-1 h-4 w-4" />
               保存
             </Button>
           </div>
@@ -470,10 +428,7 @@ const jsExtensions = computed(() => [
       </TabsContent>
 
       <TabsContent value="custom-js">
-        <div
-          v-if="jsLoading"
-          class="flex items-center gap-2 py-4 text-muted-foreground text-sm"
-        >
+        <div v-if="jsLoading" class="text-muted-foreground flex items-center gap-2 py-4 text-sm">
           <Loader2 class="h-4 w-4 animate-spin" />
           加载中...
         </div>
@@ -485,8 +440,8 @@ const jsExtensions = computed(() => [
           />
           <div class="flex justify-end">
             <Button :disabled="jsSaving" @click="saveJs">
-              <Loader2 v-if="jsSaving" class="h-4 w-4 animate-spin mr-1" />
-              <Check v-else class="h-4 w-4 mr-1" />
+              <Loader2 v-if="jsSaving" class="mr-1 h-4 w-4 animate-spin" />
+              <Check v-else class="mr-1 h-4 w-4" />
               保存
             </Button>
           </div>
@@ -496,7 +451,7 @@ const jsExtensions = computed(() => [
       <TabsContent value="token-auth">
         <div
           v-if="overviewLoading"
-          class="flex items-center gap-2 py-4 text-muted-foreground text-sm"
+          class="text-muted-foreground flex items-center gap-2 py-4 text-sm"
         >
           <Loader2 class="h-4 w-4 animate-spin" />
           加载中...
@@ -504,7 +459,7 @@ const jsExtensions = computed(() => [
         <div v-else class="space-y-3">
           <div
             v-if="authEntries.length"
-            class="grid grid-cols-[1fr_1fr_1fr_auto] gap-2 text-xs text-muted-foreground px-1"
+            class="text-muted-foreground grid grid-cols-[1fr_1fr_1fr_auto] gap-2 px-1 text-xs"
           >
             <span>名称</span>
             <span>后端 URL</span>
@@ -515,31 +470,23 @@ const jsExtensions = computed(() => [
           <div
             v-for="(entry, i) in authEntries"
             :key="i"
-            class="grid grid-cols-[1fr_1fr_1fr_auto] gap-2 items-center"
+            class="grid grid-cols-[1fr_1fr_1fr_auto] items-center gap-2"
           >
             <Input v-model="entry.name" placeholder="名称" />
             <Input v-model="entry.backend_url" placeholder="https://..." />
             <Input v-model="entry.token" placeholder="token" />
-            <Button
-              variant="ghost"
-              size="icon"
-              class="shrink-0"
-              @click="removeAuthRow(i)"
-            >
+            <Button variant="ghost" size="icon" class="shrink-0" @click="removeAuthRow(i)">
               <Trash2 class="h-4 w-4" />
             </Button>
           </div>
 
-          <div
-            v-if="!authEntries.length"
-            class="text-center text-muted-foreground text-sm py-3"
-          >
+          <div v-if="!authEntries.length" class="text-muted-foreground py-3 text-center text-sm">
             暂无授权配置
           </div>
 
           <div class="flex flex-wrap items-center gap-2 pt-1">
             <Button variant="outline" size="sm" @click="addAuthRow">
-              <Plus class="h-4 w-4 mr-1" />
+              <Plus class="mr-1 h-4 w-4" />
               添加空白
             </Button>
             <template v-if="tokenPresets.length">
@@ -550,7 +497,7 @@ const jsExtensions = computed(() => [
                 size="sm"
                 @click="addPreset(preset)"
               >
-                <Plus class="h-4 w-4 mr-1" />
+                <Plus class="mr-1 h-4 w-4" />
                 {{ preset.name }}
               </Button>
             </template>
@@ -562,13 +509,13 @@ const jsExtensions = computed(() => [
                 loadTokenPresets();
               "
             >
-              <RotateCcw class="h-4 w-4 mr-1" />
+              <RotateCcw class="mr-1 h-4 w-4" />
               刷新
             </Button>
             <div class="flex-1" />
             <Button :disabled="authSaving" @click="saveAuth">
-              <Loader2 v-if="authSaving" class="h-4 w-4 animate-spin mr-1" />
-              <Check v-else class="h-4 w-4 mr-1" />
+              <Loader2 v-if="authSaving" class="mr-1 h-4 w-4 animate-spin" />
+              <Check v-else class="mr-1 h-4 w-4" />
               确定
             </Button>
           </div>
diff --git a/src/components/theme-management/ThemeRemoteImportDialog.vue b/src/components/theme-management/ThemeRemoteImportDialog.vue
index 2a20942d..0bc93b7d 100644
--- a/src/components/theme-management/ThemeRemoteImportDialog.vue
+++ b/src/components/theme-management/ThemeRemoteImportDialog.vue
@@ -70,8 +70,7 @@ const autoEnable = ref(true);
 const tokenPresetChoice = ref<TokenPresetChoice>("monitor_ping");
 
 const isImporting = computed(
-  () =>
-    step.value !== "idle" && step.value !== "done" && step.value !== "error",
+  () => step.value !== "idle" && step.value !== "done" && step.value !== "error",
 );
 
 const stepLabel: Record<Step, string> = {
@@ -109,11 +108,7 @@ const normalizeFileList = (raw: unknown): string[] => {
   if (!Array.isArray(raw)) return [];
   return raw.map((item) => {
     if (typeof item === "string") return item;
-    if (
-      item &&
-      typeof item === "object" &&
-      typeof (item as { path?: unknown }).path === "string"
-    ) {
+    if (item && typeof item === "object" && typeof (item as { path?: unknown }).path === "string") {
       return (item as { path: string }).path;
     }
     return String(item);
@@ -134,15 +129,13 @@ const handleImport = async () => {
 
     step.value = "fetching-meta";
     const metaRes = await fetch(`${baseUrl}/nodeget-theme.json`);
-    if (!metaRes.ok)
-      throw new Error(`获取主题信息失败：HTTP ${metaRes.status}`);
+    if (!metaRes.ok) throw new Error(`获取主题信息失败：HTTP ${metaRes.status}`);
     const meta = (await metaRes.json()) as Record<string, unknown>;
     const short = meta.short;
     if (typeof short !== "string" || !short) {
       throw new Error("nodeget-theme.json 中缺少 short 字段");
     }
-    detectedThemeName.value =
-      typeof meta.name === "string" && meta.name ? meta.name : short;
+    detectedThemeName.value = typeof meta.name === "string" && meta.name ? meta.name : short;
     const bucketName = `theme_${short}`;
 
     step.value = "creating-bucket";
@@ -168,8 +161,7 @@ const handleImport = async () => {
 
     step.value = "fetching-files";
     const filesRes = await fetch(`${baseUrl}/nodeget-theme-files.json`);
-    if (!filesRes.ok)
-      throw new Error(`获取文件列表失败：HTTP ${filesRes.status}`);
+    if (!filesRes.ok) throw new Error(`获取文件列表失败：HTTP ${filesRes.status}`);
     const rawFileList = await filesRes.json();
     const fileList = normalizeFileList(rawFileList);
 
@@ -184,15 +176,11 @@ const handleImport = async () => {
     const entries: UploadEntry[] = [
       {
         path: "nodeget-theme.json",
-        base64: bufToBase64(
-          new TextEncoder().encode(JSON.stringify(meta, null, 2)),
-        ),
+        base64: bufToBase64(new TextEncoder().encode(JSON.stringify(meta, null, 2))),
       },
       {
         path: "nodeget-theme-files.json",
-        base64: bufToBase64(
-          new TextEncoder().encode(JSON.stringify(rawFileList, null, 2)),
-        ),
+        base64: bufToBase64(new TextEncoder().encode(JSON.stringify(rawFileList, null, 2))),
       },
     ];
     let downloadFailed = 0;
@@ -233,15 +221,10 @@ const handleImport = async () => {
         try {
           const presets = await loadOrInitPresets();
           const targetName =
-            tokenPresetChoice.value === "monitor_ping"
-              ? "本机 监控+ping"
-              : "本机 纯监控";
+            tokenPresetChoice.value === "monitor_ping" ? "本机 监控+ping" : "本机 纯监控";
           const preset = presets.find((p) => p.name === targetName);
           if (preset) {
-            const configText = await sbf.readTextFile(
-              bucketName,
-              "config.json",
-            );
+            const configText = await sbf.readTextFile(bucketName, "config.json");
             if (!configText) {
               toast.warning("Token 预设应用失败：未能读取主题配置文件");
             } else {
@@ -253,17 +236,11 @@ const handleImport = async () => {
                   token: preset.token,
                 },
               ];
-              await sbf.saveTextFile(
-                bucketName,
-                "config.json",
-                JSON.stringify(config, null, 2),
-              );
+              await sbf.saveTextFile(bucketName, "config.json", JSON.stringify(config, null, 2));
             }
           }
         } catch (e) {
-          toast.warning(
-            `Token 预设应用失败：${e instanceof Error ? e.message : String(e)}`,
-          );
+          toast.warning(`Token 预设应用失败：${e instanceof Error ? e.message : String(e)}`);
         }
       }
 
@@ -278,9 +255,7 @@ const handleImport = async () => {
             enable: true,
           });
         } catch (e) {
-          toast.warning(
-            `自动启用失败：${e instanceof Error ? e.message : String(e)}`,
-          );
+          toast.warning(`自动启用失败：${e instanceof Error ? e.message : String(e)}`);
         }
       }
     }
@@ -307,9 +282,7 @@ const handleImport = async () => {
   <Dialog :open="open" @update:open="$emit('update:open', $event)">
     <DialogContent class="sm:max-w-lg">
       <DialogHeader>
-        <DialogTitle>{{
-          targetBucket ? "从远程更新主题" : "从远程导入主题"
-        }}</DialogTitle>
+        <DialogTitle>{{ targetBucket ? "从远程更新主题" : "从远程导入主题" }}</DialogTitle>
       </DialogHeader>
 
       <div class="space-y-4 py-2">
@@ -321,15 +294,12 @@ const handleImport = async () => {
             placeholder="example.com 或 https://example.com"
             :disabled="isImporting"
           />
-          <p class="text-xs text-muted-foreground">
+          <p class="text-muted-foreground text-xs">
             将自动拉取该站点的 nodeget-theme.json 和 nodeget-theme-files.json
           </p>
         </div>
 
-        <div
-          v-if="!targetBucket"
-          class="overflow-hidden rounded-md border text-sm"
-        >
+        <div v-if="!targetBucket" class="overflow-hidden rounded-md border text-sm">
           <div class="bg-muted px-3 py-1.5 text-xs font-medium">安装选项</div>
           <div class="divide-y">
             <div class="flex items-center justify-between px-3 py-2">
@@ -344,42 +314,25 @@ const handleImport = async () => {
                 class="flex items-center gap-4"
               >
                 <div class="flex items-center gap-1.5">
-                  <RadioGroupItem
-                    id="preset-monitor-only"
-                    value="monitor_only"
-                  />
-                  <Label
-                    for="preset-monitor-only"
-                    class="cursor-pointer font-normal"
-                    >纯监控</Label
-                  >
+                  <RadioGroupItem id="preset-monitor-only" value="monitor_only" />
+                  <Label for="preset-monitor-only" class="cursor-pointer font-normal">纯监控</Label>
                 </div>
                 <div class="flex items-center gap-1.5">
-                  <RadioGroupItem
-                    id="preset-monitor-ping"
-                    value="monitor_ping"
-                  />
-                  <Label
-                    for="preset-monitor-ping"
-                    class="cursor-pointer font-normal"
+                  <RadioGroupItem id="preset-monitor-ping" value="monitor_ping" />
+                  <Label for="preset-monitor-ping" class="cursor-pointer font-normal"
                     >监控+ping</Label
                   >
                 </div>
                 <div class="flex items-center gap-1.5">
                   <RadioGroupItem id="preset-none" value="none" />
-                  <Label for="preset-none" class="cursor-pointer font-normal"
-                    >不使用预设</Label
-                  >
+                  <Label for="preset-none" class="cursor-pointer font-normal">不使用预设</Label>
                 </div>
               </RadioGroup>
             </div>
           </div>
         </div>
 
-        <div
-          v-if="targetBucket"
-          class="overflow-hidden rounded-md border text-sm"
-        >
+        <div v-if="targetBucket" class="overflow-hidden rounded-md border text-sm">
           <div class="bg-muted px-3 py-1.5 text-xs font-medium">更新选项</div>
           <div class="divide-y">
             <div class="flex items-center justify-between px-3 py-2">
@@ -485,15 +438,12 @@ const handleImport = async () => {
           </div>
         </div>
 
-        <div
-          v-if="detectedThemeName && isImporting"
-          class="rounded-md bg-muted px-3 py-2 text-sm"
-        >
+        <div v-if="detectedThemeName && isImporting" class="bg-muted rounded-md px-3 py-2 text-sm">
           主题：<span class="font-medium">{{ detectedThemeName }}</span>
         </div>
 
         <div v-if="isImporting" class="space-y-2">
-          <div class="flex items-center gap-2 text-sm text-muted-foreground">
+          <div class="text-muted-foreground flex items-center gap-2 text-sm">
             <Loader2 class="h-4 w-4 shrink-0 animate-spin" />
             <span>
               {{ stepLabel[step] }}
@@ -504,10 +454,10 @@ const handleImport = async () => {
           </div>
           <div
             v-if="step === 'uploading' && progress.total > 0"
-            class="h-1.5 w-full overflow-hidden rounded-full bg-muted"
+            class="bg-muted h-1.5 w-full overflow-hidden rounded-full"
           >
             <div
-              class="h-full bg-primary transition-all"
+              class="bg-primary h-full transition-all"
               :style="{
                 width: `${(progress.current / progress.total) * 100}%`,
               }"
@@ -517,7 +467,7 @@ const handleImport = async () => {
 
         <div
           v-if="step === 'error' && errorMsg"
-          class="flex items-start gap-2 rounded-md border border-destructive/20 bg-destructive/10 px-3 py-2 text-sm text-destructive"
+          class="border-destructive/20 bg-destructive/10 text-destructive flex items-start gap-2 rounded-md border px-3 py-2 text-sm"
         >
           <AlertCircle class="mt-0.5 h-4 w-4 shrink-0" />
           <span>{{ errorMsg }}</span>
@@ -525,17 +475,10 @@ const handleImport = async () => {
       </div>
 
       <DialogFooter>
-        <Button
-          variant="outline"
-          :disabled="isImporting"
-          @click="$emit('update:open', false)"
-        >
+        <Button variant="outline" :disabled="isImporting" @click="$emit('update:open', false)">
           取消
         </Button>
-        <Button
-          :disabled="!urlInput.trim() || isImporting"
-          @click="handleImport"
-        >
+        <Button :disabled="!urlInput.trim() || isImporting" @click="handleImport">
           <Loader2 v-if="isImporting" class="mr-1 h-4 w-4 animate-spin" />
           导入
         </Button>
diff --git a/src/components/theme-management/ThemeTokenPresetDialog.vue b/src/components/theme-management/ThemeTokenPresetDialog.vue
index 782c1b4d..d2498cf3 100644
--- a/src/components/theme-management/ThemeTokenPresetDialog.vue
+++ b/src/components/theme-management/ThemeTokenPresetDialog.vue
@@ -11,10 +11,7 @@ import {
 } from "@/components/ui/dialog";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
-import {
-  useThemeTokenPresets,
-  type TokenPreset,
-} from "@/composables/useThemeTokenPresets";
+import { useThemeTokenPresets, type TokenPreset } from "@/composables/useThemeTokenPresets";
 
 const props = defineProps<{
   open: boolean;
@@ -94,13 +91,13 @@ const handleSave = async () => {
 
       <div class="space-y-3 py-2">
         <div v-if="loading" class="flex items-center justify-center py-6">
-          <Loader2 class="h-5 w-5 animate-spin text-muted-foreground" />
+          <Loader2 class="text-muted-foreground h-5 w-5 animate-spin" />
         </div>
 
         <template v-else>
           <div
             v-if="presets.length"
-            class="grid grid-cols-[1fr_1fr_1fr_auto] gap-2 px-1 text-xs text-muted-foreground"
+            class="text-muted-foreground grid grid-cols-[1fr_1fr_1fr_auto] gap-2 px-1 text-xs"
           >
             <span>名称</span>
             <span>后端 URL</span>
@@ -116,20 +113,12 @@ const handleSave = async () => {
             <Input v-model="preset.name" placeholder="名称" />
             <Input v-model="preset.backend_url" placeholder="https://..." />
             <Input v-model="preset.token" placeholder="token" />
-            <Button
-              variant="ghost"
-              size="icon"
-              class="shrink-0"
-              @click="removeRow(i)"
-            >
+            <Button variant="ghost" size="icon" class="shrink-0" @click="removeRow(i)">
               <Trash2 class="h-4 w-4" />
             </Button>
           </div>
 
-          <div
-            v-if="!presets.length"
-            class="py-4 text-center text-sm text-muted-foreground"
-          >
+          <div v-if="!presets.length" class="text-muted-foreground py-4 text-center text-sm">
             暂无预设，点击「新增」添加
           </div>
 
@@ -141,9 +130,7 @@ const handleSave = async () => {
       </div>
 
       <DialogFooter>
-        <Button variant="outline" @click="$emit('update:open', false)">
-          取消
-        </Button>
+        <Button variant="outline" @click="$emit('update:open', false)"> 取消 </Button>
         <Button :disabled="saving" @click="handleSave">
           <Loader2 v-if="saving" class="mr-1 h-4 w-4 animate-spin" />
           保存
diff --git a/src/components/theme-management/ThemeUploadLocalDialog.vue b/src/components/theme-management/ThemeUploadLocalDialog.vue
index 523b5fed..cfd76561 100644
--- a/src/components/theme-management/ThemeUploadLocalDialog.vue
+++ b/src/components/theme-management/ThemeUploadLocalDialog.vue
@@ -1,12 +1,6 @@
 <script setup lang="ts">
 import { ref, watch, computed } from "vue";
-import {
-  Folder,
-  FileArchive,
-  Loader2,
-  X,
-  AlertTriangle,
-} from "lucide-vue-next";
+import { Folder, FileArchive, Loader2, X, AlertTriangle } from "lucide-vue-next";
 import { toast } from "vue-sonner";
 import { Button } from "@/components/ui/button";
 import { Label } from "@/components/ui/label";
@@ -18,11 +12,7 @@ import {
   DialogFooter,
 } from "@/components/ui/dialog";
 import { base64ToBuf } from "@/utils/base64";
-import {
-  parseZipFile,
-  parseFolderFiles,
-  type FileEntry,
-} from "@/composables/useFileUploadParsing";
+import { parseZipFile, parseFolderFiles, type FileEntry } from "@/composables/useFileUploadParsing";
 import { useStaticBucket } from "@/composables/useStaticBucket";
 import {
   useThemeBucketUpload,
@@ -89,8 +79,7 @@ watch(
 
 const parseThemeJson = (files: FileEntry[]) => {
   const themeFile = files.find(
-    (f) =>
-      f.path === "nodeget-theme.json" || f.path.endsWith("/nodeget-theme.json"),
+    (f) => f.path === "nodeget-theme.json" || f.path.endsWith("/nodeget-theme.json"),
   );
   missingShort.value = false;
   detectedShort.value = null;
@@ -106,8 +95,7 @@ const parseThemeJson = (files: FileEntry[]) => {
     const json = JSON.parse(text);
     if (typeof json?.short === "string" && json.short) {
       detectedShort.value = json.short;
-      detectedName.value =
-        typeof json.name === "string" && json.name ? json.name : json.short;
+      detectedName.value = typeof json.name === "string" && json.name ? json.name : json.short;
       if (!props.targetBucket) {
         bucketName.value = `theme_${json.short}`;
       }
@@ -176,13 +164,9 @@ const handleUpload = async () => {
 
     const displayName = detectedName.value ?? targetName;
     if (failedCount > 0) {
-      toast.warning(
-        `主题「${displayName}」上传完成，${failedCount} 个文件上传失败`,
-      );
+      toast.warning(`主题「${displayName}」上传完成，${failedCount} 个文件上传失败`);
     } else {
-      toast.success(
-        `主题「${displayName}」上传完成，共 ${fileList.value.length} 个文件`,
-      );
+      toast.success(`主题「${displayName}」上传完成，共 ${fileList.value.length} 个文件`);
     }
     emit("done");
     emit("update:open", false);
@@ -199,21 +183,19 @@ const handleUpload = async () => {
     <DialogContent class="sm:max-w-lg">
       <DialogHeader>
         <DialogTitle>
-          {{
-            targetBucket ? `重新上传到「${targetBucket}」` : "从本地上传主题"
-          }}
+          {{ targetBucket ? `重新上传到「${targetBucket}」` : "从本地上传主题" }}
         </DialogTitle>
       </DialogHeader>
 
       <div class="space-y-4 py-2">
         <div
           v-if="detectedShort && !targetBucket"
-          class="space-y-0.5 rounded-md bg-muted px-3 py-2 text-sm"
+          class="bg-muted space-y-0.5 rounded-md px-3 py-2 text-sm"
         >
           <div>
             检测到主题：<span class="font-medium">{{ detectedName }}</span>
           </div>
-          <div class="text-xs text-muted-foreground">
+          <div class="text-muted-foreground text-xs">
             Bucket 名称：<span class="font-mono">{{ bucketName }}</span>
           </div>
         </div>
@@ -223,9 +205,7 @@ const handleUpload = async () => {
           class="flex items-start gap-2 rounded-md border border-amber-200 bg-amber-50 px-3 py-2 text-sm text-amber-800 dark:border-amber-800 dark:bg-amber-950/30 dark:text-amber-300"
         >
           <AlertTriangle class="mt-0.5 h-4 w-4 shrink-0" />
-          <span
-            >未找到 nodeget-theme.json 或缺少 short 字段，无法确定主题标识</span
-          >
+          <span>未找到 nodeget-theme.json 或缺少 short 字段，无法确定主题标识</span>
         </div>
 
         <div class="space-y-2">
@@ -237,7 +217,7 @@ const handleUpload = async () => {
               :disabled="processing || uploading"
               @click="folderInputRef?.click()"
             >
-              <Folder class="h-6 w-6 text-muted-foreground" />
+              <Folder class="text-muted-foreground h-6 w-6" />
               <span class="text-xs">选择文件夹</span>
             </Button>
             <Button
@@ -246,7 +226,7 @@ const handleUpload = async () => {
               :disabled="processing || uploading"
               @click="zipInputRef?.click()"
             >
-              <FileArchive class="h-6 w-6 text-muted-foreground" />
+              <FileArchive class="text-muted-foreground h-6 w-6" />
               <span class="text-xs">选择 ZIP</span>
             </Button>
           </div>
@@ -257,19 +237,10 @@ const handleUpload = async () => {
             webkitdirectory
             @change="onFolderChange"
           />
-          <input
-            ref="zipInputRef"
-            type="file"
-            class="hidden"
-            accept=".zip"
-            @change="onZipChange"
-          />
+          <input ref="zipInputRef" type="file" class="hidden" accept=".zip" @change="onZipChange" />
         </div>
 
-        <div
-          v-if="processing"
-          class="flex items-center gap-2 py-2 text-sm text-muted-foreground"
-        >
+        <div v-if="processing" class="text-muted-foreground flex items-center gap-2 py-2 text-sm">
           <Loader2 class="h-4 w-4 animate-spin" />
           正在处理文件...
         </div>
@@ -292,23 +263,17 @@ const handleUpload = async () => {
             <div
               v-for="f in fileList.slice(0, 50)"
               :key="f.path"
-              class="border-b px-3 py-1 font-mono text-xs text-muted-foreground last:border-0"
+              class="text-muted-foreground border-b px-3 py-1 font-mono text-xs last:border-0"
             >
               {{ f.path }}
             </div>
-            <div
-              v-if="fileList.length > 50"
-              class="px-3 py-1 text-xs text-muted-foreground italic"
-            >
+            <div v-if="fileList.length > 50" class="text-muted-foreground px-3 py-1 text-xs italic">
               ...还有 {{ fileList.length - 50 }} 个文件
             </div>
           </div>
         </div>
 
-        <div
-          v-if="targetBucket"
-          class="overflow-hidden rounded-md border text-sm"
-        >
+        <div v-if="targetBucket" class="overflow-hidden rounded-md border text-sm">
           <div class="bg-muted px-3 py-1.5 text-xs font-medium">更新选项</div>
           <div class="divide-y">
             <div class="flex items-center justify-between px-3 py-2">
@@ -414,32 +379,21 @@ const handleUpload = async () => {
           </div>
         </div>
 
-        <div
-          v-if="uploading"
-          class="flex items-center gap-2 text-sm text-muted-foreground"
-        >
+        <div v-if="uploading" class="text-muted-foreground flex items-center gap-2 text-sm">
           <Loader2 class="h-4 w-4 animate-spin" />
-          正在上传第 {{ uploadProgress.current }} /
-          {{ uploadProgress.total }} 个文件
+          正在上传第 {{ uploadProgress.current }} / {{ uploadProgress.total }} 个文件
         </div>
 
-        <p v-if="processError" class="text-sm text-destructive">
+        <p v-if="processError" class="text-destructive text-sm">
           {{ processError }}
         </p>
       </div>
 
       <DialogFooter>
-        <Button
-          variant="outline"
-          :disabled="uploading"
-          @click="$emit('update:open', false)"
-        >
+        <Button variant="outline" :disabled="uploading" @click="$emit('update:open', false)">
           取消
         </Button>
-        <Button
-          :disabled="uploading || processing || !canSubmit"
-          @click="handleUpload"
-        >
+        <Button :disabled="uploading || processing || !canSubmit" @click="handleUpload">
           <Loader2 v-if="uploading" class="mr-1 h-4 w-4 animate-spin" />
           {{ targetBucket ? "上传" : "创建并上传" }}
         </Button>
diff --git a/src/components/token/components/TokenCreateModeSelect.vue b/src/components/token/components/TokenCreateModeSelect.vue
index 8ff5bc9c..d957d5b9 100644
--- a/src/components/token/components/TokenCreateModeSelect.vue
+++ b/src/components/token/components/TokenCreateModeSelect.vue
@@ -1,13 +1,7 @@
 <script setup lang="ts">
 import { useI18n } from "vue-i18n";
 import { Button } from "@/components/ui/button";
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from "@/components/ui/card";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
 import TokenTemplateList from "./TokenTemplateList.vue";
 import type { TokenTemplate } from "../tokenTemplates.ts";
 
@@ -41,10 +35,8 @@ const { t } = useI18n();
           {{ t("dashboard.token.create.custom.description") }}
         </CardDescription>
       </CardHeader>
-      <CardContent
-        class="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between"
-      >
-        <div class="text-sm text-muted-foreground">
+      <CardContent class="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
+        <div class="text-muted-foreground text-sm">
           {{ t("dashboard.token.create.custom.hint") }}
         </div>
         <Button type="button" @click="emits('select-custom')">
@@ -63,9 +55,7 @@ const { t } = useI18n();
         </CardDescription>
       </CardHeader>
       <CardContent>
-        <TokenTemplateList
-          @select="(template) => emits('select-template', template)"
-        />
+        <TokenTemplateList @select="(template) => emits('select-template', template)" />
       </CardContent>
     </Card>
   </div>
diff --git a/src/components/token/components/TokenEditorWorkspace.vue b/src/components/token/components/TokenEditorWorkspace.vue
index 09bb8ea4..574da966 100644
--- a/src/components/token/components/TokenEditorWorkspace.vue
+++ b/src/components/token/components/TokenEditorWorkspace.vue
@@ -39,13 +39,10 @@ const jsonText = ref("");
 const jsonErrorMessage = ref("");
 const skipNextTokenSync = ref(false);
 
-const serializedToken = computed(() =>
-  JSON.stringify(serializeTokenPayload(props.token), null, 2),
-);
+const serializedToken = computed(() => JSON.stringify(serializeTokenPayload(props.token), null, 2));
 
 const submitDisabled = computed(
-  () =>
-    props.disabled || props.loading || jsonErrorMessage.value.trim().length > 0,
+  () => props.disabled || props.loading || jsonErrorMessage.value.trim().length > 0,
 );
 
 watch(
@@ -72,9 +69,7 @@ const handleJsonChange = (value: string) => {
     const parsed = JSON.parse(value) as unknown;
     const result = applyPartialTokenPayload(props.token, parsed);
     jsonErrorMessage.value =
-      result.dataIssues.length > 0
-        ? result.dataIssues.map(formatJsonIssue).join(" ")
-        : "";
+      result.dataIssues.length > 0 ? result.dataIssues.map(formatJsonIssue).join(" ") : "";
 
     skipNextTokenSync.value = true;
     emits("update:token", result.token);
@@ -98,19 +93,12 @@ const handleJsonChange = (value: string) => {
       >
         {{ props.backLabel }}
       </Button>
-      <BaseInfoFrom
-        :token="props.token"
-        @update:token="(value) => emits('update:token', value)"
-      />
+      <BaseInfoFrom :token="props.token" @update:token="(value) => emits('update:token', value)" />
       <TokenLimitFrom
         :token="props.token"
         @update:token="(value) => emits('update:token', value)"
       />
-      <Button
-        class="w-full"
-        :disabled="submitDisabled"
-        @click="emits('submit')"
-      >
+      <Button class="w-full" :disabled="submitDisabled" @click="emits('submit')">
         <div v-if="props.loading">
           {{ props.submittingLabel }}
         </div>
diff --git a/src/components/token/components/TokenSuccessDialog.vue b/src/components/token/components/TokenSuccessDialog.vue
index 082edc9f..b2698832 100644
--- a/src/components/token/components/TokenSuccessDialog.vue
+++ b/src/components/token/components/TokenSuccessDialog.vue
@@ -43,23 +43,16 @@ const handleCopy = async (value: string, successMessage: string) => {
     <DialogContent class="sm:max-w-xl">
       <DialogHeader>
         <DialogTitle>
-          {{
-            props.title ?? t("dashboard.token.create.createSuccessDialog.title")
-          }}
+          {{ props.title ?? t("dashboard.token.create.createSuccessDialog.title") }}
         </DialogTitle>
         <DialogDescription>
-          {{
-            props.description ??
-            t("dashboard.token.create.createSuccessDialog.description")
-          }}
+          {{ props.description ?? t("dashboard.token.create.createSuccessDialog.description") }}
         </DialogDescription>
       </DialogHeader>
 
       <div class="space-y-4">
         <div class="space-y-2">
-          <Label>{{
-            t("dashboard.token.create.createSuccessDialog.tokenKeyLabel")
-          }}</Label>
+          <Label>{{ t("dashboard.token.create.createSuccessDialog.tokenKeyLabel") }}</Label>
           <div class="flex items-center gap-2">
             <Input :model-value="props.tokenKey" readonly />
             <Button
@@ -69,26 +62,20 @@ const handleCopy = async (value: string, successMessage: string) => {
               @click="
                 handleCopy(
                   props.tokenKey,
-                  t(
-                    'dashboard.token.create.createSuccessDialog.copyTokenKeySuccess',
-                  ),
+                  t('dashboard.token.create.createSuccessDialog.copyTokenKeySuccess'),
                 )
               "
             >
               <Copy class="h-4 w-4" />
               <span class="sr-only">
-                {{
-                  t("dashboard.token.create.createSuccessDialog.copyTokenKey")
-                }}
+                {{ t("dashboard.token.create.createSuccessDialog.copyTokenKey") }}
               </span>
             </Button>
           </div>
         </div>
 
         <div class="space-y-2">
-          <Label>{{
-            t("dashboard.token.create.createSuccessDialog.tokenSecretLabel")
-          }}</Label>
+          <Label>{{ t("dashboard.token.create.createSuccessDialog.tokenSecretLabel") }}</Label>
           <div class="flex items-center gap-2">
             <Input :model-value="props.tokenSecret" readonly />
             <Button
@@ -98,19 +85,13 @@ const handleCopy = async (value: string, successMessage: string) => {
               @click="
                 handleCopy(
                   props.tokenSecret,
-                  t(
-                    'dashboard.token.create.createSuccessDialog.copyToeknSecretSuccess',
-                  ),
+                  t('dashboard.token.create.createSuccessDialog.copyToeknSecretSuccess'),
                 )
               "
             >
               <Copy class="h-4 w-4" />
               <span class="sr-only">
-                {{
-                  t(
-                    "dashboard.token.create.createSuccessDialog.copyTokenSecret",
-                  )
-                }}
+                {{ t("dashboard.token.create.createSuccessDialog.copyTokenSecret") }}
               </span>
             </Button>
           </div>
@@ -123,9 +104,7 @@ const handleCopy = async (value: string, successMessage: string) => {
           @click="
             handleCopy(
               `${props.tokenKey}:${props.tokenSecret}`,
-              t(
-                'dashboard.token.create.createSuccessDialog.copyFullTokenSuccess',
-              ),
+              t('dashboard.token.create.createSuccessDialog.copyFullTokenSuccess'),
             )
           "
         >
diff --git a/src/components/token/components/TokenTemplateList.vue b/src/components/token/components/TokenTemplateList.vue
index c5caf883..bd613995 100644
--- a/src/components/token/components/TokenTemplateList.vue
+++ b/src/components/token/components/TokenTemplateList.vue
@@ -24,10 +24,10 @@ const templates = computed(() => TOKEN_TEMPLATES);
               {{ t(template.nameKey) }}
             </div>
           </TableCell>
-          <TableCell class="align-top text-sm text-muted-foreground">
+          <TableCell class="text-muted-foreground align-top text-sm">
             {{ t(template.descriptionKey) }}
           </TableCell>
-          <TableCell class="w-[1%] whitespace-nowrap text-right align-middle">
+          <TableCell class="w-[1%] text-right align-middle whitespace-nowrap">
             <Button type="button" @click="emits('select', template)">
               {{ t("dashboard.token.create.templates.useTemplate") }}
             </Button>
diff --git a/src/components/token/components/baseInfoFrom.vue b/src/components/token/components/baseInfoFrom.vue
index dc2e17ab..2a630d16 100644
--- a/src/components/token/components/baseInfoFrom.vue
+++ b/src/components/token/components/baseInfoFrom.vue
@@ -6,11 +6,7 @@ import { generateUuid } from "../scopeCodec";
 import { ChevronDown, CircleX } from "lucide-vue-next";
 import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import {
-  Collapsible,
-  CollapsibleContent,
-  CollapsibleTrigger,
-} from "@/components/ui/collapsible";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@/components/ui/collapsible";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
 
@@ -24,9 +20,7 @@ const { t } = useI18n();
 
 const isOpen = ref(false);
 const localToken = ref<Token>(props.token);
-const timestampFromInput = ref(
-  formatTimestampForInput(props.token.timestamp_from),
-);
+const timestampFromInput = ref(formatTimestampForInput(props.token.timestamp_from));
 const timestampToInput = ref(formatTimestampForInput(props.token.timestamp_to));
 
 watch(
@@ -179,14 +173,12 @@ const clearTimestampTo = () => {
                 :max="timestampFromMax"
                 @blur="handleTimestampFromBlur"
                 type="datetime-local"
-                :placeholder="
-                  t('dashboard.token.tokenInfo.startTimePlaceholder')
-                "
+                :placeholder="t('dashboard.token.tokenInfo.startTimePlaceholder')"
               ></Input>
               <button
                 v-if="timestampFromInput"
                 type="button"
-                class="text-muted-foreground hover:text-foreground focus-visible:text-foreground focus-visible:ring-ring/50 absolute top-1/2 right-2 z-10 -translate-y-1/2 rounded-sm bg-background/80 p-0.5 opacity-0 shadow-sm transition-opacity pointer-events-none group-hover:pointer-events-auto group-hover:opacity-100 group-focus-within:pointer-events-auto group-focus-within:opacity-100 focus-visible:pointer-events-auto focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-[1px]"
+                class="text-muted-foreground hover:text-foreground focus-visible:text-foreground focus-visible:ring-ring/50 bg-background/80 pointer-events-none absolute top-1/2 right-2 z-10 -translate-y-1/2 rounded-sm p-0.5 opacity-0 shadow-sm transition-opacity group-focus-within:pointer-events-auto group-focus-within:opacity-100 group-hover:pointer-events-auto group-hover:opacity-100 focus-visible:pointer-events-auto focus-visible:opacity-100 focus-visible:ring-[1px] focus-visible:outline-none"
                 @click="clearTimestampFrom"
               >
                 <CircleX class="h-4 w-4" />
@@ -208,7 +200,7 @@ const clearTimestampTo = () => {
               <button
                 v-if="timestampToInput"
                 type="button"
-                class="text-muted-foreground hover:text-foreground focus-visible:text-foreground focus-visible:ring-ring/50 absolute top-1/2 right-2 z-10 -translate-y-1/2 rounded-sm bg-background/80 p-0.5 opacity-0 shadow-sm transition-opacity pointer-events-none group-hover:pointer-events-auto group-hover:opacity-100 group-focus-within:pointer-events-auto group-focus-within:opacity-100 focus-visible:pointer-events-auto focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-[1px]"
+                class="text-muted-foreground hover:text-foreground focus-visible:text-foreground focus-visible:ring-ring/50 bg-background/80 pointer-events-none absolute top-1/2 right-2 z-10 -translate-y-1/2 rounded-sm p-0.5 opacity-0 shadow-sm transition-opacity group-focus-within:pointer-events-auto group-focus-within:opacity-100 group-hover:pointer-events-auto group-hover:opacity-100 focus-visible:pointer-events-auto focus-visible:opacity-100 focus-visible:ring-[1px] focus-visible:outline-none"
                 @click="clearTimestampTo"
               >
                 <CircleX class="h-4 w-4" />
diff --git a/src/components/token/components/limitScopeConfig.vue b/src/components/token/components/limitScopeConfig.vue
index 63e81538..55d1eccb 100644
--- a/src/components/token/components/limitScopeConfig.vue
+++ b/src/components/token/components/limitScopeConfig.vue
@@ -40,9 +40,7 @@ const useKv = useKvHook();
 const { t } = useI18n();
 
 const localScope = ref<TokenLimitScope>(props.scope);
-const activeTab = ref<ScopeTabValue>(
-  props.scopeTab ?? detectScopeTab(props.scope),
-);
+const activeTab = ref<ScopeTabValue>(props.scopeTab ?? detectScopeTab(props.scope));
 const agentList = ref<AgentOption[]>([]);
 const agentUuidLoading = ref(false);
 const agentUuidLoaded = ref(false);
@@ -155,20 +153,15 @@ const handleTabChange = (value: string) => {
   }
 };
 
-const selectedAgentUuids = computed(() =>
-  getSelectedAgentUuids(localScope.value),
-);
+const selectedAgentUuids = computed(() => getSelectedAgentUuids(localScope.value));
 
-const selectedKvNamespaces = computed(() =>
-  getSelectedKvNamespaces(localScope.value),
-);
+const selectedKvNamespaces = computed(() => getSelectedKvNamespaces(localScope.value));
 
 const dedupeTargets = (targets: string[]) => {
   return [...new Set(targets.map((item) => item.trim()).filter(Boolean))];
 };
 
-const isAgentUuidChecked = (value: string) =>
-  selectedAgentUuids.value.includes(value);
+const isAgentUuidChecked = (value: string) => selectedAgentUuids.value.includes(value);
 
 const toggleAgentUuid = (value: string, isChecked: boolean) => {
   if (activeTab.value !== "AgentUuid") {
@@ -187,8 +180,7 @@ const toggleAgentUuid = (value: string, isChecked: boolean) => {
   );
 };
 
-const isKvNamespaceChecked = (value: string) =>
-  selectedKvNamespaces.value.includes(value);
+const isKvNamespaceChecked = (value: string) => selectedKvNamespaces.value.includes(value);
 
 const toggleKvNamespace = (value: string, isChecked: boolean) => {
   if (activeTab.value !== "KvNamespace") {
@@ -219,9 +211,7 @@ const formatAgentLabel = (agent: AgentOption) => {
 };
 
 const normalizeTargets = (targets: AcceptableInputValue[]) => {
-  return targets.filter(
-    (target): target is string => typeof target === "string",
-  );
+  return targets.filter((target): target is string => typeof target === "string");
 };
 
 const updateJsWorkerScopes = (value: AcceptableInputValue[]) => {
@@ -246,11 +236,7 @@ const getCheckboxId = (value: string) => `${checkboxIdPrefix}-${value}`;
     </CardHeader>
 
     <CardContent class="grid gap-6 space-y-6">
-      <Tabs
-        v-model="activeTab"
-        class="w-full"
-        @update:modelValue="handleTabChange"
-      >
+      <Tabs v-model="activeTab" class="w-full" @update:modelValue="handleTabChange">
         <TabsList>
           <TabsTrigger value="Global">
             {{ t("dashboard.token.permissionsConfig.limitItem.scope.global") }}
@@ -262,17 +248,11 @@ const getCheckboxId = (value: string) => `${checkboxIdPrefix}-${value}`;
             {{ t("dashboard.token.permissionsConfig.limitItem.scope.kv") }}
           </TabsTrigger>
           <TabsTrigger value="JsWorker">
-            {{
-              t("dashboard.token.permissionsConfig.limitItem.scope.jsWorker")
-            }}
+            {{ t("dashboard.token.permissionsConfig.limitItem.scope.jsWorker") }}
           </TabsTrigger>
         </TabsList>
         <TabsContent value="Global">
-          {{
-            t(
-              "dashboard.token.permissionsConfig.limitItem.scope.globalDescription",
-            )
-          }}
+          {{ t("dashboard.token.permissionsConfig.limitItem.scope.globalDescription") }}
         </TabsContent>
         <TabsContent value="AgentUuid" class="space-y-1">
           <div class="flex w-full justify-end">
@@ -285,22 +265,15 @@ const getCheckboxId = (value: string) => `${checkboxIdPrefix}-${value}`;
             </Button>
           </div>
           <div class="space-y-2">
-            <div
-              v-for="item in agentList"
-              :key="item.uuid"
-              class="flex items-center space-x-2"
-            >
+            <div v-for="item in agentList" :key="item.uuid" class="flex items-center space-x-2">
               <Checkbox
                 :id="getCheckboxId(item.uuid)"
                 :modelValue="isAgentUuidChecked(item.uuid)"
                 @update:modelValue="
-                  (checked: CheckboxCheckedState) =>
-                    toggleAgentUuid(item.uuid, checked === true)
+                  (checked: CheckboxCheckedState) => toggleAgentUuid(item.uuid, checked === true)
                 "
               />
-              <Label :for="getCheckboxId(item.uuid)">{{
-                formatAgentLabel(item)
-              }}</Label>
+              <Label :for="getCheckboxId(item.uuid)">{{ formatAgentLabel(item) }}</Label>
             </div>
           </div>
         </TabsContent>
@@ -324,8 +297,7 @@ const getCheckboxId = (value: string) => `${checkboxIdPrefix}-${value}`;
                 :id="getCheckboxId(item)"
                 :modelValue="isKvNamespaceChecked(item)"
                 @update:modelValue="
-                  (checked: CheckboxCheckedState) =>
-                    toggleKvNamespace(item, checked === true)
+                  (checked: CheckboxCheckedState) => toggleKvNamespace(item, checked === true)
                 "
               />
               <Label :for="getCheckboxId(item)">{{ item }}</Label>
@@ -333,12 +305,8 @@ const getCheckboxId = (value: string) => `${checkboxIdPrefix}-${value}`;
           </div>
         </TabsContent>
         <TabsContent value="JsWorker" class="space-y-3">
-          <div class="text-sm text-muted-foreground">
-            {{
-              t(
-                "dashboard.token.permissionsConfig.limitItem.scope.jsWorkerDescription",
-              )
-            }}
+          <div class="text-muted-foreground text-sm">
+            {{ t("dashboard.token.permissionsConfig.limitItem.scope.jsWorkerDescription") }}
           </div>
           <TagsInput
             :model-value="jsWorkerScopes"
@@ -358,9 +326,7 @@ const getCheckboxId = (value: string) => `${checkboxIdPrefix}-${value}`;
             </div>
             <TagsInputInput
               :placeholder="
-                t(
-                  'dashboard.token.permissionsConfig.limitItem.scope.jsWorkerPlaceholder',
-                )
+                t('dashboard.token.permissionsConfig.limitItem.scope.jsWorkerPlaceholder')
               "
               class="w-full px-0 pt-2"
             />
diff --git a/src/components/token/components/permissions/CrontabPermission.vue b/src/components/token/components/permissions/CrontabPermission.vue
index 1e3a6437..cb4bb9b1 100644
--- a/src/components/token/components/permissions/CrontabPermission.vue
+++ b/src/components/token/components/permissions/CrontabPermission.vue
@@ -16,9 +16,7 @@ const read = ref(false);
 const write = ref(false);
 const del = ref(false);
 const hydrating = ref(false);
-const { isOpen, handleToggle } = usePermissionModuleOpen(
-  () => props.modelValue,
-);
+const { isOpen, handleToggle } = usePermissionModuleOpen(() => props.modelValue);
 
 const build = (): PermissionEntry[] => {
   const result: PermissionEntry[] = [];
@@ -66,25 +64,12 @@ watch(
 
 <template>
   <details class="rounded-md border p-3" :open="isOpen" @toggle="handleToggle">
-    <summary class="cursor-pointer select-none text-sm font-medium">
-      {{
-        t(
-          "dashboard.token.permissionsConfig.limitItem.permissionCard.crontab.title",
-        )
-      }}
+    <summary class="cursor-pointer text-sm font-medium select-none">
+      {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.crontab.title") }}
     </summary>
     <div class="mt-3 flex flex-wrap gap-2">
-      <Button
-        type="button"
-        size="sm"
-        :variant="read ? 'default' : 'outline'"
-        @click="read = !read"
-      >
-        {{
-          t(
-            "dashboard.token.permissionsConfig.limitItem.permissionCard.crontab.read",
-          )
-        }}
+      <Button type="button" size="sm" :variant="read ? 'default' : 'outline'" @click="read = !read">
+        {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.crontab.read") }}
       </Button>
       <Button
         type="button"
@@ -92,23 +77,10 @@ watch(
         :variant="write ? 'default' : 'outline'"
         @click="write = !write"
       >
-        {{
-          t(
-            "dashboard.token.permissionsConfig.limitItem.permissionCard.crontab.write",
-          )
-        }}
+        {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.crontab.write") }}
       </Button>
-      <Button
-        type="button"
-        size="sm"
-        :variant="del ? 'default' : 'outline'"
-        @click="del = !del"
-      >
-        {{
-          t(
-            "dashboard.token.permissionsConfig.limitItem.permissionCard.crontab.delete",
-          )
-        }}
+      <Button type="button" size="sm" :variant="del ? 'default' : 'outline'" @click="del = !del">
+        {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.crontab.delete") }}
       </Button>
     </div>
   </details>
diff --git a/src/components/token/components/permissions/CrontabResultPermission.vue b/src/components/token/components/permissions/CrontabResultPermission.vue
index e80381af..02ae0062 100644
--- a/src/components/token/components/permissions/CrontabResultPermission.vue
+++ b/src/components/token/components/permissions/CrontabResultPermission.vue
@@ -21,9 +21,7 @@ const { t } = useI18n();
 const readTargets = ref<string[]>([]);
 const deleteTargets = ref<string[]>([]);
 const hydrating = ref(false);
-const { isOpen, handleToggle } = usePermissionModuleOpen(
-  () => props.modelValue,
-);
+const { isOpen, handleToggle } = usePermissionModuleOpen(() => props.modelValue);
 
 type CrontabResultKind = "read" | "delete";
 
@@ -93,15 +91,10 @@ const getTargetsRef = (kind: CrontabResultKind) => {
 };
 
 const normalizeTargets = (targets: AcceptableInputValue[]) => {
-  return targets.filter(
-    (target): target is string => typeof target === "string",
-  );
+  return targets.filter((target): target is string => typeof target === "string");
 };
 
-const updateTargets = (
-  kind: CrontabResultKind,
-  value: AcceptableInputValue[],
-) => {
+const updateTargets = (kind: CrontabResultKind, value: AcceptableInputValue[]) => {
   const targets = getTargetsRef(kind);
   targets.value = dedupeTargets(normalizeTargets(value));
 };
@@ -131,20 +124,14 @@ watch(
 
 <template>
   <details class="rounded-md border p-3" :open="isOpen" @toggle="handleToggle">
-    <summary class="cursor-pointer select-none text-sm font-medium">
-      {{
-        t(
-          "dashboard.token.permissionsConfig.limitItem.permissionCard.crontabReault.title",
-        )
-      }}
+    <summary class="cursor-pointer text-sm font-medium select-none">
+      {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.crontabReault.title") }}
     </summary>
     <div class="mt-3 space-y-3">
       <div class="space-y-1">
-        <div class="text-xs text-muted-foreground">
+        <div class="text-muted-foreground text-xs">
           {{
-            t(
-              "dashboard.token.permissionsConfig.limitItem.permissionCard.crontabReault.readTarget",
-            )
+            t("dashboard.token.permissionsConfig.limitItem.permissionCard.crontabReault.readTarget")
           }}
         </div>
         <TagsInput
@@ -154,11 +141,7 @@ watch(
           @update:model-value="updateTargets('read', $event)"
         >
           <div class="flex flex-wrap gap-2">
-            <TagsInputItem
-              v-for="target in readTargets"
-              :key="`read-${target}`"
-              :value="target"
-            >
+            <TagsInputItem v-for="target in readTargets" :key="`read-${target}`" :value="target">
               <TagsInputItemText />
               <TagsInputItemDelete />
             </TagsInputItem>
@@ -168,7 +151,7 @@ watch(
       </div>
 
       <div class="space-y-1">
-        <div class="text-xs text-muted-foreground">
+        <div class="text-muted-foreground text-xs">
           {{
             t(
               "dashboard.token.permissionsConfig.limitItem.permissionCard.crontabReault.deleteTarget",
diff --git a/src/components/token/components/permissions/DynamicMonitoringPermission.vue b/src/components/token/components/permissions/DynamicMonitoringPermission.vue
index 4c11d917..07688f21 100644
--- a/src/components/token/components/permissions/DynamicMonitoringPermission.vue
+++ b/src/components/token/components/permissions/DynamicMonitoringPermission.vue
@@ -6,15 +6,7 @@ import { Button } from "@/components/ui/button";
 import { arePermissionEntriesEqual } from "./permissionsState";
 import { usePermissionModuleOpen } from "./usePermissionModuleOpen";
 
-const FIELDS = [
-  "cpu",
-  "ram",
-  "load",
-  "system",
-  "disk",
-  "network",
-  "gpu",
-] as const;
+const FIELDS = ["cpu", "ram", "load", "system", "disk", "network", "gpu"] as const;
 
 const props = defineProps<{ modelValue: PermissionEntry[] }>();
 const emits = defineEmits<{
@@ -26,9 +18,7 @@ const readTargets = ref<string[]>([]);
 const writeEnabled = ref(false);
 const deleteEnabled = ref(false);
 const hydrating = ref(false);
-const { isOpen, handleToggle } = usePermissionModuleOpen(
-  () => props.modelValue,
-);
+const { isOpen, handleToggle } = usePermissionModuleOpen(() => props.modelValue);
 
 const toggleReadTarget = (target: string) => {
   const index = readTargets.value.indexOf(target);
@@ -48,8 +38,7 @@ const toggleDelete = () => {
 
 const build = (): PermissionEntry[] => {
   const result: PermissionEntry[] = [];
-  for (const field of readTargets.value)
-    result.push({ dynamic_monitoring: { read: field } });
+  for (const field of readTargets.value) result.push({ dynamic_monitoring: { read: field } });
   if (writeEnabled.value) result.push({ dynamic_monitoring: "write" });
   if (deleteEnabled.value) result.push({ dynamic_monitoring: "delete" });
   return result;
@@ -103,20 +92,12 @@ watch(
 
 <template>
   <details class="rounded-md border p-3" :open="isOpen" @toggle="handleToggle">
-    <summary class="cursor-pointer select-none text-sm font-medium">
-      {{
-        t(
-          "dashboard.token.permissionsConfig.limitItem.permissionCard.dynamicMonitoring.title",
-        )
-      }}
+    <summary class="cursor-pointer text-sm font-medium select-none">
+      {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.dynamicMonitoring.title") }}
     </summary>
     <div class="mt-3 space-y-2">
-      <div class="text-xs text-muted-foreground">
-        {{
-          t(
-            "dashboard.token.permissionsConfig.limitItem.permissionCard.dynamicMonitoring.read",
-          )
-        }}
+      <div class="text-muted-foreground text-xs">
+        {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.dynamicMonitoring.read") }}
       </div>
       <div class="flex flex-wrap gap-2">
         <Button
@@ -129,11 +110,9 @@ watch(
           >{{ field }}</Button
         >
       </div>
-      <div class="text-xs text-muted-foreground">
+      <div class="text-muted-foreground text-xs">
         {{
-          t(
-            "dashboard.token.permissionsConfig.limitItem.permissionCard.dynamicMonitoring.write",
-          )
+          t("dashboard.token.permissionsConfig.limitItem.permissionCard.dynamicMonitoring.write")
         }}
       </div>
       <div class="flex flex-wrap gap-2">
@@ -144,17 +123,13 @@ watch(
           @click="toggleWrite"
         >
           {{
-            t(
-              "dashboard.token.permissionsConfig.limitItem.permissionCard.dynamicMonitoring.write",
-            )
+            t("dashboard.token.permissionsConfig.limitItem.permissionCard.dynamicMonitoring.write")
           }}
         </Button>
       </div>
-      <div class="text-xs text-muted-foreground">
+      <div class="text-muted-foreground text-xs">
         {{
-          t(
-            "dashboard.token.permissionsConfig.limitItem.permissionCard.dynamicMonitoring.delete",
-          )
+          t("dashboard.token.permissionsConfig.limitItem.permissionCard.dynamicMonitoring.delete")
         }}
       </div>
       <div class="flex flex-wrap gap-2">
@@ -165,9 +140,7 @@ watch(
           @click="toggleDelete"
         >
           {{
-            t(
-              "dashboard.token.permissionsConfig.limitItem.permissionCard.dynamicMonitoring.delete",
-            )
+            t("dashboard.token.permissionsConfig.limitItem.permissionCard.dynamicMonitoring.delete")
           }}
         </Button>
       </div>
diff --git a/src/components/token/components/permissions/DynamicMonitoringSummaryPermission.vue b/src/components/token/components/permissions/DynamicMonitoringSummaryPermission.vue
index 837effa2..812e604e 100644
--- a/src/components/token/components/permissions/DynamicMonitoringSummaryPermission.vue
+++ b/src/components/token/components/permissions/DynamicMonitoringSummaryPermission.vue
@@ -16,9 +16,7 @@ const readEnabled = ref(false);
 const writeEnabled = ref(false);
 const deleteEnabled = ref(false);
 const hydrating = ref(false);
-const { isOpen, handleToggle } = usePermissionModuleOpen(
-  () => props.modelValue,
-);
+const { isOpen, handleToggle } = usePermissionModuleOpen(() => props.modelValue);
 
 const build = (): PermissionEntry[] => {
   const result: PermissionEntry[] = [];
@@ -82,7 +80,7 @@ watch(
 
 <template>
   <details class="rounded-md border p-3" :open="isOpen" @toggle="handleToggle">
-    <summary class="cursor-pointer select-none text-sm font-medium">
+    <summary class="cursor-pointer text-sm font-medium select-none">
       {{
         t(
           "dashboard.token.permissionsConfig.limitItem.permissionCard.dynamicMonitoringSummary.title",
@@ -90,7 +88,7 @@ watch(
       }}
     </summary>
     <div class="mt-3 space-y-2">
-      <div class="text-xs text-muted-foreground">
+      <div class="text-muted-foreground text-xs">
         {{
           t(
             "dashboard.token.permissionsConfig.limitItem.permissionCard.dynamicMonitoringSummary.read",
@@ -111,7 +109,7 @@ watch(
           }}
         </Button>
       </div>
-      <div class="text-xs text-muted-foreground">
+      <div class="text-muted-foreground text-xs">
         {{
           t(
             "dashboard.token.permissionsConfig.limitItem.permissionCard.dynamicMonitoringSummary.write",
@@ -132,7 +130,7 @@ watch(
           }}
         </Button>
       </div>
-      <div class="text-xs text-muted-foreground">
+      <div class="text-muted-foreground text-xs">
         {{
           t(
             "dashboard.token.permissionsConfig.limitItem.permissionCard.dynamicMonitoringSummary.delete",
diff --git a/src/components/token/components/permissions/JsResultPermission.vue b/src/components/token/components/permissions/JsResultPermission.vue
index 632a7893..3a02764e 100644
--- a/src/components/token/components/permissions/JsResultPermission.vue
+++ b/src/components/token/components/permissions/JsResultPermission.vue
@@ -21,9 +21,7 @@ const { t } = useI18n();
 const readTargets = ref<string[]>([]);
 const deleteTargets = ref<string[]>([]);
 const hydrating = ref(false);
-const { isOpen, handleToggle } = usePermissionModuleOpen(
-  () => props.modelValue,
-);
+const { isOpen, handleToggle } = usePermissionModuleOpen(() => props.modelValue);
 
 type JsResultKind = "read" | "delete";
 
@@ -94,9 +92,7 @@ const getTargetsRef = (kind: JsResultKind) => {
 };
 
 const normalizeTargets = (targets: AcceptableInputValue[]) => {
-  return targets.filter(
-    (target): target is string => typeof target === "string",
-  );
+  return targets.filter((target): target is string => typeof target === "string");
 };
 
 const updateTargets = (kind: JsResultKind, value: AcceptableInputValue[]) => {
@@ -129,21 +125,13 @@ watch(
 
 <template>
   <details class="rounded-md border p-3" :open="isOpen" @toggle="handleToggle">
-    <summary class="cursor-pointer select-none text-sm font-medium">
-      {{
-        t(
-          "dashboard.token.permissionsConfig.limitItem.permissionCard.jsResult.title",
-        )
-      }}
+    <summary class="cursor-pointer text-sm font-medium select-none">
+      {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.jsResult.title") }}
     </summary>
     <div class="mt-3 space-y-3">
       <div class="space-y-1">
-        <div class="text-xs text-muted-foreground">
-          {{
-            t(
-              "dashboard.token.permissionsConfig.limitItem.permissionCard.jsResult.readTarget",
-            )
-          }}
+        <div class="text-muted-foreground text-xs">
+          {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.jsResult.readTarget") }}
         </div>
         <TagsInput
           :model-value="readTargets"
@@ -152,11 +140,7 @@ watch(
           @update:model-value="updateTargets('read', $event)"
         >
           <div class="flex flex-wrap gap-2">
-            <TagsInputItem
-              v-for="target in readTargets"
-              :key="`read-${target}`"
-              :value="target"
-            >
+            <TagsInputItem v-for="target in readTargets" :key="`read-${target}`" :value="target">
               <TagsInputItemText />
               <TagsInputItemDelete />
             </TagsInputItem>
@@ -166,11 +150,9 @@ watch(
       </div>
 
       <div class="space-y-1">
-        <div class="text-xs text-muted-foreground">
+        <div class="text-muted-foreground text-xs">
           {{
-            t(
-              "dashboard.token.permissionsConfig.limitItem.permissionCard.jsResult.deleteTarget",
-            )
+            t("dashboard.token.permissionsConfig.limitItem.permissionCard.jsResult.deleteTarget")
           }}
         </div>
         <TagsInput
diff --git a/src/components/token/components/permissions/JsWorkerPermission.vue b/src/components/token/components/permissions/JsWorkerPermission.vue
index ebecf4b0..cb318aea 100644
--- a/src/components/token/components/permissions/JsWorkerPermission.vue
+++ b/src/components/token/components/permissions/JsWorkerPermission.vue
@@ -20,9 +20,7 @@ const remove = ref(false);
 const runDefinedJsWorker = ref(false);
 const runRawJsWorker = ref(false);
 const hydrating = ref(false);
-const { isOpen, handleToggle } = usePermissionModuleOpen(
-  () => props.modelValue,
-);
+const { isOpen, handleToggle } = usePermissionModuleOpen(() => props.modelValue);
 
 const build = (): PermissionEntry[] => {
   const entries: PermissionEntry[] = [];
@@ -53,19 +51,13 @@ const build = (): PermissionEntry[] => {
 };
 
 const hydrate = (entries: PermissionEntry[]) => {
-  listAllJsWorker.value = entries.some(
-    (entry) => entry?.js_worker === "list_all_js_worker",
-  );
+  listAllJsWorker.value = entries.some((entry) => entry?.js_worker === "list_all_js_worker");
   create.value = entries.some((entry) => entry?.js_worker === "create");
   read.value = entries.some((entry) => entry?.js_worker === "read");
   write.value = entries.some((entry) => entry?.js_worker === "write");
   remove.value = entries.some((entry) => entry?.js_worker === "delete");
-  runDefinedJsWorker.value = entries.some(
-    (entry) => entry?.js_worker === "run_defined_js_worker",
-  );
-  runRawJsWorker.value = entries.some(
-    (entry) => entry?.js_worker === "run_raw_js_worker",
-  );
+  runDefinedJsWorker.value = entries.some((entry) => entry?.js_worker === "run_defined_js_worker");
+  runRawJsWorker.value = entries.some((entry) => entry?.js_worker === "run_raw_js_worker");
 };
 
 watch(
@@ -81,33 +73,18 @@ watch(
   { immediate: true, deep: true },
 );
 
-watch(
-  [
-    listAllJsWorker,
-    create,
-    read,
-    write,
-    remove,
-    runDefinedJsWorker,
-    runRawJsWorker,
-  ],
-  () => {
-    if (hydrating.value) return;
-    const nextEntries = build();
-    if (arePermissionEntriesEqual(nextEntries, props.modelValue)) return;
-    emits("update:modelValue", nextEntries);
-  },
-);
+watch([listAllJsWorker, create, read, write, remove, runDefinedJsWorker, runRawJsWorker], () => {
+  if (hydrating.value) return;
+  const nextEntries = build();
+  if (arePermissionEntriesEqual(nextEntries, props.modelValue)) return;
+  emits("update:modelValue", nextEntries);
+});
 </script>
 
 <template>
   <details class="rounded-md border p-3" :open="isOpen" @toggle="handleToggle">
-    <summary class="cursor-pointer select-none text-sm font-medium">
-      {{
-        t(
-          "dashboard.token.permissionsConfig.limitItem.permissionCard.jsWorker.title",
-        )
-      }}
+    <summary class="cursor-pointer text-sm font-medium select-none">
+      {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.jsWorker.title") }}
     </summary>
     <div class="mt-3 flex flex-wrap gap-2">
       <Button
@@ -117,9 +94,7 @@ watch(
         @click="listAllJsWorker = !listAllJsWorker"
       >
         {{
-          t(
-            "dashboard.token.permissionsConfig.limitItem.permissionCard.jsWorker.listAllJsWorker",
-          )
+          t("dashboard.token.permissionsConfig.limitItem.permissionCard.jsWorker.listAllJsWorker")
         }}
       </Button>
       <Button
@@ -128,23 +103,10 @@ watch(
         :variant="create ? 'default' : 'outline'"
         @click="create = !create"
       >
-        {{
-          t(
-            "dashboard.token.permissionsConfig.limitItem.permissionCard.jsWorker.create",
-          )
-        }}
+        {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.jsWorker.create") }}
       </Button>
-      <Button
-        type="button"
-        size="sm"
-        :variant="read ? 'default' : 'outline'"
-        @click="read = !read"
-      >
-        {{
-          t(
-            "dashboard.token.permissionsConfig.limitItem.permissionCard.jsWorker.read",
-          )
-        }}
+      <Button type="button" size="sm" :variant="read ? 'default' : 'outline'" @click="read = !read">
+        {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.jsWorker.read") }}
       </Button>
       <Button
         type="button"
@@ -152,11 +114,7 @@ watch(
         :variant="write ? 'default' : 'outline'"
         @click="write = !write"
       >
-        {{
-          t(
-            "dashboard.token.permissionsConfig.limitItem.permissionCard.jsWorker.write",
-          )
-        }}
+        {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.jsWorker.write") }}
       </Button>
       <Button
         type="button"
@@ -164,11 +122,7 @@ watch(
         :variant="remove ? 'default' : 'outline'"
         @click="remove = !remove"
       >
-        {{
-          t(
-            "dashboard.token.permissionsConfig.limitItem.permissionCard.jsWorker.delete",
-          )
-        }}
+        {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.jsWorker.delete") }}
       </Button>
       <Button
         type="button"
@@ -189,9 +143,7 @@ watch(
         @click="runRawJsWorker = !runRawJsWorker"
       >
         {{
-          t(
-            "dashboard.token.permissionsConfig.limitItem.permissionCard.jsWorker.runRawJsWorker",
-          )
+          t("dashboard.token.permissionsConfig.limitItem.permissionCard.jsWorker.runRawJsWorker")
         }}
       </Button>
     </div>
diff --git a/src/components/token/components/permissions/KvPermission.vue b/src/components/token/components/permissions/KvPermission.vue
index f25711be..dae4a83b 100644
--- a/src/components/token/components/permissions/KvPermission.vue
+++ b/src/components/token/components/permissions/KvPermission.vue
@@ -31,9 +31,7 @@ const readTargets = ref<string[]>([]);
 const writeTargets = ref<string[]>([]);
 const deleteTargets = ref<string[]>([]);
 const hydrating = ref(false);
-const { isOpen, handleToggle } = usePermissionModuleOpen(
-  () => props.modelValue,
-);
+const { isOpen, handleToggle } = usePermissionModuleOpen(() => props.modelValue);
 
 const build = (): PermissionEntry[] => {
   return buildKvPermissions({
@@ -63,9 +61,7 @@ const getTargetsRef = (kind: KvTargetKind) => {
 };
 
 const normalizeTargets = (targets: AcceptableInputValue[]) => {
-  return targets.filter(
-    (target): target is string => typeof target === "string",
-  );
+  return targets.filter((target): target is string => typeof target === "string");
 };
 
 const sanitizeTargets = (targets: string[]) => {
@@ -123,10 +119,8 @@ watch(
 
 <template>
   <details class="rounded-md border p-3" :open="isOpen" @toggle="handleToggle">
-    <summary class="cursor-pointer select-none text-sm font-medium">
-      {{
-        t("dashboard.token.permissionsConfig.limitItem.permissionCard.kv.title")
-      }}
+    <summary class="cursor-pointer text-sm font-medium select-none">
+      {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.kv.title") }}
     </summary>
     <div class="mt-3 space-y-3 space-x-2">
       <Button
@@ -134,32 +128,20 @@ watch(
         :variant="listAllKeys ? 'default' : 'outline'"
         @click="listAllKeys = !listAllKeys"
       >
-        {{
-          t(
-            "dashboard.token.permissionsConfig.limitItem.permissionCard.kv.listAllKeys",
-          )
-        }}
+        {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.kv.listAllKeys") }}
       </Button>
       <Button
         size="sm"
         :variant="listAllNamespace ? 'default' : 'outline'"
         @click="listAllNamespace = !listAllNamespace"
       >
-        {{
-          t(
-            "dashboard.token.permissionsConfig.limitItem.permissionCard.kv.listAllNamespaces",
-          )
-        }}
+        {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.kv.listAllNamespaces") }}
       </Button>
 
       <div class="space-y-3">
         <div class="space-y-1">
-          <div class="text-xs text-muted-foreground">
-            {{
-              t(
-                "dashboard.token.permissionsConfig.limitItem.permissionCard.kv.readTarget",
-              )
-            }}
+          <div class="text-muted-foreground text-xs">
+            {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.kv.readTarget") }}
           </div>
           <TagsInput
             :model-value="readTargets"
@@ -168,11 +150,7 @@ watch(
             @update:model-value="updateTargets('read', $event)"
           >
             <div class="flex flex-wrap gap-2">
-              <TagsInputItem
-                v-for="target in readTargets"
-                :key="`read-${target}`"
-                :value="target"
-              >
+              <TagsInputItem v-for="target in readTargets" :key="`read-${target}`" :value="target">
                 <TagsInputItemText />
                 <TagsInputItemDelete />
               </TagsInputItem>
@@ -182,12 +160,8 @@ watch(
         </div>
 
         <div class="space-y-1">
-          <div class="text-xs text-muted-foreground">
-            {{
-              t(
-                "dashboard.token.permissionsConfig.limitItem.permissionCard.kv.writeTarget",
-              )
-            }}
+          <div class="text-muted-foreground text-xs">
+            {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.kv.writeTarget") }}
           </div>
           <TagsInput
             :model-value="writeTargets"
@@ -205,20 +179,13 @@ watch(
                 <TagsInputItemDelete />
               </TagsInputItem>
             </div>
-            <TagsInputInput
-              placeholder="runtime_config"
-              class="w-full px-0 pt-2"
-            />
+            <TagsInputInput placeholder="runtime_config" class="w-full px-0 pt-2" />
           </TagsInput>
         </div>
 
         <div class="space-y-1">
-          <div class="text-xs text-muted-foreground">
-            {{
-              t(
-                "dashboard.token.permissionsConfig.limitItem.permissionCard.kv.deleteTarget",
-              )
-            }}
+          <div class="text-muted-foreground text-xs">
+            {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.kv.deleteTarget") }}
           </div>
           <TagsInput
             :model-value="deleteTargets"
diff --git a/src/components/token/components/permissions/NodeGetPermission.vue b/src/components/token/components/permissions/NodeGetPermission.vue
index b23b5c1a..1d7530d1 100644
--- a/src/components/token/components/permissions/NodeGetPermission.vue
+++ b/src/components/token/components/permissions/NodeGetPermission.vue
@@ -15,9 +15,7 @@ const { t } = useI18n();
 const listAllAgentUuid = ref(false);
 const getRtPool = ref(false);
 const hydrating = ref(false);
-const { isOpen, handleToggle } = usePermissionModuleOpen(
-  () => props.modelValue,
-);
+const { isOpen, handleToggle } = usePermissionModuleOpen(() => props.modelValue);
 
 const build = (): PermissionEntry[] => {
   const entries: PermissionEntry[] = [];
@@ -36,12 +34,10 @@ const build = (): PermissionEntry[] => {
 const hydrate = (entries: PermissionEntry[]) => {
   listAllAgentUuid.value = entries.some(
     (entry) =>
-      entry?.node_get === "list_all_agent_uuid" ||
-      entry?.nodeget === "list_all_agent_uuid",
+      entry?.node_get === "list_all_agent_uuid" || entry?.nodeget === "list_all_agent_uuid",
   );
   getRtPool.value = entries.some(
-    (entry) =>
-      entry?.node_get === "get_rt_pool" || entry?.nodeget === "get_rt_pool",
+    (entry) => entry?.node_get === "get_rt_pool" || entry?.nodeget === "get_rt_pool",
   );
 };
 
@@ -68,13 +64,9 @@ watch([listAllAgentUuid, getRtPool], () => {
 
 <template>
   <details class="rounded-md border p-3" :open="isOpen" @toggle="handleToggle">
-    <summary class="cursor-pointer select-none text-sm font-medium">
+    <summary class="cursor-pointer text-sm font-medium select-none">
       NodeGet
-      {{
-        t(
-          "dashboard.token.permissionsConfig.limitItem.permissionCard.nodeGet.title",
-        )
-      }}
+      {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.nodeGet.title") }}
     </summary>
     <div class="mt-3 flex flex-wrap gap-2">
       <Button
@@ -84,9 +76,7 @@ watch([listAllAgentUuid, getRtPool], () => {
         @click="listAllAgentUuid = !listAllAgentUuid"
       >
         {{
-          t(
-            "dashboard.token.permissionsConfig.limitItem.permissionCard.nodeGet.listAllAgentUuid",
-          )
+          t("dashboard.token.permissionsConfig.limitItem.permissionCard.nodeGet.listAllAgentUuid")
         }}
       </Button>
       <Button
@@ -95,11 +85,7 @@ watch([listAllAgentUuid, getRtPool], () => {
         :variant="getRtPool ? 'default' : 'outline'"
         @click="getRtPool = !getRtPool"
       >
-        {{
-          t(
-            "dashboard.token.permissionsConfig.limitItem.permissionCard.nodeGet.getRtPool",
-          )
-        }}
+        {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.nodeGet.getRtPool") }}
       </Button>
     </div>
   </details>
diff --git a/src/components/token/components/permissions/StaticMonitoringPermission.vue b/src/components/token/components/permissions/StaticMonitoringPermission.vue
index 42f8a39d..1b9faf60 100644
--- a/src/components/token/components/permissions/StaticMonitoringPermission.vue
+++ b/src/components/token/components/permissions/StaticMonitoringPermission.vue
@@ -18,9 +18,7 @@ const writeEnabled = ref(false);
 const deleteEnable = ref(false);
 const readTargets = ref<string[]>([]);
 const hydrating = ref(false);
-const { isOpen, handleToggle } = usePermissionModuleOpen(
-  () => props.modelValue,
-);
+const { isOpen, handleToggle } = usePermissionModuleOpen(() => props.modelValue);
 
 const toggleReadTarget = (target: string) => {
   const index = readTargets.value.indexOf(target);
@@ -98,20 +96,12 @@ watch(
 
 <template>
   <details class="rounded-md border p-3" :open="isOpen" @toggle="handleToggle">
-    <summary class="cursor-pointer select-none text-sm font-medium">
-      {{
-        t(
-          "dashboard.token.permissionsConfig.limitItem.permissionCard.staticMonitoring.title",
-        )
-      }}
+    <summary class="cursor-pointer text-sm font-medium select-none">
+      {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.staticMonitoring.title") }}
     </summary>
     <div class="mt-3 space-y-2">
-      <div class="text-xs text-muted-foreground">
-        {{
-          t(
-            "dashboard.token.permissionsConfig.limitItem.permissionCard.staticMonitoring.read",
-          )
-        }}
+      <div class="text-muted-foreground text-xs">
+        {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.staticMonitoring.read") }}
       </div>
       <div class="flex flex-wrap gap-2">
         <Button
@@ -125,12 +115,8 @@ watch(
           {{ field }}
         </Button>
       </div>
-      <div class="text-xs text-muted-foreground">
-        {{
-          t(
-            "dashboard.token.permissionsConfig.limitItem.permissionCard.staticMonitoring.write",
-          )
-        }}
+      <div class="text-muted-foreground text-xs">
+        {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.staticMonitoring.write") }}
       </div>
       <div class="flex flex-wrap gap-2">
         <Button
@@ -140,17 +126,13 @@ watch(
           @click="writeEnabled = !writeEnabled"
         >
           {{
-            t(
-              "dashboard.token.permissionsConfig.limitItem.permissionCard.staticMonitoring.write",
-            )
+            t("dashboard.token.permissionsConfig.limitItem.permissionCard.staticMonitoring.write")
           }}
         </Button>
       </div>
-      <div class="text-xs text-muted-foreground">
+      <div class="text-muted-foreground text-xs">
         {{
-          t(
-            "dashboard.token.permissionsConfig.limitItem.permissionCard.staticMonitoring.delete",
-          )
+          t("dashboard.token.permissionsConfig.limitItem.permissionCard.staticMonitoring.delete")
         }}
       </div>
       <div class="flex flex-wrap gap-2">
@@ -161,9 +143,7 @@ watch(
           @click="deleteEnable = !deleteEnable"
         >
           {{
-            t(
-              "dashboard.token.permissionsConfig.limitItem.permissionCard.staticMonitoring.delete",
-            )
+            t("dashboard.token.permissionsConfig.limitItem.permissionCard.staticMonitoring.delete")
           }}
         </Button>
       </div>
diff --git a/src/components/token/components/permissions/TaskPermission.vue b/src/components/token/components/permissions/TaskPermission.vue
index 85b240d4..57ef5bb2 100644
--- a/src/components/token/components/permissions/TaskPermission.vue
+++ b/src/components/token/components/permissions/TaskPermission.vue
@@ -18,9 +18,7 @@ const createTargets = ref<string[]>([]);
 const readTargets = ref<string[]>([]);
 const writeTargets = ref<string[]>([]);
 const hydrating = ref(false);
-const { isOpen, handleToggle } = usePermissionModuleOpen(
-  () => props.modelValue,
-);
+const { isOpen, handleToggle } = usePermissionModuleOpen(() => props.modelValue);
 
 const toggle = (list: string[], value: string) => {
   const index = list.indexOf(value);
@@ -31,11 +29,9 @@ const toggle = (list: string[], value: string) => {
 const build = (): PermissionEntry[] => {
   const result: PermissionEntry[] = [];
   if (listen.value) result.push({ task: "listen" });
-  for (const value of createTargets.value)
-    result.push({ task: { create: value } });
+  for (const value of createTargets.value) result.push({ task: { create: value } });
   for (const value of readTargets.value) result.push({ task: { read: value } });
-  for (const value of writeTargets.value)
-    result.push({ task: { write: value } });
+  for (const value of writeTargets.value) result.push({ task: { write: value } });
   return result;
 };
 
@@ -53,17 +49,11 @@ const hydrate = (entries: PermissionEntry[]) => {
     }
     if (!value || typeof value !== "object" || Array.isArray(value)) continue;
     const obj = value as Record<string, unknown>;
-    if (
-      typeof obj.create === "string" &&
-      !createTargets.value.includes(obj.create)
-    )
+    if (typeof obj.create === "string" && !createTargets.value.includes(obj.create))
       createTargets.value.push(obj.create);
     if (typeof obj.read === "string" && !readTargets.value.includes(obj.read))
       readTargets.value.push(obj.read);
-    if (
-      typeof obj.write === "string" &&
-      !writeTargets.value.includes(obj.write)
-    )
+    if (typeof obj.write === "string" && !writeTargets.value.includes(obj.write))
       writeTargets.value.push(obj.write);
   }
 };
@@ -96,11 +86,7 @@ watch(
 <template>
   <details class="rounded-md border p-3" :open="isOpen" @toggle="handleToggle">
     <summary class="cursor-pointer text-sm font-medium select-none">
-      {{
-        t(
-          "dashboard.token.permissionsConfig.limitItem.permissionCard.task.title",
-        )
-      }}
+      {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.task.title") }}
     </summary>
     <div class="mt-3 space-y-3">
       <div class="flex flex-wrap gap-2">
@@ -110,21 +96,13 @@ watch(
           :variant="listen ? 'default' : 'outline'"
           @click="listen = !listen"
         >
-          {{
-            t(
-              "dashboard.token.permissionsConfig.limitItem.permissionCard.task.listen",
-            )
-          }}
+          {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.task.listen") }}
         </Button>
       </div>
 
       <div class="space-y-2">
-        <div class="text-xs text-muted-foreground">
-          {{
-            t(
-              "dashboard.token.permissionsConfig.limitItem.permissionCard.task.create",
-            )
-          }}
+        <div class="text-muted-foreground text-xs">
+          {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.task.create") }}
         </div>
         <div class="flex flex-wrap gap-2">
           <Button
@@ -140,12 +118,8 @@ watch(
       </div>
 
       <div class="space-y-2">
-        <div class="text-xs text-muted-foreground">
-          {{
-            t(
-              "dashboard.token.permissionsConfig.limitItem.permissionCard.task.read",
-            )
-          }}
+        <div class="text-muted-foreground text-xs">
+          {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.task.read") }}
         </div>
         <div class="flex flex-wrap gap-2">
           <Button
@@ -161,12 +135,8 @@ watch(
       </div>
 
       <div class="space-y-2">
-        <div class="text-xs text-muted-foreground">
-          {{
-            t(
-              "dashboard.token.permissionsConfig.limitItem.permissionCard.task.write",
-            )
-          }}
+        <div class="text-muted-foreground text-xs">
+          {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.task.write") }}
         </div>
         <div class="flex flex-wrap gap-2">
           <Button
diff --git a/src/components/token/components/permissions/TerminalPermission.vue b/src/components/token/components/permissions/TerminalPermission.vue
index 2b594260..4cb04421 100644
--- a/src/components/token/components/permissions/TerminalPermission.vue
+++ b/src/components/token/components/permissions/TerminalPermission.vue
@@ -14,12 +14,9 @@ const { t } = useI18n();
 
 const connect = ref(false);
 const hydrating = ref(false);
-const { isOpen, handleToggle } = usePermissionModuleOpen(
-  () => props.modelValue,
-);
+const { isOpen, handleToggle } = usePermissionModuleOpen(() => props.modelValue);
 
-const build = (): PermissionEntry[] =>
-  connect.value ? [{ terminal: "connect" }] : [];
+const build = (): PermissionEntry[] => (connect.value ? [{ terminal: "connect" }] : []);
 
 const hydrate = (entries: PermissionEntry[]) => {
   connect.value = entries.some((entry) => entry?.terminal === "connect");
@@ -48,12 +45,8 @@ watch(connect, () => {
 
 <template>
   <details class="rounded-md border p-3" :open="isOpen" @toggle="handleToggle">
-    <summary class="cursor-pointer select-none text-sm font-medium">
-      {{
-        t(
-          "dashboard.token.permissionsConfig.limitItem.permissionCard.terminal.title",
-        )
-      }}
+    <summary class="cursor-pointer text-sm font-medium select-none">
+      {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.terminal.title") }}
     </summary>
     <div class="mt-3 flex flex-wrap gap-2">
       <Button
@@ -62,11 +55,7 @@ watch(connect, () => {
         :variant="connect ? 'default' : 'outline'"
         @click="connect = !connect"
       >
-        {{
-          t(
-            "dashboard.token.permissionsConfig.limitItem.permissionCard.terminal.connect",
-          )
-        }}
+        {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.terminal.connect") }}
       </Button>
     </div>
   </details>
diff --git a/src/components/token/components/permissions/kvPermissionState.ts b/src/components/token/components/permissions/kvPermissionState.ts
index 737079b1..90a8d28a 100644
--- a/src/components/token/components/permissions/kvPermissionState.ts
+++ b/src/components/token/components/permissions/kvPermissionState.ts
@@ -30,9 +30,7 @@ export const removeKvTarget = (targets: string[], target: string) => {
   return targets.filter((item) => item !== target);
 };
 
-export const buildKvPermissions = (
-  state: KvPermissionState,
-): PermissionEntry[] => {
+export const buildKvPermissions = (state: KvPermissionState): PermissionEntry[] => {
   const result: PermissionEntry[] = [];
   if (state.listAllKeys) result.push({ kv: "list_all_keys" });
   if (state.listAllNamespace) result.push({ kv: "list_all_namespace" });
@@ -48,9 +46,7 @@ export const buildKvPermissions = (
   return result;
 };
 
-export const hydrateKvPermissions = (
-  entries: PermissionEntry[],
-): KvPermissionState => {
+export const hydrateKvPermissions = (entries: PermissionEntry[]): KvPermissionState => {
   const state = createEmptyKvPermissionState();
 
   for (const entry of entries || []) {
@@ -78,10 +74,7 @@ export const hydrateKvPermissions = (
   return state;
 };
 
-export const isSameKvPermissionState = (
-  entries: PermissionEntry[],
-  state: KvPermissionState,
-) => {
+export const isSameKvPermissionState = (entries: PermissionEntry[], state: KvPermissionState) => {
   const normalizedEntries = buildKvPermissions(hydrateKvPermissions(entries));
   const normalizedState = buildKvPermissions(state);
   return JSON.stringify(normalizedEntries) === JSON.stringify(normalizedState);
diff --git a/src/components/token/components/permissions/permissionsCard.vue b/src/components/token/components/permissions/permissionsCard.vue
index 75d19a92..20d55727 100644
--- a/src/components/token/components/permissions/permissionsCard.vue
+++ b/src/components/token/components/permissions/permissionsCard.vue
@@ -55,26 +55,21 @@ const updateBucket = (key: PermissionBucketKey, value: PermissionEntry[]) => {
   );
 };
 
-const buckets = computed(() =>
-  createPermissionBuckets(props.permissions ?? []),
-);
+const buckets = computed(() => createPermissionBuckets(props.permissions ?? []));
 
 const staticMonitoringPermissions = computed({
   get: () => buckets.value.staticMonitoringPermissions,
-  set: (value: PermissionEntry[]) =>
-    updateBucket("staticMonitoringPermissions", value),
+  set: (value: PermissionEntry[]) => updateBucket("staticMonitoringPermissions", value),
 });
 
 const dynamicMonitoringPermissions = computed({
   get: () => buckets.value.dynamicMonitoringPermissions,
-  set: (value: PermissionEntry[]) =>
-    updateBucket("dynamicMonitoringPermissions", value),
+  set: (value: PermissionEntry[]) => updateBucket("dynamicMonitoringPermissions", value),
 });
 
 const dynamicMonitoringSummaryPermissions = computed({
   get: () => buckets.value.dynamicMonitoringSummaryPermissions,
-  set: (value: PermissionEntry[]) =>
-    updateBucket("dynamicMonitoringSummaryPermissions", value),
+  set: (value: PermissionEntry[]) => updateBucket("dynamicMonitoringSummaryPermissions", value),
 });
 
 const taskPermissions = computed({
@@ -89,8 +84,7 @@ const crontabPermissions = computed({
 
 const crontabResultPermissions = computed({
   get: () => buckets.value.crontabResultPermissions,
-  set: (value: PermissionEntry[]) =>
-    updateBucket("crontabResultPermissions", value),
+  set: (value: PermissionEntry[]) => updateBucket("crontabResultPermissions", value),
 });
 
 const kvPermissions = computed({
@@ -119,11 +113,7 @@ const jsResultPermissions = computed({
 });
 
 watch(
-  [
-    () => props.permissions,
-    canShowKvPermission,
-    canShowCrontabResultPermission,
-  ],
+  [() => props.permissions, canShowKvPermission, canShowCrontabResultPermission],
   ([permissions, allowKvPermission, allowCrontabResultPermission]) => {
     const normalized = mergePermissionBuckets(
       createPermissionBuckets(permissions ?? []),
@@ -143,18 +133,14 @@ watch(
   <Card class="w-full">
     <CardHeader>
       <CardTitle class="flex items-center gap-2">
-        {{
-          t("dashboard.token.permissionsConfig.limitItem.permissionCard.title")
-        }}
+        {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.title") }}
       </CardTitle>
     </CardHeader>
 
     <CardContent class="grid gap-2 space-y-2">
       <StaticMonitoringPermission v-model="staticMonitoringPermissions" />
       <DynamicMonitoringPermission v-model="dynamicMonitoringPermissions" />
-      <DynamicMonitoringSummaryPermission
-        v-model="dynamicMonitoringSummaryPermissions"
-      />
+      <DynamicMonitoringSummaryPermission v-model="dynamicMonitoringSummaryPermissions" />
       <TaskPermission v-model="taskPermissions" />
       <CrontabPermission v-model="crontabPermissions" />
       <CrontabResultPermission
diff --git a/src/components/token/components/permissions/permissionsItem.vue b/src/components/token/components/permissions/permissionsItem.vue
index 02d26845..ab9194b8 100644
--- a/src/components/token/components/permissions/permissionsItem.vue
+++ b/src/components/token/components/permissions/permissionsItem.vue
@@ -7,22 +7,14 @@ import { Checkbox } from "@/components/ui/checkbox";
 import { Label } from "@/components/ui/label";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 
-import {
-  Collapsible,
-  CollapsibleContent,
-  CollapsibleTrigger,
-} from "@/components/ui/collapsible";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@/components/ui/collapsible";
 
 const props = defineProps<{
   permissionsItem: PermissionEntry;
   configItem: PermissionItemConfig;
 }>();
 const emits = defineEmits<{
-  (
-    e: "update:permissionsItem",
-    permissionsItem: PermissionEntry,
-    permissionsName: string,
-  ): void;
+  (e: "update:permissionsItem", permissionsItem: PermissionEntry, permissionsName: string): void;
 }>();
 
 const localPermissions = ref<PermissionEntry>(props.permissionsItem);
@@ -100,7 +92,7 @@ const getChildKeys = (item: string) => {
         v-for="item in Object.keys(props.configItem.value)"
         :key="item"
         v-show="item === currentActiveButton"
-        class="flex gap-2 flex-wrap"
+        class="flex flex-wrap gap-2"
       >
         <Button variant="outline" v-for="(info, index) in getChildKeys(item)">
           {{ info }}
diff --git a/src/components/token/components/permissions/permissionsState.ts b/src/components/token/components/permissions/permissionsState.ts
index f5e1c3a7..3308e7b0 100644
--- a/src/components/token/components/permissions/permissionsState.ts
+++ b/src/components/token/components/permissions/permissionsState.ts
@@ -31,9 +31,7 @@ export const createEmptyPermissionBuckets = (): PermissionBuckets => ({
   unknownPermissions: [],
 });
 
-export const createPermissionBuckets = (
-  permissions: PermissionEntry[],
-): PermissionBuckets => {
+export const createPermissionBuckets = (permissions: PermissionEntry[]): PermissionBuckets => {
   const buckets = createEmptyPermissionBuckets();
 
   for (const entry of permissions || []) {
@@ -117,11 +115,7 @@ export const replacePermissionBucket = (
 ) => {
   const buckets = createPermissionBuckets(permissions);
   buckets[key] = nextValue;
-  return mergePermissionBuckets(
-    buckets,
-    canShowKvPermission,
-    canShowCrontabResultPermission,
-  );
+  return mergePermissionBuckets(buckets, canShowKvPermission, canShowCrontabResultPermission);
 };
 
 export const arePermissionEntriesEqual = (
diff --git a/src/components/token/components/permissions/usePermissionModuleOpen.ts b/src/components/token/components/permissions/usePermissionModuleOpen.ts
index b9223f7b..9ca61964 100644
--- a/src/components/token/components/permissions/usePermissionModuleOpen.ts
+++ b/src/components/token/components/permissions/usePermissionModuleOpen.ts
@@ -1,9 +1,7 @@
 import { ref, watch } from "vue";
 import type { PermissionEntry } from "../../type";
 
-export const usePermissionModuleOpen = (
-  getEntries: () => PermissionEntry[] | undefined,
-) => {
+export const usePermissionModuleOpen = (getEntries: () => PermissionEntry[] | undefined) => {
   const isOpen = ref(false);
   let lastAutoOpen = false;
 
diff --git a/src/components/token/components/previewTokenJson.vue b/src/components/token/components/previewTokenJson.vue
index 734518ed..828d2e89 100644
--- a/src/components/token/components/previewTokenJson.vue
+++ b/src/components/token/components/previewTokenJson.vue
@@ -39,14 +39,12 @@ const hasError = computed(() => props.errorMessage.trim().length > 0);
         :rows="24"
         class="min-h-[420px] font-mono text-xs leading-5"
         :aria-invalid="hasError"
-        @update:model-value="
-          (value) => emits('update:modelValue', String(value ?? ''))
-        "
+        @update:model-value="(value) => emits('update:modelValue', String(value ?? ''))"
       />
 
       <div
         v-if="hasError"
-        class="rounded-md border border-destructive/40 bg-destructive/5 px-3 py-2 text-sm text-destructive"
+        class="border-destructive/40 bg-destructive/5 text-destructive rounded-md border px-3 py-2 text-sm"
       >
         {{ props.errorMessage }}
       </div>
diff --git a/src/components/token/components/tokenDetailPreview.vue b/src/components/token/components/tokenDetailPreview.vue
index d89c4f88..89f5808a 100644
--- a/src/components/token/components/tokenDetailPreview.vue
+++ b/src/components/token/components/tokenDetailPreview.vue
@@ -2,20 +2,11 @@
 import { computed, ref, watch } from "vue";
 import { useI18n } from "vue-i18n";
 import { ChevronDown, Eye, ScanEye } from "lucide-vue-next";
-import type {
-  PermissionEntry,
-  Token,
-  TokenDetail,
-  TokenLimitEntry,
-} from "../type";
+import type { PermissionEntry, Token, TokenDetail, TokenLimitEntry } from "../type";
 import { createPermissionBuckets } from "./permissions/permissionsState";
 import { Badge } from "@/components/ui/badge";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import {
-  Collapsible,
-  CollapsibleContent,
-  CollapsibleTrigger,
-} from "@/components/ui/collapsible";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@/components/ui/collapsible";
 import { Spinner } from "@/components/ui/spinner";
 
 type PermissionSection = {
@@ -37,10 +28,7 @@ const props = withDefaults(
 
 const { t, locale } = useI18n();
 
-const displayText = (
-  value: string | number | null | undefined,
-  fallback = "-",
-) => {
+const displayText = (value: string | number | null | undefined, fallback = "-") => {
   if (value === null || value === undefined) return fallback;
   if (typeof value === "string") return value.trim() || fallback;
   return String(value);
@@ -177,9 +165,7 @@ const tokenLimitDetails = computed(() => {
   });
 });
 
-const previewJson = computed(() =>
-  JSON.stringify(props.rawDetail ?? props.token ?? {}, null, 2),
-);
+const previewJson = computed(() => JSON.stringify(props.rawDetail ?? props.token ?? {}, null, 2));
 
 const openedPermissionCards = ref<boolean[]>([]);
 
@@ -202,12 +188,9 @@ const rawSummary = computed(() => {
 </script>
 
 <template>
-  <div
-    v-if="loading"
-    class="flex min-h-[320px] flex-col items-center justify-center gap-3"
-  >
+  <div v-if="loading" class="flex min-h-[320px] flex-col items-center justify-center gap-3">
     <Spinner />
-    <div class="text-sm text-muted-foreground">
+    <div class="text-muted-foreground text-sm">
       {{ t("dashboard.token.detail.detailLoading") }}
     </div>
   </div>
@@ -223,7 +206,7 @@ const rawSummary = computed(() => {
         </CardHeader>
         <CardContent class="grid gap-4 md:grid-cols-2">
           <div class="space-y-1">
-            <div class="text-xs text-muted-foreground">
+            <div class="text-muted-foreground text-xs">
               {{ t("dashboard.token.detail.preview.tokenKey") }}
             </div>
             <div class="font-mono text-sm break-all">
@@ -231,7 +214,7 @@ const rawSummary = computed(() => {
             </div>
           </div>
           <div class="space-y-1">
-            <div class="text-xs text-muted-foreground">
+            <div class="text-muted-foreground text-xs">
               {{ t("dashboard.token.detail.preview.version") }}
             </div>
             <div class="text-sm">
@@ -239,7 +222,7 @@ const rawSummary = computed(() => {
             </div>
           </div>
           <div class="space-y-1">
-            <div class="text-xs text-muted-foreground">
+            <div class="text-muted-foreground text-xs">
               {{ t("dashboard.token.detail.preview.username") }}
             </div>
             <div class="text-sm">
@@ -252,31 +235,25 @@ const rawSummary = computed(() => {
             </div>
           </div>
           <div class="space-y-1">
-            <div class="text-xs text-muted-foreground">
+            <div class="text-muted-foreground text-xs">
               {{ t("dashboard.token.detail.preview.tokenLimitCount") }}
             </div>
             <div class="text-sm">{{ token.token_limit.length }}</div>
           </div>
           <div class="space-y-1">
-            <div class="text-xs text-muted-foreground">
+            <div class="text-muted-foreground text-xs">
               {{ t("dashboard.token.detail.preview.startTime") }}
             </div>
             <div class="text-sm">
-              {{
-                formatTimestamp(
-                  rawSummary.timestamp_from ?? token.timestamp_from,
-                )
-              }}
+              {{ formatTimestamp(rawSummary.timestamp_from ?? token.timestamp_from) }}
             </div>
           </div>
           <div class="space-y-1">
-            <div class="text-xs text-muted-foreground">
+            <div class="text-muted-foreground text-xs">
               {{ t("dashboard.token.detail.preview.endTime") }}
             </div>
             <div class="text-sm">
-              {{
-                formatTimestamp(rawSummary.timestamp_to ?? token.timestamp_to)
-              }}
+              {{ formatTimestamp(rawSummary.timestamp_to ?? token.timestamp_to) }}
             </div>
           </div>
         </CardContent>
@@ -293,7 +270,7 @@ const rawSummary = computed(() => {
               <CollapsibleTrigger as-child>
                 <button
                   type="button"
-                  class="flex w-full flex-col gap-3 rounded-md text-left transition-colors hover:bg-muted/40 focus-visible:ring-ring/50 focus-visible:outline-none focus-visible:ring-[1px] lg:flex-row lg:items-center lg:justify-between"
+                  class="hover:bg-muted/40 focus-visible:ring-ring/50 flex w-full flex-col gap-3 rounded-md text-left transition-colors focus-visible:ring-[1px] focus-visible:outline-none lg:flex-row lg:items-center lg:justify-between"
                 >
                   <div class="flex items-center gap-2">
                     <CardTitle>{{
@@ -301,9 +278,7 @@ const rawSummary = computed(() => {
                         index: limit.index + 1,
                       })
                     }}</CardTitle>
-                    <span
-                      class="inline-flex size-8 items-center justify-center rounded-md"
-                    >
+                    <span class="inline-flex size-8 items-center justify-center rounded-md">
                       <ChevronDown
                         class="h-4 w-4 transition-transform duration-200"
                         :class="{
@@ -328,7 +303,7 @@ const rawSummary = computed(() => {
             <CollapsibleContent>
               <CardContent class="space-y-5">
                 <div class="space-y-2">
-                  <div class="text-xs text-muted-foreground">
+                  <div class="text-muted-foreground text-xs">
                     {{ t("dashboard.token.detail.preview.scope") }}
                   </div>
                   <div class="flex flex-wrap gap-2">
@@ -369,19 +344,18 @@ const rawSummary = computed(() => {
       </div>
     </div>
 
-    <Card class="h-fit min-w-0 max-w-full overflow-hidden">
+    <Card class="h-fit max-w-full min-w-0 overflow-hidden">
       <CardHeader>
         <CardTitle class="flex items-center gap-2">
           <ScanEye class="h-5 w-5" />
           {{ t("dashboard.token.detail.preview.rawJsonTitle") }}
         </CardTitle>
       </CardHeader>
-      <CardContent class="min-w-0 max-w-full">
-        <div class="w-full max-w-full overflow-x-auto rounded-lg bg-muted/40">
-          <pre
-            class="max-h-[720px] w-max min-w-full overflow-y-auto p-4 text-xs leading-6"
-            >{{ previewJson }}</pre
-          >
+      <CardContent class="max-w-full min-w-0">
+        <div class="bg-muted/40 w-full max-w-full overflow-x-auto rounded-lg">
+          <pre class="max-h-[720px] w-max min-w-full overflow-y-auto p-4 text-xs leading-6">{{
+            previewJson
+          }}</pre>
         </div>
       </CardContent>
     </Card>
diff --git a/src/components/token/components/tokenLimitItem.vue b/src/components/token/components/tokenLimitItem.vue
index 3b6c9db4..3572b6e9 100644
--- a/src/components/token/components/tokenLimitItem.vue
+++ b/src/components/token/components/tokenLimitItem.vue
@@ -5,11 +5,7 @@ import { type TokenLimitEntry } from "../type";
 import { detectScopeTab, type ScopeTabValue } from "../scopeUi";
 import { ChevronDown, Trash2 } from "lucide-vue-next";
 import { Button } from "@/components/ui/button";
-import {
-  Collapsible,
-  CollapsibleContent,
-  CollapsibleTrigger,
-} from "@/components/ui/collapsible";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@/components/ui/collapsible";
 import { PopConfirm } from "@/components/ui/pop-confirm";
 import limitScopeConfig from "./limitScopeConfig.vue";
 import permissionsCard from "./permissions/permissionsCard.vue";
@@ -73,22 +69,14 @@ const handleDeleteLimit = () => {
       <PopConfirm
         v-if="props.limitLength > 1"
         :title="t('dashboard.token.permissionsConfig.limitItem.deleteTitle')"
-        :description="
-          t('dashboard.token.permissionsConfig.limitItem.deleteDescription')
-        "
-        :confirm-text="
-          t('dashboard.token.permissionsConfig.limitItem.deleteConfirm')
-        "
-        :cancel-text="
-          t('dashboard.token.permissionsConfig.limitItem.deleteCancel')
-        "
+        :description="t('dashboard.token.permissionsConfig.limitItem.deleteDescription')"
+        :confirm-text="t('dashboard.token.permissionsConfig.limitItem.deleteConfirm')"
+        :cancel-text="t('dashboard.token.permissionsConfig.limitItem.deleteCancel')"
         @confirm="handleDeleteLimit"
       >
         <Button variant="ghost" size="icon" class="size-8 text-red-500">
           <Trash2 />
-          <span class="sr-only">{{
-            t("dashboard.token.permissionsConfig.deleteAriaLabel")
-          }}</span>
+          <span class="sr-only">{{ t("dashboard.token.permissionsConfig.deleteAriaLabel") }}</span>
         </Button>
       </PopConfirm>
       <CollapsibleTrigger as-child>
@@ -97,9 +85,7 @@ const handleDeleteLimit = () => {
             class="h-4 w-4 transition-transform duration-200"
             :class="{ 'rotate-180': isOpen }"
           />
-          <span class="sr-only">{{
-            t("dashboard.token.permissionsConfig.toggleAriaLabel")
-          }}</span>
+          <span class="sr-only">{{ t("dashboard.token.permissionsConfig.toggleAriaLabel") }}</span>
         </Button>
       </CollapsibleTrigger>
     </div>
diff --git a/src/components/token/create-token/CreateTokenCard.vue b/src/components/token/create-token/CreateTokenCard.vue
index 287fbc3c..fd84f182 100644
--- a/src/components/token/create-token/CreateTokenCard.vue
+++ b/src/components/token/create-token/CreateTokenCard.vue
@@ -78,9 +78,7 @@ const handleCreateToken = () => {
         :token="tokenFromData"
         :loading="createLoading"
         :submit-label="t('dashboard.token.create.createTokenCard.createButton')"
-        :submitting-label="
-          t('dashboard.token.create.createTokenCard.creatingButton')
-        "
+        :submitting-label="t('dashboard.token.create.createTokenCard.creatingButton')"
         :show-back-button="props.showBackButton"
         :back-label="props.backLabel"
         @update:token="handleTokenChange"
diff --git a/src/components/token/detailToken/detailTokenCard.vue b/src/components/token/detailToken/detailTokenCard.vue
index f1b1af28..f5089408 100644
--- a/src/components/token/detailToken/detailTokenCard.vue
+++ b/src/components/token/detailToken/detailTokenCard.vue
@@ -25,18 +25,13 @@ const getTargetToken = () => {
   return typeof queryToken === "string" ? queryToken.trim() : "";
 };
 
-const displayText = (
-  value: string | number | null | undefined,
-  fallback = "-",
-) => {
+const displayText = (value: string | number | null | undefined, fallback = "-") => {
   if (value === null || value === undefined) return fallback;
   if (typeof value === "string") return value.trim() || fallback;
   return String(value);
 };
 
-const formattedJson = computed(() =>
-  JSON.stringify(rawDetail.value ?? {}, null, 2),
-);
+const formattedJson = computed(() => JSON.stringify(rawDetail.value ?? {}, null, 2));
 
 const handleGetTokenDetail = async () => {
   const targetToken = getTargetToken();
@@ -80,9 +75,7 @@ onMounted(() => {
 
 <template>
   <div class="space-y-6">
-    <div
-      class="flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between"
-    >
+    <div class="flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between">
       <div class="space-y-1">
         <div class="flex items-start gap-3">
           <Button
@@ -93,9 +86,7 @@ onMounted(() => {
             @click="handleBack"
           >
             <ArrowLeft class="h-4 w-4" />
-            <span class="sr-only">{{
-              t("dashboard.token.detail.returnButtonDescription")
-            }}</span>
+            <span class="sr-only">{{ t("dashboard.token.detail.returnButtonDescription") }}</span>
           </Button>
           <div class="space-y-1">
             <div class="flex items-center gap-2">
@@ -131,12 +122,7 @@ onMounted(() => {
         </Button>
         <Button
           :disabled="detailLoading"
-          @click="
-            handleCopy(
-              formattedJson,
-              t('dashboard.token.detail.copyFullJsonSuccess'),
-            )
-          "
+          @click="handleCopy(formattedJson, t('dashboard.token.detail.copyFullJsonSuccess'))"
         >
           <Copy class="h-4 w-4" />
           {{ t("dashboard.token.detail.copyFullJson") }}
@@ -144,10 +130,6 @@ onMounted(() => {
       </div>
     </div>
 
-    <TokenDetailPreview
-      :token="normalizedToken"
-      :raw-detail="rawDetail"
-      :loading="detailLoading"
-    />
+    <TokenDetailPreview :token="normalizedToken" :raw-detail="rawDetail" :loading="detailLoading" />
   </div>
 </template>
diff --git a/src/components/token/editToken/editTokenCard.vue b/src/components/token/editToken/editTokenCard.vue
index ed726e9c..57e0f610 100644
--- a/src/components/token/editToken/editTokenCard.vue
+++ b/src/components/token/editToken/editTokenCard.vue
@@ -6,10 +6,7 @@ import { type Token } from "../type";
 import { KeyRound } from "lucide-vue-next";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Spinner } from "@/components/ui/spinner";
-import {
-  mapTokenDetailToForm,
-  useEditTokenHook,
-} from "@/composables/token/useEditToken";
+import { mapTokenDetailToForm, useEditTokenHook } from "@/composables/token/useEditToken";
 import { useTokenListHook } from "@/composables/token/useTokenList";
 import TokenEditorWorkspace from "../components/TokenEditorWorkspace.vue";
 
@@ -80,7 +77,7 @@ const handleUpdateToken = async () => {
         class="flex min-h-[420px] flex-col items-center justify-center gap-3"
       >
         <Spinner />
-        <div class="text-sm text-muted-foreground">
+        <div class="text-muted-foreground text-sm">
           {{ t("dashboard.token.edit.editTokenCard.detailLoading") }}
         </div>
       </div>
@@ -91,9 +88,7 @@ const handleUpdateToken = async () => {
           :loading="createLoading"
           :disabled="detailLoading"
           :submit-label="t('dashboard.token.edit.editTokenCard.updateButton')"
-          :submitting-label="
-            t('dashboard.token.edit.editTokenCard.updetingButton')
-          "
+          :submitting-label="t('dashboard.token.edit.editTokenCard.updetingButton')"
           @update:token="handleTokenChange"
           @submit="handleUpdateToken"
         />
diff --git a/src/components/token/importToken/ImportTokenCard.vue b/src/components/token/importToken/ImportTokenCard.vue
index 7795cda5..1baa0c3b 100644
--- a/src/components/token/importToken/ImportTokenCard.vue
+++ b/src/components/token/importToken/ImportTokenCard.vue
@@ -96,7 +96,7 @@ const handleParsedTokenChange = (value: Token) => {
 
       <CardContent class="space-y-4">
         <div class="space-y-2">
-          <div class="text-sm text-muted-foreground">
+          <div class="text-muted-foreground text-sm">
             {{ t("dashboard.token.import.parseCard.description") }}
           </div>
           <textarea
@@ -135,9 +135,7 @@ const handleParsedTokenChange = (value: Token) => {
           :token="parsedToken"
           :loading="importLoading"
           :submit-label="t('dashboard.token.import.importCard.importButton')"
-          :submitting-label="
-            t('dashboard.token.import.importCard.importingButton')
-          "
+          :submitting-label="t('dashboard.token.import.importCard.importingButton')"
           @update:token="handleParsedTokenChange"
           @submit="handleImportToken"
         />
@@ -160,10 +158,7 @@ const handleParsedTokenChange = (value: Token) => {
         <AlertDialogCancel>
           {{ t("dashboard.token.cancel") }}
         </AlertDialogCancel>
-        <AlertDialogAction
-          :disabled="parseLoading"
-          @click="handleParseImportedToken"
-        >
+        <AlertDialogAction :disabled="parseLoading" @click="handleParseImportedToken">
           <div v-if="parseLoading">
             {{ t("dashboard.token.import.parseConfirm.confirmingButton") }}
           </div>
diff --git a/src/components/token/scopeCodec.ts b/src/components/token/scopeCodec.ts
index 90222aca..cb7aaf41 100644
--- a/src/components/token/scopeCodec.ts
+++ b/src/components/token/scopeCodec.ts
@@ -23,9 +23,7 @@ export const createDefaultToken = (): Token => ({
   password: "",
 });
 
-export const cloneTokenLimitEntries = (
-  tokenLimit: TokenLimitEntry[],
-): TokenLimitEntry[] =>
+export const cloneTokenLimitEntries = (tokenLimit: TokenLimitEntry[]): TokenLimitEntry[] =>
   (tokenLimit ?? []).map((item) => ({
     scopes: (item.scopes ?? []).map((scope) => ({ ...scope })),
     permissions: (item.permissions ?? []).map((permission) =>
@@ -78,19 +76,19 @@ export const normalizeScopeItem = (item: unknown): TokenLimitScopeItem[] => {
   const source = item as Record<string, unknown>;
   if ("global" in source) return [{ global: null }];
 
-  const agentScopes = normalizeStringList(
-    source.AgentUuid ?? source.agent_uuid,
-  ).map((value) => ({ agent_uuid: value }) satisfies TokenLimitScopeItem);
+  const agentScopes = normalizeStringList(source.AgentUuid ?? source.agent_uuid).map(
+    (value) => ({ agent_uuid: value }) satisfies TokenLimitScopeItem,
+  );
   if (agentScopes.length > 0) return agentScopes;
 
-  const kvScopes = normalizeStringList(
-    source.KvNamespace ?? source.kv_namespace,
-  ).map((value) => ({ kv_namespace: value }) satisfies TokenLimitScopeItem);
+  const kvScopes = normalizeStringList(source.KvNamespace ?? source.kv_namespace).map(
+    (value) => ({ kv_namespace: value }) satisfies TokenLimitScopeItem,
+  );
   if (kvScopes.length > 0) return kvScopes;
 
-  const jsWorkerScopes = normalizeStringList(
-    source.JsWorker ?? source.js_worker,
-  ).map((value) => ({ js_worker: value }) satisfies TokenLimitScopeItem);
+  const jsWorkerScopes = normalizeStringList(source.JsWorker ?? source.js_worker).map(
+    (value) => ({ js_worker: value }) satisfies TokenLimitScopeItem,
+  );
   if (jsWorkerScopes.length > 0) return jsWorkerScopes;
 
   return [];
@@ -103,15 +101,11 @@ export const normalizeScopes = (scopes: unknown): TokenLimitScope => {
   return normalized.length > 0 ? normalized : DEFAULT_SCOPE;
 };
 
-export const normalizePermissions = (
-  permissions: unknown,
-): PermissionEntry[] => {
+export const normalizePermissions = (permissions: unknown): PermissionEntry[] => {
   if (!Array.isArray(permissions)) return [];
   return permissions.filter(
     (permission): permission is PermissionEntry =>
-      !!permission &&
-      typeof permission === "object" &&
-      !Array.isArray(permission),
+      !!permission && typeof permission === "object" && !Array.isArray(permission),
   );
 };
 
@@ -152,10 +146,7 @@ export const buildLimitPayload = (token: Token) => {
 };
 
 export const generateUuid = () => {
-  if (
-    typeof crypto !== "undefined" &&
-    typeof crypto.randomUUID === "function"
-  ) {
+  if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
     return crypto.randomUUID();
   }
 
@@ -165,9 +156,7 @@ export const generateUuid = () => {
   });
 };
 
-export const buildCredentialPayload = (
-  source: Pick<Token, "username" | "password">,
-) => {
+export const buildCredentialPayload = (source: Pick<Token, "username" | "password">) => {
   const username = source.username.trim();
   const password = source.password.trim();
 
@@ -181,10 +170,7 @@ const toOptionalTimestamp = (value: number) =>
   Number.isFinite(value) && value > 0 ? value : undefined;
 
 export const buildOptionalFieldPayload = (
-  token: Pick<
-    Token,
-    "username" | "password" | "timestamp_from" | "timestamp_to"
-  >,
+  token: Pick<Token, "username" | "password" | "timestamp_from" | "timestamp_to">,
 ) => {
   const timestampFrom = toOptionalTimestamp(token.timestamp_from);
   const timestampTo = toOptionalTimestamp(token.timestamp_to);
@@ -211,8 +197,6 @@ export const mapTokenDetailToForm = (detail: TokenDetail | null): Token => {
     password: detail.password ?? "",
     timestamp_from: detail.timestamp_from ?? 0,
     timestamp_to: detail.timestamp_to ?? 0,
-    token_limit: cloneTokenLimitEntries(
-      normalizeTokenLimit(detail.token_limit),
-    ),
+    token_limit: cloneTokenLimitEntries(normalizeTokenLimit(detail.token_limit)),
   };
 };
diff --git a/src/components/token/token-list/tokenListCard.vue b/src/components/token/token-list/tokenListCard.vue
index 6b5865a8..168b9208 100644
--- a/src/components/token/token-list/tokenListCard.vue
+++ b/src/components/token/token-list/tokenListCard.vue
@@ -32,14 +32,7 @@ import {
   PaginationNext,
   PaginationPrevious,
 } from "@/components/ui/pagination";
-import {
-  Eye,
-  Pencil,
-  Trash2,
-  RotateCcw,
-  Search,
-  LockKeyhole,
-} from "lucide-vue-next";
+import { Eye, Pencil, Trash2, RotateCcw, Search, LockKeyhole } from "lucide-vue-next";
 import { useTokenListHook, type Token } from "@/composables/token/useTokenList";
 import { getPasswordChangeValidationError } from "@/composables/token/tokenSecret";
 import TokenSuccessDialog from "../components/TokenSuccessDialog.vue";
@@ -84,10 +77,8 @@ const filteredTokens = computed(() => {
   const keyword = normalizeSearchText(debouncedSearchKeyword.value);
 
   return tokensList.value.filter((token) => {
-    const matchesUsername =
-      !keyword || normalizeSearchText(token.username).includes(keyword);
-    const matchesTokenKey =
-      !keyword || normalizeSearchText(token.token_key).includes(keyword);
+    const matchesUsername = !keyword || normalizeSearchText(token.username).includes(keyword);
+    const matchesTokenKey = !keyword || normalizeSearchText(token.token_key).includes(keyword);
 
     return matchesUsername || matchesTokenKey;
   });
@@ -228,9 +219,7 @@ const changePasswordError = computed(() =>
 const changePasswordErrorMessage = computed(() => {
   if (!changePasswordError.value) return "";
 
-  return t(
-    `dashboard.token.list.changePasswordDialog.errors.${changePasswordError.value}`,
-  );
+  return t(`dashboard.token.list.changePasswordDialog.errors.${changePasswordError.value}`);
 });
 
 const handleOpenChangePassword = (token: Token) => {
@@ -253,10 +242,7 @@ const handleConfirmChangePassword = () => {
 
   changePasswordLoading.value = true;
   useTokenList
-    .changeTokenPassword(
-      selectedPasswordToken.value.token_key,
-      newPassword.value,
-    )
+    .changeTokenPassword(selectedPasswordToken.value.token_key, newPassword.value)
     .then((success) => {
       if (success) {
         changePasswordOpen.value = false;
@@ -280,13 +266,9 @@ watch(changePasswordOpen, (open) => {
 
 <template>
   <div class="space-y-4">
-    <div
-      class="flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between"
-    >
+    <div class="flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between">
       <div class="relative max-w-sm flex-1">
-        <Search
-          class="absolute top-1/2 left-2.5 h-4 w-4 -translate-y-1/2 text-muted-foreground"
-        />
+        <Search class="text-muted-foreground absolute top-1/2 left-2.5 h-4 w-4 -translate-y-1/2" />
         <Input
           v-model="searchKeyword"
           :placeholder="t('dashboard.token.list.searchPlaceholder')"
@@ -302,11 +284,7 @@ watch(changePasswordOpen, (open) => {
         <Button type="button" class="min-w-24" @click="handleGetTokenList">
           <span class="inline-flex w-full items-center justify-center gap-2">
             <Spinner v-if="fetchLoading" />
-            {{
-              fetchLoading
-                ? t("dashboard.token.refreshing")
-                : t("dashboard.token.refresh")
-            }}
+            {{ fetchLoading ? t("dashboard.token.refreshing") : t("dashboard.token.refresh") }}
           </span>
         </Button>
         <Button type="button" @click="toCreateToken">
@@ -324,7 +302,7 @@ watch(changePasswordOpen, (open) => {
 
     <div v-if="fetchLoading" class="mt-20 flex w-full flex-col items-center">
       <Spinner />
-      <div class="text-sm text-muted-foreground">
+      <div class="text-muted-foreground text-sm">
         {{ t("dashboard.token.list.table.loading") }}
       </div>
     </div>
@@ -356,11 +334,7 @@ watch(changePasswordOpen, (open) => {
             <TableCell>{{ token.token_limit?.length ?? 0 }}</TableCell>
             <TableCell class="flex w-32 gap-2">
               <!-- 查看按钮 -->
-              <Button
-                variant="ghost"
-                size="sm"
-                @click="handleViewTokenDetail(token)"
-              >
+              <Button variant="ghost" size="sm" @click="handleViewTokenDetail(token)">
                 <Eye />
               </Button>
               <!-- 编辑按钮 -->
@@ -368,11 +342,7 @@ watch(changePasswordOpen, (open) => {
                 <Pencil />
               </Button>
               <!-- 重置token按钮 -->
-              <Button
-                variant="ghost"
-                size="sm"
-                @click="handleOpenResetToken(token)"
-              >
+              <Button variant="ghost" size="sm" @click="handleOpenResetToken(token)">
                 <RotateCcw />
               </Button>
               <!-- 修改密码按钮 -->
@@ -414,10 +384,7 @@ watch(changePasswordOpen, (open) => {
                         {{ t("dashboard.token.cancel") }}
                       </Button>
                     </DialogClose>
-                    <Button
-                      @click="handleDeleteToken(token)"
-                      :disabled="deleteLoading"
-                    >
+                    <Button @click="handleDeleteToken(token)" :disabled="deleteLoading">
                       <div v-if="deleteLoading" class="flex items-center">
                         <Spinner />{{ t("dashboard.token.deleting") }}
                       </div>
@@ -429,10 +396,7 @@ watch(changePasswordOpen, (open) => {
             </TableCell>
           </TableRow>
           <TableRow v-if="pagedTokens.length === 0">
-            <TableCell
-              colspan="5"
-              class="py-8 text-center text-muted-foreground"
-            >
+            <TableCell colspan="5" class="text-muted-foreground py-8 text-center">
               {{ t("dashboard.token.list.table.noToken") }}
             </TableCell>
           </TableRow>
@@ -450,7 +414,7 @@ watch(changePasswordOpen, (open) => {
           class="flex justify-between gap-4"
         >
           <div class="flex items-center justify-center gap-2">
-            <div class="text-sm text-muted-foreground">
+            <div class="text-muted-foreground text-sm">
               <!-- Showing {{ pageLabel }} of {{ total }} tokens -->
               {{
                 t("dashboard.token.list.table.pageShow", {
@@ -494,7 +458,7 @@ watch(changePasswordOpen, (open) => {
         <div class="text-muted-foreground">
           {{ t("dashboard.token.list.resetDialog.confirm") }}
         </div>
-        <div class="space-y-1 rounded-md border bg-muted/40 p-3">
+        <div class="bg-muted/40 space-y-1 rounded-md border p-3">
           <div>
             <span class="text-muted-foreground">
               {{ t("dashboard.token.list.table.username") }}:
@@ -521,9 +485,7 @@ watch(changePasswordOpen, (open) => {
         </DialogClose>
         <Button @click="handleConfirmResetToken">
           <div v-if="resetTokenLoading" class="flex items-center">
-            <Spinner />{{
-              t("dashboard.token.list.resetDialog.confirmingButton")
-            }}
+            <Spinner />{{ t("dashboard.token.list.resetDialog.confirmingButton") }}
           </div>
           <div v-else>
             {{ t("dashboard.token.list.resetDialog.confirmButton") }}
@@ -545,7 +507,7 @@ watch(changePasswordOpen, (open) => {
         </DialogDescription>
       </DialogHeader>
       <div class="space-y-4 py-2 text-sm">
-        <div class="space-y-1 rounded-md border bg-muted/40 p-3">
+        <div class="bg-muted/40 space-y-1 rounded-md border p-3">
           <div>
             <span class="text-muted-foreground">
               {{ t("dashboard.token.list.table.username") }}:
@@ -569,22 +531,16 @@ watch(changePasswordOpen, (open) => {
             v-model="newPassword"
             type="password"
             autocomplete="new-password"
-            :placeholder="
-              t('dashboard.token.list.changePasswordDialog.newPassword')
-            "
+            :placeholder="t('dashboard.token.list.changePasswordDialog.newPassword')"
           />
           <Input
             v-model="confirmPassword"
             type="password"
             autocomplete="new-password"
-            :placeholder="
-              t('dashboard.token.list.changePasswordDialog.confirmPassword')
-            "
+            :placeholder="t('dashboard.token.list.changePasswordDialog.confirmPassword')"
           />
           <div
-            v-if="
-              (newPassword || confirmPassword) && changePasswordErrorMessage
-            "
+            v-if="(newPassword || confirmPassword) && changePasswordErrorMessage"
             class="text-sm text-red-500"
           >
             {{ changePasswordErrorMessage }}
@@ -602,9 +558,7 @@ watch(changePasswordOpen, (open) => {
           @click="handleConfirmChangePassword"
         >
           <div v-if="changePasswordLoading" class="flex items-center">
-            <Spinner />{{
-              t("dashboard.token.list.changePasswordDialog.confirmingButton")
-            }}
+            <Spinner />{{ t("dashboard.token.list.changePasswordDialog.confirmingButton") }}
           </div>
           <div v-else>
             {{ t("dashboard.token.list.changePasswordDialog.confirmButton") }}
diff --git a/src/components/token/tokenPayload.ts b/src/components/token/tokenPayload.ts
index 7f494d11..d40e8da5 100644
--- a/src/components/token/tokenPayload.ts
+++ b/src/components/token/tokenPayload.ts
@@ -63,11 +63,7 @@ const ensureNonEmptyString = (value: unknown, fieldName: string) => {
   return value.trim();
 };
 
-const ensureAllowedValue = (
-  value: string,
-  allowed: Set<string>,
-  fieldName: string,
-) => {
+const ensureAllowedValue = (value: string, allowed: Set<string>, fieldName: string) => {
   if (!allowed.has(value)) {
     throw new Error(`invalid_${fieldName}`);
   }
@@ -94,17 +90,11 @@ const validatePermissionEntry = (entry: PermissionEntry, index: number) => {
   if ("static_monitoring" in entry) {
     const value = entry.static_monitoring;
     if (value === "write" || value === "delete") return;
-    const [action, target] = ensureSingleKeyObject(
-      value,
-      `static_monitoring_${index}`,
-    );
+    const [action, target] = ensureSingleKeyObject(value, `static_monitoring_${index}`);
     if (action !== "read" && action !== "write") {
       throw new Error(`invalid_static_monitoring_${index}`);
     }
-    const normalizedTarget = ensureNonEmptyString(
-      target,
-      `static_monitoring_${index}`,
-    );
+    const normalizedTarget = ensureNonEmptyString(target, `static_monitoring_${index}`);
     if (action === "read") {
       ensureAllowedValue(
         normalizedTarget,
@@ -118,10 +108,7 @@ const validatePermissionEntry = (entry: PermissionEntry, index: number) => {
   if ("dynamic_monitoring" in entry) {
     const value = entry.dynamic_monitoring;
     if (value === "write" || value === "delete") return;
-    const [action, target] = ensureSingleKeyObject(
-      value,
-      `dynamic_monitoring_${index}`,
-    );
+    const [action, target] = ensureSingleKeyObject(value, `dynamic_monitoring_${index}`);
     if (action !== "read") {
       throw new Error(`invalid_dynamic_monitoring_${index}`);
     }
@@ -153,11 +140,7 @@ const validatePermissionEntry = (entry: PermissionEntry, index: number) => {
     if (action !== "create" && action !== "read" && action !== "write") {
       throw new Error(`invalid_task_${index}`);
     }
-    ensureAllowedValue(
-      ensureNonEmptyString(target, `task_${index}`),
-      TASK_TYPES,
-      `task_${index}`,
-    );
+    ensureAllowedValue(ensureNonEmptyString(target, `task_${index}`), TASK_TYPES, `task_${index}`);
     return;
   }
 
@@ -168,10 +151,7 @@ const validatePermissionEntry = (entry: PermissionEntry, index: number) => {
   }
 
   if ("crontab_result" in entry) {
-    const [action, target] = ensureSingleKeyObject(
-      entry.crontab_result,
-      `crontab_result_${index}`,
-    );
+    const [action, target] = ensureSingleKeyObject(entry.crontab_result, `crontab_result_${index}`);
     if (action !== "read" && action !== "delete") {
       throw new Error(`invalid_crontab_result_${index}`);
     }
@@ -212,10 +192,7 @@ const validatePermissionEntry = (entry: PermissionEntry, index: number) => {
   }
 
   if ("js_result" in entry) {
-    const [action, target] = ensureSingleKeyObject(
-      entry.js_result,
-      `js_result_${index}`,
-    );
+    const [action, target] = ensureSingleKeyObject(entry.js_result, `js_result_${index}`);
     if (action !== "read" && action !== "delete") {
       throw new Error(`invalid_js_result_${index}`);
     }
@@ -285,14 +262,8 @@ export const parseTokenPayloadObject = (payload: unknown): Token => {
     version: ensureFiniteNumber(source.version, "version"),
     username: ensureOptionalString(source.username, "username"),
     password: ensureOptionalString(source.password, "password"),
-    timestamp_from: ensureOptionalFiniteNumber(
-      source.timestamp_from,
-      "timestamp_from",
-    ),
-    timestamp_to: ensureOptionalFiniteNumber(
-      source.timestamp_to,
-      "timestamp_to",
-    ),
+    timestamp_from: ensureOptionalFiniteNumber(source.timestamp_from, "timestamp_from"),
+    timestamp_to: ensureOptionalFiniteNumber(source.timestamp_to, "timestamp_to"),
     token_limit: parseTokenLimit(source.token_limit),
   };
 };
@@ -332,9 +303,7 @@ export const applyPartialTokenPayload = (
   const source = payload as Record<string, unknown>;
   const nextToken: Token = {
     ...baseToken,
-    token_limit: cloneTokenLimitEntries(
-      baseToken.token_limit ?? createDefaultToken().token_limit,
-    ),
+    token_limit: cloneTokenLimitEntries(baseToken.token_limit ?? createDefaultToken().token_limit),
   };
   const dataIssues: string[] = [];
 
@@ -375,10 +344,7 @@ export const applyPartialTokenPayload = (
 
   if ("timestamp_to" in source) {
     try {
-      nextToken.timestamp_to = ensureOptionalFiniteNumber(
-        source.timestamp_to,
-        "timestamp_to",
-      );
+      nextToken.timestamp_to = ensureOptionalFiniteNumber(source.timestamp_to, "timestamp_to");
     } catch (error) {
       dataIssues.push((error as Error).message);
     }
diff --git a/src/components/token/tokenPermissionTemplates.ts b/src/components/token/tokenPermissionTemplates.ts
index 141640f8..92f24338 100644
--- a/src/components/token/tokenPermissionTemplates.ts
+++ b/src/components/token/tokenPermissionTemplates.ts
@@ -14,10 +14,7 @@ type TokenPermissionTemplateOption = {
 type TokenPermissionTemplateConfig = {
   value: Exclude<TokenPermissionTemplateValue, "custom">;
   buildPermissions: () => PermissionEntry[];
-  matches: (
-    tokenLimit: TokenLimitEntry,
-    currentScopeTab: ScopeTabValue,
-  ) => boolean;
+  matches: (tokenLimit: TokenLimitEntry, currentScopeTab: ScopeTabValue) => boolean;
   apply: (tokenLimit: TokenLimitEntry) => {
     tokenLimit: TokenLimitEntry;
     scopeTab: ScopeTabValue;
@@ -71,10 +68,7 @@ const normalizePermissionValue = (value: unknown): string => {
   if (value && typeof value === "object") {
     return `{${Object.entries(value as Record<string, unknown>)
       .sort(([leftKey], [rightKey]) => leftKey.localeCompare(rightKey))
-      .map(
-        ([key, nestedValue]) =>
-          `${key}:${normalizePermissionValue(nestedValue)}`,
-      )
+      .map(([key, nestedValue]) => `${key}:${normalizePermissionValue(nestedValue)}`)
       .join(",")}}`;
   }
 
@@ -88,10 +82,7 @@ const arePermissionSetsEqual = (
   const normalizeEntries = (entries: PermissionEntry[] | undefined) =>
     (entries ?? []).map(normalizePermissionValue).sort();
 
-  return (
-    JSON.stringify(normalizeEntries(left)) ===
-    JSON.stringify(normalizeEntries(right))
-  );
+  return JSON.stringify(normalizeEntries(left)) === JSON.stringify(normalizeEntries(right));
 };
 
 const normalizeGlobalTemplateScopes = (): TokenLimitScope => [...DEFAULT_SCOPE];
@@ -101,30 +92,18 @@ export const getTokenPermissionTemplateOptions = (
 ): TokenPermissionTemplateOption[] => [
   {
     value: "agent",
-    label: t(
-      "dashboard.token.permissionsConfig.limitItem.template.agent.title",
-    ),
-    description: t(
-      "dashboard.token.permissionsConfig.limitItem.template.agent.description",
-    ),
+    label: t("dashboard.token.permissionsConfig.limitItem.template.agent.title"),
+    description: t("dashboard.token.permissionsConfig.limitItem.template.agent.description"),
   },
   {
     value: "visitor",
-    label: t(
-      "dashboard.token.permissionsConfig.limitItem.template.visitor.title",
-    ),
-    description: t(
-      "dashboard.token.permissionsConfig.limitItem.template.visitor.description",
-    ),
+    label: t("dashboard.token.permissionsConfig.limitItem.template.visitor.title"),
+    description: t("dashboard.token.permissionsConfig.limitItem.template.visitor.description"),
   },
   {
     value: "custom",
-    label: t(
-      "dashboard.token.permissionsConfig.limitItem.template.custom.title",
-    ),
-    description: t(
-      "dashboard.token.permissionsConfig.limitItem.template.custom.description",
-    ),
+    label: t("dashboard.token.permissionsConfig.limitItem.template.custom.title"),
+    description: t("dashboard.token.permissionsConfig.limitItem.template.custom.description"),
   },
 ];
 
@@ -137,10 +116,7 @@ const TEMPLATE_CONFIGS: Record<
     buildPermissions: () => AGENT_PERMISSIONS.map((item) => ({ ...item })),
     matches: (tokenLimit, currentScopeTab) => {
       if (currentScopeTab !== "Global") return false;
-      return arePermissionSetsEqual(
-        tokenLimit.permissions ?? [],
-        AGENT_PERMISSIONS,
-      );
+      return arePermissionSetsEqual(tokenLimit.permissions ?? [], AGENT_PERMISSIONS);
     },
     apply: (tokenLimit) => ({
       tokenLimit: {
@@ -156,10 +132,7 @@ const TEMPLATE_CONFIGS: Record<
     buildPermissions: () => VISITOR_PERMISSIONS.map((item) => ({ ...item })),
     matches: (tokenLimit, currentScopeTab) => {
       if (currentScopeTab !== "Global") return false;
-      return arePermissionSetsEqual(
-        tokenLimit.permissions ?? [],
-        VISITOR_PERMISSIONS,
-      );
+      return arePermissionSetsEqual(tokenLimit.permissions ?? [], VISITOR_PERMISSIONS);
     },
     apply: (tokenLimit) => ({
       tokenLimit: {
diff --git a/src/components/token/tokenTemplates.ts b/src/components/token/tokenTemplates.ts
index 12ede25f..155347ee 100644
--- a/src/components/token/tokenTemplates.ts
+++ b/src/components/token/tokenTemplates.ts
@@ -1,8 +1,4 @@
-import {
-  cloneTokenLimitEntries,
-  createDefaultToken,
-  DEFAULT_SCOPE,
-} from "./scopeCodec.ts";
+import { cloneTokenLimitEntries, createDefaultToken, DEFAULT_SCOPE } from "./scopeCodec.ts";
 import type { PermissionEntry, Token, TokenLimitEntry } from "./type.ts";
 import { generatePassword } from "../../lib/password.ts";
 import { TASK_NAME_LIST } from "@/types/task.ts";
@@ -78,19 +74,14 @@ export const createTokenFromTemplate = (
   createRandomString: (length?: number) => string = generatePassword,
 ): Token => {
   const template =
-    typeof templateOrId === "string"
-      ? getTokenTemplateById(templateOrId)
-      : templateOrId;
+    typeof templateOrId === "string" ? getTokenTemplateById(templateOrId) : templateOrId;
 
   if (!template) {
     throw new Error("token_template_not_found");
   }
 
   const baseToken = createDefaultToken();
-  const credentials = createTemplateTokenCredentials(
-    template.id,
-    createRandomString,
-  );
+  const credentials = createTemplateTokenCredentials(template.id, createRandomString);
 
   return {
     ...baseToken,
diff --git a/src/components/token/useAgent.ts b/src/components/token/useAgent.ts
index a39fd587..706434d3 100644
--- a/src/components/token/useAgent.ts
+++ b/src/components/token/useAgent.ts
@@ -48,12 +48,9 @@ export const useAgentHook = () => {
 
     try {
       const conn = getWsConnection(url);
-      const result = await conn.call<{ uuids?: string[] }>(
-        "nodeget-server_list_all_agent_uuid",
-        {
-          token,
-        },
-      );
+      const result = await conn.call<{ uuids?: string[] }>("nodeget-server_list_all_agent_uuid", {
+        token,
+      });
 
       const uuids = Array.isArray(result?.uuids) ? result.uuids : [];
       const nameMap = new Map<string, string>();
diff --git a/src/components/token/useKv.ts b/src/components/token/useKv.ts
index 5c972874..4ad59ccc 100644
--- a/src/components/token/useKv.ts
+++ b/src/components/token/useKv.ts
@@ -21,10 +21,7 @@ export const useKvHook = () => {
     const token = currentBackend.value?.token?.trim() || "";
     if (!url || !token) return [];
     try {
-      const result = await getWsConnection(url).call<string[]>(
-        "kv_list_all_namespace",
-        { token },
-      );
+      const result = await getWsConnection(url).call<string[]>("kv_list_all_namespace", { token });
       if (result.length > 0) {
         return result;
       }
diff --git a/src/components/ui/alert-dialog/AlertDialog.vue b/src/components/ui/alert-dialog/AlertDialog.vue
index 3177c8b6..011c3821 100644
--- a/src/components/ui/alert-dialog/AlertDialog.vue
+++ b/src/components/ui/alert-dialog/AlertDialog.vue
@@ -9,11 +9,7 @@ const forwarded = useForwardPropsEmits(props, emits);
 </script>
 
 <template>
-  <AlertDialogRoot
-    v-slot="slotProps"
-    data-slot="alert-dialog"
-    v-bind="forwarded"
-  >
+  <AlertDialogRoot v-slot="slotProps" data-slot="alert-dialog" v-bind="forwarded">
     <slot v-bind="slotProps" />
   </AlertDialogRoot>
 </template>
diff --git a/src/components/ui/alert-dialog/AlertDialogAction.vue b/src/components/ui/alert-dialog/AlertDialogAction.vue
index 5a324c31..45a0a0f1 100644
--- a/src/components/ui/alert-dialog/AlertDialogAction.vue
+++ b/src/components/ui/alert-dialog/AlertDialogAction.vue
@@ -6,18 +6,13 @@ import { AlertDialogAction } from "reka-ui";
 import { cn } from "@/lib/utils";
 import { buttonVariants } from "@/components/ui/button";
 
-const props = defineProps<
-  AlertDialogActionProps & { class?: HTMLAttributes["class"] }
->();
+const props = defineProps<AlertDialogActionProps & { class?: HTMLAttributes["class"] }>();
 
 const delegatedProps = reactiveOmit(props, "class");
 </script>
 
 <template>
-  <AlertDialogAction
-    v-bind="delegatedProps"
-    :class="cn(buttonVariants(), props.class)"
-  >
+  <AlertDialogAction v-bind="delegatedProps" :class="cn(buttonVariants(), props.class)">
     <slot />
   </AlertDialogAction>
 </template>
diff --git a/src/components/ui/alert-dialog/AlertDialogCancel.vue b/src/components/ui/alert-dialog/AlertDialogCancel.vue
index 35ee46c3..f031b503 100644
--- a/src/components/ui/alert-dialog/AlertDialogCancel.vue
+++ b/src/components/ui/alert-dialog/AlertDialogCancel.vue
@@ -6,9 +6,7 @@ import { AlertDialogCancel } from "reka-ui";
 import { cn } from "@/lib/utils";
 import { buttonVariants } from "@/components/ui/button";
 
-const props = defineProps<
-  AlertDialogCancelProps & { class?: HTMLAttributes["class"] }
->();
+const props = defineProps<AlertDialogCancelProps & { class?: HTMLAttributes["class"] }>();
 
 const delegatedProps = reactiveOmit(props, "class");
 </script>
@@ -16,9 +14,7 @@ const delegatedProps = reactiveOmit(props, "class");
 <template>
   <AlertDialogCancel
     v-bind="delegatedProps"
-    :class="
-      cn(buttonVariants({ variant: 'outline' }), 'mt-2 sm:mt-0', props.class)
-    "
+    :class="cn(buttonVariants({ variant: 'outline' }), 'mt-2 sm:mt-0', props.class)"
   >
     <slot />
   </AlertDialogCancel>
diff --git a/src/components/ui/alert-dialog/AlertDialogContent.vue b/src/components/ui/alert-dialog/AlertDialogContent.vue
index f8e73bf8..30f3e81b 100644
--- a/src/components/ui/alert-dialog/AlertDialogContent.vue
+++ b/src/components/ui/alert-dialog/AlertDialogContent.vue
@@ -14,9 +14,7 @@ defineOptions({
   inheritAttrs: false,
 });
 
-const props = defineProps<
-  AlertDialogContentProps & { class?: HTMLAttributes["class"] }
->();
+const props = defineProps<AlertDialogContentProps & { class?: HTMLAttributes["class"] }>();
 const emits = defineEmits<AlertDialogContentEmits>();
 
 const delegatedProps = reactiveOmit(props, "class");
diff --git a/src/components/ui/alert-dialog/AlertDialogDescription.vue b/src/components/ui/alert-dialog/AlertDialogDescription.vue
index f202a764..9cfc6dea 100644
--- a/src/components/ui/alert-dialog/AlertDialogDescription.vue
+++ b/src/components/ui/alert-dialog/AlertDialogDescription.vue
@@ -5,9 +5,7 @@ import { reactiveOmit } from "@vueuse/core";
 import { AlertDialogDescription } from "reka-ui";
 import { cn } from "@/lib/utils";
 
-const props = defineProps<
-  AlertDialogDescriptionProps & { class?: HTMLAttributes["class"] }
->();
+const props = defineProps<AlertDialogDescriptionProps & { class?: HTMLAttributes["class"] }>();
 
 const delegatedProps = reactiveOmit(props, "class");
 </script>
diff --git a/src/components/ui/alert-dialog/AlertDialogFooter.vue b/src/components/ui/alert-dialog/AlertDialogFooter.vue
index 07a95a14..d1637c43 100644
--- a/src/components/ui/alert-dialog/AlertDialogFooter.vue
+++ b/src/components/ui/alert-dialog/AlertDialogFooter.vue
@@ -10,9 +10,7 @@ const props = defineProps<{
 <template>
   <div
     data-slot="alert-dialog-footer"
-    :class="
-      cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', props.class)
-    "
+    :class="cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', props.class)"
   >
     <slot />
   </div>
diff --git a/src/components/ui/alert-dialog/AlertDialogTitle.vue b/src/components/ui/alert-dialog/AlertDialogTitle.vue
index ff5f3077..7620abe0 100644
--- a/src/components/ui/alert-dialog/AlertDialogTitle.vue
+++ b/src/components/ui/alert-dialog/AlertDialogTitle.vue
@@ -5,9 +5,7 @@ import { reactiveOmit } from "@vueuse/core";
 import { AlertDialogTitle } from "reka-ui";
 import { cn } from "@/lib/utils";
 
-const props = defineProps<
-  AlertDialogTitleProps & { class?: HTMLAttributes["class"] }
->();
+const props = defineProps<AlertDialogTitleProps & { class?: HTMLAttributes["class"] }>();
 
 const delegatedProps = reactiveOmit(props, "class");
 </script>
diff --git a/src/components/ui/alert/Alert.vue b/src/components/ui/alert/Alert.vue
index a9d336ff..d51160af 100644
--- a/src/components/ui/alert/Alert.vue
+++ b/src/components/ui/alert/Alert.vue
@@ -1,21 +1,17 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue"
-import type { AlertVariants } from "."
-import { cn } from "@/lib/utils"
-import { alertVariants } from "."
+import type { HTMLAttributes } from "vue";
+import type { AlertVariants } from ".";
+import { cn } from "@/lib/utils";
+import { alertVariants } from ".";
 
 const props = defineProps<{
-  class?: HTMLAttributes["class"]
-  variant?: AlertVariants["variant"]
-}>()
+  class?: HTMLAttributes["class"];
+  variant?: AlertVariants["variant"];
+}>();
 </script>
 
 <template>
-  <div
-    data-slot="alert"
-    :class="cn(alertVariants({ variant }), props.class)"
-    role="alert"
-  >
+  <div data-slot="alert" :class="cn(alertVariants({ variant }), props.class)" role="alert">
     <slot />
   </div>
 </template>
diff --git a/src/components/ui/alert/AlertDescription.vue b/src/components/ui/alert/AlertDescription.vue
index 9f7d24df..47de4603 100644
--- a/src/components/ui/alert/AlertDescription.vue
+++ b/src/components/ui/alert/AlertDescription.vue
@@ -1,16 +1,21 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue"
-import { cn } from "@/lib/utils"
+import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
-  class?: HTMLAttributes["class"]
-}>()
+  class?: HTMLAttributes["class"];
+}>();
 </script>
 
 <template>
   <div
     data-slot="alert-description"
-    :class="cn('text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed', props.class)"
+    :class="
+      cn(
+        'text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed',
+        props.class,
+      )
+    "
   >
     <slot />
   </div>
diff --git a/src/components/ui/alert/AlertTitle.vue b/src/components/ui/alert/AlertTitle.vue
index b2183843..0d1759cd 100644
--- a/src/components/ui/alert/AlertTitle.vue
+++ b/src/components/ui/alert/AlertTitle.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue"
-import { cn } from "@/lib/utils"
+import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
-  class?: HTMLAttributes["class"]
-}>()
+  class?: HTMLAttributes["class"];
+}>();
 </script>
 
 <template>
diff --git a/src/components/ui/alert/index.ts b/src/components/ui/alert/index.ts
index 42d07b64..e9504aa2 100644
--- a/src/components/ui/alert/index.ts
+++ b/src/components/ui/alert/index.ts
@@ -1,9 +1,9 @@
-import type { VariantProps } from "class-variance-authority"
-import { cva } from "class-variance-authority"
+import type { VariantProps } from "class-variance-authority";
+import { cva } from "class-variance-authority";
 
-export { default as Alert } from "./Alert.vue"
-export { default as AlertDescription } from "./AlertDescription.vue"
-export { default as AlertTitle } from "./AlertTitle.vue"
+export { default as Alert } from "./Alert.vue";
+export { default as AlertDescription } from "./AlertDescription.vue";
+export { default as AlertTitle } from "./AlertTitle.vue";
 
 export const alertVariants = cva(
   "relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
@@ -19,6 +19,6 @@ export const alertVariants = cva(
       variant: "default",
     },
   },
-)
+);
 
-export type AlertVariants = VariantProps<typeof alertVariants>
+export type AlertVariants = VariantProps<typeof alertVariants>;
diff --git a/src/components/ui/badge/Badge.vue b/src/components/ui/badge/Badge.vue
index d894dfe0..119a584a 100644
--- a/src/components/ui/badge/Badge.vue
+++ b/src/components/ui/badge/Badge.vue
@@ -1,18 +1,20 @@
 <script setup lang="ts">
-import type { PrimitiveProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import type { BadgeVariants } from "."
-import { reactiveOmit } from "@vueuse/core"
-import { Primitive } from "reka-ui"
-import { cn } from "@/lib/utils"
-import { badgeVariants } from "."
+import type { PrimitiveProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+import type { BadgeVariants } from ".";
+import { reactiveOmit } from "@vueuse/core";
+import { Primitive } from "reka-ui";
+import { cn } from "@/lib/utils";
+import { badgeVariants } from ".";
 
-const props = defineProps<PrimitiveProps & {
-  variant?: BadgeVariants["variant"]
-  class?: HTMLAttributes["class"]
-}>()
+const props = defineProps<
+  PrimitiveProps & {
+    variant?: BadgeVariants["variant"];
+    class?: HTMLAttributes["class"];
+  }
+>();
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, "class");
 </script>
 
 <template>
diff --git a/src/components/ui/badge/index.ts b/src/components/ui/badge/index.ts
index bbc0dfa3..b48a9e9d 100644
--- a/src/components/ui/badge/index.ts
+++ b/src/components/ui/badge/index.ts
@@ -1,26 +1,24 @@
-import type { VariantProps } from "class-variance-authority"
-import { cva } from "class-variance-authority"
+import type { VariantProps } from "class-variance-authority";
+import { cva } from "class-variance-authority";
 
-export { default as Badge } from "./Badge.vue"
+export { default as Badge } from "./Badge.vue";
 
 export const badgeVariants = cva(
   "inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
   {
     variants: {
       variant: {
-        default:
-          "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
         secondary:
           "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
         destructive:
-         "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-        outline:
-          "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+          "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
       },
     },
     defaultVariants: {
       variant: "default",
     },
   },
-)
-export type BadgeVariants = VariantProps<typeof badgeVariants>
+);
+export type BadgeVariants = VariantProps<typeof badgeVariants>;
diff --git a/src/components/ui/button/Button.vue b/src/components/ui/button/Button.vue
index 374320b7..fda00242 100644
--- a/src/components/ui/button/Button.vue
+++ b/src/components/ui/button/Button.vue
@@ -1,20 +1,20 @@
 <script setup lang="ts">
-import type { PrimitiveProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import type { ButtonVariants } from "."
-import { Primitive } from "reka-ui"
-import { cn } from "@/lib/utils"
-import { buttonVariants } from "."
+import type { PrimitiveProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+import type { ButtonVariants } from ".";
+import { Primitive } from "reka-ui";
+import { cn } from "@/lib/utils";
+import { buttonVariants } from ".";
 
 interface Props extends PrimitiveProps {
-  variant?: ButtonVariants["variant"]
-  size?: ButtonVariants["size"]
-  class?: HTMLAttributes["class"]
+  variant?: ButtonVariants["variant"];
+  size?: ButtonVariants["size"];
+  class?: HTMLAttributes["class"];
 }
 
 const props = withDefaults(defineProps<Props>(), {
   as: "button",
-})
+});
 </script>
 
 <template>
diff --git a/src/components/ui/button/index.ts b/src/components/ui/button/index.ts
index 1a31ccb1..92881a5b 100644
--- a/src/components/ui/button/index.ts
+++ b/src/components/ui/button/index.ts
@@ -13,10 +13,8 @@ export const buttonVariants = cva(
           "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
         outline:
           "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
-        secondary:
-          "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost:
-          "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
         link: "text-primary underline-offset-4 hover:underline",
       },
       size: {
diff --git a/src/components/ui/card/CardAction.vue b/src/components/ui/card/CardAction.vue
index c91638b6..d7ae294d 100644
--- a/src/components/ui/card/CardAction.vue
+++ b/src/components/ui/card/CardAction.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue"
-import { cn } from "@/lib/utils"
+import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
-  class?: HTMLAttributes["class"]
-}>()
+  class?: HTMLAttributes["class"];
+}>();
 </script>
 
 <template>
diff --git a/src/components/ui/card/CardContent.vue b/src/components/ui/card/CardContent.vue
index dfbc5524..09af2c35 100644
--- a/src/components/ui/card/CardContent.vue
+++ b/src/components/ui/card/CardContent.vue
@@ -1,17 +1,14 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue"
-import { cn } from "@/lib/utils"
+import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
-  class?: HTMLAttributes["class"]
-}>()
+  class?: HTMLAttributes["class"];
+}>();
 </script>
 
 <template>
-  <div
-    data-slot="card-content"
-    :class="cn('px-6', props.class)"
-  >
+  <div data-slot="card-content" :class="cn('px-6', props.class)">
     <slot />
   </div>
 </template>
diff --git a/src/components/ui/card/CardDescription.vue b/src/components/ui/card/CardDescription.vue
index 71c1b8da..9c129a81 100644
--- a/src/components/ui/card/CardDescription.vue
+++ b/src/components/ui/card/CardDescription.vue
@@ -1,17 +1,14 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue"
-import { cn } from "@/lib/utils"
+import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
-  class?: HTMLAttributes["class"]
-}>()
+  class?: HTMLAttributes["class"];
+}>();
 </script>
 
 <template>
-  <p
-    data-slot="card-description"
-    :class="cn('text-muted-foreground text-sm', props.class)"
-  >
+  <p data-slot="card-description" :class="cn('text-muted-foreground text-sm', props.class)">
     <slot />
   </p>
 </template>
diff --git a/src/components/ui/card/CardFooter.vue b/src/components/ui/card/CardFooter.vue
index 9e3739ed..7d01f186 100644
--- a/src/components/ui/card/CardFooter.vue
+++ b/src/components/ui/card/CardFooter.vue
@@ -1,17 +1,14 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue"
-import { cn } from "@/lib/utils"
+import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
-  class?: HTMLAttributes["class"]
-}>()
+  class?: HTMLAttributes["class"];
+}>();
 </script>
 
 <template>
-  <div
-    data-slot="card-footer"
-    :class="cn('flex items-center px-6 [.border-t]:pt-6', props.class)"
-  >
+  <div data-slot="card-footer" :class="cn('flex items-center px-6 [.border-t]:pt-6', props.class)">
     <slot />
   </div>
 </template>
diff --git a/src/components/ui/card/CardHeader.vue b/src/components/ui/card/CardHeader.vue
index 4fe4da46..ebd8bfa0 100644
--- a/src/components/ui/card/CardHeader.vue
+++ b/src/components/ui/card/CardHeader.vue
@@ -1,16 +1,21 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue"
-import { cn } from "@/lib/utils"
+import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
-  class?: HTMLAttributes["class"]
-}>()
+  class?: HTMLAttributes["class"];
+}>();
 </script>
 
 <template>
   <div
     data-slot="card-header"
-    :class="cn('@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6', props.class)"
+    :class="
+      cn(
+        '@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6',
+        props.class,
+      )
+    "
   >
     <slot />
   </div>
diff --git a/src/components/ui/card/CardTitle.vue b/src/components/ui/card/CardTitle.vue
index 5f479e73..a4e55b26 100644
--- a/src/components/ui/card/CardTitle.vue
+++ b/src/components/ui/card/CardTitle.vue
@@ -1,17 +1,14 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue"
-import { cn } from "@/lib/utils"
+import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
-  class?: HTMLAttributes["class"]
-}>()
+  class?: HTMLAttributes["class"];
+}>();
 </script>
 
 <template>
-  <h3
-    data-slot="card-title"
-    :class="cn('leading-none font-semibold', props.class)"
-  >
+  <h3 data-slot="card-title" :class="cn('leading-none font-semibold', props.class)">
     <slot />
   </h3>
 </template>
diff --git a/src/components/ui/card/index.ts b/src/components/ui/card/index.ts
index 16277580..409685bb 100644
--- a/src/components/ui/card/index.ts
+++ b/src/components/ui/card/index.ts
@@ -1,7 +1,7 @@
-export { default as Card } from "./Card.vue"
-export { default as CardAction } from "./CardAction.vue"
-export { default as CardContent } from "./CardContent.vue"
-export { default as CardDescription } from "./CardDescription.vue"
-export { default as CardFooter } from "./CardFooter.vue"
-export { default as CardHeader } from "./CardHeader.vue"
-export { default as CardTitle } from "./CardTitle.vue"
+export { default as Card } from "./Card.vue";
+export { default as CardAction } from "./CardAction.vue";
+export { default as CardContent } from "./CardContent.vue";
+export { default as CardDescription } from "./CardDescription.vue";
+export { default as CardFooter } from "./CardFooter.vue";
+export { default as CardHeader } from "./CardHeader.vue";
+export { default as CardTitle } from "./CardTitle.vue";
diff --git a/src/components/ui/checkbox/Checkbox.vue b/src/components/ui/checkbox/Checkbox.vue
index 6604cbdb..bbfedace 100644
--- a/src/components/ui/checkbox/Checkbox.vue
+++ b/src/components/ui/checkbox/Checkbox.vue
@@ -1,17 +1,17 @@
 <script setup lang="ts">
-import type { CheckboxRootEmits, CheckboxRootProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { Check } from "lucide-vue-next"
-import { CheckboxIndicator, CheckboxRoot, useForwardPropsEmits } from "reka-ui"
-import { cn } from "@/lib/utils"
+import type { CheckboxRootEmits, CheckboxRootProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+import { reactiveOmit } from "@vueuse/core";
+import { Check } from "lucide-vue-next";
+import { CheckboxIndicator, CheckboxRoot, useForwardPropsEmits } from "reka-ui";
+import { cn } from "@/lib/utils";
 
-const props = defineProps<CheckboxRootProps & { class?: HTMLAttributes["class"] }>()
-const emits = defineEmits<CheckboxRootEmits>()
+const props = defineProps<CheckboxRootProps & { class?: HTMLAttributes["class"] }>();
+const emits = defineEmits<CheckboxRootEmits>();
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, "class");
 
-const forwarded = useForwardPropsEmits(delegatedProps, emits)
+const forwarded = useForwardPropsEmits(delegatedProps, emits);
 </script>
 
 <template>
@@ -20,8 +20,11 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)
     data-slot="checkbox"
     v-bind="forwarded"
     :class="
-      cn('peer border-input data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50',
-         props.class)"
+      cn(
+        'peer border-input data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50',
+        props.class,
+      )
+    "
   >
     <CheckboxIndicator
       data-slot="checkbox-indicator"
diff --git a/src/components/ui/checkbox/index.ts b/src/components/ui/checkbox/index.ts
index 3391a857..75be342b 100644
--- a/src/components/ui/checkbox/index.ts
+++ b/src/components/ui/checkbox/index.ts
@@ -1 +1 @@
-export { default as Checkbox } from "./Checkbox.vue"
+export { default as Checkbox } from "./Checkbox.vue";
diff --git a/src/components/ui/command/Command.vue b/src/components/ui/command/Command.vue
index ac7a3381..d067be19 100644
--- a/src/components/ui/command/Command.vue
+++ b/src/components/ui/command/Command.vue
@@ -56,9 +56,7 @@ function filterItems() {
 
   // Check which items should be included
   for (const [id, value] of allItems.value) {
-    const score =
-      props.filter?.(value, filterState.search) ??
-      contains(value, filterState.search);
+    const score = props.filter?.(value, filterState.search) ?? contains(value, filterState.search);
     filterState.filtered.items.set(id, score ? 1 : 0);
     if (score) itemCount++;
   }
@@ -96,7 +94,7 @@ provideCommandContext({
     v-bind="forwarded"
     :class="
       cn(
-        'flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground',
+        'bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md',
         props.class,
       )
     "
diff --git a/src/components/ui/command/CommandEmpty.vue b/src/components/ui/command/CommandEmpty.vue
index a11a1a83..b8e3ba79 100644
--- a/src/components/ui/command/CommandEmpty.vue
+++ b/src/components/ui/command/CommandEmpty.vue
@@ -7,16 +7,12 @@ import { computed } from "vue";
 import { cn } from "@/lib/utils";
 import { useCommand } from ".";
 
-const props = defineProps<
-  PrimitiveProps & { class?: HTMLAttributes["class"] }
->();
+const props = defineProps<PrimitiveProps & { class?: HTMLAttributes["class"] }>();
 
 const delegatedProps = reactiveOmit(props, "class");
 
 const { filterState } = useCommand();
-const isRender = computed(
-  () => !!filterState.search && filterState.filtered.count === 0,
-);
+const isRender = computed(() => !!filterState.search && filterState.filtered.count === 0);
 </script>
 
 <template>
diff --git a/src/components/ui/command/CommandGroup.vue b/src/components/ui/command/CommandGroup.vue
index 8841d784..4ac6f8a0 100644
--- a/src/components/ui/command/CommandGroup.vue
+++ b/src/components/ui/command/CommandGroup.vue
@@ -19,9 +19,7 @@ const delegatedProps = reactiveOmit(props, "class");
 const { allGroups, filterState } = useCommand();
 const id = useId();
 
-const isRender = computed(() =>
-  !filterState.search ? true : filterState.filtered.groups.has(id),
-);
+const isRender = computed(() => (!filterState.search ? true : filterState.filtered.groups.has(id)));
 
 provideCommandGroupContext({ id });
 onMounted(() => {
@@ -37,13 +35,13 @@ onUnmounted(() => {
     v-bind="delegatedProps"
     :id="id"
     data-slot="command-group"
-    :class="cn('overflow-hidden p-1 text-foreground', props.class)"
+    :class="cn('text-foreground overflow-hidden p-1', props.class)"
     :hidden="isRender ? undefined : true"
   >
     <ListboxGroupLabel
       v-if="heading"
       data-slot="command-group-heading"
-      class="px-2 py-1.5 text-xs font-medium text-muted-foreground"
+      class="text-muted-foreground px-2 py-1.5 text-xs font-medium"
     >
       {{ heading }}
     </ListboxGroupLabel>
diff --git a/src/components/ui/command/CommandInput.vue b/src/components/ui/command/CommandInput.vue
index b1e4af2e..96d5efe7 100644
--- a/src/components/ui/command/CommandInput.vue
+++ b/src/components/ui/command/CommandInput.vue
@@ -52,10 +52,7 @@ watch(
 </script>
 
 <template>
-  <div
-    data-slot="command-input-wrapper"
-    class="flex h-9 items-center gap-2 border-b px-3"
-  >
+  <div data-slot="command-input-wrapper" class="flex h-9 items-center gap-2 border-b px-3">
     <Search class="size-4 shrink-0 opacity-50" />
     <ListboxFilter
       v-bind="{ ...forwardedProps, ...$attrs }"
@@ -63,7 +60,7 @@ watch(
       data-slot="command-input"
       :class="
         cn(
-          'flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50',
+          'placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50',
           props.class,
         )
       "
diff --git a/src/components/ui/command/CommandItem.vue b/src/components/ui/command/CommandItem.vue
index 2435836b..1f4544c4 100644
--- a/src/components/ui/command/CommandItem.vue
+++ b/src/components/ui/command/CommandItem.vue
@@ -45,10 +45,7 @@ onMounted(() => {
   if (!(currentElement.value instanceof HTMLElement)) return;
 
   // textValue to perform filter
-  allItems.value.set(
-    id,
-    currentElement.value.textContent ?? props.value?.toString() ?? "",
-  );
+  allItems.value.set(id, currentElement.value.textContent ?? props.value?.toString() ?? "");
 
   const groupId = groupContext?.id;
   if (groupId) {
@@ -81,7 +78,7 @@ function clearSearchOnSelect() {
     data-slot="command-item"
     :class="
       cn(
-        `relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-highlighted:bg-accent data-highlighted:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground`,
+        `data-highlighted:bg-accent data-highlighted:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,
         props.class,
       )
     "
diff --git a/src/components/ui/command/CommandList.vue b/src/components/ui/command/CommandList.vue
index 45000287..af25ae58 100644
--- a/src/components/ui/command/CommandList.vue
+++ b/src/components/ui/command/CommandList.vue
@@ -5,9 +5,7 @@ import { reactiveOmit } from "@vueuse/core";
 import { ListboxContent, useForwardProps } from "reka-ui";
 import { cn } from "@/lib/utils";
 
-const props = defineProps<
-  ListboxContentProps & { class?: HTMLAttributes["class"] }
->();
+const props = defineProps<ListboxContentProps & { class?: HTMLAttributes["class"] }>();
 
 const delegatedProps = reactiveOmit(props, "class");
 
@@ -18,12 +16,7 @@ const forwarded = useForwardProps(delegatedProps);
   <ListboxContent
     data-slot="command-list"
     v-bind="forwarded"
-    :class="
-      cn(
-        'max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto',
-        props.class,
-      )
-    "
+    :class="cn('max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto', props.class)"
   >
     <div role="presentation">
       <slot />
diff --git a/src/components/ui/command/CommandSeparator.vue b/src/components/ui/command/CommandSeparator.vue
index a97292ed..1c3a5df1 100644
--- a/src/components/ui/command/CommandSeparator.vue
+++ b/src/components/ui/command/CommandSeparator.vue
@@ -5,9 +5,7 @@ import { reactiveOmit } from "@vueuse/core";
 import { Separator } from "reka-ui";
 import { cn } from "@/lib/utils";
 
-const props = defineProps<
-  SeparatorProps & { class?: HTMLAttributes["class"] }
->();
+const props = defineProps<SeparatorProps & { class?: HTMLAttributes["class"] }>();
 
 const delegatedProps = reactiveOmit(props, "class");
 </script>
@@ -16,7 +14,7 @@ const delegatedProps = reactiveOmit(props, "class");
   <Separator
     data-slot="command-separator"
     v-bind="delegatedProps"
-    :class="cn('-mx-1 h-px bg-border', props.class)"
+    :class="cn('bg-border -mx-1 h-px', props.class)"
   >
     <slot />
   </Separator>
diff --git a/src/components/ui/command/CommandShortcut.vue b/src/components/ui/command/CommandShortcut.vue
index 255a4d14..94c77560 100644
--- a/src/components/ui/command/CommandShortcut.vue
+++ b/src/components/ui/command/CommandShortcut.vue
@@ -10,9 +10,7 @@ const props = defineProps<{
 <template>
   <span
     data-slot="command-shortcut"
-    :class="
-      cn('ml-auto text-xs tracking-widest text-muted-foreground', props.class)
-    "
+    :class="cn('text-muted-foreground ml-auto text-xs tracking-widest', props.class)"
   >
     <slot />
   </span>
diff --git a/src/components/ui/dialog/Dialog.vue b/src/components/ui/dialog/Dialog.vue
index ade52603..add07984 100644
--- a/src/components/ui/dialog/Dialog.vue
+++ b/src/components/ui/dialog/Dialog.vue
@@ -1,19 +1,15 @@
 <script setup lang="ts">
-import type { DialogRootEmits, DialogRootProps } from "reka-ui"
-import { DialogRoot, useForwardPropsEmits } from "reka-ui"
+import type { DialogRootEmits, DialogRootProps } from "reka-ui";
+import { DialogRoot, useForwardPropsEmits } from "reka-ui";
 
-const props = defineProps<DialogRootProps>()
-const emits = defineEmits<DialogRootEmits>()
+const props = defineProps<DialogRootProps>();
+const emits = defineEmits<DialogRootEmits>();
 
-const forwarded = useForwardPropsEmits(props, emits)
+const forwarded = useForwardPropsEmits(props, emits);
 </script>
 
 <template>
-  <DialogRoot
-    v-slot="slotProps"
-    data-slot="dialog"
-    v-bind="forwarded"
-  >
+  <DialogRoot v-slot="slotProps" data-slot="dialog" v-bind="forwarded">
     <slot v-bind="slotProps" />
   </DialogRoot>
 </template>
diff --git a/src/components/ui/dialog/DialogClose.vue b/src/components/ui/dialog/DialogClose.vue
index c5fae043..98cd03c1 100644
--- a/src/components/ui/dialog/DialogClose.vue
+++ b/src/components/ui/dialog/DialogClose.vue
@@ -1,15 +1,12 @@
 <script setup lang="ts">
-import type { DialogCloseProps } from "reka-ui"
-import { DialogClose } from "reka-ui"
+import type { DialogCloseProps } from "reka-ui";
+import { DialogClose } from "reka-ui";
 
-const props = defineProps<DialogCloseProps>()
+const props = defineProps<DialogCloseProps>();
 </script>
 
 <template>
-  <DialogClose
-    data-slot="dialog-close"
-    v-bind="props"
-  >
+  <DialogClose data-slot="dialog-close" v-bind="props">
     <slot />
   </DialogClose>
 </template>
diff --git a/src/components/ui/dialog/DialogContent.vue b/src/components/ui/dialog/DialogContent.vue
index 7f86b477..51298ede 100644
--- a/src/components/ui/dialog/DialogContent.vue
+++ b/src/components/ui/dialog/DialogContent.vue
@@ -1,29 +1,29 @@
 <script setup lang="ts">
-import type { DialogContentEmits, DialogContentProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { X } from "lucide-vue-next"
-import {
-  DialogClose,
-  DialogContent,
-  DialogPortal,
-  useForwardPropsEmits,
-} from "reka-ui"
-import { cn } from "@/lib/utils"
-import DialogOverlay from "./DialogOverlay.vue"
+import type { DialogContentEmits, DialogContentProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+import { reactiveOmit } from "@vueuse/core";
+import { X } from "lucide-vue-next";
+import { DialogClose, DialogContent, DialogPortal, useForwardPropsEmits } from "reka-ui";
+import { cn } from "@/lib/utils";
+import DialogOverlay from "./DialogOverlay.vue";
 
 defineOptions({
   inheritAttrs: false,
-})
+});
 
-const props = withDefaults(defineProps<DialogContentProps & { class?: HTMLAttributes["class"], showCloseButton?: boolean }>(), {
-  showCloseButton: true,
-})
-const emits = defineEmits<DialogContentEmits>()
+const props = withDefaults(
+  defineProps<
+    DialogContentProps & { class?: HTMLAttributes["class"]; showCloseButton?: boolean }
+  >(),
+  {
+    showCloseButton: true,
+  },
+);
+const emits = defineEmits<DialogContentEmits>();
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, "class");
 
-const forwarded = useForwardPropsEmits(delegatedProps, emits)
+const forwarded = useForwardPropsEmits(delegatedProps, emits);
 </script>
 
 <template>
@@ -36,7 +36,8 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)
         cn(
           'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg',
           props.class,
-        )"
+        )
+      "
     >
       <slot />
 
diff --git a/src/components/ui/dialog/DialogDescription.vue b/src/components/ui/dialog/DialogDescription.vue
index f52e6555..367ed29d 100644
--- a/src/components/ui/dialog/DialogDescription.vue
+++ b/src/components/ui/dialog/DialogDescription.vue
@@ -1,15 +1,15 @@
 <script setup lang="ts">
-import type { DialogDescriptionProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { DialogDescription, useForwardProps } from "reka-ui"
-import { cn } from "@/lib/utils"
+import type { DialogDescriptionProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+import { reactiveOmit } from "@vueuse/core";
+import { DialogDescription, useForwardProps } from "reka-ui";
+import { cn } from "@/lib/utils";
 
-const props = defineProps<DialogDescriptionProps & { class?: HTMLAttributes["class"] }>()
+const props = defineProps<DialogDescriptionProps & { class?: HTMLAttributes["class"] }>();
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, "class");
 
-const forwardedProps = useForwardProps(delegatedProps)
+const forwardedProps = useForwardProps(delegatedProps);
 </script>
 
 <template>
diff --git a/src/components/ui/dialog/DialogFooter.vue b/src/components/ui/dialog/DialogFooter.vue
index 0a936e61..2abbda0b 100644
--- a/src/components/ui/dialog/DialogFooter.vue
+++ b/src/components/ui/dialog/DialogFooter.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue"
-import { cn } from "@/lib/utils"
+import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
-const props = defineProps<{ class?: HTMLAttributes["class"] }>()
+const props = defineProps<{ class?: HTMLAttributes["class"] }>();
 </script>
 
 <template>
diff --git a/src/components/ui/dialog/DialogHeader.vue b/src/components/ui/dialog/DialogHeader.vue
index bfc3c646..041bdfab 100644
--- a/src/components/ui/dialog/DialogHeader.vue
+++ b/src/components/ui/dialog/DialogHeader.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue"
-import { cn } from "@/lib/utils"
+import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
-  class?: HTMLAttributes["class"]
-}>()
+  class?: HTMLAttributes["class"];
+}>();
 </script>
 
 <template>
diff --git a/src/components/ui/dialog/DialogOverlay.vue b/src/components/ui/dialog/DialogOverlay.vue
index 77900772..b28b1efd 100644
--- a/src/components/ui/dialog/DialogOverlay.vue
+++ b/src/components/ui/dialog/DialogOverlay.vue
@@ -1,20 +1,25 @@
 <script setup lang="ts">
-import type { DialogOverlayProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { DialogOverlay } from "reka-ui"
-import { cn } from "@/lib/utils"
+import type { DialogOverlayProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+import { reactiveOmit } from "@vueuse/core";
+import { DialogOverlay } from "reka-ui";
+import { cn } from "@/lib/utils";
 
-const props = defineProps<DialogOverlayProps & { class?: HTMLAttributes["class"] }>()
+const props = defineProps<DialogOverlayProps & { class?: HTMLAttributes["class"] }>();
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, "class");
 </script>
 
 <template>
   <DialogOverlay
     data-slot="dialog-overlay"
     v-bind="delegatedProps"
-    :class="cn('data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80', props.class)"
+    :class="
+      cn(
+        'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80',
+        props.class,
+      )
+    "
   >
     <slot />
   </DialogOverlay>
diff --git a/src/components/ui/dialog/DialogScrollContent.vue b/src/components/ui/dialog/DialogScrollContent.vue
index f2475dba..d9d5f57e 100644
--- a/src/components/ui/dialog/DialogScrollContent.vue
+++ b/src/components/ui/dialog/DialogScrollContent.vue
@@ -1,56 +1,61 @@
 <script setup lang="ts">
-import type { DialogContentEmits, DialogContentProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { X } from "lucide-vue-next"
+import type { DialogContentEmits, DialogContentProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+import { reactiveOmit } from "@vueuse/core";
+import { X } from "lucide-vue-next";
 import {
   DialogClose,
   DialogContent,
   DialogOverlay,
   DialogPortal,
   useForwardPropsEmits,
-} from "reka-ui"
-import { cn } from "@/lib/utils"
+} from "reka-ui";
+import { cn } from "@/lib/utils";
 
 defineOptions({
   inheritAttrs: false,
-})
+});
 
-const props = defineProps<DialogContentProps & { class?: HTMLAttributes["class"] }>()
-const emits = defineEmits<DialogContentEmits>()
+const props = defineProps<DialogContentProps & { class?: HTMLAttributes["class"] }>();
+const emits = defineEmits<DialogContentEmits>();
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, "class");
 
-const forwarded = useForwardPropsEmits(delegatedProps, emits)
+const forwarded = useForwardPropsEmits(delegatedProps, emits);
 </script>
 
 <template>
   <DialogPortal>
     <DialogOverlay
-      class="fixed inset-0 z-50 grid place-items-center overflow-y-auto bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"
+      class="data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 grid place-items-center overflow-y-auto bg-black/80"
     >
       <DialogContent
         :class="
           cn(
-            'relative z-50 grid w-full max-w-lg my-8 gap-4 border border-border bg-background p-6 shadow-lg duration-200 sm:rounded-lg md:w-full',
+            'border-border bg-background relative z-50 my-8 grid w-full max-w-lg gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg md:w-full',
             props.class,
           )
         "
         v-bind="{ ...$attrs, ...forwarded }"
-        @pointer-down-outside="(event) => {
-          const originalEvent = event.detail.originalEvent;
-          const target = originalEvent.target as HTMLElement;
-          if (originalEvent.offsetX > target.clientWidth || originalEvent.offsetY > target.clientHeight) {
-            event.preventDefault();
+        @pointer-down-outside="
+          (event) => {
+            const originalEvent = event.detail.originalEvent;
+            const target = originalEvent.target as HTMLElement;
+            if (
+              originalEvent.offsetX > target.clientWidth ||
+              originalEvent.offsetY > target.clientHeight
+            ) {
+              event.preventDefault();
+            }
           }
-        }"
+        "
       >
         <slot />
 
         <DialogClose
-          class="absolute top-4 right-4 p-0.5 transition-colors rounded-md hover:bg-secondary"
+          class="hover:bg-secondary absolute top-4 right-4 rounded-md p-0.5 transition-colors"
         >
-          <X class="w-4 h-4" />
+          <X class="h-4 w-4" />
           <span class="sr-only">Close</span>
         </DialogClose>
       </DialogContent>
diff --git a/src/components/ui/dialog/DialogTitle.vue b/src/components/ui/dialog/DialogTitle.vue
index 860f01a4..930f8e2f 100644
--- a/src/components/ui/dialog/DialogTitle.vue
+++ b/src/components/ui/dialog/DialogTitle.vue
@@ -1,15 +1,15 @@
 <script setup lang="ts">
-import type { DialogTitleProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { DialogTitle, useForwardProps } from "reka-ui"
-import { cn } from "@/lib/utils"
+import type { DialogTitleProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+import { reactiveOmit } from "@vueuse/core";
+import { DialogTitle, useForwardProps } from "reka-ui";
+import { cn } from "@/lib/utils";
 
-const props = defineProps<DialogTitleProps & { class?: HTMLAttributes["class"] }>()
+const props = defineProps<DialogTitleProps & { class?: HTMLAttributes["class"] }>();
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, "class");
 
-const forwardedProps = useForwardProps(delegatedProps)
+const forwardedProps = useForwardProps(delegatedProps);
 </script>
 
 <template>
diff --git a/src/components/ui/dialog/DialogTrigger.vue b/src/components/ui/dialog/DialogTrigger.vue
index 49667e99..24dbf1b3 100644
--- a/src/components/ui/dialog/DialogTrigger.vue
+++ b/src/components/ui/dialog/DialogTrigger.vue
@@ -1,15 +1,12 @@
 <script setup lang="ts">
-import type { DialogTriggerProps } from "reka-ui"
-import { DialogTrigger } from "reka-ui"
+import type { DialogTriggerProps } from "reka-ui";
+import { DialogTrigger } from "reka-ui";
 
-const props = defineProps<DialogTriggerProps>()
+const props = defineProps<DialogTriggerProps>();
 </script>
 
 <template>
-  <DialogTrigger
-    data-slot="dialog-trigger"
-    v-bind="props"
-  >
+  <DialogTrigger data-slot="dialog-trigger" v-bind="props">
     <slot />
   </DialogTrigger>
 </template>
diff --git a/src/components/ui/dialog/index.ts b/src/components/ui/dialog/index.ts
index 6768b090..6c411de2 100644
--- a/src/components/ui/dialog/index.ts
+++ b/src/components/ui/dialog/index.ts
@@ -1,10 +1,10 @@
-export { default as Dialog } from "./Dialog.vue"
-export { default as DialogClose } from "./DialogClose.vue"
-export { default as DialogContent } from "./DialogContent.vue"
-export { default as DialogDescription } from "./DialogDescription.vue"
-export { default as DialogFooter } from "./DialogFooter.vue"
-export { default as DialogHeader } from "./DialogHeader.vue"
-export { default as DialogOverlay } from "./DialogOverlay.vue"
-export { default as DialogScrollContent } from "./DialogScrollContent.vue"
-export { default as DialogTitle } from "./DialogTitle.vue"
-export { default as DialogTrigger } from "./DialogTrigger.vue"
+export { default as Dialog } from "./Dialog.vue";
+export { default as DialogClose } from "./DialogClose.vue";
+export { default as DialogContent } from "./DialogContent.vue";
+export { default as DialogDescription } from "./DialogDescription.vue";
+export { default as DialogFooter } from "./DialogFooter.vue";
+export { default as DialogHeader } from "./DialogHeader.vue";
+export { default as DialogOverlay } from "./DialogOverlay.vue";
+export { default as DialogScrollContent } from "./DialogScrollContent.vue";
+export { default as DialogTitle } from "./DialogTitle.vue";
+export { default as DialogTrigger } from "./DialogTrigger.vue";
diff --git a/src/components/ui/dropdown-menu/DropdownMenuContent.vue b/src/components/ui/dropdown-menu/DropdownMenuContent.vue
index d52be7ba..7d26d814 100644
--- a/src/components/ui/dropdown-menu/DropdownMenuContent.vue
+++ b/src/components/ui/dropdown-menu/DropdownMenuContent.vue
@@ -17,7 +17,7 @@ const props = defineProps<{
       :align="props.align"
       :class="
         cn(
-          'z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md',
+          'bg-popover text-popover-foreground z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-md',
           'data-[state=open]:animate-in data-[state=closed]:animate-out',
           'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',
           'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',
diff --git a/src/components/ui/dropdown-menu/DropdownMenuItem.vue b/src/components/ui/dropdown-menu/DropdownMenuItem.vue
index b89f2175..40ad9698 100644
--- a/src/components/ui/dropdown-menu/DropdownMenuItem.vue
+++ b/src/components/ui/dropdown-menu/DropdownMenuItem.vue
@@ -17,7 +17,7 @@ const emit = defineEmits<{ select: [] }>();
     :disabled="props.disabled"
     :class="
       cn(
-        'relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors',
+        'relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm transition-colors outline-none select-none',
         'focus:bg-accent focus:text-accent-foreground',
         'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
         props.inset && 'pl-8',
diff --git a/src/components/ui/flickering-grid/FlickeringGrid.vue b/src/components/ui/flickering-grid/FlickeringGrid.vue
index 1f5b3361..07839d0d 100644
--- a/src/components/ui/flickering-grid/FlickeringGrid.vue
+++ b/src/components/ui/flickering-grid/FlickeringGrid.vue
@@ -20,8 +20,7 @@ const props = withDefaults(defineProps<FlickeringGridProps>(), {
   maxOpacity: 0.3,
 });
 
-const { squareSize, gridGap, flickerChance, color, maxOpacity, width, height } =
-  toRefs(props);
+const { squareSize, gridGap, flickerChance, color, maxOpacity, width, height } = toRefs(props);
 
 const containerRef = ref<HTMLDivElement>();
 const canvasRef = ref<HTMLCanvasElement>();
diff --git a/src/components/ui/input/Input.vue b/src/components/ui/input/Input.vue
index e57d9f53..bd0943b2 100644
--- a/src/components/ui/input/Input.vue
+++ b/src/components/ui/input/Input.vue
@@ -1,33 +1,35 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue"
-import { useVModel } from "@vueuse/core"
-import { cn } from "@/lib/utils"
+import type { HTMLAttributes } from "vue";
+import { useVModel } from "@vueuse/core";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
-  defaultValue?: string | number
-  modelValue?: string | number
-  class?: HTMLAttributes["class"]
-}>()
+  defaultValue?: string | number;
+  modelValue?: string | number;
+  class?: HTMLAttributes["class"];
+}>();
 
 const emits = defineEmits<{
-  (e: "update:modelValue", payload: string | number): void
-}>()
+  (e: "update:modelValue", payload: string | number): void;
+}>();
 
 const modelValue = useVModel(props, "modelValue", emits, {
   passive: true,
   defaultValue: props.defaultValue,
-})
+});
 </script>
 
 <template>
   <input
     v-model="modelValue"
     data-slot="input"
-    :class="cn(
-      'file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',
-      'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[1px]',
-      'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',
-      props.class,
-    )"
-  >
+    :class="
+      cn(
+        'file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',
+        'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[1px]',
+        'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',
+        props.class,
+      )
+    "
+  />
 </template>
diff --git a/src/components/ui/input/index.ts b/src/components/ui/input/index.ts
index 9976b86f..110f0460 100644
--- a/src/components/ui/input/index.ts
+++ b/src/components/ui/input/index.ts
@@ -1 +1 @@
-export { default as Input } from "./Input.vue"
+export { default as Input } from "./Input.vue";
diff --git a/src/components/ui/label/Label.vue b/src/components/ui/label/Label.vue
index ee639702..1191606e 100644
--- a/src/components/ui/label/Label.vue
+++ b/src/components/ui/label/Label.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import type { LabelProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { Label } from "reka-ui"
-import { cn } from "@/lib/utils"
+import type { LabelProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+import { reactiveOmit } from "@vueuse/core";
+import { Label } from "reka-ui";
+import { cn } from "@/lib/utils";
 
-const props = defineProps<LabelProps & { class?: HTMLAttributes["class"] }>()
+const props = defineProps<LabelProps & { class?: HTMLAttributes["class"] }>();
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, "class");
 </script>
 
 <template>
diff --git a/src/components/ui/label/index.ts b/src/components/ui/label/index.ts
index 036e35c3..38eaa356 100644
--- a/src/components/ui/label/index.ts
+++ b/src/components/ui/label/index.ts
@@ -1 +1 @@
-export { default as Label } from "./Label.vue"
+export { default as Label } from "./Label.vue";
diff --git a/src/components/ui/number-field/NumberField.vue b/src/components/ui/number-field/NumberField.vue
index b0455f87..86d0e9c7 100644
--- a/src/components/ui/number-field/NumberField.vue
+++ b/src/components/ui/number-field/NumberField.vue
@@ -10,9 +10,7 @@ import type { NumberFieldRootProps } from "reka-ui";
 import type { HTMLAttributes } from "vue";
 import { cn } from "@/lib/utils";
 
-const props = defineProps<
-  NumberFieldRootProps & { class?: HTMLAttributes["class"] }
->();
+const props = defineProps<NumberFieldRootProps & { class?: HTMLAttributes["class"] }>();
 
 const emit = defineEmits<{ "update:modelValue": [val: number] }>();
 </script>
@@ -24,22 +22,22 @@ const emit = defineEmits<{ "update:modelValue": [val: number] }>();
     @update:model-value="emit('update:modelValue', $event)"
   >
     <NumberFieldDecrement
-      class="h-9 px-2 border border-input rounded-l-md bg-transparent hover:bg-accent disabled:opacity-50 disabled:pointer-events-none transition-colors"
+      class="border-input hover:bg-accent h-9 rounded-l-md border bg-transparent px-2 transition-colors disabled:pointer-events-none disabled:opacity-50"
     >
       <ChevronDown class="h-4 w-4" />
     </NumberFieldDecrement>
     <NumberFieldInput
       :class="
         cn(
-          'border-y border-input h-9 min-w-0 flex-1 bg-transparent px-3 py-1 text-base md:text-sm text-center',
+          'border-input h-9 min-w-0 flex-1 border-y bg-transparent px-3 py-1 text-center text-base md:text-sm',
           'placeholder:text-muted-foreground outline-none',
           'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[1px]',
-          'disabled:opacity-50 disabled:cursor-not-allowed',
+          'disabled:cursor-not-allowed disabled:opacity-50',
         )
       "
     />
     <NumberFieldIncrement
-      class="h-9 px-2 border border-input rounded-r-md bg-transparent hover:bg-accent disabled:opacity-50 disabled:pointer-events-none transition-colors"
+      class="border-input hover:bg-accent h-9 rounded-r-md border bg-transparent px-2 transition-colors disabled:pointer-events-none disabled:opacity-50"
     >
       <ChevronUp class="h-4 w-4" />
     </NumberFieldIncrement>
diff --git a/src/components/ui/pagination/PaginationContent.vue b/src/components/ui/pagination/PaginationContent.vue
index a7d981f6..e1ba1fe7 100644
--- a/src/components/ui/pagination/PaginationContent.vue
+++ b/src/components/ui/pagination/PaginationContent.vue
@@ -5,9 +5,7 @@ import { reactiveOmit } from "@vueuse/core";
 import { PaginationList } from "reka-ui";
 import { cn } from "@/lib/utils";
 
-const props = defineProps<
-  PaginationListProps & { class?: HTMLAttributes["class"] }
->();
+const props = defineProps<PaginationListProps & { class?: HTMLAttributes["class"] }>();
 
 const delegatedProps = reactiveOmit(props, "class");
 </script>
diff --git a/src/components/ui/pagination/PaginationEllipsis.vue b/src/components/ui/pagination/PaginationEllipsis.vue
index 474c0ede..340ccab2 100644
--- a/src/components/ui/pagination/PaginationEllipsis.vue
+++ b/src/components/ui/pagination/PaginationEllipsis.vue
@@ -6,9 +6,7 @@ import { MoreHorizontal } from "lucide-vue-next";
 import { PaginationEllipsis } from "reka-ui";
 import { cn } from "@/lib/utils";
 
-const props = defineProps<
-  PaginationEllipsisProps & { class?: HTMLAttributes["class"] }
->();
+const props = defineProps<PaginationEllipsisProps & { class?: HTMLAttributes["class"] }>();
 
 const delegatedProps = reactiveOmit(props, "class");
 </script>
diff --git a/src/components/ui/pagination/PaginationFirst.vue b/src/components/ui/pagination/PaginationFirst.vue
index b1ca1c4d..88443ada 100644
--- a/src/components/ui/pagination/PaginationFirst.vue
+++ b/src/components/ui/pagination/PaginationFirst.vue
@@ -27,13 +27,7 @@ const forwarded = useForwardProps(delegatedProps);
 <template>
   <PaginationFirst
     data-slot="pagination-first"
-    :class="
-      cn(
-        buttonVariants({ variant: 'ghost', size }),
-        'gap-1 px-2.5 sm:pr-2.5',
-        props.class,
-      )
-    "
+    :class="cn(buttonVariants({ variant: 'ghost', size }), 'gap-1 px-2.5 sm:pr-2.5', props.class)"
     v-bind="forwarded"
   >
     <slot>
diff --git a/src/components/ui/pagination/PaginationLast.vue b/src/components/ui/pagination/PaginationLast.vue
index 0ce085bf..9de19ab9 100644
--- a/src/components/ui/pagination/PaginationLast.vue
+++ b/src/components/ui/pagination/PaginationLast.vue
@@ -27,13 +27,7 @@ const forwarded = useForwardProps(delegatedProps);
 <template>
   <PaginationLast
     data-slot="pagination-last"
-    :class="
-      cn(
-        buttonVariants({ variant: 'ghost', size }),
-        'gap-1 px-2.5 sm:pr-2.5',
-        props.class,
-      )
-    "
+    :class="cn(buttonVariants({ variant: 'ghost', size }), 'gap-1 px-2.5 sm:pr-2.5', props.class)"
     v-bind="forwarded"
   >
     <slot>
diff --git a/src/components/ui/pagination/PaginationNext.vue b/src/components/ui/pagination/PaginationNext.vue
index 5cacc1cb..c5c894a6 100644
--- a/src/components/ui/pagination/PaginationNext.vue
+++ b/src/components/ui/pagination/PaginationNext.vue
@@ -30,13 +30,7 @@ const forwarded = useForwardProps(delegatedProps);
 <template>
   <PaginationNext
     data-slot="pagination-next"
-    :class="
-      cn(
-        buttonVariants({ variant: 'ghost', size }),
-        'gap-1 px-2.5 sm:pr-2.5',
-        props.class,
-      )
-    "
+    :class="cn(buttonVariants({ variant: 'ghost', size }), 'gap-1 px-2.5 sm:pr-2.5', props.class)"
     v-bind="forwarded"
   >
     <slot>
diff --git a/src/components/ui/pagination/PaginationPrevious.vue b/src/components/ui/pagination/PaginationPrevious.vue
index b87cefa2..e8d1d625 100644
--- a/src/components/ui/pagination/PaginationPrevious.vue
+++ b/src/components/ui/pagination/PaginationPrevious.vue
@@ -30,13 +30,7 @@ const forwarded = useForwardProps(delegatedProps);
 <template>
   <PaginationPrev
     data-slot="pagination-previous"
-    :class="
-      cn(
-        buttonVariants({ variant: 'ghost', size }),
-        'gap-1 px-2.5 sm:pr-2.5',
-        props.class,
-      )
-    "
+    :class="cn(buttonVariants({ variant: 'ghost', size }), 'gap-1 px-2.5 sm:pr-2.5', props.class)"
     v-bind="forwarded"
   >
     <slot>
diff --git a/src/components/ui/pop-confirm/PopConfirm.vue b/src/components/ui/pop-confirm/PopConfirm.vue
index ef34025b..bff0efca 100644
--- a/src/components/ui/pop-confirm/PopConfirm.vue
+++ b/src/components/ui/pop-confirm/PopConfirm.vue
@@ -1,10 +1,6 @@
 <script setup lang="ts">
 import { ref } from "vue";
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-} from "@/components/ui/popover";
+import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover";
 import { Button } from "@/components/ui/button";
 
 const props = defineProps<{
@@ -42,7 +38,7 @@ const handleCancel = () => {
       <div class="space-y-2">
         <div class="space-y-0.5">
           <p v-if="title" class="text-sm font-medium">{{ title }}</p>
-          <p v-if="description" class="text-sm text-muted-foreground">
+          <p v-if="description" class="text-muted-foreground text-sm">
             {{ description }}
           </p>
         </div>
diff --git a/src/components/ui/popover/PopoverContent.vue b/src/components/ui/popover/PopoverContent.vue
index 7efedbde..e66e1623 100644
--- a/src/components/ui/popover/PopoverContent.vue
+++ b/src/components/ui/popover/PopoverContent.vue
@@ -30,7 +30,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
       v-bind="{ ...$attrs, ...forwarded }"
       :class="
         cn(
-          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border p-4 shadow-md origin-(--reka-popover-content-transform-origin) outline-hidden',
+          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--reka-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden',
           props.class,
         )
       "
diff --git a/src/components/ui/progress/Progress.vue b/src/components/ui/progress/Progress.vue
index 5532af7a..3d245153 100644
--- a/src/components/ui/progress/Progress.vue
+++ b/src/components/ui/progress/Progress.vue
@@ -1,33 +1,22 @@
 <script setup lang="ts">
-import type { ProgressRootProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import {
-  ProgressIndicator,
-  ProgressRoot,
-} from "reka-ui"
-import { cn } from "@/lib/utils"
+import type { ProgressRootProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+import { reactiveOmit } from "@vueuse/core";
+import { ProgressIndicator, ProgressRoot } from "reka-ui";
+import { cn } from "@/lib/utils";
 
-const props = withDefaults(
-  defineProps<ProgressRootProps & { class?: HTMLAttributes["class"] }>(),
-  {
-    modelValue: 0,
-  },
-)
+const props = withDefaults(defineProps<ProgressRootProps & { class?: HTMLAttributes["class"] }>(), {
+  modelValue: 0,
+});
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, "class");
 </script>
 
 <template>
   <ProgressRoot
     data-slot="progress"
     v-bind="delegatedProps"
-    :class="
-      cn(
-        'bg-primary/20 relative h-2 w-full overflow-hidden rounded-full',
-        props.class,
-      )
-    "
+    :class="cn('bg-primary/20 relative h-2 w-full overflow-hidden rounded-full', props.class)"
   >
     <ProgressIndicator
       data-slot="progress-indicator"
diff --git a/src/components/ui/progress/index.ts b/src/components/ui/progress/index.ts
index 8598b969..e934a9bb 100644
--- a/src/components/ui/progress/index.ts
+++ b/src/components/ui/progress/index.ts
@@ -1 +1 @@
-export { default as Progress } from "./Progress.vue"
+export { default as Progress } from "./Progress.vue";
diff --git a/src/components/ui/radio-group/RadioGroup.vue b/src/components/ui/radio-group/RadioGroup.vue
index 8e1db716..6fb9f80a 100644
--- a/src/components/ui/radio-group/RadioGroup.vue
+++ b/src/components/ui/radio-group/RadioGroup.vue
@@ -5,9 +5,7 @@ import { reactiveOmit } from "@vueuse/core";
 import { RadioGroupRoot, useForwardPropsEmits } from "reka-ui";
 import { cn } from "@/lib/utils";
 
-const props = defineProps<
-  RadioGroupRootProps & { class?: HTMLAttributes["class"] }
->();
+const props = defineProps<RadioGroupRootProps & { class?: HTMLAttributes["class"] }>();
 const emits = defineEmits<RadioGroupRootEmits>();
 
 const delegatedProps = reactiveOmit(props, "class");
diff --git a/src/components/ui/radio-group/RadioGroupItem.vue b/src/components/ui/radio-group/RadioGroupItem.vue
index 9b8e05fd..0cb70447 100644
--- a/src/components/ui/radio-group/RadioGroupItem.vue
+++ b/src/components/ui/radio-group/RadioGroupItem.vue
@@ -6,9 +6,7 @@ import { CircleIcon } from "lucide-vue-next";
 import { RadioGroupIndicator, RadioGroupItem, useForwardProps } from "reka-ui";
 import { cn } from "@/lib/utils";
 
-const props = defineProps<
-  RadioGroupItemProps & { class?: HTMLAttributes["class"] }
->();
+const props = defineProps<RadioGroupItemProps & { class?: HTMLAttributes["class"] }>();
 
 const delegatedProps = reactiveOmit(props, "class");
 
diff --git a/src/components/ui/rainbow-button/RainbowButton.vue b/src/components/ui/rainbow-button/RainbowButton.vue
index 56a17347..fa3efecf 100644
--- a/src/components/ui/rainbow-button/RainbowButton.vue
+++ b/src/components/ui/rainbow-button/RainbowButton.vue
@@ -16,7 +16,11 @@ const speedInSeconds = computed(() => `${props.speed}s`);
 </script>
 
 <template>
-  <component :is="is" class="rainbow-button group text-primary-foreground focus-visible:ring-ring relative inline-flex h-11 cursor-pointer items-center justify-center rounded-xl border-0 bg-[linear-gradient(#121213,#121213),linear-gradient(#121213_50%,rgba(18,18,19,0.6)_80%,rgba(18,18,19,0)),linear-gradient(90deg,var(--color-1),var(--color-5),var(--color-3),var(--color-4),var(--color-2))] bg-[length:200%] [background-clip:padding-box,border-box,border-box] [background-origin:border-box] px-8 py-2 font-medium transition-colors [border:calc(0.08*1rem)_solid_transparent] before:absolute before:bottom-[-20%] before:left-1/2 before:z-0 before:h-1/5 before:w-3/5 before:-translate-x-1/2 before:bg-[linear-gradient(90deg,var(--color-1),var(--color-5),var(--color-3),var(--color-4),var(--color-2))] before:bg-[length:200%] before:[filter:blur(calc(0.8*1rem))] focus-visible:ring-1 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 dark:bg-[linear-gradient(#fff,#fff),linear-gradient(#fff_50%,rgba(255,255,255,0.6)_80%,rgba(0,0,0,0)),linear-gradient(90deg,var(--color-1),var(--color-5),var(--color-3),var(--color-4),var(--color-2))]" :class="[props.class]">
+  <component
+    :is="is"
+    class="rainbow-button group text-primary-foreground focus-visible:ring-ring relative inline-flex h-11 cursor-pointer items-center justify-center rounded-xl border-0 bg-[linear-gradient(#121213,#121213),linear-gradient(#121213_50%,rgba(18,18,19,0.6)_80%,rgba(18,18,19,0)),linear-gradient(90deg,var(--color-1),var(--color-5),var(--color-3),var(--color-4),var(--color-2))] bg-[length:200%] [background-clip:padding-box,border-box,border-box] [background-origin:border-box] px-8 py-2 font-medium transition-colors [border:calc(0.08*1rem)_solid_transparent] before:absolute before:bottom-[-20%] before:left-1/2 before:z-0 before:h-1/5 before:w-3/5 before:-translate-x-1/2 before:bg-[linear-gradient(90deg,var(--color-1),var(--color-5),var(--color-3),var(--color-4),var(--color-2))] before:bg-[length:200%] before:[filter:blur(calc(0.8*1rem))] focus-visible:ring-1 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 dark:bg-[linear-gradient(#fff,#fff),linear-gradient(#fff_50%,rgba(255,255,255,0.6)_80%,rgba(0,0,0,0)),linear-gradient(90deg,var(--color-1),var(--color-5),var(--color-3),var(--color-4),var(--color-2))]"
+    :class="[props.class]"
+  >
     <slot />
   </component>
 </template>
diff --git a/src/components/ui/scroll-area/ScrollArea.vue b/src/components/ui/scroll-area/ScrollArea.vue
index 9c157344..9b1e4922 100644
--- a/src/components/ui/scroll-area/ScrollArea.vue
+++ b/src/components/ui/scroll-area/ScrollArea.vue
@@ -6,9 +6,7 @@ import { ScrollAreaCorner, ScrollAreaRoot, ScrollAreaViewport } from "reka-ui";
 import { cn } from "@/lib/utils";
 import ScrollBar from "./ScrollBar.vue";
 
-const props = defineProps<
-  ScrollAreaRootProps & { class?: HTMLAttributes["class"] }
->();
+const props = defineProps<ScrollAreaRootProps & { class?: HTMLAttributes["class"] }>();
 
 const delegatedProps = reactiveOmit(props, "class");
 </script>
@@ -21,7 +19,7 @@ const delegatedProps = reactiveOmit(props, "class");
   >
     <ScrollAreaViewport
       data-slot="scroll-area-viewport"
-      class="size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1"
+      class="focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1"
     >
       <slot />
     </ScrollAreaViewport>
diff --git a/src/components/ui/scroll-area/ScrollBar.vue b/src/components/ui/scroll-area/ScrollBar.vue
index e9746f7f..8c54c8df 100644
--- a/src/components/ui/scroll-area/ScrollBar.vue
+++ b/src/components/ui/scroll-area/ScrollBar.vue
@@ -22,17 +22,12 @@ const delegatedProps = reactiveOmit(props, "class");
     :class="
       cn(
         'flex touch-none p-px transition-colors select-none',
-        orientation === 'vertical' &&
-          'h-full w-2.5 border-l border-l-transparent',
-        orientation === 'horizontal' &&
-          'h-2.5 flex-col border-t border-t-transparent',
+        orientation === 'vertical' && 'h-full w-2.5 border-l border-l-transparent',
+        orientation === 'horizontal' && 'h-2.5 flex-col border-t border-t-transparent',
         props.class,
       )
     "
   >
-    <ScrollAreaThumb
-      data-slot="scroll-area-thumb"
-      class="relative flex-1 rounded-full bg-border"
-    />
+    <ScrollAreaThumb data-slot="scroll-area-thumb" class="bg-border relative flex-1 rounded-full" />
   </ScrollAreaScrollbar>
 </template>
diff --git a/src/components/ui/select/Select.vue b/src/components/ui/select/Select.vue
index c94bbe88..f58547d1 100644
--- a/src/components/ui/select/Select.vue
+++ b/src/components/ui/select/Select.vue
@@ -1,19 +1,15 @@
 <script setup lang="ts">
-import type { SelectRootEmits, SelectRootProps } from "reka-ui"
-import { SelectRoot, useForwardPropsEmits } from "reka-ui"
+import type { SelectRootEmits, SelectRootProps } from "reka-ui";
+import { SelectRoot, useForwardPropsEmits } from "reka-ui";
 
-const props = defineProps<SelectRootProps>()
-const emits = defineEmits<SelectRootEmits>()
+const props = defineProps<SelectRootProps>();
+const emits = defineEmits<SelectRootEmits>();
 
-const forwarded = useForwardPropsEmits(props, emits)
+const forwarded = useForwardPropsEmits(props, emits);
 </script>
 
 <template>
-  <SelectRoot
-    v-slot="slotProps"
-    data-slot="select"
-    v-bind="forwarded"
-  >
+  <SelectRoot v-slot="slotProps" data-slot="select" v-bind="forwarded">
     <slot v-bind="slotProps" />
   </SelectRoot>
 </template>
diff --git a/src/components/ui/select/SelectContent.vue b/src/components/ui/select/SelectContent.vue
index adf04ec8..285f995d 100644
--- a/src/components/ui/select/SelectContent.vue
+++ b/src/components/ui/select/SelectContent.vue
@@ -1,31 +1,26 @@
 <script setup lang="ts">
-import type { SelectContentEmits, SelectContentProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import {
-  SelectContent,
-  SelectPortal,
-  SelectViewport,
-  useForwardPropsEmits,
-} from "reka-ui"
-import { cn } from "@/lib/utils"
-import { SelectScrollDownButton, SelectScrollUpButton } from "."
+import type { SelectContentEmits, SelectContentProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+import { reactiveOmit } from "@vueuse/core";
+import { SelectContent, SelectPortal, SelectViewport, useForwardPropsEmits } from "reka-ui";
+import { cn } from "@/lib/utils";
+import { SelectScrollDownButton, SelectScrollUpButton } from ".";
 
 defineOptions({
   inheritAttrs: false,
-})
+});
 
 const props = withDefaults(
   defineProps<SelectContentProps & { class?: HTMLAttributes["class"] }>(),
   {
     position: "popper",
   },
-)
-const emits = defineEmits<SelectContentEmits>()
+);
+const emits = defineEmits<SelectContentEmits>();
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, "class");
 
-const forwarded = useForwardPropsEmits(delegatedProps, emits)
+const forwarded = useForwardPropsEmits(delegatedProps, emits);
 </script>
 
 <template>
@@ -33,16 +28,25 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)
     <SelectContent
       data-slot="select-content"
       v-bind="{ ...$attrs, ...forwarded }"
-      :class="cn(
-        'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--reka-select-content-available-height) min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-md border shadow-md',
-        position === 'popper'
-          && 'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',
-        props.class,
-      )
+      :class="
+        cn(
+          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--reka-select-content-available-height) min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-md border shadow-md',
+          position === 'popper' &&
+            'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',
+          props.class,
+        )
       "
     >
       <SelectScrollUpButton />
-      <SelectViewport :class="cn('p-1', position === 'popper' && 'h-[var(--reka-select-trigger-height)] w-full min-w-[var(--reka-select-trigger-width)] scroll-my-1')">
+      <SelectViewport
+        :class="
+          cn(
+            'p-1',
+            position === 'popper' &&
+              'h-[var(--reka-select-trigger-height)] w-full min-w-[var(--reka-select-trigger-width)] scroll-my-1',
+          )
+        "
+      >
         <slot />
       </SelectViewport>
       <SelectScrollDownButton />
diff --git a/src/components/ui/select/SelectGroup.vue b/src/components/ui/select/SelectGroup.vue
index e981c6c5..defbcfec 100644
--- a/src/components/ui/select/SelectGroup.vue
+++ b/src/components/ui/select/SelectGroup.vue
@@ -1,15 +1,12 @@
 <script setup lang="ts">
-import type { SelectGroupProps } from "reka-ui"
-import { SelectGroup } from "reka-ui"
+import type { SelectGroupProps } from "reka-ui";
+import { SelectGroup } from "reka-ui";
 
-const props = defineProps<SelectGroupProps>()
+const props = defineProps<SelectGroupProps>();
 </script>
 
 <template>
-  <SelectGroup
-    data-slot="select-group"
-    v-bind="props"
-  >
+  <SelectGroup data-slot="select-group" v-bind="props">
     <slot />
   </SelectGroup>
 </template>
diff --git a/src/components/ui/select/SelectItem.vue b/src/components/ui/select/SelectItem.vue
index 93717645..94df0cbe 100644
--- a/src/components/ui/select/SelectItem.vue
+++ b/src/components/ui/select/SelectItem.vue
@@ -1,21 +1,16 @@
 <script setup lang="ts">
-import type { SelectItemProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { Check } from "lucide-vue-next"
-import {
-  SelectItem,
-  SelectItemIndicator,
-  SelectItemText,
-  useForwardProps,
-} from "reka-ui"
-import { cn } from "@/lib/utils"
+import type { SelectItemProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+import { reactiveOmit } from "@vueuse/core";
+import { Check } from "lucide-vue-next";
+import { SelectItem, SelectItemIndicator, SelectItemText, useForwardProps } from "reka-ui";
+import { cn } from "@/lib/utils";
 
-const props = defineProps<SelectItemProps & { class?: HTMLAttributes["class"] }>()
+const props = defineProps<SelectItemProps & { class?: HTMLAttributes["class"] }>();
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, "class");
 
-const forwardedProps = useForwardProps(delegatedProps)
+const forwardedProps = useForwardProps(delegatedProps);
 </script>
 
 <template>
diff --git a/src/components/ui/select/SelectItemText.vue b/src/components/ui/select/SelectItemText.vue
index b6700b17..1ddc6d79 100644
--- a/src/components/ui/select/SelectItemText.vue
+++ b/src/components/ui/select/SelectItemText.vue
@@ -1,15 +1,12 @@
 <script setup lang="ts">
-import type { SelectItemTextProps } from "reka-ui"
-import { SelectItemText } from "reka-ui"
+import type { SelectItemTextProps } from "reka-ui";
+import { SelectItemText } from "reka-ui";
 
-const props = defineProps<SelectItemTextProps>()
+const props = defineProps<SelectItemTextProps>();
 </script>
 
 <template>
-  <SelectItemText
-    data-slot="select-item-text"
-    v-bind="props"
-  >
+  <SelectItemText data-slot="select-item-text" v-bind="props">
     <slot />
   </SelectItemText>
 </template>
diff --git a/src/components/ui/select/SelectLabel.vue b/src/components/ui/select/SelectLabel.vue
index 5b6650cb..fb6519ca 100644
--- a/src/components/ui/select/SelectLabel.vue
+++ b/src/components/ui/select/SelectLabel.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import type { SelectLabelProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { SelectLabel } from "reka-ui"
-import { cn } from "@/lib/utils"
+import type { SelectLabelProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+import { SelectLabel } from "reka-ui";
+import { cn } from "@/lib/utils";
 
-const props = defineProps<SelectLabelProps & { class?: HTMLAttributes["class"] }>()
+const props = defineProps<SelectLabelProps & { class?: HTMLAttributes["class"] }>();
 </script>
 
 <template>
diff --git a/src/components/ui/select/SelectScrollDownButton.vue b/src/components/ui/select/SelectScrollDownButton.vue
index 7dc7670b..7b565800 100644
--- a/src/components/ui/select/SelectScrollDownButton.vue
+++ b/src/components/ui/select/SelectScrollDownButton.vue
@@ -1,16 +1,16 @@
 <script setup lang="ts">
-import type { SelectScrollDownButtonProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { ChevronDown } from "lucide-vue-next"
-import { SelectScrollDownButton, useForwardProps } from "reka-ui"
-import { cn } from "@/lib/utils"
+import type { SelectScrollDownButtonProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+import { reactiveOmit } from "@vueuse/core";
+import { ChevronDown } from "lucide-vue-next";
+import { SelectScrollDownButton, useForwardProps } from "reka-ui";
+import { cn } from "@/lib/utils";
 
-const props = defineProps<SelectScrollDownButtonProps & { class?: HTMLAttributes["class"] }>()
+const props = defineProps<SelectScrollDownButtonProps & { class?: HTMLAttributes["class"] }>();
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, "class");
 
-const forwardedProps = useForwardProps(delegatedProps)
+const forwardedProps = useForwardProps(delegatedProps);
 </script>
 
 <template>
diff --git a/src/components/ui/select/SelectScrollUpButton.vue b/src/components/ui/select/SelectScrollUpButton.vue
index 07fe87ea..9808bdb3 100644
--- a/src/components/ui/select/SelectScrollUpButton.vue
+++ b/src/components/ui/select/SelectScrollUpButton.vue
@@ -1,16 +1,16 @@
 <script setup lang="ts">
-import type { SelectScrollUpButtonProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { ChevronUp } from "lucide-vue-next"
-import { SelectScrollUpButton, useForwardProps } from "reka-ui"
-import { cn } from "@/lib/utils"
+import type { SelectScrollUpButtonProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+import { reactiveOmit } from "@vueuse/core";
+import { ChevronUp } from "lucide-vue-next";
+import { SelectScrollUpButton, useForwardProps } from "reka-ui";
+import { cn } from "@/lib/utils";
 
-const props = defineProps<SelectScrollUpButtonProps & { class?: HTMLAttributes["class"] }>()
+const props = defineProps<SelectScrollUpButtonProps & { class?: HTMLAttributes["class"] }>();
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, "class");
 
-const forwardedProps = useForwardProps(delegatedProps)
+const forwardedProps = useForwardProps(delegatedProps);
 </script>
 
 <template>
diff --git a/src/components/ui/select/SelectSeparator.vue b/src/components/ui/select/SelectSeparator.vue
index 4b5c8857..c2a18ee5 100644
--- a/src/components/ui/select/SelectSeparator.vue
+++ b/src/components/ui/select/SelectSeparator.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import type { SelectSeparatorProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { SelectSeparator } from "reka-ui"
-import { cn } from "@/lib/utils"
+import type { SelectSeparatorProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+import { reactiveOmit } from "@vueuse/core";
+import { SelectSeparator } from "reka-ui";
+import { cn } from "@/lib/utils";
 
-const props = defineProps<SelectSeparatorProps & { class?: HTMLAttributes["class"] }>()
+const props = defineProps<SelectSeparatorProps & { class?: HTMLAttributes["class"] }>();
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, "class");
 </script>
 
 <template>
diff --git a/src/components/ui/select/SelectTrigger.vue b/src/components/ui/select/SelectTrigger.vue
index 667908b6..9af47afa 100644
--- a/src/components/ui/select/SelectTrigger.vue
+++ b/src/components/ui/select/SelectTrigger.vue
@@ -1,18 +1,18 @@
 <script setup lang="ts">
-import type { SelectTriggerProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { ChevronDown } from "lucide-vue-next"
-import { SelectIcon, SelectTrigger, useForwardProps } from "reka-ui"
-import { cn } from "@/lib/utils"
+import type { SelectTriggerProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+import { reactiveOmit } from "@vueuse/core";
+import { ChevronDown } from "lucide-vue-next";
+import { SelectIcon, SelectTrigger, useForwardProps } from "reka-ui";
+import { cn } from "@/lib/utils";
 
 const props = withDefaults(
-  defineProps<SelectTriggerProps & { class?: HTMLAttributes["class"], size?: "sm" | "default" }>(),
+  defineProps<SelectTriggerProps & { class?: HTMLAttributes["class"]; size?: "sm" | "default" }>(),
   { size: "default" },
-)
+);
 
-const delegatedProps = reactiveOmit(props, "class", "size")
-const forwardedProps = useForwardProps(delegatedProps)
+const delegatedProps = reactiveOmit(props, "class", "size");
+const forwardedProps = useForwardProps(delegatedProps);
 </script>
 
 <template>
@@ -20,10 +20,12 @@ const forwardedProps = useForwardProps(delegatedProps)
     data-slot="select-trigger"
     :data-size="size"
     v-bind="forwardedProps"
-    :class="cn(
-      'border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*=\'text-\'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4',
-      props.class,
-    )"
+    :class="
+      cn(
+        'border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*=\'text-\'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4',
+        props.class,
+      )
+    "
   >
     <slot />
     <SelectIcon as-child>
diff --git a/src/components/ui/select/SelectValue.vue b/src/components/ui/select/SelectValue.vue
index d5ce58b5..38115283 100644
--- a/src/components/ui/select/SelectValue.vue
+++ b/src/components/ui/select/SelectValue.vue
@@ -1,15 +1,12 @@
 <script setup lang="ts">
-import type { SelectValueProps } from "reka-ui"
-import { SelectValue } from "reka-ui"
+import type { SelectValueProps } from "reka-ui";
+import { SelectValue } from "reka-ui";
 
-const props = defineProps<SelectValueProps>()
+const props = defineProps<SelectValueProps>();
 </script>
 
 <template>
-  <SelectValue
-    data-slot="select-value"
-    v-bind="props"
-  >
+  <SelectValue data-slot="select-value" v-bind="props">
     <slot />
   </SelectValue>
 </template>
diff --git a/src/components/ui/select/index.ts b/src/components/ui/select/index.ts
index 96eae60c..d911c4e1 100644
--- a/src/components/ui/select/index.ts
+++ b/src/components/ui/select/index.ts
@@ -1,11 +1,11 @@
-export { default as Select } from "./Select.vue"
-export { default as SelectContent } from "./SelectContent.vue"
-export { default as SelectGroup } from "./SelectGroup.vue"
-export { default as SelectItem } from "./SelectItem.vue"
-export { default as SelectItemText } from "./SelectItemText.vue"
-export { default as SelectLabel } from "./SelectLabel.vue"
-export { default as SelectScrollDownButton } from "./SelectScrollDownButton.vue"
-export { default as SelectScrollUpButton } from "./SelectScrollUpButton.vue"
-export { default as SelectSeparator } from "./SelectSeparator.vue"
-export { default as SelectTrigger } from "./SelectTrigger.vue"
-export { default as SelectValue } from "./SelectValue.vue"
+export { default as Select } from "./Select.vue";
+export { default as SelectContent } from "./SelectContent.vue";
+export { default as SelectGroup } from "./SelectGroup.vue";
+export { default as SelectItem } from "./SelectItem.vue";
+export { default as SelectItemText } from "./SelectItemText.vue";
+export { default as SelectLabel } from "./SelectLabel.vue";
+export { default as SelectScrollDownButton } from "./SelectScrollDownButton.vue";
+export { default as SelectScrollUpButton } from "./SelectScrollUpButton.vue";
+export { default as SelectSeparator } from "./SelectSeparator.vue";
+export { default as SelectTrigger } from "./SelectTrigger.vue";
+export { default as SelectValue } from "./SelectValue.vue";
diff --git a/src/components/ui/separator/Separator.vue b/src/components/ui/separator/Separator.vue
index 78d60eca..4fc8f2f9 100644
--- a/src/components/ui/separator/Separator.vue
+++ b/src/components/ui/separator/Separator.vue
@@ -1,18 +1,16 @@
 <script setup lang="ts">
-import type { SeparatorProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { Separator } from "reka-ui"
-import { cn } from "@/lib/utils"
+import type { SeparatorProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+import { reactiveOmit } from "@vueuse/core";
+import { Separator } from "reka-ui";
+import { cn } from "@/lib/utils";
 
-const props = withDefaults(defineProps<
-  SeparatorProps & { class?: HTMLAttributes["class"] }
->(), {
+const props = withDefaults(defineProps<SeparatorProps & { class?: HTMLAttributes["class"] }>(), {
   orientation: "horizontal",
   decorative: true,
-})
+});
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, "class");
 </script>
 
 <template>
diff --git a/src/components/ui/separator/index.ts b/src/components/ui/separator/index.ts
index 44072873..aae7f1a6 100644
--- a/src/components/ui/separator/index.ts
+++ b/src/components/ui/separator/index.ts
@@ -1 +1 @@
-export { default as Separator } from "./Separator.vue"
+export { default as Separator } from "./Separator.vue";
diff --git a/src/components/ui/skeleton/Skeleton.vue b/src/components/ui/skeleton/Skeleton.vue
index be01e4a1..730926a9 100644
--- a/src/components/ui/skeleton/Skeleton.vue
+++ b/src/components/ui/skeleton/Skeleton.vue
@@ -10,8 +10,5 @@ const props = defineProps<SkeletonProps>();
 </script>
 
 <template>
-  <div
-    data-slot="skeleton"
-    :class="cn('animate-pulse rounded-md bg-primary/10', props.class)"
-  />
+  <div data-slot="skeleton" :class="cn('bg-primary/10 animate-pulse rounded-md', props.class)" />
 </template>
diff --git a/src/components/ui/spinner/Spinner.vue b/src/components/ui/spinner/Spinner.vue
index 582ec193..d75fbdc7 100644
--- a/src/components/ui/spinner/Spinner.vue
+++ b/src/components/ui/spinner/Spinner.vue
@@ -9,9 +9,5 @@ const props = defineProps<{
 </script>
 
 <template>
-  <Loader2Icon
-    role="status"
-    aria-label="Loading"
-    :class="cn('size-4 animate-spin', props.class)"
-  />
+  <Loader2Icon role="status" aria-label="Loading" :class="cn('size-4 animate-spin', props.class)" />
 </template>
diff --git a/src/components/ui/switch/Switch.vue b/src/components/ui/switch/Switch.vue
index c77026a7..a25eab28 100644
--- a/src/components/ui/switch/Switch.vue
+++ b/src/components/ui/switch/Switch.vue
@@ -5,9 +5,7 @@ import { reactiveOmit } from "@vueuse/core";
 import { SwitchRoot, SwitchThumb, useForwardPropsEmits } from "reka-ui";
 import { cn } from "@/lib/utils";
 
-const props = defineProps<
-  SwitchRootProps & { class?: HTMLAttributes["class"] }
->();
+const props = defineProps<SwitchRootProps & { class?: HTMLAttributes["class"] }>();
 
 const emits = defineEmits<SwitchRootEmits>();
 
diff --git a/src/components/ui/table/Table.vue b/src/components/ui/table/Table.vue
index 187a4537..bc481a7d 100644
--- a/src/components/ui/table/Table.vue
+++ b/src/components/ui/table/Table.vue
@@ -13,10 +13,7 @@ const props = defineProps<{
     data-slot="table-container"
     :class="cn('relative w-full overflow-auto', props.tableContainerClass)"
   >
-    <table
-      data-slot="table"
-      :class="cn('w-full caption-bottom text-sm', props.class)"
-    >
+    <table data-slot="table" :class="cn('w-full caption-bottom text-sm', props.class)">
       <slot />
     </table>
   </div>
diff --git a/src/components/ui/table/TableBody.vue b/src/components/ui/table/TableBody.vue
index d14a2d32..7bf304f0 100644
--- a/src/components/ui/table/TableBody.vue
+++ b/src/components/ui/table/TableBody.vue
@@ -1,17 +1,14 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue"
-import { cn } from "@/lib/utils"
+import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
-  class?: HTMLAttributes["class"]
-}>()
+  class?: HTMLAttributes["class"];
+}>();
 </script>
 
 <template>
-  <tbody
-    data-slot="table-body"
-    :class="cn('[&_tr:last-child]:border-0', props.class)"
-  >
+  <tbody data-slot="table-body" :class="cn('[&_tr:last-child]:border-0', props.class)">
     <slot />
   </tbody>
 </template>
diff --git a/src/components/ui/table/TableCaption.vue b/src/components/ui/table/TableCaption.vue
index 36300845..0918a58b 100644
--- a/src/components/ui/table/TableCaption.vue
+++ b/src/components/ui/table/TableCaption.vue
@@ -1,17 +1,14 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue"
-import { cn } from "@/lib/utils"
+import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
-  class?: HTMLAttributes["class"]
-}>()
+  class?: HTMLAttributes["class"];
+}>();
 </script>
 
 <template>
-  <caption
-    data-slot="table-caption"
-    :class="cn('text-muted-foreground mt-4 text-sm', props.class)"
-  >
+  <caption data-slot="table-caption" :class="cn('text-muted-foreground mt-4 text-sm', props.class)">
     <slot />
   </caption>
 </template>
diff --git a/src/components/ui/table/TableCell.vue b/src/components/ui/table/TableCell.vue
index d6e9ed24..0a546ac9 100644
--- a/src/components/ui/table/TableCell.vue
+++ b/src/components/ui/table/TableCell.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue"
-import { cn } from "@/lib/utils"
+import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
-  class?: HTMLAttributes["class"]
-}>()
+  class?: HTMLAttributes["class"];
+}>();
 </script>
 
 <template>
diff --git a/src/components/ui/table/TableEmpty.vue b/src/components/ui/table/TableEmpty.vue
index 95193286..e79b6536 100644
--- a/src/components/ui/table/TableEmpty.vue
+++ b/src/components/ui/table/TableEmpty.vue
@@ -1,29 +1,27 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { cn } from "@/lib/utils"
-import TableCell from "./TableCell.vue"
-import TableRow from "./TableRow.vue"
+import type { HTMLAttributes } from "vue";
+import { reactiveOmit } from "@vueuse/core";
+import { cn } from "@/lib/utils";
+import TableCell from "./TableCell.vue";
+import TableRow from "./TableRow.vue";
 
-const props = withDefaults(defineProps<{
-  class?: HTMLAttributes["class"]
-  colspan?: number
-}>(), {
-  colspan: 1,
-})
+const props = withDefaults(
+  defineProps<{
+    class?: HTMLAttributes["class"];
+    colspan?: number;
+  }>(),
+  {
+    colspan: 1,
+  },
+);
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, "class");
 </script>
 
 <template>
   <TableRow>
     <TableCell
-      :class="
-        cn(
-          'p-4 whitespace-nowrap align-middle text-sm text-foreground',
-          props.class,
-        )
-      "
+      :class="cn('text-foreground p-4 align-middle text-sm whitespace-nowrap', props.class)"
       v-bind="delegatedProps"
     >
       <div class="flex items-center justify-center py-10">
diff --git a/src/components/ui/table/TableFooter.vue b/src/components/ui/table/TableFooter.vue
index 29e0ce9a..096fb4f1 100644
--- a/src/components/ui/table/TableFooter.vue
+++ b/src/components/ui/table/TableFooter.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue"
-import { cn } from "@/lib/utils"
+import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
-  class?: HTMLAttributes["class"]
-}>()
+  class?: HTMLAttributes["class"];
+}>();
 </script>
 
 <template>
diff --git a/src/components/ui/table/TableHead.vue b/src/components/ui/table/TableHead.vue
index f83efe56..569a70d2 100644
--- a/src/components/ui/table/TableHead.vue
+++ b/src/components/ui/table/TableHead.vue
@@ -1,16 +1,21 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue"
-import { cn } from "@/lib/utils"
+import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
-  class?: HTMLAttributes["class"]
-}>()
+  class?: HTMLAttributes["class"];
+}>();
 </script>
 
 <template>
   <th
     data-slot="table-head"
-    :class="cn('text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]', props.class)"
+    :class="
+      cn(
+        'text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',
+        props.class,
+      )
+    "
   >
     <slot />
   </th>
diff --git a/src/components/ui/table/TableHeader.vue b/src/components/ui/table/TableHeader.vue
index b4ab5cfb..dd62d552 100644
--- a/src/components/ui/table/TableHeader.vue
+++ b/src/components/ui/table/TableHeader.vue
@@ -1,17 +1,14 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue"
-import { cn } from "@/lib/utils"
+import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
-  class?: HTMLAttributes["class"]
-}>()
+  class?: HTMLAttributes["class"];
+}>();
 </script>
 
 <template>
-  <thead
-    data-slot="table-header"
-    :class="cn('[&_tr]:border-b', props.class)"
-  >
+  <thead data-slot="table-header" :class="cn('[&_tr]:border-b', props.class)">
     <slot />
   </thead>
 </template>
diff --git a/src/components/ui/table/TableRow.vue b/src/components/ui/table/TableRow.vue
index 8f1d172f..58142216 100644
--- a/src/components/ui/table/TableRow.vue
+++ b/src/components/ui/table/TableRow.vue
@@ -1,16 +1,18 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue"
-import { cn } from "@/lib/utils"
+import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
-  class?: HTMLAttributes["class"]
-}>()
+  class?: HTMLAttributes["class"];
+}>();
 </script>
 
 <template>
   <tr
     data-slot="table-row"
-    :class="cn('hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors', props.class)"
+    :class="
+      cn('hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors', props.class)
+    "
   >
     <slot />
   </tr>
diff --git a/src/components/ui/table/index.ts b/src/components/ui/table/index.ts
index 3be308b5..0afab4c0 100644
--- a/src/components/ui/table/index.ts
+++ b/src/components/ui/table/index.ts
@@ -1,9 +1,9 @@
-export { default as Table } from "./Table.vue"
-export { default as TableBody } from "./TableBody.vue"
-export { default as TableCaption } from "./TableCaption.vue"
-export { default as TableCell } from "./TableCell.vue"
-export { default as TableEmpty } from "./TableEmpty.vue"
-export { default as TableFooter } from "./TableFooter.vue"
-export { default as TableHead } from "./TableHead.vue"
-export { default as TableHeader } from "./TableHeader.vue"
-export { default as TableRow } from "./TableRow.vue"
+export { default as Table } from "./Table.vue";
+export { default as TableBody } from "./TableBody.vue";
+export { default as TableCaption } from "./TableCaption.vue";
+export { default as TableCell } from "./TableCell.vue";
+export { default as TableEmpty } from "./TableEmpty.vue";
+export { default as TableFooter } from "./TableFooter.vue";
+export { default as TableHead } from "./TableHead.vue";
+export { default as TableHeader } from "./TableHeader.vue";
+export { default as TableRow } from "./TableRow.vue";
diff --git a/src/components/ui/table/utils.ts b/src/components/ui/table/utils.ts
index 3d4fd12f..7db4cbec 100644
--- a/src/components/ui/table/utils.ts
+++ b/src/components/ui/table/utils.ts
@@ -1,10 +1,8 @@
-import type { Updater } from "@tanstack/vue-table"
+import type { Updater } from "@tanstack/vue-table";
 
-import type { Ref } from "vue"
-import { isFunction } from "@tanstack/vue-table"
+import type { Ref } from "vue";
+import { isFunction } from "@tanstack/vue-table";
 
 export function valueUpdater<T>(updaterOrValue: Updater<T>, ref: Ref<T>) {
-  ref.value = isFunction(updaterOrValue)
-    ? updaterOrValue(ref.value)
-    : updaterOrValue
+  ref.value = isFunction(updaterOrValue) ? updaterOrValue(ref.value) : updaterOrValue;
 }
diff --git a/src/components/ui/tabs/Tabs.vue b/src/components/ui/tabs/Tabs.vue
index d260a15c..3ee39e49 100644
--- a/src/components/ui/tabs/Tabs.vue
+++ b/src/components/ui/tabs/Tabs.vue
@@ -1,15 +1,15 @@
 <script setup lang="ts">
-import type { TabsRootEmits, TabsRootProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { TabsRoot, useForwardPropsEmits } from "reka-ui"
-import { cn } from "@/lib/utils"
+import type { TabsRootEmits, TabsRootProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+import { reactiveOmit } from "@vueuse/core";
+import { TabsRoot, useForwardPropsEmits } from "reka-ui";
+import { cn } from "@/lib/utils";
 
-const props = defineProps<TabsRootProps & { class?: HTMLAttributes["class"] }>()
-const emits = defineEmits<TabsRootEmits>()
+const props = defineProps<TabsRootProps & { class?: HTMLAttributes["class"] }>();
+const emits = defineEmits<TabsRootEmits>();
 
-const delegatedProps = reactiveOmit(props, "class")
-const forwarded = useForwardPropsEmits(delegatedProps, emits)
+const delegatedProps = reactiveOmit(props, "class");
+const forwarded = useForwardPropsEmits(delegatedProps, emits);
 </script>
 
 <template>
diff --git a/src/components/ui/tabs/TabsContent.vue b/src/components/ui/tabs/TabsContent.vue
index 3186ee88..416563d5 100644
--- a/src/components/ui/tabs/TabsContent.vue
+++ b/src/components/ui/tabs/TabsContent.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import type { TabsContentProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { TabsContent } from "reka-ui"
-import { cn } from "@/lib/utils"
+import type { TabsContentProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+import { reactiveOmit } from "@vueuse/core";
+import { TabsContent } from "reka-ui";
+import { cn } from "@/lib/utils";
 
-const props = defineProps<TabsContentProps & { class?: HTMLAttributes["class"] }>()
+const props = defineProps<TabsContentProps & { class?: HTMLAttributes["class"] }>();
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, "class");
 </script>
 
 <template>
diff --git a/src/components/ui/tabs/TabsList.vue b/src/components/ui/tabs/TabsList.vue
index a64a2dad..40dcc71b 100644
--- a/src/components/ui/tabs/TabsList.vue
+++ b/src/components/ui/tabs/TabsList.vue
@@ -1,23 +1,25 @@
 <script setup lang="ts">
-import type { TabsListProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { TabsList } from "reka-ui"
-import { cn } from "@/lib/utils"
+import type { TabsListProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+import { reactiveOmit } from "@vueuse/core";
+import { TabsList } from "reka-ui";
+import { cn } from "@/lib/utils";
 
-const props = defineProps<TabsListProps & { class?: HTMLAttributes["class"] }>()
+const props = defineProps<TabsListProps & { class?: HTMLAttributes["class"] }>();
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, "class");
 </script>
 
 <template>
   <TabsList
     data-slot="tabs-list"
     v-bind="delegatedProps"
-    :class="cn(
-      'bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]',
-      props.class,
-    )"
+    :class="
+      cn(
+        'bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]',
+        props.class,
+      )
+    "
   >
     <slot />
   </TabsList>
diff --git a/src/components/ui/tabs/TabsTrigger.vue b/src/components/ui/tabs/TabsTrigger.vue
index 45e424f7..336836ae 100644
--- a/src/components/ui/tabs/TabsTrigger.vue
+++ b/src/components/ui/tabs/TabsTrigger.vue
@@ -1,24 +1,26 @@
 <script setup lang="ts">
-import type { TabsTriggerProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { TabsTrigger, useForwardProps } from "reka-ui"
-import { cn } from "@/lib/utils"
+import type { TabsTriggerProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+import { reactiveOmit } from "@vueuse/core";
+import { TabsTrigger, useForwardProps } from "reka-ui";
+import { cn } from "@/lib/utils";
 
-const props = defineProps<TabsTriggerProps & { class?: HTMLAttributes["class"] }>()
+const props = defineProps<TabsTriggerProps & { class?: HTMLAttributes["class"] }>();
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, "class");
 
-const forwardedProps = useForwardProps(delegatedProps)
+const forwardedProps = useForwardProps(delegatedProps);
 </script>
 
 <template>
   <TabsTrigger
     data-slot="tabs-trigger"
-    :class="cn(
-      'data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4',
-      props.class,
-    )"
+    :class="
+      cn(
+        'data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4',
+        props.class,
+      )
+    "
     v-bind="forwardedProps"
   >
     <slot />
diff --git a/src/components/ui/tabs/index.ts b/src/components/ui/tabs/index.ts
index ee4a34ae..add2cc05 100644
--- a/src/components/ui/tabs/index.ts
+++ b/src/components/ui/tabs/index.ts
@@ -1,79 +1,97 @@
-import { defineComponent, h, provide, inject, computed } from 'vue'
-import { cn } from '@/lib/utils'
+import { defineComponent, h, provide, inject, computed } from "vue";
+import { cn } from "@/lib/utils";
 
-const TabsContext = Symbol('TabsContext')
+const TabsContext = Symbol("TabsContext");
 
 export const Tabs = defineComponent({
-  name: 'Tabs',
+  name: "Tabs",
   props: {
     modelValue: { type: String, required: true },
-    class: { type: String, default: '' },
+    class: { type: String, default: "" },
   },
-  emits: ['update:modelValue'],
+  emits: ["update:modelValue"],
   setup(props, { slots, emit }) {
-    provide(TabsContext, computed({
-      get: () => props.modelValue,
-      set: (val) => emit('update:modelValue', val),
-    }))
+    provide(
+      TabsContext,
+      computed({
+        get: () => props.modelValue,
+        set: (val) => emit("update:modelValue", val),
+      }),
+    );
 
-    return () => h('div', { class: props.class }, slots.default?.())
+    return () => h("div", { class: props.class }, slots.default?.());
   },
-})
+});
 
 export const TabsList = defineComponent({
-  name: 'TabsList',
+  name: "TabsList",
   props: {
-    class: { type: String, default: '' },
+    class: { type: String, default: "" },
   },
   setup(props, { slots }) {
-    return () => h('div', {
-      class: cn(
-        'inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground',
-        props.class
-      ),
-    }, slots.default?.())
+    return () =>
+      h(
+        "div",
+        {
+          class: cn(
+            "inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground",
+            props.class,
+          ),
+        },
+        slots.default?.(),
+      );
   },
-})
+});
 
 export const TabsTrigger = defineComponent({
-  name: 'TabsTrigger',
-    props: {
-        value: { type: String, required: true },
-        class: { type: String, default: '' },
-    },
-    setup(props, { slots }) {
-        const context = inject<{ value: string }>(TabsContext)
+  name: "TabsTrigger",
+  props: {
+    value: { type: String, required: true },
+    class: { type: String, default: "" },
+  },
+  setup(props, { slots }) {
+    const context = inject<{ value: string }>(TabsContext);
 
-        return () => h('button', {
-            type: 'button',
-            class: cn(
-                'inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow',
-                props.class
-            ),
-            'data-state': context?.value === props.value ? 'active' : 'inactive',
-            onClick: () => {
-                if (context) context.value = props.value
-            },
-        }, slots.default?.())
-    },
-})
+    return () =>
+      h(
+        "button",
+        {
+          type: "button",
+          class: cn(
+            "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow",
+            props.class,
+          ),
+          "data-state": context?.value === props.value ? "active" : "inactive",
+          onClick: () => {
+            if (context) context.value = props.value;
+          },
+        },
+        slots.default?.(),
+      );
+  },
+});
 
 export const TabsContent = defineComponent({
-    name: 'TabsContent',
-    props: {
-        value: { type: String, required: true },
-        class: { type: String, default: '' },
-    },
-    setup(props, { slots }) {
-        const context = inject<{ value: string }>(TabsContext)
+  name: "TabsContent",
+  props: {
+    value: { type: String, required: true },
+    class: { type: String, default: "" },
+  },
+  setup(props, { slots }) {
+    const context = inject<{ value: string }>(TabsContext);
 
-        return () => context?.value === props.value 
-            ? h('div', {
-                class: cn(
-                    'mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',
-                    props.class
-                ),
-            }, slots.default?.())
-            : null
-    },
-})
+    return () =>
+      context?.value === props.value
+        ? h(
+            "div",
+            {
+              class: cn(
+                "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+                props.class,
+              ),
+            },
+            slots.default?.(),
+          )
+        : null;
+  },
+});
diff --git a/src/components/ui/tags-input/TagsInput.vue b/src/components/ui/tags-input/TagsInput.vue
index bd9f505f..fb1cd380 100644
--- a/src/components/ui/tags-input/TagsInput.vue
+++ b/src/components/ui/tags-input/TagsInput.vue
@@ -5,9 +5,7 @@ import { reactiveOmit } from "@vueuse/core";
 import { TagsInputRoot, useForwardPropsEmits } from "reka-ui";
 import { cn } from "@/lib/utils";
 
-const props = defineProps<
-  TagsInputRootProps & { class?: HTMLAttributes["class"] }
->();
+const props = defineProps<TagsInputRootProps & { class?: HTMLAttributes["class"] }>();
 const emits = defineEmits<TagsInputRootEmits>();
 
 const delegatedProps = reactiveOmit(props, "class");
@@ -21,7 +19,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
     v-bind="forwarded"
     :class="
       cn(
-        'flex flex-wrap gap-2 items-center rounded-md border border-input bg-background px-2 py-1 text-sm shadow-xs transition-[color,box-shadow] outline-none',
+        'border-input bg-background flex flex-wrap items-center gap-2 rounded-md border px-2 py-1 text-sm shadow-xs transition-[color,box-shadow] outline-none',
         'focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]',
         'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',
         props.class,
diff --git a/src/components/ui/tags-input/TagsInputInput.vue b/src/components/ui/tags-input/TagsInputInput.vue
index 4821dd82..794dc82a 100644
--- a/src/components/ui/tags-input/TagsInputInput.vue
+++ b/src/components/ui/tags-input/TagsInputInput.vue
@@ -5,9 +5,7 @@ import { reactiveOmit } from "@vueuse/core";
 import { TagsInputInput, useForwardProps } from "reka-ui";
 import { cn } from "@/lib/utils";
 
-const props = defineProps<
-  TagsInputInputProps & { class?: HTMLAttributes["class"] }
->();
+const props = defineProps<TagsInputInputProps & { class?: HTMLAttributes["class"] }>();
 
 const delegatedProps = reactiveOmit(props, "class");
 
@@ -17,11 +15,6 @@ const forwardedProps = useForwardProps(delegatedProps);
 <template>
   <TagsInputInput
     v-bind="forwardedProps"
-    :class="
-      cn(
-        'text-sm min-h-5 focus:outline-none flex-1 bg-transparent px-1',
-        props.class,
-      )
-    "
+    :class="cn('min-h-5 flex-1 bg-transparent px-1 text-sm focus:outline-none', props.class)"
   />
 </template>
diff --git a/src/components/ui/tags-input/TagsInputItem.vue b/src/components/ui/tags-input/TagsInputItem.vue
index 465f2adc..65e897d8 100644
--- a/src/components/ui/tags-input/TagsInputItem.vue
+++ b/src/components/ui/tags-input/TagsInputItem.vue
@@ -6,9 +6,7 @@ import { reactiveOmit } from "@vueuse/core";
 import { TagsInputItem, useForwardProps } from "reka-ui";
 import { cn } from "@/lib/utils";
 
-const props = defineProps<
-  TagsInputItemProps & { class?: HTMLAttributes["class"] }
->();
+const props = defineProps<TagsInputItemProps & { class?: HTMLAttributes["class"] }>();
 
 const delegatedProps = reactiveOmit(props, "class");
 
@@ -20,7 +18,7 @@ const forwardedProps = useForwardProps(delegatedProps);
     v-bind="forwardedProps"
     :class="
       cn(
-        'flex h-5 items-center rounded-md bg-secondary data-[state=active]:ring-ring data-[state=active]:ring-2 data-[state=active]:ring-offset-2 ring-offset-background',
+        'bg-secondary data-[state=active]:ring-ring ring-offset-background flex h-5 items-center rounded-md data-[state=active]:ring-2 data-[state=active]:ring-offset-2',
         props.class,
       )
     "
diff --git a/src/components/ui/tags-input/TagsInputItemDelete.vue b/src/components/ui/tags-input/TagsInputItemDelete.vue
index c30dcb8a..2d4fd5a7 100644
--- a/src/components/ui/tags-input/TagsInputItemDelete.vue
+++ b/src/components/ui/tags-input/TagsInputItemDelete.vue
@@ -6,9 +6,7 @@ import { X } from "lucide-vue-next";
 import { TagsInputItemDelete, useForwardProps } from "reka-ui";
 import { cn } from "@/lib/utils";
 
-const props = defineProps<
-  TagsInputItemDeleteProps & { class?: HTMLAttributes["class"] }
->();
+const props = defineProps<TagsInputItemDeleteProps & { class?: HTMLAttributes["class"] }>();
 
 const delegatedProps = reactiveOmit(props, "class");
 
@@ -18,10 +16,10 @@ const forwardedProps = useForwardProps(delegatedProps);
 <template>
   <TagsInputItemDelete
     v-bind="forwardedProps"
-    :class="cn('flex rounded bg-transparent mr-1', props.class)"
+    :class="cn('mr-1 flex rounded bg-transparent', props.class)"
   >
     <slot>
-      <X class="w-4 h-4" />
+      <X class="h-4 w-4" />
     </slot>
   </TagsInputItemDelete>
 </template>
diff --git a/src/components/ui/tags-input/TagsInputItemText.vue b/src/components/ui/tags-input/TagsInputItemText.vue
index c573402d..e092f374 100644
--- a/src/components/ui/tags-input/TagsInputItemText.vue
+++ b/src/components/ui/tags-input/TagsInputItemText.vue
@@ -5,9 +5,7 @@ import { reactiveOmit } from "@vueuse/core";
 import { TagsInputItemText, useForwardProps } from "reka-ui";
 import { cn } from "@/lib/utils";
 
-const props = defineProps<
-  TagsInputItemTextProps & { class?: HTMLAttributes["class"] }
->();
+const props = defineProps<TagsInputItemTextProps & { class?: HTMLAttributes["class"] }>();
 
 const delegatedProps = reactiveOmit(props, "class");
 
@@ -17,7 +15,7 @@ const forwardedProps = useForwardProps(delegatedProps);
 <template>
   <TagsInputItemText
     v-bind="forwardedProps"
-    :class="cn('py-0.5 px-2 text-sm rounded bg-transparent', props.class)"
+    :class="cn('rounded bg-transparent px-2 py-0.5 text-sm', props.class)"
   >
     <slot />
   </TagsInputItemText>
diff --git a/src/composables/monitoring/dynamic/useDynamicSingle.ts b/src/composables/monitoring/dynamic/useDynamicSingle.ts
index 2b6a8bcc..0b7be538 100644
--- a/src/composables/monitoring/dynamic/useDynamicSingle.ts
+++ b/src/composables/monitoring/dynamic/useDynamicSingle.ts
@@ -54,5 +54,4 @@ const _fetchDynamic = async (
   }
 };
 
-export const { execute: fetchDynamic, isLoading: loading } =
-  useInFlightDedupe(_fetchDynamic);
+export const { execute: fetchDynamic, isLoading: loading } = useInFlightDedupe(_fetchDynamic);
diff --git a/src/composables/monitoring/dynamic/useDynamicSummaryMultiLast.ts b/src/composables/monitoring/dynamic/useDynamicSummaryMultiLast.ts
index 9ced8e1b..b2d90a3a 100644
--- a/src/composables/monitoring/dynamic/useDynamicSummaryMultiLast.ts
+++ b/src/composables/monitoring/dynamic/useDynamicSummaryMultiLast.ts
@@ -7,20 +7,15 @@ import type { FullDynamicSummaryResponseItem } from "@/types/monitoring";
 import { DYNAMIC_SUMMARY_FIELDS } from "@/types/monitoring";
 import { OFFLINE_AFTER_MS } from "@/utils/show";
 
-type FullDynamicSummaryResponseItemWithOnline =
-  FullDynamicSummaryResponseItem & {
-    online: boolean;
-  };
+type FullDynamicSummaryResponseItemWithOnline = FullDynamicSummaryResponseItem & {
+  online: boolean;
+};
 
 /*
   获取所有节点的最新动态摘要
 */
-export function useDynamicSummaryMultiLast(
-  backend = useBackendStore().currentBackend,
-) {
-  const status = ref<"disconnected" | "connecting" | "connected">(
-    "disconnected",
-  );
+export function useDynamicSummaryMultiLast(backend = useBackendStore().currentBackend) {
+  const status = ref<"disconnected" | "connecting" | "connected">("disconnected");
   const error = ref("");
   const servers = ref<FullDynamicSummaryResponseItemWithOnline[]>([]);
   const queryFields = DYNAMIC_SUMMARY_FIELDS;
@@ -75,8 +70,7 @@ export function useDynamicSummaryMultiLast(
   watch(
     backend,
     (newVal, oldVal) => {
-      if (newVal?.url === oldVal?.url && newVal?.token === oldVal?.token)
-        return;
+      if (newVal?.url === oldVal?.url && newVal?.token === oldVal?.token) return;
       servers.value = [];
       status.value = "disconnected";
       if (newVal) void refresh();
diff --git a/src/composables/monitoring/useStaticMonitoring.ts b/src/composables/monitoring/useStaticMonitoring.ts
index 0cb0a64e..0df97eb8 100644
--- a/src/composables/monitoring/useStaticMonitoring.ts
+++ b/src/composables/monitoring/useStaticMonitoring.ts
@@ -9,12 +9,8 @@ import { useInFlightDedupe } from "@/composables/useInFlightDedupe";
 获取节点的最新静态数据
 */
 
-export function useStaticMonitoring(
-  backend = useBackendStore().currentBackend,
-) {
-  const status = ref<"disconnected" | "connecting" | "connected">(
-    "disconnected",
-  );
+export function useStaticMonitoring(backend = useBackendStore().currentBackend) {
+  const status = ref<"disconnected" | "connecting" | "connected">("disconnected");
   const error = ref("");
   const servers = ref<StaticResponseItem[]>([]);
   const queryFields = ["cpu", "system", "gpu"];
@@ -36,13 +32,14 @@ export function useStaticMonitoring(
 
       status.value = "connecting";
       error.value = "";
-      const result = await getWsConnection(backend.value.url).call<
-        StaticResponseItem[]
-      >("agent_static_data_multi_last_query", {
-        token: backend.value.token,
-        uuids: uuids,
-        fields: queryFields,
-      });
+      const result = await getWsConnection(backend.value.url).call<StaticResponseItem[]>(
+        "agent_static_data_multi_last_query",
+        {
+          token: backend.value.token,
+          uuids: uuids,
+          fields: queryFields,
+        },
+      );
       if (Array.isArray(result)) {
         servers.value = result;
         status.value = "connected";
@@ -62,8 +59,7 @@ export function useStaticMonitoring(
   watch(
     backend,
     (newVal, oldVal) => {
-      if (newVal?.url === oldVal?.url && newVal?.token === oldVal?.token)
-        return;
+      if (newVal?.url === oldVal?.url && newVal?.token === oldVal?.token) return;
       servers.value = [];
       status.value = "disconnected";
       if (newVal) void refresh();
diff --git a/src/composables/token/tokenSecret.ts b/src/composables/token/tokenSecret.ts
index 8c1c8e8b..ab9abf77 100644
--- a/src/composables/token/tokenSecret.ts
+++ b/src/composables/token/tokenSecret.ts
@@ -8,11 +8,7 @@ export const normalizeRollTargetToken = (value: string | null | undefined) => {
   return normalized.slice(0, separatorIndex).trim();
 };
 
-export type PasswordChangeValidationError =
-  | ""
-  | "required"
-  | "tooShort"
-  | "mismatch";
+export type PasswordChangeValidationError = "" | "required" | "tooShort" | "mismatch";
 
 export const getPasswordChangeValidationError = (
   password: string,
diff --git a/src/composables/token/useCreateToken.ts b/src/composables/token/useCreateToken.ts
index e4e90ca4..bc0d27ae 100644
--- a/src/composables/token/useCreateToken.ts
+++ b/src/composables/token/useCreateToken.ts
@@ -40,9 +40,7 @@ export const useCreatTokenHook = () => {
   const { t } = useI18n();
 
   //   获取agent-uuid列表
-  const createToken = async (
-    token_creation: token,
-  ): Promise<{ key?: string; secret?: string }> => {
+  const createToken = async (token_creation: token): Promise<{ key?: string; secret?: string }> => {
     const url = backendUrl.value.trim();
     const token = currentBackend.value?.token?.trim() || "";
     if (!url || !token) return {};
diff --git a/src/composables/token/useEditToken.ts b/src/composables/token/useEditToken.ts
index 50d95e55..28020799 100644
--- a/src/composables/token/useEditToken.ts
+++ b/src/composables/token/useEditToken.ts
@@ -45,10 +45,7 @@ export const useEditTokenHook = () => {
   const backendUrl = computed(() => currentBackend.value?.url ?? "");
   const { t } = useI18n();
 
-  const updateToken = async (
-    tokenData: Token,
-    targetToken: string,
-  ): Promise<boolean> => {
+  const updateToken = async (tokenData: Token, targetToken: string): Promise<boolean> => {
     const url = backendUrl.value.trim();
     const token = currentBackend.value?.token?.trim() || "";
     const target_token = targetToken.trim();
diff --git a/src/composables/token/useTokenList.ts b/src/composables/token/useTokenList.ts
index cade4053..293419c7 100644
--- a/src/composables/token/useTokenList.ts
+++ b/src/composables/token/useTokenList.ts
@@ -83,10 +83,10 @@ export const useTokenListHook = () => {
     const target_token = tokenItem.token_key ?? tokenItem.username;
     if (!url || !token) return;
     try {
-      const result = await getWsConnection(url).call<{ message: string }>(
-        "token_delete",
-        { token, target_token },
-      );
+      const result = await getWsConnection(url).call<{ message: string }>("token_delete", {
+        token,
+        target_token,
+      });
       if (result?.message) {
         toast.success(t("dashboard.token.api.deleteSuccess"));
         getTokenList();
@@ -201,9 +201,7 @@ export const useTokenListHook = () => {
     }
   };
 
-  const getTokenDetailApi = async (
-    searchToken: string,
-  ): Promise<TokenDetail | null> => {
+  const getTokenDetailApi = async (searchToken: string): Promise<TokenDetail | null> => {
     const url = backendUrl.value.trim();
     const token = currentBackend.value?.token?.trim() || "";
     const target_token = searchToken?.trim() || "";
diff --git a/src/composables/useAgentConfig.ts b/src/composables/useAgentConfig.ts
index ad214fcd..9a5f13d3 100644
--- a/src/composables/useAgentConfig.ts
+++ b/src/composables/useAgentConfig.ts
@@ -12,10 +12,7 @@ import { useBackendExtra } from "@/composables/useBackendExtra";
 import { type TASK_NAME, TASK_NAME_LIST } from "@/types/task";
 import { compareVersions } from "compare-versions";
 
-import {
-  useTask,
-  type CreateTaskBlockingResponse,
-} from "@/composables/useTask";
+import { useTask, type CreateTaskBlockingResponse } from "@/composables/useTask";
 import TOML from "smol-toml";
 
 export type LogLevel = "trace" | "debug" | "info" | "warn" | "error";
@@ -76,18 +73,13 @@ const { currentBackend } = useBackendStore();
 const { createReadConfigTask } = useTask(currentBackend);
 const { currentBackendInfo, refreshAll } = useBackendExtra();
 
-function getRawAgentConfig(
-  agentUuid: string,
-  timeoutMs: number = 9000,
-): Promise<string> {
-  return createReadConfigTask(agentUuid, true, timeoutMs).then(
-    (response: any) => {
-      if ("read_config" in response.task_event_result) {
-        return response.task_event_result.read_config;
-      }
-      throw new Error("Failed to read agent config");
-    },
-  );
+function getRawAgentConfig(agentUuid: string, timeoutMs: number = 9000): Promise<string> {
+  return createReadConfigTask(agentUuid, true, timeoutMs).then((response: any) => {
+    if ("read_config" in response.task_event_result) {
+      return response.task_event_result.read_config;
+    }
+    throw new Error("Failed to read agent config");
+  });
 }
 
 /**
@@ -122,9 +114,7 @@ function parseToml(tomlStr: string): AgentConfig {
 
     return config;
   } catch (e) {
-    throw new Error(
-      `Failed to parse TOML: ${e instanceof Error ? e.message : String(e)}`,
-    );
+    throw new Error(`Failed to parse TOML: ${e instanceof Error ? e.message : String(e)}`);
   }
 }
 
@@ -188,16 +178,11 @@ function serializeToml(config: AgentConfig): string {
   try {
     return TOML.stringify(config as any);
   } catch (e) {
-    throw new Error(
-      `Failed to serialize TOML: ${e instanceof Error ? e.message : String(e)}`,
-    );
+    throw new Error(`Failed to serialize TOML: ${e instanceof Error ? e.message : String(e)}`);
   }
 }
 
-function getAgentConfig(
-  agentUuid: string,
-  timeoutMs: number = 5000,
-): Promise<AgentConfig> {
+function getAgentConfig(agentUuid: string, timeoutMs: number = 5000): Promise<AgentConfig> {
   return getRawAgentConfig(agentUuid, timeoutMs).then((tomlStr) => {
     const config = parseToml(tomlStr);
     config.server = config.server.map((v) => {
@@ -222,17 +207,12 @@ async function getAgentConfigExtra(
   agentUuid: string,
   timeoutMs: number = 5000,
 ): Promise<splitConfig> {
-  const [cfg, _] = await Promise.all([
-    getAgentConfig(agentUuid, timeoutMs),
-    refreshAll(),
-  ]);
+  const [cfg, _] = await Promise.all([getAgentConfig(agentUuid, timeoutMs), refreshAll()]);
   const upstreams = cfg.server;
   const currentUpstream = cfg.server.find(
     (v) => v.server_uuid === currentBackendInfo.value?.uuid,
   ) as UpstreamServer;
-  const otherUpstreams = cfg.server.filter(
-    (v) => v.server_uuid !== currentBackendInfo.value?.uuid,
-  );
+  const otherUpstreams = cfg.server.filter((v) => v.server_uuid !== currentBackendInfo.value?.uuid);
   const basicConfig = {
     ...cfg,
     server: undefined,
diff --git a/src/composables/useAgentInfo.ts b/src/composables/useAgentInfo.ts
index 78bb8eed..10d4b4b0 100644
--- a/src/composables/useAgentInfo.ts
+++ b/src/composables/useAgentInfo.ts
@@ -95,9 +95,7 @@ export function useAgentInfo(
       ]);
       const uuids = result?.uuids ?? [];
 
-      const emptyAgentNS = uuids.filter(
-        (v) => !kv.namespaces.value.includes(v),
-      );
+      const emptyAgentNS = uuids.filter((v) => !kv.namespaces.value.includes(v));
 
       await Promise.all(emptyAgentNS.map((uuid) => fixAgentNamespace(uuid)));
 
@@ -108,18 +106,18 @@ export function useAgentInfo(
           .filter((v) => kv.namespaces.value.includes(v))
           .map((uuid) => ({ namespace: uuid, key: "metadata_*" }));
 
-        const result = await conn.call<
-          { namespace: string; key: string; value: unknown }[]
-        >("kv_get_multi_value", {
-          token: backend.value.token,
-          namespace_key: namespaceKeys,
-        });
+        const result = await conn.call<{ namespace: string; key: string; value: unknown }[]>(
+          "kv_get_multi_value",
+          {
+            token: backend.value.token,
+            namespace_key: namespaceKeys,
+          },
+        );
 
         const grouped = groupBy(result, "namespace");
 
         Object.keys(grouped).forEach((uuid) => {
-          const arr =
-            grouped[uuid]?.map(({ key, value }) => ({ key, value })) ?? [];
+          const arr = grouped[uuid]?.map(({ key, value }) => ({ key, value })) ?? [];
           const metadata = parseMetadataFields(arr, "节点" + shorterUUID(uuid));
           metaMap.set(uuid, metadata);
         });
@@ -148,8 +146,7 @@ export function useAgentInfo(
     }
   }
 
-  const { execute: fetchAgents, isLoading: loading } =
-    useInFlightDedupe(_fetchAgents);
+  const { execute: fetchAgents, isLoading: loading } = useInFlightDedupe(_fetchAgents);
 
   const fixAgentNamespace = async (agentUUID: string) => {
     if (!backend.value) {
diff --git a/src/composables/useBackendExtra.ts b/src/composables/useBackendExtra.ts
index 75c4531a..256e8be3 100644
--- a/src/composables/useBackendExtra.ts
+++ b/src/composables/useBackendExtra.ts
@@ -76,8 +76,7 @@ async function saveAgentConfigWsUrl(backend: Ref<Backend>, url: string) {
 }
 
 async function getServerIpInfo(backend: Ref<Backend>) {
-  const { runWorker, poolingWorkerLogs, listAllWorkers } =
-    useJsRuntime(backend);
+  const { runWorker, poolingWorkerLogs, listAllWorkers } = useJsRuntime(backend);
   for (let t = 0; t < 3000; t += 200) {
     const r = await listAllWorkers();
     if (r.find((v) => v === "server-task-worker")) {
@@ -131,11 +130,7 @@ const fetchServerInfo = async (backend: Backend) => {
   try {
     serverInfoLoading.value = true;
     tasks.push(
-      getSingleBackendProperty(
-        "uuid",
-        backend,
-        conn.call<string>("nodeget-server_uuid", []),
-      ),
+      getSingleBackendProperty("uuid", backend, conn.call<string>("nodeget-server_uuid", [])),
     );
     tasks.push(
       getSingleBackendProperty(
@@ -147,19 +142,13 @@ const fetchServerInfo = async (backend: Backend) => {
       ),
     );
     tasks.push(
-      getSingleBackendProperty(
-        "agentConfigWsUrl",
-        backend,
-        getAgentConfigWsUrl(ref(backend)),
-      ),
+      getSingleBackendProperty("agentConfigWsUrl", backend, getAgentConfigWsUrl(ref(backend))),
     );
     tasks.push(
       getSingleBackendProperty(
         "ip",
         backend,
-        getServerIpInfo(ref(backend)).then(
-          (ipinfo) => (ipinfo && ipinfo?.address) || "",
-        ),
+        getServerIpInfo(ref(backend)).then((ipinfo) => (ipinfo && ipinfo?.address) || ""),
       ),
     );
     await Promise.all(tasks);
@@ -182,8 +171,7 @@ watch(
 );
 
 const isActive = (backend: Backend) =>
-  currentBackend.value?.url === backend.url &&
-  currentBackend.value?.token === backend.token;
+  currentBackend.value?.url === backend.url && currentBackend.value?.token === backend.token;
 
 const currentBackendInfo = computed(() => {
   if (!currentBackend.value) {
diff --git a/src/composables/useBackendStore.ts b/src/composables/useBackendStore.ts
index 77a9814d..b0ed8a22 100644
--- a/src/composables/useBackendStore.ts
+++ b/src/composables/useBackendStore.ts
@@ -55,11 +55,7 @@ const init = () => {
   }
 
   // If in dev mode, add dev backend
-  if (
-    import.meta.env.DEV &&
-    backends.value.length === 0 &&
-    import.meta.env.VITE_BACKEND_WS
-  ) {
+  if (import.meta.env.DEV && backends.value.length === 0 && import.meta.env.VITE_BACKEND_WS) {
     const devBackend: Backend = {
       name: "Dev",
       url: import.meta.env.VITE_BACKEND_WS || "",
@@ -89,9 +85,7 @@ watch(
     localStorage.setItem(LS_KEY_BACKENDS, JSON.stringify(newVal));
     if (currentBackend.value) {
       const found = newVal.find(
-        (b) =>
-          b.url === currentBackend.value?.url &&
-          b.token === currentBackend.value?.token,
+        (b) => b.url === currentBackend.value?.url && b.token === currentBackend.value?.token,
       );
       if (!found) {
         if (newVal.length > 0) {
@@ -126,9 +120,7 @@ const addBackend = (backend: Backend) => {
 };
 
 const removeBackend = (backend: Backend) => {
-  const index = backends.value.findIndex(
-    (b) => b.url === backend.url && b.token === backend.token,
-  ); // Simple check
+  const index = backends.value.findIndex((b) => b.url === backend.url && b.token === backend.token); // Simple check
   if (index !== -1) {
     backends.value.splice(index, 1);
   }
diff --git a/src/composables/useBatchExec.ts b/src/composables/useBatchExec.ts
index 19eb954f..f555f840 100644
--- a/src/composables/useBatchExec.ts
+++ b/src/composables/useBatchExec.ts
@@ -54,9 +54,7 @@ export async function createTasks(tasks: Task[]): Promise<TaskResult[]> {
   return results;
 }
 
-export async function queryTaskResults(
-  taskResults: TaskResult[],
-): Promise<TaskResult[]> {
+export async function queryTaskResults(taskResults: TaskResult[]): Promise<TaskResult[]> {
   const { currentBackend } = useBackendStore();
   const backend = currentBackend.value;
   if (!backend) throw new Error("No backend selected");
diff --git a/src/composables/useBatchRun.ts b/src/composables/useBatchRun.ts
index 6580839e..83ad2a51 100644
--- a/src/composables/useBatchRun.ts
+++ b/src/composables/useBatchRun.ts
@@ -7,11 +7,7 @@ export const useBatchRun = () => {
   const runStatus = ref(false);
   const result = ref<TaskResult[]>([]);
 
-  const run = async (
-    cmd: string = "bash",
-    code: string,
-    selectedNodes: { uuid: string }[],
-  ) => {
+  const run = async (cmd: string = "bash", code: string, selectedNodes: { uuid: string }[]) => {
     if (!code) return toast.error("please input code");
     if (!selectedNodes.length) return toast.error("please select node");
     if (runStatus.value) return;
diff --git a/src/composables/useCron.ts b/src/composables/useCron.ts
index 3e7d570e..244ae6c1 100644
--- a/src/composables/useCron.ts
+++ b/src/composables/useCron.ts
@@ -50,13 +50,10 @@ export function backendToTask(b: BackendCron): CronTask {
     const task = agentCron.task;
     const taskType = (Object.keys(task)[0] ?? "ping") as AgentTaskKind;
     const executePayload =
-      taskType === "execute" &&
-      task[taskType] &&
-      typeof task[taskType] === "object"
+      taskType === "execute" && task[taskType] && typeof task[taskType] === "object"
         ? (task[taskType] as Partial<ExecuteTaskPayload>)
         : null;
-    const taskTarget =
-      taskType === "execute" ? "" : String(task[taskType] ?? "");
+    const taskTarget = taskType === "execute" ? "" : String(task[taskType] ?? "");
     return {
       id: b.id,
       name: b.name,
@@ -143,8 +140,7 @@ export function useCron(backend = useBackendStore().currentBackend) {
     cron_type: BackendCron["cron_type"];
   }) => rpc("crontab_edit", { token: backendToken.value, ...params });
 
-  const remove = (name: string) =>
-    rpc("crontab_delete", { token: backendToken.value, name });
+  const remove = (name: string) => rpc("crontab_delete", { token: backendToken.value, name });
 
   const setEnable = (name: string, enable: boolean) =>
     rpc("crontab_set_enable", { token: backendToken.value, name, enable });
diff --git a/src/composables/useCronHistory.ts b/src/composables/useCronHistory.ts
index efa1785a..086df75d 100644
--- a/src/composables/useCronHistory.ts
+++ b/src/composables/useCronHistory.ts
@@ -49,13 +49,10 @@ export function useCronHistory() {
   const backendToken = computed(() => currentBackend.value?.token ?? "");
 
   const query = (condition: any[]): Promise<CrontabResult[]> => {
-    return getWsConnection(backendUrl.value).call<CrontabResult[]>(
-      "crontab-result_query",
-      {
-        token: backendToken.value,
-        query: { condition },
-      },
-    );
+    return getWsConnection(backendUrl.value).call<CrontabResult[]>("crontab-result_query", {
+      token: backendToken.value,
+      query: { condition },
+    });
   };
 
   const queryTask = (
diff --git a/src/composables/useExtensions.ts b/src/composables/useExtensions.ts
index 5f88f1bc..a4eb8220 100644
--- a/src/composables/useExtensions.ts
+++ b/src/composables/useExtensions.ts
@@ -20,9 +20,7 @@ export const extractZipToFiles = (zipFile: File): Promise<File[]> =>
           ([p]) => p === "app.json" || /^[^/]+\/app\.json$/.test(p),
         )?.[0];
         const hasTopDir = !!appJsonPath && appJsonPath !== "app.json";
-        const prefix = hasTopDir
-          ? ""
-          : `${zipFile.name.replace(/\.zip$/i, "")}/`;
+        const prefix = hasTopDir ? "" : `${zipFile.name.replace(/\.zip$/i, "")}/`;
 
         for (const [path, content] of entries) {
           if (path.endsWith("/")) continue; // 跳过目录条目
@@ -123,9 +121,7 @@ export function useExtensions() {
 
   // backend.url 是 WebSocket 地址（wss/ws），静态文件接口需要 HTTP(S)
   const httpBaseUrl = computed(() =>
-    backendUrl.value
-      .replace(/^wss:\/\//, "https://")
-      .replace(/^ws:\/\//, "http://"),
+    backendUrl.value.replace(/^wss:\/\//, "https://").replace(/^ws:\/\//, "http://"),
   );
 
   const bucketBaseUrl = computed(() => {
@@ -139,10 +135,7 @@ export function useExtensions() {
 
   const getBackendCargoVersion = async (): Promise<string | undefined> => {
     try {
-      const info = await rpc<{ cargo_version: string }>(
-        "nodeget-server_version",
-        [],
-      );
+      const info = await rpc<{ cargo_version: string }>("nodeget-server_version", []);
       return info?.cargo_version;
     } catch {
       return undefined;
@@ -180,10 +173,7 @@ export function useExtensions() {
     const namespaces = await rpc<string[]>("kv_list_all_namespace", {
       token: backendToken.value,
     });
-    if (
-      !Array.isArray(namespaces) ||
-      !namespaces.includes(EXTENSION_NAMESPACE)
-    ) {
+    if (!Array.isArray(namespaces) || !namespaces.includes(EXTENSION_NAMESPACE)) {
       await rpc("kv_create", {
         token: backendToken.value,
         namespace: EXTENSION_NAMESPACE,
@@ -197,12 +187,13 @@ export function useExtensions() {
     error.value = null;
     try {
       await ensureNamespace();
-      const results = await rpc<
-        { namespace: string; key: string; value: unknown }[]
-      >("kv_get_multi_value", {
-        token: backendToken.value,
-        namespace_key: [{ namespace: EXTENSION_NAMESPACE, key: "*" }],
-      });
+      const results = await rpc<{ namespace: string; key: string; value: unknown }[]>(
+        "kv_get_multi_value",
+        {
+          token: backendToken.value,
+          namespace_key: [{ namespace: EXTENSION_NAMESPACE, key: "*" }],
+        },
+      );
       extensions.value = Array.isArray(results)
         ? results
             .filter((r) => r.value && typeof r.value === "object")
@@ -260,10 +251,7 @@ export function useExtensions() {
       try {
         await staticBucketApi.deleteBucket(getBucketName(id));
       } catch (e) {
-        console.warn(
-          `[deleteExtension] 清理 bucket 失败，请手动删除 ${getBucketName(id)}:`,
-          e,
-        );
+        console.warn(`[deleteExtension] 清理 bucket 失败，请手动删除 ${getBucketName(id)}:`, e);
       }
     }
     await rpc("kv_delete_key", {
@@ -281,8 +269,7 @@ export function useExtensions() {
     contentType?: string,
     storage?: ExtensionStorage,
   ) => {
-    const resolvedStorage =
-      storage ?? extensions.value.find((e) => e.id === extensionId)?.storage;
+    const resolvedStorage = storage ?? extensions.value.find((e) => e.id === extensionId)?.storage;
 
     if (resolvedStorage === "static") {
       await rpc("static-bucket-file_upload", {
@@ -299,9 +286,7 @@ export function useExtensions() {
       if (contentType) headers["Content-Type"] = contentType;
       const resp = await fetch(url, { method: "POST", body: content, headers });
       if (!resp.ok) {
-        throw new Error(
-          `上传文件 ${path} 失败: ${resp.status} ${resp.statusText}`,
-        );
+        throw new Error(`上传文件 ${path} 失败: ${resp.status} ${resp.statusText}`);
       }
     }
   };
@@ -322,20 +307,17 @@ export function useExtensions() {
             },
           ];
 
-    const result = await rpc<{ key?: string; secret?: string }>(
-      "token_create",
-      {
-        father_token: backendToken.value,
-        token_creation: {
-          username: null,
-          password: null,
-          timestamp_from: null,
-          timestamp_to: null,
-          version: 1,
-          token_limit: tokenLimit,
-        },
+    const result = await rpc<{ key?: string; secret?: string }>("token_create", {
+      father_token: backendToken.value,
+      token_creation: {
+        username: null,
+        password: null,
+        timestamp_from: null,
+        timestamp_to: null,
+        version: 1,
+        token_limit: tokenLimit,
       },
-    );
+    });
 
     const key = result?.key || "";
     const secret = result?.secret || "";
@@ -365,10 +347,7 @@ export function useExtensions() {
     // 找到 readme.md
     const readmeFile = files.find((f) => {
       const parts = f.webkitRelativePath.split("/");
-      return (
-        (parts[parts.length - 1] ?? "").toLowerCase() === "readme.md" &&
-        parts.length === 2
-      );
+      return (parts[parts.length - 1] ?? "").toLowerCase() === "readme.md" && parts.length === 2;
     });
     const readme = readmeFile ? await readmeFile.text() : "";
 
@@ -376,10 +355,7 @@ export function useExtensions() {
     const extensionId = crypto.randomUUID();
 
     const backendVersion = await getBackendCargoVersion();
-    const storage: ExtensionStorage = semverGt(
-      backendVersion,
-      STATIC_STORAGE_MIN_VERSION,
-    )
+    const storage: ExtensionStorage = semverGt(backendVersion, STATIC_STORAGE_MIN_VERSION)
       ? "static"
       : "worker";
 
@@ -397,22 +373,14 @@ export function useExtensions() {
     // 上传 resources/ 目录下的文件
     const rootFolder = files[0]?.webkitRelativePath.split("/")[0] ?? "";
     const resourcePrefix = `${rootFolder}/resources/`;
-    const resourceFiles = files.filter((f) =>
-      f.webkitRelativePath.startsWith(resourcePrefix),
-    );
+    const resourceFiles = files.filter((f) => f.webkitRelativePath.startsWith(resourcePrefix));
     const uploadedFiles: ExtensionFile[] = [];
 
     for (const file of resourceFiles) {
       const relativePath = file.webkitRelativePath.slice(resourcePrefix.length);
       if (!relativePath) continue;
       const content = await file.arrayBuffer();
-      await uploadFile(
-        extensionId,
-        relativePath,
-        content,
-        file.type || undefined,
-        storage,
-      );
+      await uploadFile(extensionId, relativePath, content, file.type || undefined, storage);
       uploadedFiles.push({ path: relativePath, size: file.size });
       onProgress?.(`已上传: ${relativePath}`);
     }
@@ -422,10 +390,7 @@ export function useExtensions() {
     if (appJson.worker?.filename) {
       const workerFile = files.find((f) => {
         const parts = f.webkitRelativePath.split("/");
-        return (
-          parts[parts.length - 1] === appJson.worker!.filename &&
-          parts.length === 2
-        );
+        return parts[parts.length - 1] === appJson.worker!.filename && parts.length === 2;
       });
       if (workerFile) {
         const workerContent = await workerFile.text();
@@ -440,9 +405,7 @@ export function useExtensions() {
           worker_name = workerName;
           onProgress?.(`已注册 Worker: ${workerName}`);
         } catch (e: unknown) {
-          onProgress?.(
-            `Worker 注册失败（已忽略）: ${e instanceof Error ? e.message : String(e)}`,
-          );
+          onProgress?.(`Worker 注册失败（已忽略）: ${e instanceof Error ? e.message : String(e)}`);
         }
         if (worker_name && appJson.worker.cron) {
           try {
@@ -499,10 +462,7 @@ export function useExtensions() {
 
     const readmeFile = files.find((f) => {
       const parts = f.webkitRelativePath.split("/");
-      return (
-        (parts[parts.length - 1] ?? "").toLowerCase() === "readme.md" &&
-        parts.length === 2
-      );
+      return (parts[parts.length - 1] ?? "").toLowerCase() === "readme.md" && parts.length === 2;
     });
     const readme = readmeFile ? await readmeFile.text() : existing.readme;
 
@@ -532,8 +492,7 @@ export function useExtensions() {
 
     const backendVersion = await getBackendCargoVersion();
     const storage: ExtensionStorage =
-      existing.storage === "static" ||
-      semverGt(backendVersion, STATIC_STORAGE_MIN_VERSION)
+      existing.storage === "static" || semverGt(backendVersion, STATIC_STORAGE_MIN_VERSION)
         ? "static"
         : "worker";
 
@@ -545,22 +504,14 @@ export function useExtensions() {
     onProgress?.("正在上传静态文件...");
     const rootFolder = files[0]?.webkitRelativePath.split("/")[0] ?? "";
     const resourcePrefix = `${rootFolder}/resources/`;
-    const resourceFiles = files.filter((f) =>
-      f.webkitRelativePath.startsWith(resourcePrefix),
-    );
+    const resourceFiles = files.filter((f) => f.webkitRelativePath.startsWith(resourcePrefix));
     const uploadedFiles: ExtensionFile[] = [];
 
     for (const file of resourceFiles) {
       const relativePath = file.webkitRelativePath.slice(resourcePrefix.length);
       if (!relativePath) continue;
       const content = await file.arrayBuffer();
-      await uploadFile(
-        existing.id,
-        relativePath,
-        content,
-        file.type || undefined,
-        storage,
-      );
+      await uploadFile(existing.id, relativePath, content, file.type || undefined, storage);
       uploadedFiles.push({ path: relativePath, size: file.size });
       onProgress?.(`已上传: ${relativePath}`);
     }
@@ -612,9 +563,7 @@ export function useExtensions() {
           }
           worker_name = workerName;
         } catch (e: unknown) {
-          onProgress?.(
-            `Worker 注册失败（已忽略）: ${e instanceof Error ? e.message : String(e)}`,
-          );
+          onProgress?.(`Worker 注册失败（已忽略）: ${e instanceof Error ? e.message : String(e)}`);
         }
         if (worker_name && appJson.worker.cron) {
           try {
@@ -666,11 +615,7 @@ export function useExtensions() {
     await saveExtension(existing.id, kvData);
   };
 
-  const getStaticUrl = (
-    extensionId: string,
-    path: string,
-    storage?: ExtensionStorage,
-  ): string => {
+  const getStaticUrl = (extensionId: string, path: string, storage?: ExtensionStorage): string => {
     if (storage === "static") {
       return `${bucketBaseUrl.value}/nodeget/static/${getBucketName(extensionId)}/${path}`;
     }
@@ -697,10 +642,7 @@ export function useExtensions() {
       base = getStaticUrl(extensionId, entry, storage);
     }
     const theme = useThemeStore().isDark ? "dark" : "light";
-    const params: string[] = [
-      `token=${encodeURIComponent(token)}`,
-      `theme=${theme}`,
-    ];
+    const params: string[] = [`token=${encodeURIComponent(token)}`, `theme=${theme}`];
     if (nodeUuid) params.push(`node=${encodeURIComponent(nodeUuid)}`);
     return `${base}#?${params.join("&")}`;
   };
@@ -722,13 +664,7 @@ export function useExtensions() {
     await ensureNamespace();
 
     onProgress?.("正在上传图标...");
-    await uploadFile(
-      extensionId,
-      "assets/icon.svg",
-      svgBytes,
-      "image/svg+xml",
-      "worker",
-    );
+    await uploadFile(extensionId, "assets/icon.svg", svgBytes, "image/svg+xml", "worker");
 
     const appJson: AppJson = {
       name,
diff --git a/src/composables/useFileUploadParsing.ts b/src/composables/useFileUploadParsing.ts
index a6fee231..a813d1b4 100644
--- a/src/composables/useFileUploadParsing.ts
+++ b/src/composables/useFileUploadParsing.ts
@@ -12,9 +12,7 @@ export function parseZipFile(arrayBuffer: ArrayBuffer): Promise<FileEntry[]> {
       const firstDir = topDirs.size === 1 ? ([...topDirs][0] ?? "") : "";
       const hasTopDir =
         firstDir !== "" &&
-        entries.every(
-          ([p]) => p === firstDir + "/" || p.startsWith(firstDir + "/"),
-        );
+        entries.every(([p]) => p === firstDir + "/" || p.startsWith(firstDir + "/"));
       const files: FileEntry[] = [];
       for (const [path, content] of entries) {
         if (path.endsWith("/")) continue;
diff --git a/src/composables/useInFlightDedupe.ts b/src/composables/useInFlightDedupe.ts
index e618c02f..b548db4a 100644
--- a/src/composables/useInFlightDedupe.ts
+++ b/src/composables/useInFlightDedupe.ts
@@ -1,8 +1,6 @@
 import { ref } from "vue";
 
-export function useInFlightDedupe<T, A extends any[]>(
-  fn: (...args: A) => Promise<T>,
-) {
+export function useInFlightDedupe<T, A extends any[]>(fn: (...args: A) => Promise<T>) {
   const data = ref<T | null>(null);
   const error = ref<any>(null);
   const isLoading = ref(false);
diff --git a/src/composables/useJsRuntime.ts b/src/composables/useJsRuntime.ts
index f01ede79..5a4d7e65 100644
--- a/src/composables/useJsRuntime.ts
+++ b/src/composables/useJsRuntime.ts
@@ -204,10 +204,7 @@ export function useJsRuntime(backend = useBackendStore().currentBackend) {
    * 轮询 JS 运行结果
    * API: js-result_query
    */
-  const poolingWorkerLogs = async (
-    workerId: number,
-    timeout: number = 5000,
-  ): Promise<JsResult> => {
+  const poolingWorkerLogs = async (workerId: number, timeout: number = 5000): Promise<JsResult> => {
     const delayPerTime = 100;
     for (let t = 0; t < timeout; t += delayPerTime) {
       await delay(delayPerTime);
diff --git a/src/composables/useKv.ts b/src/composables/useKv.ts
index 92777cfa..73f5d2de 100644
--- a/src/composables/useKv.ts
+++ b/src/composables/useKv.ts
@@ -39,12 +39,13 @@ export function useKv(backend = useBackendStore().currentBackend) {
     loading.value = true;
     error.value = null;
     try {
-      const results = await rpc<
-        { namespace: string; key: string; value: unknown }[]
-      >("kv_get_multi_value", {
-        token: backendToken.value,
-        namespace_key: [{ namespace: namespace.value, key: "*" }],
-      });
+      const results = await rpc<{ namespace: string; key: string; value: unknown }[]>(
+        "kv_get_multi_value",
+        {
+          token: backendToken.value,
+          namespace_key: [{ namespace: namespace.value, key: "*" }],
+        },
+      );
       entries.value = Array.isArray(results)
         ? results.map((r) => ({ key: r.key, value: r.value }))
         : [];
@@ -59,12 +60,13 @@ export function useKv(backend = useBackendStore().currentBackend) {
   const getMultiValue = async (
     namespaceKeys: { namespace: string; key: string }[],
   ): Promise<{ namespace: string; key: string; value: unknown }[]> => {
-    const results = await rpc<
-      { namespace: string; key: string; value: unknown }[]
-    >("kv_get_multi_value", {
-      token: backendToken.value,
-      namespace_key: namespaceKeys,
-    });
+    const results = await rpc<{ namespace: string; key: string; value: unknown }[]>(
+      "kv_get_multi_value",
+      {
+        token: backendToken.value,
+        namespace_key: namespaceKeys,
+      },
+    );
     return Array.isArray(results) ? results : [];
   };
 
@@ -134,9 +136,7 @@ export function useKv(backend = useBackendStore().currentBackend) {
     results.forEach((result, i) => {
       const item = items[i]!;
       if (result?.success === false) {
-        partialFailures.push(
-          item.key + (result.message ? `：${result.message}` : ""),
-        );
+        partialFailures.push(item.key + (result.message ? `：${result.message}` : ""));
       } else {
         const entry = entries.value.find((e) => e.key === item.key);
         if (entry) {
@@ -159,9 +159,7 @@ export function useKv(backend = useBackendStore().currentBackend) {
     entries.value = entries.value.filter((e) => e.key !== key);
   };
 
-  const deleteNamespace = async (
-    ns: string,
-  ): Promise<{ partialFailures: string[] }> => {
+  const deleteNamespace = async (ns: string): Promise<{ partialFailures: string[] }> => {
     // const results = await getMultiValue([{ namespace: ns, key: "*" }]);
     // const keys = results.map((r) => r.key);
     const keys = await rpc<string[]>("kv_get_all_keys", {
@@ -205,12 +203,9 @@ export function useKv(backend = useBackendStore().currentBackend) {
   };
 
   const listAgentUuids = async (): Promise<string[]> => {
-    const result = await rpc<{ uuids: string[] }>(
-      "nodeget-server_list_all_agent_uuid",
-      {
-        token: backendToken.value,
-      },
-    );
+    const result = await rpc<{ uuids: string[] }>("nodeget-server_list_all_agent_uuid", {
+      token: backendToken.value,
+    });
     return Array.isArray(result?.uuids) ? result.uuids : [];
   };
 
diff --git a/src/composables/useLifecycle.ts b/src/composables/useLifecycle.ts
index 0894c31d..ad780d77 100644
--- a/src/composables/useLifecycle.ts
+++ b/src/composables/useLifecycle.ts
@@ -63,14 +63,12 @@ async function afterServerCreate(backend: Backend, force: boolean = false) {
 
   try {
     const baseWorkerName = "base-worker";
-    const worker = await getWorker(baseWorkerName).catch(
-      (v: Error | string) => {
-        if (v.toString().indexOf("js_worker not found") !== -1) {
-          return null;
-        }
-        throw v;
-      },
-    );
+    const worker = await getWorker(baseWorkerName).catch((v: Error | string) => {
+      if (v.toString().indexOf("js_worker not found") !== -1) {
+        return null;
+      }
+      throw v;
+    });
     if (!worker) {
       const jsContent = await fetch(
         `${import.meta.env.VITE_BOOTSTRAP}/workers/base-worker/index.js`,
@@ -163,8 +161,7 @@ async function afterAgentCreate(
 
     toast.success("Agent post-processing completed successfully");
   } catch (e: unknown) {
-    const errorMsg =
-      e instanceof Error ? e.message : "Agent post-processing failed";
+    const errorMsg = e instanceof Error ? e.message : "Agent post-processing failed";
     toast.error(errorMsg);
     console.error("afterAgentCreate error:", e);
   }
@@ -235,8 +232,7 @@ async function afterAgentDelete(agentUUID: string, stage: string) {
         break;
     }
   } catch (e: unknown) {
-    const errorMsg =
-      e instanceof Error ? e.message : "Agent post-processing failed";
+    const errorMsg = e instanceof Error ? e.message : "Agent post-processing failed";
     toast.error(errorMsg);
     console.error("agent delete error:", e);
   }
diff --git a/src/composables/useLogs.ts b/src/composables/useLogs.ts
index 24e6054a..78eb3f4d 100644
--- a/src/composables/useLogs.ts
+++ b/src/composables/useLogs.ts
@@ -23,22 +23,11 @@ export const LOG_TARGET_OPTIONS = [
   "terminal",
 ] as const;
 
-export const LOG_LEVEL_OPTIONS = [
-  "trace",
-  "debug",
-  "info",
-  "warn",
-  "error",
-] as const;
+export const LOG_LEVEL_OPTIONS = ["trace", "debug", "info", "warn", "error"] as const;
 
 export type LogTarget = (typeof LOG_TARGET_OPTIONS)[number];
 export type LogLevel = (typeof LOG_LEVEL_OPTIONS)[number];
-export type LogStatus =
-  | "connecting"
-  | "connected"
-  | "disconnected"
-  | "paused"
-  | "error";
+export type LogStatus = "connecting" | "connected" | "disconnected" | "paused" | "error";
 export type LogActionStatus =
   | "idle"
   | "connecting"
@@ -110,10 +99,7 @@ const formatRpcError = (error: unknown): string => {
 };
 
 const createRequestId = (): string => {
-  if (
-    typeof crypto !== "undefined" &&
-    typeof crypto.randomUUID === "function"
-  ) {
+  if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
     return crypto.randomUUID();
   }
   return `${Date.now()}-${Math.random().toString(16).slice(2)}`;
@@ -145,10 +131,7 @@ const normalizeLogEvent = (raw: unknown): StreamLogEvent | null => {
   };
 };
 
-export const buildLogFilter = (
-  filters: LogFilterRule[],
-  defaultLevel: LogLevel,
-): string => {
+export const buildLogFilter = (filters: LogFilterRule[], defaultLevel: LogLevel): string => {
   const entries = filters
     .filter((item) => isLogTarget(item.target) && isLogLevel(item.level))
     .map((item) => `${item.target}=${item.level}`);
@@ -229,11 +212,7 @@ class LogWsClient {
     return this.connectPromise;
   }
 
-  async request<T>(
-    method: string,
-    params: unknown,
-    timeoutMs = REQUEST_TIMEOUT_MS,
-  ): Promise<T> {
+  async request<T>(method: string, params: unknown, timeoutMs = REQUEST_TIMEOUT_MS): Promise<T> {
     if (!this.url) throw new Error("WebSocket 尚未初始化");
     await this.connect(this.url);
     return new Promise<T>((resolve, reject) => {
@@ -295,9 +274,7 @@ class LogWsClient {
     this.pending.delete(id);
 
     if (msg.error) {
-      pending.reject(
-        new Error(formatRpcError(msg.error) || `${pending.method} rpc error`),
-      );
+      pending.reject(new Error(formatRpcError(msg.error) || `${pending.method} rpc error`));
       return;
     }
 
@@ -308,11 +285,7 @@ class LogWsClient {
       "error_message" in msg.result
     ) {
       const result = msg.result as Record<string, unknown>;
-      pending.reject(
-        new Error(
-          String(result.error_message || `${pending.method} rpc error`),
-        ),
-      );
+      pending.reject(new Error(String(result.error_message || `${pending.method} rpc error`)));
       return;
     }
 
@@ -373,10 +346,7 @@ const setFilters = async (nextFilters: LogFilterRule[]) => {
     clearLogs();
   }
 
-  if (
-    previousFilter !== nextFilter &&
-    (subscriptionId.value || status.value === "connecting")
-  ) {
+  if (previousFilter !== nextFilter && (subscriptionId.value || status.value === "connecting")) {
     actionStatus.value = "updatingFilters";
     await reconnect();
   }
diff --git a/src/composables/useNodeMetadata.ts b/src/composables/useNodeMetadata.ts
index 6dae5785..0a0766a1 100644
--- a/src/composables/useNodeMetadata.ts
+++ b/src/composables/useNodeMetadata.ts
@@ -24,10 +24,9 @@ export function useNodeMetadata(kv: ReturnType<typeof useKv>) {
     const get = (key: string) => entries.find((e) => e.key === key)?.value;
     return {
       customName: String(get("metadata_name") ?? "") || fallbackName,
-      tags: (Array.isArray(get("metadata_tags"))
-        ? (get("metadata_tags") as string[])
-        : []
-      ).filter(Boolean),
+      tags: (Array.isArray(get("metadata_tags")) ? (get("metadata_tags") as string[]) : []).filter(
+        Boolean,
+      ),
       price: Number(get("metadata_price") ?? 0),
       priceUnit: String(get("metadata_price_unit") ?? "$"),
       priceCycle: Number(get("metadata_price_cycle") ?? 30),
@@ -57,9 +56,7 @@ export function useNodeMetadata(kv: ReturnType<typeof useKv>) {
     metadata: Record<string, any> = makeDefaultMetadata(uuid),
   ) {
     kv.namespace.value = uuid;
-    await Promise.all(
-      Object.entries(metadata).map(([k, v]) => kv.setValue(k, v)),
-    );
+    await Promise.all(Object.entries(metadata).map(([k, v]) => kv.setValue(k, v)));
   }
 
   return {
diff --git a/src/composables/useOverviewData.ts b/src/composables/useOverviewData.ts
index daba28a9..4796ef49 100644
--- a/src/composables/useOverviewData.ts
+++ b/src/composables/useOverviewData.ts
@@ -141,17 +141,11 @@ function buildOverviewServers(
 /**
  * 启动轮询
  */
-function startPolling(
-  onDynamicFetch: () => Promise<void>,
-  onStaticFetch: () => Promise<void>,
-) {
+function startPolling(onDynamicFetch: () => Promise<void>, onStaticFetch: () => Promise<void>) {
   if (pollTimer) return; // 已在轮询
 
   pollTimer = setInterval(() => void onDynamicFetch(), POLL_INTERVAL_MS);
-  staticPollTimer = setInterval(
-    () => void onStaticFetch(),
-    STATIC_POLL_INTERVAL_MS,
-  );
+  staticPollTimer = setInterval(() => void onStaticFetch(), STATIC_POLL_INTERVAL_MS);
 }
 
 /**
@@ -248,8 +242,7 @@ export function useOverviewData() {
 
     try {
       const startedVisible =
-        typeof document === "undefined" ||
-        document.visibilityState === "visible";
+        typeof document === "undefined" || document.visibilityState === "visible";
 
       await dynamicMonitoring.refresh(uuids.value);
       lastFetchTime.value = Date.now();
@@ -282,10 +275,7 @@ export function useOverviewData() {
         .filter((u) => !uuids.value.includes(u));
 
       if (newUuids.length > 0) {
-        await Promise.all([
-          staticMonitoring.refresh(newUuids),
-          dynamicMonitoring.refresh(),
-        ]);
+        await Promise.all([staticMonitoring.refresh(newUuids), dynamicMonitoring.refresh()]);
 
         servers.value = buildOverviewServers(
           dynamicMonitoring.servers.value,
diff --git a/src/composables/useScreenshot.ts b/src/composables/useScreenshot.ts
index 816c5f3f..babce202 100644
--- a/src/composables/useScreenshot.ts
+++ b/src/composables/useScreenshot.ts
@@ -5,33 +5,22 @@ export interface ScreenshotModule {
   label: string;
 }
 
-export async function captureModules(
-  modules: ScreenshotModule[],
-): Promise<void> {
+export async function captureModules(modules: ScreenshotModule[]): Promise<void> {
   const scale = 2;
   const padding = 16;
   const gap = 12;
   const isDark = document.documentElement.classList.contains("dark");
   const bg = isDark ? "#09090b" : "#ffffff";
 
-  const canvases = await Promise.all(
-    modules.map((m) => domToCanvas(m.el, { scale })),
-  );
+  const canvases = await Promise.all(modules.map((m) => domToCanvas(m.el, { scale })));
 
   const MAX_CONTENT_WIDTH = 1000 * scale; // 1000 逻辑像素 × devicePixelRatio(scale)
-  const contentWidth = Math.min(
-    Math.max(...canvases.map((c) => c.width)),
-    MAX_CONTENT_WIDTH,
-  );
-  const scaledHeights = canvases.map((c) =>
-    Math.round((c.height * contentWidth) / c.width),
-  );
+  const contentWidth = Math.min(Math.max(...canvases.map((c) => c.width)), MAX_CONTENT_WIDTH);
+  const scaledHeights = canvases.map((c) => Math.round((c.height * contentWidth) / c.width));
 
   const totalWidth = contentWidth + padding * 2;
   const totalHeight =
-    scaledHeights.reduce((sum, h) => sum + h, 0) +
-    gap * (canvases.length - 1) +
-    padding * 2;
+    scaledHeights.reduce((sum, h) => sum + h, 0) + gap * (canvases.length - 1) + padding * 2;
 
   const out = document.createElement("canvas");
   out.width = totalWidth;
diff --git a/src/composables/useScripts.ts b/src/composables/useScripts.ts
index 12e0b1fc..f2aecffd 100644
--- a/src/composables/useScripts.ts
+++ b/src/composables/useScripts.ts
@@ -43,9 +43,7 @@ export function useScripts() {
     loading.value = true;
     error.value = null;
     try {
-      const kvGetScripts = await getMultiValue([
-        { namespace: namespace.value, key: "*" },
-      ]);
+      const kvGetScripts = await getMultiValue([{ namespace: namespace.value, key: "*" }]);
       // 将 KV 的 value 转为 Script
       scripts.value = kvGetScripts
         .map((e) => {
diff --git a/src/composables/useStaticBucket.ts b/src/composables/useStaticBucket.ts
index a587c4cb..d1d26035 100644
--- a/src/composables/useStaticBucket.ts
+++ b/src/composables/useStaticBucket.ts
@@ -59,9 +59,7 @@ export function useStaticBucket(backend = useBackendStore().currentBackend) {
     });
   };
 
-  const createBucket = async (
-    input: StaticBucketInput,
-  ): Promise<StaticBucket> => {
+  const createBucket = async (input: StaticBucketInput): Promise<StaticBucket> => {
     const result = await rpc<StaticBucket>("static-bucket_create", {
       token: backendToken.value,
       ...input,
@@ -69,9 +67,7 @@ export function useStaticBucket(backend = useBackendStore().currentBackend) {
     return result;
   };
 
-  const updateBucket = async (
-    input: StaticBucketInput,
-  ): Promise<StaticBucket> => {
+  const updateBucket = async (input: StaticBucketInput): Promise<StaticBucket> => {
     return rpc<StaticBucket>("static-bucket_update", {
       token: backendToken.value,
       ...input,
diff --git a/src/composables/useStaticBucketFile.ts b/src/composables/useStaticBucketFile.ts
index 1b457fb8..c24ea692 100644
--- a/src/composables/useStaticBucketFile.ts
+++ b/src/composables/useStaticBucketFile.ts
@@ -12,9 +12,7 @@ export type BucketFile = {
   mtime: number;
 };
 
-export function useStaticBucketFile(
-  backend = useBackendStore().currentBackend,
-) {
+export function useStaticBucketFile(backend = useBackendStore().currentBackend) {
   const backendUrl = computed(() => backend.value?.url ?? "");
   const backendToken = computed(() => backend.value?.token ?? "");
 
@@ -45,11 +43,7 @@ export function useStaticBucketFile(
     }
   };
 
-  const uploadFile = async (
-    bucketName: string,
-    path: string,
-    base64: string,
-  ): Promise<void> => {
+  const uploadFile = async (bucketName: string, path: string, base64: string): Promise<void> => {
     await rpc("static-bucket-file_upload", {
       token: backendToken.value,
       name: bucketName,
@@ -58,10 +52,7 @@ export function useStaticBucketFile(
     });
   };
 
-  const readFile = async (
-    bucketName: string,
-    path: string,
-  ): Promise<string> => {
+  const readFile = async (bucketName: string, path: string): Promise<string> => {
     return rpc<string>("static-bucket-file_read", {
       token: backendToken.value,
       name: bucketName,
@@ -69,10 +60,7 @@ export function useStaticBucketFile(
     });
   };
 
-  const deleteFile = async (
-    bucketName: string,
-    path: string,
-  ): Promise<void> => {
+  const deleteFile = async (bucketName: string, path: string): Promise<void> => {
     await rpc("static-bucket-file_delete", {
       token: backendToken.value,
       name: bucketName,
@@ -81,26 +69,17 @@ export function useStaticBucketFile(
     files.value = files.value.filter((f) => f.path !== path);
   };
 
-  const renameFile = async (
-    bucketName: string,
-    from: string,
-    to: string,
-  ): Promise<void> => {
+  const renameFile = async (bucketName: string, from: string, to: string): Promise<void> => {
     await rpc("static-bucket-file_rename", {
       token: backendToken.value,
       name: bucketName,
       from,
       to,
     });
-    files.value = files.value.map((f) =>
-      f.path === from ? { ...f, path: to } : f,
-    );
+    files.value = files.value.map((f) => (f.path === from ? { ...f, path: to } : f));
   };
 
-  const readTextFile = async (
-    bucketName: string,
-    path: string,
-  ): Promise<string> => {
+  const readTextFile = async (bucketName: string, path: string): Promise<string> => {
     try {
       const base64 = await readFile(bucketName, path);
       return base64 ? new TextDecoder().decode(base64ToBuf(base64)) : "";
@@ -109,11 +88,7 @@ export function useStaticBucketFile(
     }
   };
 
-  const saveTextFile = async (
-    bucketName: string,
-    path: string,
-    content: string,
-  ): Promise<void> => {
+  const saveTextFile = async (bucketName: string, path: string, content: string): Promise<void> => {
     const base64 = bufToBase64(new TextEncoder().encode(content));
     await uploadFile(bucketName, path, base64);
   };
@@ -156,9 +131,7 @@ export function useStaticBucketFile(
   ): Promise<{ uploaded: number; deleted: number }> => {
     const remoteFiles = await fetchList(bucketName);
     const localPaths = new Set(files.map((f) => f.path));
-    const extraRemotePaths = remoteFiles
-      .map((f) => f.path)
-      .filter((p) => !localPaths.has(p));
+    const extraRemotePaths = remoteFiles.map((f) => f.path).filter((p) => !localPaths.has(p));
     for (const file of files) {
       await uploadFile(bucketName, file.path, file.base64);
     }
diff --git a/src/composables/useTask.ts b/src/composables/useTask.ts
index 8c791408..f685bdf3 100644
--- a/src/composables/useTask.ts
+++ b/src/composables/useTask.ts
@@ -40,11 +40,7 @@ export function useTask(backend = useBackendStore().currentBackend) {
   const backendUrl = computed(() => backend.value?.url ?? "");
   const backendToken = computed(() => backend.value?.token ?? "");
 
-  const rpc = <T>(
-    method: string,
-    params: unknown,
-    timeoutMs: number = 5000,
-  ): Promise<T> =>
+  const rpc = <T>(method: string, params: unknown, timeoutMs: number = 5000): Promise<T> =>
     getWsConnection(backendUrl.value).call<T>(method, params, timeoutMs);
 
   /**
@@ -84,9 +80,7 @@ export function useTask(backend = useBackendStore().currentBackend) {
   /**
    * 查询任务执行记录
    */
-  const query = async (
-    conditions: TaskQueryCondition[],
-  ): Promise<TaskRecord[]> => {
+  const query = async (conditions: TaskQueryCondition[]): Promise<TaskRecord[]> => {
     return rpc<TaskRecord[]>("task_query", {
       token: backendToken.value,
       task_data_query: {
@@ -98,20 +92,14 @@ export function useTask(backend = useBackendStore().currentBackend) {
   /**
    * 查询指定 Agent 的任务记录
    */
-  const queryByUuid = async (
-    uuid: string,
-    limit: number = 100,
-  ): Promise<TaskRecord[]> => {
+  const queryByUuid = async (uuid: string, limit: number = 100): Promise<TaskRecord[]> => {
     return query([{ uuid }, { limit }]);
   };
 
   /**
    * 查询指定类型的任务记录
    */
-  const queryByType = async (
-    type: string,
-    limit: number = 100,
-  ): Promise<TaskRecord[]> => {
+  const queryByType = async (type: string, limit: number = 100): Promise<TaskRecord[]> => {
     return query([{ type }, { limit }]);
   };
 
@@ -125,9 +113,7 @@ export function useTask(backend = useBackendStore().currentBackend) {
   /**
    * 删除任务执行记录
    */
-  const deleteRecords = async (
-    conditions: TaskQueryCondition[],
-  ): Promise<DeleteTaskResponse> => {
+  const deleteRecords = async (conditions: TaskQueryCondition[]): Promise<DeleteTaskResponse> => {
     return rpc<DeleteTaskResponse>("task_delete", {
       token: backendToken.value,
       conditions,
@@ -151,10 +137,7 @@ export function useTask(backend = useBackendStore().currentBackend) {
   /**
    * 删除指定时间范围内的任务记录
    */
-  const deleteByTimeRange = async (
-    from: number,
-    to: number,
-  ): Promise<DeleteTaskResponse> => {
+  const deleteByTimeRange = async (from: number, to: number): Promise<DeleteTaskResponse> => {
     return deleteRecords([{ timestamp_from_to: [from, to] }]);
   };
 
@@ -164,9 +147,7 @@ export function useTask(backend = useBackendStore().currentBackend) {
     target: string,
     blocking: T = false as T,
     timeoutMs?: number,
-  ): Promise<
-    T extends true ? CreateTaskBlockingResponse<PingResult> : CreateTaskResponse
-  > => {
+  ): Promise<T extends true ? CreateTaskBlockingResponse<PingResult> : CreateTaskResponse> => {
     const taskType: PingTask = { ping: target };
     return (
       blocking
@@ -180,11 +161,7 @@ export function useTask(backend = useBackendStore().currentBackend) {
     target: string,
     blocking: T = false as T,
     timeoutMs?: number,
-  ): Promise<
-    T extends true
-      ? CreateTaskBlockingResponse<TcpPingResult>
-      : CreateTaskResponse
-  > => {
+  ): Promise<T extends true ? CreateTaskBlockingResponse<TcpPingResult> : CreateTaskResponse> => {
     const taskType: TcpPingTask = { tcp_ping: target };
     return (
       blocking
@@ -198,11 +175,7 @@ export function useTask(backend = useBackendStore().currentBackend) {
     url: string,
     blocking: T = false as T,
     timeoutMs?: number,
-  ): Promise<
-    T extends true
-      ? CreateTaskBlockingResponse<HttpPingResult>
-      : CreateTaskResponse
-  > => {
+  ): Promise<T extends true ? CreateTaskBlockingResponse<HttpPingResult> : CreateTaskResponse> => {
     const taskType: HttpPingTask = { http_ping: url };
     return (
       blocking
@@ -224,9 +197,7 @@ export function useTask(backend = useBackendStore().currentBackend) {
     blocking: T = false as T,
     timeoutMs?: number,
   ): Promise<
-    T extends true
-      ? CreateTaskBlockingResponse<HttpRequestResult>
-      : CreateTaskResponse
+    T extends true ? CreateTaskBlockingResponse<HttpRequestResult> : CreateTaskResponse
   > => {
     const taskType: HttpRequestTask = { http_request: config };
     return (
@@ -242,9 +213,7 @@ export function useTask(backend = useBackendStore().currentBackend) {
     blocking: T = false as T,
     timeoutMs?: number,
   ): Promise<
-    T extends true
-      ? CreateTaskBlockingResponse<SelfUpdateResult>
-      : CreateTaskResponse
+    T extends true ? CreateTaskBlockingResponse<SelfUpdateResult> : CreateTaskResponse
   > => {
     const taskType: SelfUpdateTask = { self_update: version };
     return (
@@ -260,11 +229,7 @@ export function useTask(backend = useBackendStore().currentBackend) {
     args: string[] = [],
     blocking: T = false as T,
     timeoutMs?: number,
-  ): Promise<
-    T extends true
-      ? CreateTaskBlockingResponse<ExecuteResult>
-      : CreateTaskResponse
-  > => {
+  ): Promise<T extends true ? CreateTaskBlockingResponse<ExecuteResult> : CreateTaskResponse> => {
     const taskType: ExecuteTask = { execute: { cmd, args } };
     return (
       blocking
@@ -289,9 +254,7 @@ export function useTask(backend = useBackendStore().currentBackend) {
     blocking: T = false as T,
     timeoutMs?: number,
   ): Promise<
-    T extends true
-      ? CreateTaskBlockingResponse<ReadConfigResult>
-      : CreateTaskResponse
+    T extends true ? CreateTaskBlockingResponse<ReadConfigResult> : CreateTaskResponse
   > => {
     const taskType: ReadConfigTask = "read_config";
     return (
@@ -307,9 +270,7 @@ export function useTask(backend = useBackendStore().currentBackend) {
     blocking: T = false as T,
     timeoutMs?: number,
   ): Promise<
-    T extends true
-      ? CreateTaskBlockingResponse<EditConfigResult>
-      : CreateTaskResponse
+    T extends true ? CreateTaskBlockingResponse<EditConfigResult> : CreateTaskResponse
   > => {
     const taskType: EditConfigTask = { edit_config: configContent };
     return (
@@ -323,9 +284,7 @@ export function useTask(backend = useBackendStore().currentBackend) {
     targetUuid: string,
     blocking: T = false as T,
     timeoutMs?: number,
-  ): Promise<
-    T extends true ? CreateTaskBlockingResponse<IpResult> : CreateTaskResponse
-  > => {
+  ): Promise<T extends true ? CreateTaskBlockingResponse<IpResult> : CreateTaskResponse> => {
     const taskType: IpTask = "ip";
     return (
       blocking
@@ -338,11 +297,7 @@ export function useTask(backend = useBackendStore().currentBackend) {
     targetUuid: string,
     blocking: T,
     timeoutMs?: number,
-  ): Promise<
-    T extends true
-      ? CreateTaskBlockingResponse<VersionResult>
-      : CreateTaskResponse
-  > => {
+  ): Promise<T extends true ? CreateTaskBlockingResponse<VersionResult> : CreateTaskResponse> => {
     const taskType: VersionTask = "version";
     return (
       blocking
diff --git a/src/composables/useThemeBucketUpload.ts b/src/composables/useThemeBucketUpload.ts
index dd7606d7..35551f0a 100644
--- a/src/composables/useThemeBucketUpload.ts
+++ b/src/composables/useThemeBucketUpload.ts
@@ -39,42 +39,28 @@ export function useThemeBucketUpload() {
     if (isUpdate) {
       const needConfig = kp.userPrefs === "old" || kp.siteTokens === "old";
       const [configResult, cssResult, jsResult] = await Promise.all([
-        needConfig
-          ? sbf.readTextFile(bucketName, "config.json")
-          : Promise.resolve(""),
-        kp.css === "old"
-          ? sbf.readTextFile(bucketName, "custom.css")
-          : Promise.resolve(""),
-        kp.js === "old"
-          ? sbf.readTextFile(bucketName, "custom.js")
-          : Promise.resolve(""),
+        needConfig ? sbf.readTextFile(bucketName, "config.json") : Promise.resolve(""),
+        kp.css === "old" ? sbf.readTextFile(bucketName, "custom.css") : Promise.resolve(""),
+        kp.js === "old" ? sbf.readTextFile(bucketName, "custom.js") : Promise.resolve(""),
       ]);
       oldConfigText = configResult;
       oldCss = cssResult;
       oldJs = jsResult;
     }
 
-    const manifestEntry = files.find(
-      (f) => f.path === "nodeget-theme-files.json",
-    );
+    const manifestEntry = files.find((f) => f.path === "nodeget-theme-files.json");
     if (manifestEntry) {
       try {
-        const text = new TextDecoder().decode(
-          base64ToBuf(manifestEntry.base64),
-        );
+        const text = new TextDecoder().decode(base64ToBuf(manifestEntry.base64));
         const list: unknown = JSON.parse(text);
         if (Array.isArray(list)) {
           const paths = list.map((item) =>
-            typeof item === "string"
-              ? item
-              : ((item as { path?: string }).path ?? ""),
+            typeof item === "string" ? item : ((item as { path?: string }).path ?? ""),
           );
           const toAdd = FIXED_CUSTOM_FILES.filter((f) => !paths.includes(f));
           if (toAdd.length > 0) {
             const isObjectFormat =
-              list.length > 0 &&
-              typeof list[0] === "object" &&
-              list[0] !== null;
+              list.length > 0 && typeof list[0] === "object" && list[0] !== null;
             const toAddItems: unknown[] = isObjectFormat
               ? toAdd.map((f) => ({ path: f }))
               : [...toAdd];
@@ -107,12 +93,7 @@ export function useThemeBucketUpload() {
           await sbf.saveTextFile(
             bucketName,
             "config.json",
-            mergeThemeConfigJson(
-              newConfigText,
-              oldConfigText,
-              kp.userPrefs,
-              kp.siteTokens,
-            ),
+            mergeThemeConfigJson(newConfigText, oldConfigText, kp.userPrefs, kp.siteTokens),
           );
         }
       }
diff --git a/src/composables/useThemeTokenPresets.ts b/src/composables/useThemeTokenPresets.ts
index d8a56bd2..678500d3 100644
--- a/src/composables/useThemeTokenPresets.ts
+++ b/src/composables/useThemeTokenPresets.ts
@@ -35,10 +35,7 @@ export function useThemeTokenPresets() {
   const kv = useKv();
   const backendStore = useBackendStore();
 
-  const buildTokenPayload = (
-    username: string,
-    permissions: PermissionEntry[],
-  ) =>
+  const buildTokenPayload = (username: string, permissions: PermissionEntry[]) =>
     serializeTokenPayload({
       ...createDefaultToken(),
       username,
@@ -86,16 +83,9 @@ export function useThemeTokenPresets() {
 
     const settle = async (username: string, permissions: PermissionEntry[]) => {
       try {
-        return await createTokenOnBackend(
-          backend.url,
-          backend.token,
-          username,
-          permissions,
-        );
+        return await createTokenOnBackend(backend.url, backend.token, username, permissions);
       } catch (e: unknown) {
-        toast.warning(
-          `${username}: ${e instanceof Error ? e.message : String(e)}`,
-        );
+        toast.warning(`${username}: ${e instanceof Error ? e.message : String(e)}`);
         return "";
       }
     };
@@ -115,9 +105,7 @@ export function useThemeTokenPresets() {
   const loadOrInitPresets = async (): Promise<TokenPreset[]> => {
     kv.namespace.value = KV_NAMESPACE;
     const raw = await kv.getValue(KV_KEY);
-    const saved: TokenPreset[] = Array.isArray(raw)
-      ? (raw as TokenPreset[])
-      : [];
+    const saved: TokenPreset[] = Array.isArray(raw) ? (raw as TokenPreset[]) : [];
     if (saved.length === 0 && backendStore.currentBackend.value) {
       const initialized = await initDefaultPresets();
       kv.namespace.value = KV_NAMESPACE;
diff --git a/src/composables/useWsConnection.ts b/src/composables/useWsConnection.ts
index 26ebdecc..a658b202 100644
--- a/src/composables/useWsConnection.ts
+++ b/src/composables/useWsConnection.ts
@@ -40,10 +40,7 @@ interface WsCallOptions {
 
 const generateId = (prefix = ""): string => {
   let id: string;
-  if (
-    typeof crypto !== "undefined" &&
-    typeof crypto.randomUUID === "function"
-  ) {
+  if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
     id = crypto.randomUUID();
   } else {
     id = "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
@@ -175,9 +172,7 @@ class WsConnection {
     this.pending.delete(id);
 
     if (msg.error) {
-      req.reject(
-        new Error(formatRpcError(msg.error) || `${req.method} rpc error`),
-      );
+      req.reject(new Error(formatRpcError(msg.error) || `${req.method} rpc error`));
       return;
     }
 
@@ -190,9 +185,7 @@ class WsConnection {
       msg.result.error_message !== null
     ) {
       const r = msg.result as Record<string, unknown>;
-      req.reject(
-        new Error(String(r.error_message || `${req.method} rpc error`)),
-      );
+      req.reject(new Error(String(r.error_message || `${req.method} rpc error`)));
       return;
     }
 
@@ -276,18 +269,12 @@ export function releaseWsConnection(url: string) {
   }
 }
 
-export function makeRpcFunction(
-  backendUrl: string = currentBackend.value?.url as string,
-) {
+export function makeRpcFunction(backendUrl: string = currentBackend.value?.url as string) {
   if (typeof backendUrl !== "string") {
     throw "backendUrl can't be empty";
   }
 
-  const rpc = <T>(
-    method: string,
-    params: unknown,
-    timeoutMs: number = 5000,
-  ): Promise<T> =>
+  const rpc = <T>(method: string, params: unknown, timeoutMs: number = 5000): Promise<T> =>
     getWsConnection(backendUrl).call<T>(method, params, timeoutMs);
   return rpc;
 }
diff --git a/src/layout/components/AppMain.vue b/src/layout/components/AppMain.vue
index 9d1e216e..528763a7 100644
--- a/src/layout/components/AppMain.vue
+++ b/src/layout/components/AppMain.vue
@@ -1,5 +1,5 @@
 <template>
-  <main class="flex-1 overflow-auto p-6 bg-background">
+  <main class="bg-background flex-1 overflow-auto p-6">
     <router-view v-slot="{ Component }">
       <Transition name="page" mode="out-in">
         <component :is="Component" />
diff --git a/src/layout/components/DashboardHeader.vue b/src/layout/components/DashboardHeader.vue
index a8f08931..9032d1a8 100644
--- a/src/layout/components/DashboardHeader.vue
+++ b/src/layout/components/DashboardHeader.vue
@@ -58,12 +58,8 @@ const currentAgent = computed(() => {
   if (!isAgentPanel.value) {
     return null;
   }
-  const info = agents.value.find(
-    (v) => v.uuid === (route.params as { uuid: string }).uuid,
-  );
-  const staticData = servers.value.find(
-    (v) => v.uuid === (route.params as { uuid: string }).uuid,
-  );
+  const info = agents.value.find((v) => v.uuid === (route.params as { uuid: string }).uuid);
+  const staticData = servers.value.find((v) => v.uuid === (route.params as { uuid: string }).uuid);
   return {
     info,
     staticData,
@@ -90,26 +86,23 @@ onMounted(init);
 </script>
 
 <template>
-  <header class="flex h-14 shrink-0 items-center border-b px-4 gap-3">
+  <header class="flex h-14 shrink-0 items-center gap-3 border-b px-4">
     <Button
       variant="ghost"
       size="icon"
-      class="md:hidden shrink-0"
+      class="shrink-0 md:hidden"
       @click="emit('openMobileSidebar')"
     >
       <Menu class="h-5 w-5" />
     </Button>
     <div v-if="isAgentPanel && currentAgent" class="ml-2 opacity-60">
       <div class="flex h-5 items-center space-x-4 text-sm">
-        <div
-          class="flex gap-1"
-          v-if="agents.length && (route.params as { uuid: string }).uuid"
-        >
+        <div class="flex gap-1" v-if="agents.length && (route.params as { uuid: string }).uuid">
           <Select
             :model-value="(route.params as { uuid: string }).uuid"
             @update:model-value="(v) => selectAgent(v as string)"
           >
-            <SelectTrigger class="w-[160px] flex gap-1 items-center">
+            <SelectTrigger class="flex w-[160px] items-center gap-1">
               <template v-if="currentAgent.info?.metadata?.region">
                 <img
                   v-if="flagUrl(currentAgent.info?.metadata?.region)"
@@ -117,23 +110,19 @@ onMounted(init);
                   :alt="currentAgent.info?.metadata?.region"
                   :title="currentAgent.info?.metadata?.region"
                   loading="lazy"
-                  class="inline-block w-5 h-3.5 rounded-[1px] object-cover shadow-sm mr-1"
+                  class="mr-1 inline-block h-3.5 w-5 rounded-[1px] object-cover shadow-sm"
                 />
               </template>
               <CircleQuestionMark
                 v-else
-                class="inline-block w-5 h-3.5 rounded-[1px] object-cover mx-1"
+                class="mx-1 inline-block h-3.5 w-5 rounded-[1px] object-cover"
               />
               <SelectValue placeholder="切换被控节点" />
             </SelectTrigger>
             <SelectContent>
               <SelectGroup class="px-1.5">
                 <SelectLabel>被控节点</SelectLabel>
-                <SelectItem
-                  :value="ag.uuid"
-                  v-for="ag in agents"
-                  class="flex gap-1 items-center"
-                >
+                <SelectItem :value="ag.uuid" v-for="ag in agents" class="flex items-center gap-1">
                   <!-- <Router class="h-4 w-4 mr-1" /> -->
                   <template v-if="ag?.metadata?.region">
                     <img
@@ -142,12 +131,12 @@ onMounted(init);
                       :alt="ag?.metadata?.region"
                       :title="ag?.metadata?.region"
                       loading="lazy"
-                      class="inline-block w-5 h-3.5 rounded-[1px] object-cover shadow-sm mr-1"
+                      class="mr-1 inline-block h-3.5 w-5 rounded-[1px] object-cover shadow-sm"
                     />
                   </template>
                   <CircleQuestionMark
                     v-else
-                    class="inline-block w-8 h-3.5 rounded-[1px] object-cover mx-1"
+                    class="mx-1 inline-block h-3.5 w-8 rounded-[1px] object-cover"
                   />
                   {{ ag.metadata?.customName }}
                 </SelectItem>
@@ -173,7 +162,7 @@ onMounted(init);
       <SettingsDialog />
       <!-- <RouterLink :to="{ name: '/' }"> -->
       <Button variant="ghost" size="sm" @click="() => router.back()">
-        <ArrowLeft class="h-4 w-4 mr-1" />
+        <ArrowLeft class="mr-1 h-4 w-4" />
         返回
       </Button>
       <!-- </RouterLink> -->
diff --git a/src/layout/components/Sidebar.vue b/src/layout/components/Sidebar.vue
index 353205e4..4bf947e4 100644
--- a/src/layout/components/Sidebar.vue
+++ b/src/layout/components/Sidebar.vue
@@ -175,10 +175,7 @@ function buildMenuTree(parentPath: string): SidebarRoute[] {
       return !remaining.includes("/");
     })
     .filter((r) => !r.meta?.hidden)
-    .sort(
-      (a, b) =>
-        ((a.meta?.order as number) ?? 99) - ((b.meta?.order as number) ?? 99),
-    )
+    .sort((a, b) => ((a.meta?.order as number) ?? 99) - ((b.meta?.order as number) ?? 99))
     .map((r) => ({
       path: r.path,
       name: typeof r.name === "string" ? r.name : undefined,
@@ -204,9 +201,7 @@ const extensionGlobalRoutes = computed<SidebarRoute[]>(() =>
           path: `/dashboard/app/${r.name}`,
           meta: {
             title: r.name,
-            icon: ext.app.icon
-              ? getStaticUrl(ext.id, ext.app.icon, ext.storage)
-              : LayoutGrid,
+            icon: ext.app.icon ? getStaticUrl(ext.id, ext.app.icon, ext.storage) : LayoutGrid,
             order: 100,
           },
         })),
@@ -225,9 +220,7 @@ const extensionNodeRoutes = computed<SidebarRoute[]>(() => {
           path: `/dashboard/node/${nodeUuid.value}/${r.name}`,
           meta: {
             title: r.name,
-            icon: ext.app.icon
-              ? getStaticUrl(ext.id, ext.app.icon, ext.storage)
-              : LayoutGrid,
+            icon: ext.app.icon ? getStaticUrl(ext.id, ext.app.icon, ext.storage) : LayoutGrid,
           },
         })),
     );
@@ -257,7 +250,7 @@ const groupedRoutes = computed<[string, SidebarRoute[]][]>(() => {
 <template>
   <aside
     :class="[
-      'z-50 flex shrink-0 flex-col border-r bg-background transition-all duration-300 ease-in-out',
+      'bg-background z-50 flex shrink-0 flex-col border-r transition-all duration-300 ease-in-out',
       'fixed inset-y-0 left-0 h-full md:relative',
       props.isMobileSidebarOpen
         ? 'translate-x-0 shadow-lg md:shadow-none'
@@ -267,29 +260,16 @@ const groupedRoutes = computed<[string, SidebarRoute[]][]>(() => {
   >
     <div
       class="flex h-14 shrink-0 items-center border-b px-3"
-      :class="
-        props.collapsed
-          ? 'justify-between md:justify-center'
-          : 'justify-between'
-      "
+      :class="props.collapsed ? 'justify-between md:justify-center' : 'justify-between'"
     >
-      <span
-        class="block truncate text-base font-bold"
-        :class="props.collapsed ? 'md:hidden' : ''"
+      <span class="block truncate text-base font-bold" :class="props.collapsed ? 'md:hidden' : ''"
         >NodeGet</span
       >
-      <Button
-        variant="ghost"
-        size="icon"
-        @click="emit('toggle')"
-        class="hidden md:flex"
-      >
+      <Button variant="ghost" size="icon" @click="emit('toggle')" class="hidden md:flex">
         <PanelLeftClose v-if="!props.collapsed" class="h-4 w-4" />
         <PanelLeftOpen v-else class="h-4 w-4" />
         <span class="sr-only">{{
-          props.collapsed
-            ? $t("common.expandSidebar")
-            : $t("common.collapseSidebar")
+          props.collapsed ? $t("common.expandSidebar") : $t("common.collapseSidebar")
         }}</span>
       </Button>
       <!-- Mobile Close Button -->
@@ -329,14 +309,10 @@ const groupedRoutes = computed<[string, SidebarRoute[]][]>(() => {
           </div>
         </div>
       </div>
-      <div
-        v-else
-        v-for="([group, routes], index) in groupedRoutes"
-        :key="group"
-      >
+      <div v-else v-for="([group, routes], index) in groupedRoutes" :key="group">
         <div
           v-if="group"
-          class="px-2 pt-1 text-sm font-semibold tracking-wider text-muted-foreground/60 uppercase select-none"
+          class="text-muted-foreground/60 px-2 pt-1 text-sm font-semibold tracking-wider uppercase select-none"
           :class="props.collapsed ? 'md:hidden' : ''"
         >
           {{ $t(group) }}
@@ -347,10 +323,7 @@ const groupedRoutes = computed<[string, SidebarRoute[]][]>(() => {
           :class="props.collapsed ? 'md:block' : ''"
         />
 
-        <div
-          class="flex flex-col gap-y-0.5"
-          :class="{ 'mt-1': group && !props.collapsed }"
-        >
+        <div class="flex flex-col gap-y-0.5" :class="{ 'mt-1': group && !props.collapsed }">
           <div :class="props.collapsed ? 'contents md:hidden' : 'contents'">
             <SidebarItem
               v-for="route in routes"
diff --git a/src/layout/components/SidebarItem.vue b/src/layout/components/SidebarItem.vue
index 2c316743..c4ec95b8 100644
--- a/src/layout/components/SidebarItem.vue
+++ b/src/layout/components/SidebarItem.vue
@@ -4,16 +4,8 @@ import type { RouteLocationRaw, RouteMeta } from "vue-router";
 import { RouterLink } from "vue-router";
 import { ChevronDown } from "lucide-vue-next";
 import { useI18n } from "vue-i18n";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
-import {
-  Collapsible,
-  CollapsibleContent,
-  CollapsibleTrigger,
-} from "@/components/ui/collapsible";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@/components/ui/collapsible";
 import { cn } from "@/lib/utils";
 
 export interface SidebarRoute {
@@ -46,10 +38,7 @@ const isOpen = ref(props.isOpen);
 const visibleChildren = computed(() =>
   (props.route.children ?? [])
     .filter((c) => !c.meta?.hidden)
-    .sort(
-      (a, b) =>
-        ((a.meta?.order as number) ?? 99) - ((b.meta?.order as number) ?? 99),
-    ),
+    .sort((a, b) => ((a.meta?.order as number) ?? 99) - ((b.meta?.order as number) ?? 99)),
 );
 
 const routeTo = computed<RouteLocationRaw>(() =>
@@ -77,7 +66,7 @@ function translateTitle(title: unknown): string {
         <button
           :class="
             cn(
-              'flex w-full items-center gap-2 rounded-md px-3 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground',
+              'hover:bg-accent hover:text-accent-foreground flex w-full items-center gap-2 rounded-md px-3 py-2 text-sm font-medium transition-colors',
             )
           "
         >
@@ -93,9 +82,7 @@ function translateTitle(title: unknown): string {
             v-else-if="route.meta?.icon && level === 0"
             class="h-4 w-4 shrink-0"
           />
-          <span class="flex-1 truncate text-left">{{
-            translateTitle(route.meta?.title)
-          }}</span>
+          <span class="flex-1 truncate text-left">{{ translateTitle(route.meta?.title) }}</span>
           <ChevronDown
             class="h-3.5 w-3.5 shrink-0 transition-transform duration-200"
             :class="{ '-rotate-90': !isOpen }"
@@ -104,7 +91,7 @@ function translateTitle(title: unknown): string {
       </CollapsibleTrigger>
       <CollapsibleContent>
         <div class="relative mt-0.5 flex flex-col gap-y-0.5 pl-6">
-          <div class="absolute inset-y-1 left-5 w-px bg-border" />
+          <div class="bg-border absolute inset-y-1 left-5 w-px" />
           <SidebarItem
             v-for="child in visibleChildren"
             :key="child.path"
@@ -118,7 +105,7 @@ function translateTitle(title: unknown): string {
     </Collapsible>
     <div v-else class="px-2 py-1">
       <button
-        class="flex w-full items-center justify-center rounded-md p-2 text-sm transition-colors hover:bg-accent hover:text-accent-foreground"
+        class="hover:bg-accent hover:text-accent-foreground flex w-full items-center justify-center rounded-md p-2 text-sm transition-colors"
         @click="isOpen = !isOpen"
       >
         <img
@@ -128,11 +115,7 @@ function translateTitle(title: unknown): string {
           class="h-4 w-4 rounded-sm object-contain"
           @error="($event.target as HTMLImageElement).style.display = 'none'"
         />
-        <component
-          :is="route.meta?.icon"
-          v-else-if="route.meta?.icon"
-          class="h-4 w-4"
-        />
+        <component :is="route.meta?.icon" v-else-if="route.meta?.icon" class="h-4 w-4" />
       </button>
     </div>
   </template>
@@ -142,31 +125,25 @@ function translateTitle(title: unknown): string {
       <TooltipTrigger as-child>
         <RouterLink :to="routeTo" class="block px-2 py-1">
           <span
-            class="flex items-center justify-center rounded-md p-2 text-sm transition-colors hover:bg-accent hover:text-accent-foreground"
+            class="hover:bg-accent hover:text-accent-foreground flex items-center justify-center rounded-md p-2 text-sm transition-colors"
           >
             <img
               v-if="isIconUrl && route.meta?.icon"
               :src="route.meta.icon as string"
               class="h-4 w-4 rounded-sm object-contain"
             />
-            <component
-              :is="route.meta?.icon"
-              v-else-if="route.meta?.icon"
-              class="h-4 w-4"
-            />
+            <component :is="route.meta?.icon" v-else-if="route.meta?.icon" class="h-4 w-4" />
           </span>
         </RouterLink>
       </TooltipTrigger>
-      <TooltipContent side="right">{{
-        translateTitle(route.meta?.title)
-      }}</TooltipContent>
+      <TooltipContent side="right">{{ translateTitle(route.meta?.title) }}</TooltipContent>
     </Tooltip>
     <RouterLink
       v-else
       :to="routeTo"
       :class="
         cn(
-          'flex items-center gap-2 rounded-md px-3 py-2 text-sm transition-colors hover:bg-accent hover:text-accent-foreground',
+          'hover:bg-accent hover:text-accent-foreground flex items-center gap-2 rounded-md px-3 py-2 text-sm transition-colors',
         )
       "
       active-class="bg-accent text-accent-foreground font-medium"
diff --git a/src/layout/index.vue b/src/layout/index.vue
index cf8aed54..45c8787c 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -10,11 +10,11 @@ const isMobileSidebarOpen = ref(false);
 </script>
 
 <template>
-  <div class="flex h-screen overflow-hidden bg-background relative">
+  <div class="bg-background relative flex h-screen overflow-hidden">
     <TooltipProvider>
       <div
         v-if="isMobileSidebarOpen"
-        class="fixed inset-0 bg-background/80 backdrop-blur-sm z-40 md:hidden"
+        class="bg-background/80 fixed inset-0 z-40 backdrop-blur-sm md:hidden"
         @click="isMobileSidebarOpen = false"
       ></div>
 
@@ -24,7 +24,7 @@ const isMobileSidebarOpen = ref(false);
         @toggle="collapsed = !collapsed"
         @close-mobile="isMobileSidebarOpen = false"
       />
-      <div class="flex flex-1 flex-col overflow-hidden min-w-0">
+      <div class="flex min-w-0 flex-1 flex-col overflow-hidden">
         <DashboardHeader @open-mobile-sidebar="isMobileSidebarOpen = true" />
         <AppMain />
       </div>
diff --git a/src/lib/migration.ts b/src/lib/migration.ts
index 108038ba..f8151881 100644
--- a/src/lib/migration.ts
+++ b/src/lib/migration.ts
@@ -2,24 +2,15 @@ import { useAgentConfig, type AgentConfig } from "@/composables/useAgentConfig";
 import { compareVersions } from "compare-versions";
 import { upgradeTokenLimit } from "@/components/agents/generateToken";
 
-export const postProcesses: Record<
-  string,
-  ((...arg: any[]) => Promise<any>)[]
-> = {
+export const postProcesses: Record<string, ((...arg: any[]) => Promise<any>)[]> = {
   "0.3.7": [enableDnsTask],
 };
 
-export async function applyPostProces(
-  agentUUID: string,
-  oldVersion: string,
-  newVersion: string,
-) {
+export async function applyPostProces(agentUUID: string, oldVersion: string, newVersion: string) {
   const breakPoints = Array.from(Object.keys(postProcesses))
     .sort(compareVersions)
     .filter(
-      (bpVer) =>
-        compareVersions(bpVer, oldVersion) > 0 &&
-        compareVersions(bpVer, newVersion) <= 0,
+      (bpVer) => compareVersions(bpVer, oldVersion) > 0 && compareVersions(bpVer, newVersion) <= 0,
     );
   for (let i = 0, len = breakPoints.length; i < len; i++) {
     const bp = breakPoints[i] as string;
@@ -43,9 +34,7 @@ async function enableDnsTask(agentUUID: string) {
   if (!config.currentUpstream.allow_task_type) {
     return;
   }
-  const exist = !!config.currentUpstream.allow_task_type.find(
-    (v) => v === "dns",
-  );
+  const exist = !!config.currentUpstream.allow_task_type.find((v) => v === "dns");
   if (!exist) {
     const newConfig: AgentConfig = {
       ...config.basicConfig,
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
index c66a9d9c..88283f01 100644
--- a/src/lib/utils.ts
+++ b/src/lib/utils.ts
@@ -1,7 +1,7 @@
-import type { ClassValue } from "clsx"
-import { clsx } from "clsx"
-import { twMerge } from "tailwind-merge"
+import type { ClassValue } from "clsx";
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
 
 export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs))
+  return twMerge(clsx(inputs));
 }
diff --git a/src/locales/en.ts b/src/locales/en.ts
index eb24862c..82e6a62c 100644
--- a/src/locales/en.ts
+++ b/src/locales/en.ts
@@ -117,8 +117,7 @@ export default {
       showUnlockedCountries: "Show unlocked countries",
       showMyLocationLinks: "Show links from my location",
       nodeListTitle: "Node List",
-      nodeListDescription:
-        "Click a map marker or a list item to mark that node as selected.",
+      nodeListDescription: "Click a map marker or a list item to mark that node as selected.",
       selectedNode: "Selected",
       noNodes: "No visible nodes",
       locationStatus: {
@@ -140,8 +139,7 @@ export default {
       regionsDescription:
         "Major regions are marked now so nodes, links, or alerts can be layered on later.",
       legendTitle: "Legend",
-      legendDescription:
-        "A single visual language separates land, ocean, and regional anchors.",
+      legendDescription: "A single visual language separates land, ocean, and regional anchors.",
       futureHint:
         "If you later attach real node coordinates, this base map can carry markers, bubbles, or route overlays directly.",
       tabs: {
@@ -183,8 +181,7 @@ export default {
         detailFailed: "Failed to fetch token detail",
         rollSecretSuccess: "Token secret regenerated successfully",
         rollSecretFailed: "Failed to regenerate token secret",
-        rollSecretFailedWithMessage:
-          "Failed to regenerate token secret: {message}",
+        rollSecretFailedWithMessage: "Failed to regenerate token secret: {message}",
         changePasswordSuccess: "Password changed successfully",
         changePasswordFailed: "Failed to change password",
         changePasswordFailedWithMessage: "Failed to change password: {message}",
@@ -212,8 +209,7 @@ export default {
         },
         deleteDialog: {
           title: "Delete Token",
-          confirm:
-            "Are you sure you want to delete this? This action is irreversible!",
+          confirm: "Are you sure you want to delete this? This action is irreversible!",
         },
         resetDialog: {
           title: "Reset Token",
@@ -231,10 +227,8 @@ export default {
         },
         changePasswordDialog: {
           title: "Change Password",
-          description:
-            "Change the login password for the user linked to this token.",
-          disabledTip:
-            "This token has no username, so its password cannot be changed",
+          description: "Change the login password for the user linked to this token.",
+          disabledTip: "This token has no username, so its password cannot be changed",
           newPassword: "Enter new password",
           confirmPassword: "Enter new password again",
           confirmButton: "Change Password",
@@ -252,21 +246,18 @@ export default {
         returnButtonDescription: "Return to token list",
         mode: {
           title: "Choose how to create this token",
-          description:
-            "Start from a preset template or open the editor with a blank token.",
+          description: "Start from a preset template or open the editor with a blank token.",
           backToSelect: "Back to create options",
         },
         custom: {
           title: "Custom Token",
-          description:
-            "Manually configure scopes and permissions from scratch.",
+          description: "Manually configure scopes and permissions from scratch.",
           hint: "Open the shared editor with a blank token configuration.",
           action: "Create Custom Token",
         },
         templates: {
           title: "Token Templates",
-          description:
-            "Start from a preset configuration, then fine-tune it in the shared editor.",
+          description: "Start from a preset configuration, then fine-tune it in the shared editor.",
           useTemplate: "Use Template",
         },
         createTokenCard: {
@@ -304,14 +295,11 @@ export default {
       },
       import: {
         title: "Import Token",
-        description:
-          "Paste an existing token JSON, then reselect scopes before importing.",
+        description: "Paste an existing token JSON, then reselect scopes before importing.",
         returnButtonDescription: "Return to token list",
         emptyInput: "Please enter the token JSON to import",
-        parseSuccess:
-          "Token parsed successfully. Please choose the scopes again.",
-        parseFailed:
-          "Parse error. Please check whether the token JSON is correct.",
+        parseSuccess: "Token parsed successfully. Please choose the scopes again.",
+        parseFailed: "Parse error. Please check whether the token JSON is correct.",
         parseCard: {
           title: "Import Token",
           description: "Paste the complete token JSON content below.",
@@ -334,8 +322,7 @@ export default {
       },
       detail: {
         title: "Token Detail",
-        description:
-          "View token basics, permission configuration, and the raw JSON payload.",
+        description: "View token basics, permission configuration, and the raw JSON payload.",
         returnButtonDescription: "Return to token list",
         editButton: "Edit Token",
         copyTokenKey: "Copy Token Key",
@@ -490,13 +477,11 @@ export default {
       templates: {
         agent: {
           title: "Agent Default",
-          description:
-            "Preset write-oriented permissions for common agent operations.",
+          description: "Preset write-oriented permissions for common agent operations.",
         },
         visitor: {
           title: "Visitor Readonly",
-          description:
-            "Preset read-oriented permissions for basic monitoring visibility.",
+          description: "Preset read-oriented permissions for basic monitoring visibility.",
         },
       },
     },
@@ -505,10 +490,8 @@ export default {
       desc: "Manage installed extension apps",
       install: "Install Extension",
       installTitle: "Install Extension",
-      installDesc:
-        "Select extension folder, parse app.json, confirm permissions and install.",
-      noExtensions:
-        'No extensions installed. Click "Install Extension" to get started.',
+      installDesc: "Select extension folder, parse app.json, confirm permissions and install.",
+      noExtensions: 'No extensions installed. Click "Install Extension" to get started.',
       colName: "Name",
       colId: "ID",
       colDesc: "Description",
@@ -539,8 +522,7 @@ export default {
       notification: "Notification",
       site: {
         custom: "Custom",
-        securityWarning:
-          "Please ensure code security and avoid untrusted content.",
+        securityWarning: "Please ensure code security and avoid untrusted content.",
         customHeader: "Custom Header",
         customHeaderDesc: "Add custom content to page header",
         customBody: "Custom Body",
@@ -734,13 +716,11 @@ export default {
       dynamicMonitoringSummary: "dynamic_monitoring_summary retention",
       agentTask: "agnet_task retention",
       minuteUnit: "minutes",
-      storageHint:
-        "These settings are in-memory only and take effect immediately.",
+      storageHint: "These settings are in-memory only and take effect immediately.",
       installTitle: "Install",
       installSubtitle: "Run on the target machine",
       waitingOnline: "Waiting for online...",
-      onlineHint:
-        "Polling every 3 seconds. Pre-config will auto-apply once the agent is online.",
+      onlineHint: "Polling every 3 seconds. Pre-config will auto-apply once the agent is online.",
       completed: "Completed",
       continueAdding: "Continue Adding",
       adjustNode: "Adjust Node",
@@ -826,12 +806,10 @@ export default {
       expressionRange: "Range",
       expressionStep: "Step",
       expressionList: "List",
-      hintQuestionMark:
-        "Only for day/weekday fields, meaning no specified value",
+      hintQuestionMark: "Only for day/weekday fields, meaning no specified value",
       hintNumberRange: "Please enter a valid number within the allowed range",
       hintStep: "Interval, e.g. */5 means every 5 units",
-      hintStartStep:
-        "Start/step format, e.g. 0/2 means every 2 units starting from 0",
+      hintStartStep: "Start/step format, e.g. 0/2 means every 2 units starting from 0",
       hintStepPositive: "Step value must be greater than 0",
       hintRange: "Format: start-end, e.g. 1-5",
       hintList: "Comma-separated, e.g. 1,3,5",
@@ -998,8 +976,7 @@ export default {
       updatedTime: "Last Edited",
       actions: "Actions",
       empty: "No script snippets available",
-      deleteConfirm:
-        "Are you sure you want to delete the script snippet {name}?",
+      deleteConfirm: "Are you sure you want to delete the script snippet {name}?",
       edit: "Edit Script Snippet",
       nameRequired: "Script name cannot be empty",
       contentRequired: "Script snippet cannot be empty",
diff --git a/src/locales/zh_cn.ts b/src/locales/zh_cn.ts
index 4ba2c321..37a1c620 100644
--- a/src/locales/zh_cn.ts
+++ b/src/locales/zh_cn.ts
@@ -147,12 +147,10 @@ export default {
         nodeCount: "节点数：{count}",
       },
       regionsTitle: "覆盖区域",
-      regionsDescription:
-        "地图上已经标出主要区域，方便后续叠加节点、链路或告警信息。",
+      regionsDescription: "地图上已经标出主要区域，方便后续叠加节点、链路或告警信息。",
       legendTitle: "图例说明",
       legendDescription: "用统一视觉语言区分陆地、海洋和区域锚点。",
-      futureHint:
-        "后续如果需要接入真实节点坐标，可以直接在这张底图上叠加点位、气泡或链路线。",
+      futureHint: "后续如果需要接入真实节点坐标，可以直接在这张底图上叠加点位、气泡或链路线。",
       tabs: {
         flat: "2D Map",
         globe: "3D Map",
@@ -224,17 +222,14 @@ export default {
         },
         resetDialog: {
           title: "重置 Token",
-          description:
-            "重新生成该 Token 的 Token Secret，旧 Secret 会立即失效。",
-          confirm:
-            "是否确认重新生成？请在成功后立即复制并妥善保存新的 Secret。",
+          description: "重新生成该 Token 的 Token Secret，旧 Secret 会立即失效。",
+          confirm: "是否确认重新生成？请在成功后立即复制并妥善保存新的 Secret。",
           confirmButton: "重置",
           confirmingButton: "重置中...",
         },
         resetSuccessDialog: {
           title: "Token Secret 重新生成成功",
-          description:
-            "新的 Token Secret 只会显示这一次，请立即复制并妥善保存。旧 Secret 已失效。",
+          description: "新的 Token Secret 只会显示这一次，请立即复制并妥善保存。旧 Secret 已失效。",
         },
         changePasswordDialog: {
           title: "修改密码",
@@ -736,8 +731,7 @@ export default {
       deselectAll: "取消全选",
       expression: "Cron 表达式",
       expressionHint: "会自动整理空格，紧凑写法如 2***** 会转换为 2 * * * * *",
-      expressionFormatHint:
-        "最终格式固定为 6 段；如果后面的段没填，失焦后会自动补成 *。",
+      expressionFormatHint: "最终格式固定为 6 段；如果后面的段没填，失焦后会自动补成 *。",
       expressionRequired: "请填写 Cron 表达式。",
       nameRequired: "请填写任务名称。",
       nodesRequired: "请选择执行节点。",
diff --git a/src/main.ts b/src/main.ts
index 9c996520..1e8c29e6 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -15,10 +15,7 @@ const pinia = createPinia();
 const savedLocale = localStorage.getItem("locale");
 const browserLanguage = (navigator.language || "en").split("-")[0] || "en";
 const defaultLocale: string =
-  savedLocale ||
-  ((["en", "zh_cn"].includes(browserLanguage)
-    ? browserLanguage
-    : "en") as string);
+  savedLocale || ((["en", "zh_cn"].includes(browserLanguage) ? browserLanguage : "en") as string);
 
 const i18n = createI18n({
   legacy: false,
diff --git a/src/pages/dashboard/about.vue b/src/pages/dashboard/about.vue
index f42959b1..dc02de78 100644
--- a/src/pages/dashboard/about.vue
+++ b/src/pages/dashboard/about.vue
@@ -17,8 +17,5 @@ const rendered = md.render(about);
 </script>
 
 <template>
-  <div
-    class="prose prose-sm dark:prose-invert max-w-none"
-    v-html="rendered"
-  ></div>
+  <div class="prose prose-sm dark:prose-invert max-w-none" v-html="rendered"></div>
 </template>
diff --git a/src/pages/dashboard/agents.vue b/src/pages/dashboard/agents.vue
index 744d4a48..d49f472e 100644
--- a/src/pages/dashboard/agents.vue
+++ b/src/pages/dashboard/agents.vue
@@ -69,10 +69,9 @@ const fetchAgents = async () => {
   const results = await Promise.allSettled(
     backends.value.map(async (backend) => {
       const conn = getWsConnection(backend.url);
-      const result = await conn.call<{ uuids: string[] }>(
-        "nodeget-server_list_all_agent_uuid",
-        { token: backend.token },
-      );
+      const result = await conn.call<{ uuids: string[] }>("nodeget-server_list_all_agent_uuid", {
+        token: backend.token,
+      });
       return result?.uuids ?? [];
     }),
   );
@@ -99,12 +98,13 @@ const fetchAgents = async () => {
       backends.value.map(async (backend) => {
         const conn = getWsConnection(backend.url);
         try {
-          const result = await conn.call<
-            { namespace: string; key: string; value: unknown }[]
-          >("kv_get_multi_value", {
-            token: backend.token,
-            namespace_key: namespaceKeys,
-          });
+          const result = await conn.call<{ namespace: string; key: string; value: unknown }[]>(
+            "kv_get_multi_value",
+            {
+              token: backend.token,
+              namespace_key: namespaceKeys,
+            },
+          );
           return Array.isArray(result) ? result : [];
         } catch {
           return [];
@@ -115,11 +115,7 @@ const fetchAgents = async () => {
     for (const result of nameResults) {
       if (result.status !== "fulfilled") continue;
       for (const entry of result.value) {
-        if (
-          entry.key === "metadata_name" &&
-          entry.value &&
-          !nameMap.has(entry.namespace)
-        ) {
+        if (entry.key === "metadata_name" && entry.value && !nameMap.has(entry.namespace)) {
           nameMap.set(entry.namespace, String(entry.value));
         }
       }
@@ -141,9 +137,7 @@ const filteredAgents = computed(() => {
   const q = searchQuery.value.toLowerCase();
   if (!q) return agents.value;
   return agents.value.filter(
-    (a) =>
-      a.customName.toLowerCase().includes(q) ||
-      a.uuid.toLowerCase().includes(q),
+    (a) => a.customName.toLowerCase().includes(q) || a.uuid.toLowerCase().includes(q),
   );
 });
 
@@ -190,21 +184,19 @@ const handleSettings = (uuid: string) => {
         <h1 class="text-2xl font-semibold">
           {{ t("dashboard.agents.title") }}
         </h1>
-        <p class="text-sm text-muted-foreground mt-1">
+        <p class="text-muted-foreground mt-1 text-sm">
           {{ t("dashboard.agents.desc") }}
         </p>
       </div>
       <Button @click="addOpen = true">
-        <Plus class="h-4 w-4 mr-1.5" />
+        <Plus class="mr-1.5 h-4 w-4" />
         {{ t("dashboard.agents.addAgent") }}
       </Button>
     </div>
 
     <div class="flex items-center gap-3">
-      <div class="relative flex-1 max-w-sm">
-        <Search
-          class="absolute left-2.5 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground"
-        />
+      <div class="relative max-w-sm flex-1">
+        <Search class="text-muted-foreground absolute top-1/2 left-2.5 h-4 w-4 -translate-y-1/2" />
         <Input
           v-model="searchQuery"
           :placeholder="t('dashboard.agents.searchPlaceholder')"
@@ -212,22 +204,18 @@ const handleSettings = (uuid: string) => {
         />
       </div>
       <div v-if="hasSelection" class="flex items-center gap-2">
-        <Button
-          size="sm"
-          variant="outline"
-          @click="handleBatchAction('upgrade')"
-        >
-          <ArrowUpFromLine class="h-4 w-4 mr-1.5" />
+        <Button size="sm" variant="outline" @click="handleBatchAction('upgrade')">
+          <ArrowUpFromLine class="mr-1.5 h-4 w-4" />
           {{ t("dashboard.agents.batchUpgrade") }}
         </Button>
         <Button size="sm" variant="outline" @click="handleBatchAction('move')">
-          <FolderInput class="h-4 w-4 mr-1.5" />
+          <FolderInput class="mr-1.5 h-4 w-4" />
           {{ t("dashboard.agents.batchMove") }}
         </Button>
         <DropdownMenu>
           <DropdownMenuTrigger as-child>
             <Button size="sm" variant="outline">
-              <Copy class="h-4 w-4 mr-1.5" />
+              <Copy class="mr-1.5 h-4 w-4" />
               {{ t("dashboard.agents.batchCopy") }}
             </Button>
           </DropdownMenuTrigger>
@@ -244,18 +232,12 @@ const handleSettings = (uuid: string) => {
       </div>
     </div>
 
-    <div
-      v-if="loading"
-      class="flex items-center justify-center py-12 text-muted-foreground"
-    >
-      <Loader2 class="h-5 w-5 animate-spin mr-2" />
+    <div v-if="loading" class="text-muted-foreground flex items-center justify-center py-12">
+      <Loader2 class="mr-2 h-5 w-5 animate-spin" />
       {{ t("common.loading") }}
     </div>
 
-    <div
-      v-else-if="agents.length === 0"
-      class="py-12 text-center text-muted-foreground text-sm"
-    >
+    <div v-else-if="agents.length === 0" class="text-muted-foreground py-12 text-center text-sm">
       {{ t("dashboard.agents.noAgents") }}
     </div>
 
@@ -264,18 +246,13 @@ const handleSettings = (uuid: string) => {
         <TableHeader>
           <TableRow>
             <TableHead class="w-[40px]">
-              <Checkbox
-                :checked="allSelected"
-                @update:checked="toggleSelectAll"
-              />
+              <Checkbox :checked="allSelected" @update:checked="toggleSelectAll" />
             </TableHead>
             <TableHead>{{ t("dashboard.agents.colId") }}</TableHead>
             <TableHead>{{ t("dashboard.agents.colName") }}</TableHead>
             <TableHead>{{ t("dashboard.agents.colServerCount") }}</TableHead>
             <TableHead>{{ t("dashboard.agents.colVersion") }}</TableHead>
-            <TableHead class="text-right">{{
-              t("dashboard.agents.colActions")
-            }}</TableHead>
+            <TableHead class="text-right">{{ t("dashboard.agents.colActions") }}</TableHead>
           </TableRow>
         </TableHeader>
         <TableBody>
@@ -289,7 +266,7 @@ const handleSettings = (uuid: string) => {
                 @update:checked="(v: boolean) => toggleSelect(agent.uuid, v)"
               />
             </TableCell>
-            <TableCell class="font-mono text-xs text-muted-foreground">
+            <TableCell class="text-muted-foreground font-mono text-xs">
               {{ agent.uuid.slice(0, 8) }}
             </TableCell>
             <TableCell class="font-medium">{{ agent.customName }}</TableCell>
diff --git a/src/pages/dashboard/app-panel/[id].vue b/src/pages/dashboard/app-panel/[id].vue
index ffdc9801..12c12b95 100644
--- a/src/pages/dashboard/app-panel/[id].vue
+++ b/src/pages/dashboard/app-panel/[id].vue
@@ -15,9 +15,7 @@ const extensionId = computed(() => (route.params as Record<string, string>).id);
 
 const { extensions, loading, fetchExtensions } = useExtensions();
 
-const extension = computed(
-  () => extensions.value.find((e) => e.id === extensionId.value) ?? null,
-);
+const extension = computed(() => extensions.value.find((e) => e.id === extensionId.value) ?? null);
 
 const fetched = ref(extensions.value.length > 0);
 
@@ -40,31 +38,22 @@ const handleUpdated = (ext: Extension) => {
 </script>
 
 <template>
-  <div class="h-full flex flex-col gap-4 overflow-hidden">
+  <div class="flex h-full flex-col gap-4 overflow-hidden">
     <div class="flex items-center gap-3">
-      <Button
-        variant="ghost"
-        size="sm"
-        @click="router.push('/dashboard/app-panel')"
-      >
-        <ArrowLeft class="h-4 w-4 mr-1" />
+      <Button variant="ghost" size="sm" @click="router.push('/dashboard/app-panel')">
+        <ArrowLeft class="mr-1 h-4 w-4" />
         返回
       </Button>
       <h2 class="text-xl font-semibold">{{ extension?.app.name }}</h2>
     </div>
 
-    <div
-      v-if="!fetched || loading"
-      class="flex flex-1 items-center justify-center"
-    >
-      <div
-        class="h-6 w-6 animate-spin rounded-full border-2 border-primary border-t-transparent"
-      />
+    <div v-if="!fetched || loading" class="flex flex-1 items-center justify-center">
+      <div class="border-primary h-6 w-6 animate-spin rounded-full border-2 border-t-transparent" />
     </div>
 
     <div
       v-else-if="!extension"
-      class="flex flex-1 items-center justify-center text-muted-foreground"
+      class="text-muted-foreground flex flex-1 items-center justify-center"
     >
       未找到扩展
     </div>
diff --git a/src/pages/dashboard/app-panel/list.vue b/src/pages/dashboard/app-panel/list.vue
index 32b27a0b..b11326e6 100644
--- a/src/pages/dashboard/app-panel/list.vue
+++ b/src/pages/dashboard/app-panel/list.vue
@@ -1,14 +1,7 @@
 <script setup lang="ts">
 import { ref, onMounted } from "vue";
 import { useRouter } from "vue-router";
-import {
-  Plus,
-  RefreshCw,
-  Trash2,
-  Settings,
-  RotateCcw,
-  Zap,
-} from "lucide-vue-next";
+import { Plus, RefreshCw, Trash2, Settings, RotateCcw, Zap } from "lucide-vue-next";
 import { toast } from "vue-sonner";
 import { Button } from "@/components/ui/button";
 import { PopConfirm } from "@/components/ui/pop-confirm";
@@ -45,9 +38,7 @@ const {
 } = useExtensions();
 
 const installDialogOpen = ref(false);
-const installDialogRef = ref<InstanceType<
-  typeof ExtensionInstallDialog
-> | null>(null);
+const installDialogRef = ref<InstanceType<typeof ExtensionInstallDialog> | null>(null);
 const reinstallTarget = ref<Extension | null>(null);
 const deletingId = ref<string | null>(null);
 const quickDialogOpen = ref(false);
@@ -121,7 +112,7 @@ onMounted(() => fetchExtensions());
 </script>
 
 <template>
-  <div class="h-full flex flex-col space-y-6 overflow-y-auto">
+  <div class="flex h-full flex-col space-y-6 overflow-y-auto">
     <div class="flex items-center justify-between">
       <div>
         <h2 class="text-2xl font-bold tracking-tight">
@@ -130,20 +121,15 @@ onMounted(() => fetchExtensions());
         <p class="text-muted-foreground text-sm">管理已安装的扩展应用</p>
       </div>
       <div class="flex items-center gap-2">
-        <Button
-          variant="outline"
-          size="sm"
-          :disabled="loading"
-          @click="fetchExtensions"
-        >
+        <Button variant="outline" size="sm" :disabled="loading" @click="fetchExtensions">
           <RefreshCw class="h-4 w-4" :class="{ 'animate-spin': loading }" />
         </Button>
         <Button variant="outline" size="sm" @click="quickDialogOpen = true">
-          <Zap class="h-4 w-4 mr-1" />
+          <Zap class="mr-1 h-4 w-4" />
           快捷 Extension
         </Button>
         <Button size="sm" @click="installDialogOpen = true">
-          <Plus class="h-4 w-4 mr-1" />
+          <Plus class="mr-1 h-4 w-4" />
           添加 Extension
         </Button>
       </div>
@@ -151,7 +137,7 @@ onMounted(() => fetchExtensions());
 
     <div
       v-if="error"
-      class="rounded-md border border-destructive/50 bg-destructive/10 p-3 text-sm text-destructive"
+      class="border-destructive/50 bg-destructive/10 text-destructive rounded-md border p-3 text-sm"
     >
       {{ error }}
     </div>
@@ -172,20 +158,14 @@ onMounted(() => fetchExtensions());
         <TableBody>
           <template v-if="loading && extensions.length === 0">
             <TableRow>
-              <TableCell
-                colspan="7"
-                class="text-center text-muted-foreground py-8"
-              >
+              <TableCell colspan="7" class="text-muted-foreground py-8 text-center">
                 加载中...
               </TableCell>
             </TableRow>
           </template>
           <template v-else-if="extensions.length === 0">
             <TableRow>
-              <TableCell
-                colspan="7"
-                class="text-center text-muted-foreground py-8"
-              >
+              <TableCell colspan="7" class="text-muted-foreground py-8 text-center">
                 暂无已安装的扩展，点击「添加 Extension」开始使用
               </TableCell>
             </TableRow>
@@ -194,29 +174,25 @@ onMounted(() => fetchExtensions());
             <TableRow v-for="ext in extensions" :key="ext.id">
               <TableCell>
                 <div
-                  class="w-8 h-8 rounded border bg-muted/40 flex items-center justify-center overflow-hidden"
+                  class="bg-muted/40 flex h-8 w-8 items-center justify-center overflow-hidden rounded border"
                 >
                   <ExtensionIcon :url="getIconUrl(ext)" :size="20" />
                 </div>
               </TableCell>
 
               <TableCell
-                class="font-medium cursor-pointer hover:underline"
+                class="cursor-pointer font-medium hover:underline"
                 @click="router.push(`/dashboard/app-panel/${ext.id}`)"
                 >{{ ext.app.name }}</TableCell
               >
 
-              <TableCell
-                class="font-mono text-xs text-muted-foreground max-w-32 truncate"
-              >
+              <TableCell class="text-muted-foreground max-w-32 truncate font-mono text-xs">
                 {{ ext.id }}
               </TableCell>
 
-              <TableCell class="text-sm">{{
-                ext.app.version || "—"
-              }}</TableCell>
+              <TableCell class="text-sm">{{ ext.app.version || "—" }}</TableCell>
 
-              <TableCell class="text-sm text-muted-foreground">
+              <TableCell class="text-muted-foreground text-sm">
                 {{ formatDate(ext.created_at) }}
               </TableCell>
 
@@ -246,7 +222,7 @@ onMounted(() => fetchExtensions());
                       class="h-7 w-7"
                       :disabled="deletingId === ext.id"
                     >
-                      <Trash2 class="h-3.5 w-3.5 text-destructive" />
+                      <Trash2 class="text-destructive h-3.5 w-3.5" />
                     </Button>
                   </PopConfirm>
 
diff --git a/src/pages/dashboard/app/[extensionRoute].vue b/src/pages/dashboard/app/[extensionRoute].vue
index 55c2629c..8a24fb38 100644
--- a/src/pages/dashboard/app/[extensionRoute].vue
+++ b/src/pages/dashboard/app/[extensionRoute].vue
@@ -10,9 +10,7 @@ definePage({
 });
 
 const route = useRoute();
-const routeName = computed(
-  () => (route.params as Record<string, string>).extensionRoute ?? "",
-);
+const routeName = computed(() => (route.params as Record<string, string>).extensionRoute ?? "");
 
 const { extensions, fetchExtensions, getIframeUrl } = useExtensions();
 
@@ -20,9 +18,7 @@ const { extensions, fetchExtensions, getIframeUrl } = useExtensions();
 const matched = computed(() => {
   for (const ext of extensions.value) {
     if (ext.disabled) continue;
-    const r = ext.app.routes?.find(
-      (r) => r.type === "global" && r.name === routeName.value,
-    );
+    const r = ext.app.routes?.find((r) => r.type === "global" && r.name === routeName.value);
     if (r) return { ext, route: r };
   }
   return null;
@@ -71,14 +67,12 @@ watch(
 <template>
   <div class="flex h-full w-full flex-col">
     <div v-if="!ready" class="flex flex-1 items-center justify-center">
-      <div
-        class="h-6 w-6 animate-spin rounded-full border-2 border-primary border-t-transparent"
-      />
+      <div class="border-primary h-6 w-6 animate-spin rounded-full border-2 border-t-transparent" />
     </div>
 
     <div
       v-else-if="!matched"
-      class="flex flex-1 items-center justify-center gap-2 text-muted-foreground"
+      class="text-muted-foreground flex flex-1 items-center justify-center gap-2"
     >
       <AlertCircle class="h-5 w-5" />
       <span>未找到扩展路由「{{ routeName }}」</span>
diff --git a/src/pages/dashboard/batch-exec.vue b/src/pages/dashboard/batch-exec.vue
index 87e3ad24..423a8add 100644
--- a/src/pages/dashboard/batch-exec.vue
+++ b/src/pages/dashboard/batch-exec.vue
@@ -42,16 +42,13 @@ const handlePickScripts = (s: string) => {
 
 <template>
   <div>
-    <h1 class="text-2xl font-bold mb-2">{{ $t("router.batchExec") }}</h1>
+    <h1 class="mb-2 text-2xl font-bold">{{ $t("router.batchExec") }}</h1>
     <p class="text-muted-foreground text-sm">
       {{ $t("dashboard.batchExec.desc") }}
     </p>
 
-    <div class="grid gap-2 grid-cols-1 mt-2">
-      <CodeCard
-        v-model="code"
-        @openScriptsSelect="openSelectScriptsDialog = true"
-      />
+    <div class="mt-2 grid grid-cols-1 gap-2">
+      <CodeCard v-model="code" @openScriptsSelect="openSelectScriptsDialog = true" />
       <SelectNodesCard
         v-model:selected="selected"
         v-model:cmd="cmd"
diff --git a/src/pages/dashboard/bucket/[name].vue b/src/pages/dashboard/bucket/[name].vue
index 0f4dc036..cf74021f 100644
--- a/src/pages/dashboard/bucket/[name].vue
+++ b/src/pages/dashboard/bucket/[name].vue
@@ -45,9 +45,7 @@ const handleReadFile = async (path: string) => {
     }
     fileViewRef.value.onFileContentLoaded(new TextDecoder().decode(buf));
   } catch (e: unknown) {
-    fileViewRef.value?.onFileContentError(
-      e instanceof Error ? e.message : String(e),
-    );
+    fileViewRef.value?.onFileContentError(e instanceof Error ? e.message : String(e));
   }
 };
 
@@ -133,19 +131,12 @@ const handleUploadFile = async (path: string, base64: string) => {
   }
 };
 
-const handleUploadDir = async (
-  files: Array<{ path: string; base64: string }>,
-) => {
+const handleUploadDir = async (files: Array<{ path: string; base64: string }>) => {
   uploadDirLoading.value = true;
   uploadDirError.value = null;
   try {
-    const { uploaded, deleted } = await bucketFile.syncBucketDir(
-      bucketName,
-      files,
-    );
-    toast.success(
-      `已同步到「${bucketName}」：上传 ${uploaded} 个，删除 ${deleted} 个`,
-    );
+    const { uploaded, deleted } = await bucketFile.syncBucketDir(bucketName, files);
+    toast.success(`已同步到「${bucketName}」：上传 ${uploaded} 个，删除 ${deleted} 个`);
     uploadDirOpen.value = false;
     await bucketFile.fetchList(bucketName);
   } catch (e: unknown) {
@@ -157,7 +148,7 @@ const handleUploadDir = async (
 </script>
 
 <template>
-  <div class="h-full flex flex-col overflow-hidden">
+  <div class="flex h-full flex-col overflow-hidden">
     <StaticBucketFileView
       ref="fileViewRef"
       class="flex-1 overflow-hidden"
diff --git a/src/pages/dashboard/cost.vue b/src/pages/dashboard/cost.vue
index 5bd5cc8e..090b0ac9 100644
--- a/src/pages/dashboard/cost.vue
+++ b/src/pages/dashboard/cost.vue
@@ -188,8 +188,7 @@ async function loadCostSettings() {
     kv.getValue(GLOBAL_KV_COST_FX_PROVIDER).catch(() => null),
   ]);
 
-  const parsedBaseCurrency =
-    normalizeBaseCurrency(rawBaseCurrency) ?? DEFAULT_BASE_CURRENCY;
+  const parsedBaseCurrency = normalizeBaseCurrency(rawBaseCurrency) ?? DEFAULT_BASE_CURRENCY;
   baseCurrency.value = parsedBaseCurrency;
   fxSnapshot.value = parseFxSnapshot(rawFxCache);
   fxProviderTemplate.value = parseFxProviderTemplate(rawFxProvider);
@@ -224,9 +223,7 @@ const effectiveFxProviderLabel = computed(() => {
 });
 
 async function refreshFxRates(showToast = false) {
-  const hasSupportedCurrency = nodes.value.some((node) =>
-    currencyFromPriceUnit(node.priceUnit),
-  );
+  const hasSupportedCurrency = nodes.value.some((node) => currencyFromPriceUnit(node.priceUnit));
 
   const targets = supportedCurrenciesForNodes(nodes.value, baseCurrency.value);
   if (!hasSupportedCurrency) {
@@ -271,12 +268,8 @@ async function refreshFxRates(showToast = false) {
       fxState.value = "cached";
       fxSnapshot.value = cachedSnapshot;
       fxMessage.value = isFxSnapshotFresh(cachedSnapshot)
-        ? `${reason}，当前使用最近一次缓存汇率（${formatTimestamp(
-            cachedSnapshot.fetched_at,
-          )}）。`
-        : `${reason}，当前使用已过期缓存汇率（${formatTimestamp(
-            cachedSnapshot.fetched_at,
-          )}）。`;
+        ? `${reason}，当前使用最近一次缓存汇率（${formatTimestamp(cachedSnapshot.fetched_at)}）。`
+        : `${reason}，当前使用已过期缓存汇率（${formatTimestamp(cachedSnapshot.fetched_at)}）。`;
     } else {
       fxState.value = "grouped";
       fxSnapshot.value = null;
@@ -322,8 +315,7 @@ const sortedNodes = computed<EvaluatedCostNode[]>(() => {
   return list.sort((left, right) => {
     let diff = 0;
     if (field === "price") {
-      if (left.monthlyCostBase === null && right.monthlyCostBase === null)
-        diff = 0;
+      if (left.monthlyCostBase === null && right.monthlyCostBase === null) diff = 0;
       else if (left.monthlyCostBase === null) diff = 1;
       else if (right.monthlyCostBase === null) diff = -1;
       else diff = left.monthlyCostBase - right.monthlyCostBase;
@@ -373,9 +365,7 @@ async function adjustExpire(
   const key = `${node.id}:${direction}`;
   adjustLoading.value = key;
   try {
-    const current = node.expireTime
-      ? new Date(`${node.expireTime}T00:00:00`)
-      : new Date();
+    const current = node.expireTime ? new Date(`${node.expireTime}T00:00:00`) : new Date();
     current.setHours(0, 0, 0, 0);
     current.setDate(current.getDate() + direction * node.priceCycle);
     const newExpire = formatDateOnly(current);
@@ -411,13 +401,10 @@ onMounted(initialize);
 </script>
 
 <template>
-  <div class="h-full flex flex-col gap-4 overflow-hidden p-1">
+  <div class="flex h-full flex-col gap-4 overflow-hidden p-1">
     <div class="flex flex-wrap items-center gap-2">
-      <span class="text-sm text-muted-foreground">基准币种：</span>
-      <Select
-        :model-value="baseCurrency"
-        @update:model-value="handleBaseCurrencyChange"
-      >
+      <span class="text-muted-foreground text-sm">基准币种：</span>
+      <Select :model-value="baseCurrency" @update:model-value="handleBaseCurrencyChange">
         <SelectTrigger class="w-36">
           <SelectValue />
         </SelectTrigger>
@@ -441,13 +428,9 @@ onMounted(initialize);
         <template v-else>刷新汇率</template>
       </Button>
       <Badge v-if="fxState === 'live'" variant="secondary">实时汇率</Badge>
-      <Badge v-else-if="fxState === 'cached'" variant="secondary"
-        >缓存汇率</Badge
-      >
-      <Badge v-else-if="fxState === 'grouped'" variant="secondary">
-        按币种分组
-      </Badge>
-      <span v-if="effectiveFxSnapshot" class="text-xs text-muted-foreground">
+      <Badge v-else-if="fxState === 'cached'" variant="secondary">缓存汇率</Badge>
+      <Badge v-else-if="fxState === 'grouped'" variant="secondary"> 按币种分组 </Badge>
+      <span v-if="effectiveFxSnapshot" class="text-muted-foreground text-xs">
         汇率来源：{{ effectiveFxProviderLabel }}，更新于
         {{ formatTimestamp(effectiveFxSnapshot.fetched_at) }}
       </span>
@@ -463,105 +446,99 @@ onMounted(initialize);
       </AlertDescription>
     </Alert>
 
-    <div v-if="stats.unified" class="grid grid-cols-2 md:grid-cols-4 gap-4">
-      <div class="rounded-lg border bg-card p-4 flex items-center gap-3">
-        <div class="p-2 rounded-md bg-primary/10">
-          <CreditCard class="h-5 w-5 text-primary" />
+    <div v-if="stats.unified" class="grid grid-cols-2 gap-4 md:grid-cols-4">
+      <div class="bg-card flex items-center gap-3 rounded-lg border p-4">
+        <div class="bg-primary/10 rounded-md p-2">
+          <CreditCard class="text-primary h-5 w-5" />
         </div>
         <div>
-          <p class="text-xs text-muted-foreground">折算月成本</p>
-          <p class="text-xl font-semibold font-mono">
+          <p class="text-muted-foreground text-xs">折算月成本</p>
+          <p class="font-mono text-xl font-semibold">
             {{ formatAmount(baseCurrencySymbol, stats.totalMonthlyCost) }}
           </p>
         </div>
       </div>
 
-      <div class="rounded-lg border bg-card p-4 flex items-center gap-3">
-        <div class="p-2 rounded-md bg-blue-500/10">
+      <div class="bg-card flex items-center gap-3 rounded-lg border p-4">
+        <div class="rounded-md bg-blue-500/10 p-2">
           <TrendingUp class="h-5 w-5 text-blue-500" />
         </div>
         <div>
-          <p class="text-xs text-muted-foreground">平均每台 / 月</p>
-          <p class="text-xl font-semibold font-mono">
+          <p class="text-muted-foreground text-xs">平均每台 / 月</p>
+          <p class="font-mono text-xl font-semibold">
             {{ formatAmount(baseCurrencySymbol, stats.avgMonthlyCost) }}
           </p>
         </div>
       </div>
 
-      <div class="rounded-lg border bg-card p-4 flex items-center gap-3">
-        <div class="p-2 rounded-md bg-green-500/10">
+      <div class="bg-card flex items-center gap-3 rounded-lg border p-4">
+        <div class="rounded-md bg-green-500/10 p-2">
           <TrendingUp class="h-5 w-5 text-green-500" />
         </div>
         <div>
-          <p class="text-xs text-muted-foreground">折算剩余价值</p>
-          <p class="text-xl font-semibold font-mono">
+          <p class="text-muted-foreground text-xs">折算剩余价值</p>
+          <p class="font-mono text-xl font-semibold">
             {{ formatAmount(baseCurrencySymbol, stats.totalRemainingValue) }}
           </p>
         </div>
       </div>
 
-      <div class="rounded-lg border bg-card p-4 flex items-center gap-3">
-        <div class="p-2 rounded-md bg-orange-500/10">
+      <div class="bg-card flex items-center gap-3 rounded-lg border p-4">
+        <div class="rounded-md bg-orange-500/10 p-2">
           <AlertTriangle class="h-5 w-5 text-orange-500" />
         </div>
         <div>
-          <p class="text-xs text-muted-foreground">30 天内到期</p>
+          <p class="text-muted-foreground text-xs">30 天内到期</p>
           <p class="text-xl font-semibold">
             {{ stats.expiringSoon }}
-            <span class="text-sm font-normal text-muted-foreground">台</span>
+            <span class="text-muted-foreground text-sm font-normal">台</span>
           </p>
         </div>
       </div>
     </div>
 
-    <div v-else class="grid grid-cols-2 md:grid-cols-4 gap-4">
+    <div v-else class="grid grid-cols-2 gap-4 md:grid-cols-4">
       <div
         v-for="group in stats.groupedMonthlyTotals"
         :key="group.currency"
-        class="rounded-lg border bg-card p-4 flex items-center gap-3"
+        class="bg-card flex items-center gap-3 rounded-lg border p-4"
       >
-        <div class="p-2 rounded-md bg-primary/10">
-          <CreditCard class="h-5 w-5 text-primary" />
+        <div class="bg-primary/10 rounded-md p-2">
+          <CreditCard class="text-primary h-5 w-5" />
         </div>
         <div>
-          <p class="text-xs text-muted-foreground">
-            {{ group.currency }} 月成本
-          </p>
-          <p class="text-xl font-semibold font-mono">
+          <p class="text-muted-foreground text-xs">{{ group.currency }} 月成本</p>
+          <p class="font-mono text-xl font-semibold">
             {{ formatAmount(group.symbol, group.monthlyCost) }}
           </p>
-          <p class="text-xs text-muted-foreground">
-            剩余价值 {{ formatAmount(group.symbol, group.remainingValue) }} ·
-            {{ group.count }} 台
+          <p class="text-muted-foreground text-xs">
+            剩余价值 {{ formatAmount(group.symbol, group.remainingValue) }} · {{ group.count }} 台
           </p>
         </div>
       </div>
 
-      <div class="rounded-lg border bg-card p-4 flex items-center gap-3">
-        <div class="p-2 rounded-md bg-orange-500/10">
+      <div class="bg-card flex items-center gap-3 rounded-lg border p-4">
+        <div class="rounded-md bg-orange-500/10 p-2">
           <AlertTriangle class="h-5 w-5 text-orange-500" />
         </div>
         <div>
-          <p class="text-xs text-muted-foreground">30 天内到期</p>
+          <p class="text-muted-foreground text-xs">30 天内到期</p>
           <p class="text-xl font-semibold">
             {{ stats.expiringSoon }}
-            <span class="text-sm font-normal text-muted-foreground">台</span>
+            <span class="text-muted-foreground text-sm font-normal">台</span>
           </p>
         </div>
       </div>
     </div>
 
     <div class="flex items-center gap-2">
-      <span class="text-sm text-muted-foreground">排序：</span>
+      <span class="text-muted-foreground text-sm">排序：</span>
       <Button
         size="sm"
         :variant="sortField === 'remaining' ? 'default' : 'outline'"
         @click="toggleSort('remaining')"
       >
-        <ArrowUp
-          v-if="sortField === 'remaining' && sortDir === 'asc'"
-          class="h-3.5 w-3.5"
-        />
+        <ArrowUp v-if="sortField === 'remaining' && sortDir === 'asc'" class="h-3.5 w-3.5" />
         <ArrowDown
           v-else-if="sortField === 'remaining' && sortDir === 'desc'"
           class="h-3.5 w-3.5"
@@ -574,40 +551,25 @@ onMounted(initialize);
         :variant="sortField === 'price' ? 'default' : 'outline'"
         @click="toggleSort('price')"
       >
-        <ArrowUp
-          v-if="sortField === 'price' && sortDir === 'asc'"
-          class="h-3.5 w-3.5"
-        />
-        <ArrowDown
-          v-else-if="sortField === 'price' && sortDir === 'desc'"
-          class="h-3.5 w-3.5"
-        />
+        <ArrowUp v-if="sortField === 'price' && sortDir === 'asc'" class="h-3.5 w-3.5" />
+        <ArrowDown v-else-if="sortField === 'price' && sortDir === 'desc'" class="h-3.5 w-3.5" />
         <ArrowUpDown v-else class="h-3.5 w-3.5" />
         折算月成本
       </Button>
     </div>
 
-    <div
-      v-if="loading"
-      class="flex items-center justify-center py-16 text-muted-foreground"
-    >
-      <Loader2 class="h-5 w-5 animate-spin mr-2" />
+    <div v-if="loading" class="text-muted-foreground flex items-center justify-center py-16">
+      <Loader2 class="mr-2 h-5 w-5 animate-spin" />
       加载中...
     </div>
 
-    <div
-      v-else-if="nodes.length === 0"
-      class="py-16 text-center text-muted-foreground text-sm"
-    >
+    <div v-else-if="nodes.length === 0" class="text-muted-foreground py-16 text-center text-sm">
       暂无节点数据
     </div>
 
-    <div
-      v-else
-      class="flex-1 min-h-0 rounded-md border bg-card overflow-auto cost-table-wrap"
-    >
+    <div v-else class="bg-card cost-table-wrap min-h-0 flex-1 overflow-auto rounded-md border">
       <Table>
-        <TableHeader class="sticky top-0 bg-card z-10">
+        <TableHeader class="bg-card sticky top-0 z-10">
           <TableRow>
             <TableHead>节点名称</TableHead>
             <TableHead class="text-right">价格 / 周期</TableHead>
@@ -626,7 +588,7 @@ onMounted(initialize);
               >
                 {{ node.customName }}
               </RouterLink>
-              <div class="text-xs text-muted-foreground font-mono">
+              <div class="text-muted-foreground font-mono text-xs">
                 {{ node.id.slice(-8) }}
               </div>
             </TableCell>
@@ -634,17 +596,11 @@ onMounted(initialize);
             <TableCell class="text-right font-mono">
               <div>
                 {{ node.priceUnit }}{{ node.price.toFixed(2) }}
-                <span class="text-xs text-muted-foreground">
-                  / {{ node.priceCycle }}天
-                </span>
+                <span class="text-muted-foreground text-xs"> / {{ node.priceCycle }}天 </span>
               </div>
-              <div
-                v-if="node.monthlyCostBase !== null"
-                class="text-xs text-muted-foreground"
-              >
+              <div v-if="node.monthlyCostBase !== null" class="text-muted-foreground text-xs">
                 {{ isExactMonthlyBaseDisplay(node, baseCurrency) ? "=" : "≈" }}
-                {{ formatAmount(baseCurrencySymbol, node.monthlyCostBase) }} /
-                30天
+                {{ formatAmount(baseCurrencySymbol, node.monthlyCostBase) }} / 30天
               </div>
             </TableCell>
 
@@ -669,41 +625,26 @@ onMounted(initialize);
             </TableCell>
 
             <TableCell class="text-right font-mono">
-              <template
-                v-if="
-                  node.expireTime && getRemainingDays(node.expireTime) !== null
-                "
-              >
+              <template v-if="node.expireTime && getRemainingDays(node.expireTime) !== null">
                 <div>
                   {{
                     formatAmount(
                       node.priceUnit,
-                      getRemainingValue(
-                        node.expireTime,
-                        node.price,
-                        node.priceCycle,
-                      ),
+                      getRemainingValue(node.expireTime, node.price, node.priceCycle),
                     )
                   }}
                 </div>
-                <div
-                  v-if="node.remainingValueBase !== null"
-                  class="text-xs text-muted-foreground"
-                >
-                  {{
-                    isExactRemainingBaseDisplay(node, baseCurrency) ? "=" : "≈"
-                  }}
-                  {{
-                    formatAmount(baseCurrencySymbol, node.remainingValueBase)
-                  }}
+                <div v-if="node.remainingValueBase !== null" class="text-muted-foreground text-xs">
+                  {{ isExactRemainingBaseDisplay(node, baseCurrency) ? "=" : "≈" }}
+                  {{ formatAmount(baseCurrencySymbol, node.remainingValueBase) }}
                 </div>
                 <div
                   v-else-if="node.excludedReason === 'unsupported_currency'"
-                  class="text-xs text-muted-foreground"
+                  class="text-muted-foreground text-xs"
                 >
                   不支持折算
                 </div>
-                <div v-else class="text-xs text-muted-foreground">等待汇率</div>
+                <div v-else class="text-muted-foreground text-xs">等待汇率</div>
               </template>
               <template v-else>
                 <span class="text-muted-foreground">—</span>
@@ -711,15 +652,11 @@ onMounted(initialize);
             </TableCell>
 
             <TableCell>
-              <template
-                v-if="
-                  node.expireTime && getRemainingDays(node.expireTime) !== null
-                "
-              >
+              <template v-if="node.expireTime && getRemainingDays(node.expireTime) !== null">
                 <div class="space-y-1.5">
                   <div class="flex items-center justify-between text-xs">
                     <template v-if="getRemainingDays(node.expireTime)! < 0">
-                      <Badge variant="destructive" class="text-xs px-1.5 py-0">
+                      <Badge variant="destructive" class="px-1.5 py-0 text-xs">
                         已过期
                         {{ Math.abs(getRemainingDays(node.expireTime)!) }} 天
                       </Badge>
@@ -728,7 +665,7 @@ onMounted(initialize);
                       <span
                         :class="
                           getRemainingDays(node.expireTime)! <= 7
-                            ? 'text-red-500 font-medium'
+                            ? 'font-medium text-red-500'
                             : getRemainingDays(node.expireTime)! <= 30
                               ? 'text-orange-500'
                               : 'text-muted-foreground'
@@ -738,9 +675,7 @@ onMounted(initialize);
                       </span>
                     </template>
                   </div>
-                  <div
-                    class="h-1.5 w-full rounded-full bg-muted overflow-hidden"
-                  >
+                  <div class="bg-muted h-1.5 w-full overflow-hidden rounded-full">
                     <div
                       class="h-full rounded-full transition-all"
                       :class="
diff --git a/src/pages/dashboard/cron-history/[cronName].vue b/src/pages/dashboard/cron-history/[cronName].vue
index 33e4e10b..9f08de25 100644
--- a/src/pages/dashboard/cron-history/[cronName].vue
+++ b/src/pages/dashboard/cron-history/[cronName].vue
@@ -8,10 +8,7 @@ import { Button } from "@/components/ui/button";
 import CronHistoryFilter from "@/components/cron/CronHistoryFilter.vue";
 import CronHistoryTable from "@/components/cron/CronHistoryTable.vue";
 import CronHistoryDetailDialog from "@/components/cron/CronHistoryDetailDialog.vue";
-import {
-  useCronHistory,
-  type CrontabResult,
-} from "@/composables/useCronHistory";
+import { useCronHistory, type CrontabResult } from "@/composables/useCronHistory";
 import type { FilterState } from "@/components/cron/CronHistoryFilter.vue";
 
 definePage({
@@ -26,9 +23,7 @@ const router = useRouter();
 const { t } = useI18n();
 const { query } = useCronHistory();
 
-const cronName = computed(
-  () => (route.params as { cronName: string }).cronName,
-);
+const cronName = computed(() => (route.params as { cronName: string }).cronName);
 const taskType = computed(() => {
   const value = route.query.taskType;
   return value === "server" ? "server" : "agent";
@@ -64,9 +59,7 @@ const records = computed(() => {
   return allRecords.value.slice(start, start + pageSize.value);
 });
 
-const totalPages = computed(() =>
-  Math.ceil(allRecords.value.length / pageSize.value),
-);
+const totalPages = computed(() => Math.ceil(allRecords.value.length / pageSize.value));
 
 const buildCondition = () => {
   const condition: any[] = [
@@ -79,11 +72,7 @@ const buildCondition = () => {
     if (!Number.isNaN(id) && id > 0) condition.push({ id });
   }
 
-  if (
-    !filter.value.latestOnly &&
-    filter.value.startTime &&
-    filter.value.endTime
-  ) {
+  if (!filter.value.latestOnly && filter.value.startTime && filter.value.endTime) {
     const startTs = new Date(filter.value.startTime).getTime();
     const endTs = new Date(filter.value.endTime).getTime();
     condition.push({ run_time_from_to: [startTs, endTs] });
@@ -176,7 +165,7 @@ onMounted(() => {
           <h1 class="text-2xl font-bold">
             {{ t("dashboard.cron.history.title") }}
           </h1>
-          <p class="text-sm text-muted-foreground">
+          <p class="text-muted-foreground text-sm">
             {{ t("dashboard.cron.history.taskName") }}: {{ cronName }}
           </p>
         </div>
diff --git a/src/pages/dashboard/cron.vue b/src/pages/dashboard/cron.vue
index c3bf8cb8..f4c7564c 100644
--- a/src/pages/dashboard/cron.vue
+++ b/src/pages/dashboard/cron.vue
@@ -157,18 +157,14 @@ const handleSave = async (data: Omit<CronTask, "id"> & { id?: number }) => {
         cron_expression: data.cronExpression,
         cron_type,
       });
-      toast.success(
-        formatRpcSuccessMessage(result, t("dashboard.cron.updateSuccess")),
-      );
+      toast.success(formatRpcSuccessMessage(result, t("dashboard.cron.updateSuccess")));
     } else {
       const result = await cron.create({
         name: data.name,
         cron_expression: data.cronExpression,
         cron_type,
       });
-      toast.success(
-        formatRpcSuccessMessage(result, t("dashboard.cron.createSuccess")),
-      );
+      toast.success(formatRpcSuccessMessage(result, t("dashboard.cron.createSuccess")));
     }
     formOpen.value = false;
     await loadTasks();
@@ -185,9 +181,7 @@ const handleDelete = async (name: string) => {
   deletingNames.value = [...deletingNames.value, name];
   try {
     const result = await cron.remove(name);
-    toast.success(
-      formatRpcSuccessMessage(result, t("dashboard.cron.deleteSuccess")),
-    );
+    toast.success(formatRpcSuccessMessage(result, t("dashboard.cron.deleteSuccess")));
     await loadTasks();
   } catch (e: unknown) {
     toast.error(e instanceof Error ? e.message : String(e));
@@ -211,9 +205,7 @@ const handleToggle = async (task: CronTask) => {
     toast.success(
       formatRpcSuccessMessage(
         result,
-        enabled
-          ? t("dashboard.cron.enableSuccess")
-          : t("dashboard.cron.disableSuccess"),
+        enabled ? t("dashboard.cron.enableSuccess") : t("dashboard.cron.disableSuccess"),
       ),
     );
     await loadTasks();
@@ -221,9 +213,7 @@ const handleToggle = async (task: CronTask) => {
     task.enabled = previousEnabled;
     toast.error(e instanceof Error ? e.message : String(e));
   } finally {
-    togglingNames.value = togglingNames.value.filter(
-      (name) => name !== task.name,
-    );
+    togglingNames.value = togglingNames.value.filter((name) => name !== task.name);
   }
 };
 
@@ -246,20 +236,15 @@ const handleUpdateNodes = async (name: string, agentIds: string[]) => {
     <div class="flex items-start justify-between">
       <div>
         <h1 class="text-2xl font-semibold">{{ t("dashboard.cron.title") }}</h1>
-        <p class="text-sm text-muted-foreground mt-1">
+        <p class="text-muted-foreground mt-1 text-sm">
           {{ t("dashboard.cron.desc") }}
         </p>
       </div>
-      <Button
-        variant="outline"
-        :disabled="loading"
-        class="ml-auto mr-2"
-        @click="() => loadTasks()"
-      >
+      <Button variant="outline" :disabled="loading" class="mr-2 ml-auto" @click="() => loadTasks()">
         <RefreshCw class="h-4 w-4" :class="{ 'animate-spin': loading }" />
       </Button>
       <Button @click="openCreate">
-        <Plus class="h-4 w-4 mr-1.5" />
+        <Plus class="mr-1.5 h-4 w-4" />
         {{ t("dashboard.cron.create") }}
       </Button>
     </div>
diff --git a/src/pages/dashboard/js-runtime.vue b/src/pages/dashboard/js-runtime.vue
index 027c7f14..eee9e6b5 100644
--- a/src/pages/dashboard/js-runtime.vue
+++ b/src/pages/dashboard/js-runtime.vue
@@ -87,7 +87,7 @@ const deleteWorkerFun = async (name: string) => {
         <h1 class="text-2xl font-semibold">
           {{ t("dashboard.jsRuntime.title") }}
         </h1>
-        <p class="text-sm text-muted-foreground mt-1">
+        <p class="text-muted-foreground mt-1 text-sm">
           {{ t("dashboard.jsRuntime.desc") }}
         </p>
       </div>
@@ -98,10 +98,7 @@ const deleteWorkerFun = async (name: string) => {
           :disabled="runtime.loading.value"
           @click="listAllWorkersFun"
         >
-          <RotateCcw
-            class="h-4 w-4"
-            :class="{ 'animate-spin': runtime.loading.value }"
-          />
+          <RotateCcw class="h-4 w-4" :class="{ 'animate-spin': runtime.loading.value }" />
         </Button>
         <Button @click="dialogOpen = true">
           <Plus class="mr-2 h-4 w-4" />
@@ -117,11 +114,7 @@ const deleteWorkerFun = async (name: string) => {
       @delete="deleteWorkerFun"
     />
 
-    <WorkerFormDialog
-      v-model:open="dialogOpen"
-      :loading="saveLoading"
-      @save="addWorkerFun"
-    />
+    <WorkerFormDialog v-model:open="dialogOpen" :loading="saveLoading" @save="addWorkerFun" />
   </div>
   <router-view v-else />
 </template>
diff --git a/src/pages/dashboard/js-runtime/[id].vue b/src/pages/dashboard/js-runtime/[id].vue
index c640f4bc..03931f63 100644
--- a/src/pages/dashboard/js-runtime/[id].vue
+++ b/src/pages/dashboard/js-runtime/[id].vue
@@ -59,16 +59,8 @@ import {
   DropdownMenuItem,
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
-import {
-  Collapsible,
-  CollapsibleContent,
-  CollapsibleTrigger,
-} from "@/components/ui/collapsible";
-import {
-  useJsRuntime,
-  type JsWorker,
-  type JsResult,
-} from "@/composables/useJsRuntime";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@/components/ui/collapsible";
+import { useJsRuntime, type JsWorker, type JsResult } from "@/composables/useJsRuntime";
 import { useThemeStore } from "@/stores/theme";
 import { cn } from "@/lib/utils";
 import MarkdownIt from "markdown-it";
@@ -115,12 +107,7 @@ const isActionPending = computed(
 );
 
 const parsedHttpResult = computed(() => {
-  if (
-    !runResult.value ||
-    activeRunMode.value !== "http" ||
-    !runResult.value.result
-  )
-    return null;
+  if (!runResult.value || activeRunMode.value !== "http" || !runResult.value.result) return null;
   let res = runResult.value.result;
 
   // Unwrap nested backend response if needed
@@ -141,9 +128,7 @@ const parsedHttpResult = computed(() => {
 
     headersText = list.map((h: any) => `${h.name}: ${h.value}`).join("\n");
 
-    const ctHeader = list.find(
-      (h: any) => h.name?.toLowerCase() === "content-type",
-    )?.value;
+    const ctHeader = list.find((h: any) => h.name?.toLowerCase() === "content-type")?.value;
     if (ctHeader) contentType = String(ctHeader).toLowerCase();
   }
 
@@ -154,11 +139,7 @@ const parsedHttpResult = computed(() => {
     rawBody = base64ToBytes(res.body_base64);
   } else {
     rawBody =
-      res.body_bytes !== undefined
-        ? res.body_bytes
-        : res.body !== undefined
-          ? res.body
-          : res.data;
+      res.body_bytes !== undefined ? res.body_bytes : res.body !== undefined ? res.body : res.data;
   }
 
   // 3. Process Body based on content type
@@ -171,8 +152,7 @@ const parsedHttpResult = computed(() => {
   if (rawBody === undefined) {
     body = { isText: true, content: "" };
   } else if (Array.isArray(rawBody) || rawBody instanceof Uint8Array) {
-    const uint8Body =
-      rawBody instanceof Uint8Array ? rawBody : new Uint8Array(rawBody);
+    const uint8Body = rawBody instanceof Uint8Array ? rawBody : new Uint8Array(rawBody);
 
     if (isImage) {
       try {
@@ -208,8 +188,7 @@ const parsedHttpResult = computed(() => {
       }
     }
   } else {
-    const content =
-      typeof rawBody === "string" ? rawBody : JSON.stringify(rawBody, null, 2);
+    const content = typeof rawBody === "string" ? rawBody : JSON.stringify(rawBody, null, 2);
     if (isHtml) {
       body = { isHtml: true, content };
     } else {
@@ -329,9 +308,7 @@ const logs = computed(() => {
   return allLogs.value.slice(start, start + pageSize.value);
 });
 
-const totalPages = computed(() =>
-  Math.ceil(allLogs.value.length / pageSize.value),
-);
+const totalPages = computed(() => Math.ceil(allLogs.value.length / pageSize.value));
 
 const logFilter = ref({
   id: "",
@@ -394,8 +371,7 @@ const resetLogsFilterFun = () => {
 };
 
 const deleteLogFun = async (id: number) => {
-  if (!confirm(t("dashboard.jsRuntime.logs.deleteConfirm", "Delete this log?")))
-    return;
+  if (!confirm(t("dashboard.jsRuntime.logs.deleteConfirm", "Delete this log?"))) return;
   try {
     await runtime.deleteWorkerLog(id);
     toast.success(t("dashboard.jsRuntime.logs.deleteSuccess", "Log deleted"));
@@ -411,15 +387,9 @@ watch(activeTab, (val) => {
   }
 });
 
-const extensions = computed(() => [
-  javascript(),
-  ...(themeStore.isDark ? [oneDark] : []),
-]);
+const extensions = computed(() => [javascript(), ...(themeStore.isDark ? [oneDark] : [])]);
 
-const jsonExtensions = computed(() => [
-  json(),
-  ...(themeStore.isDark ? [oneDark] : []),
-]);
+const jsonExtensions = computed(() => [json(), ...(themeStore.isDark ? [oneDark] : [])]);
 
 const getWorkerFun = async () => {
   loading.value = true;
@@ -429,8 +399,7 @@ const getWorkerFun = async () => {
       worker.value = data;
       content.value = data.content;
       workerRoute.value = data.route || "";
-      cleanTime.value =
-        data.runtime_clean_time != null ? String(data.runtime_clean_time) : "";
+      cleanTime.value = data.runtime_clean_time != null ? String(data.runtime_clean_time) : "";
 
       max_run_time.value = data.max_run_time;
       max_stack_size.value = data.max_stack_size;
@@ -440,12 +409,10 @@ const getWorkerFun = async () => {
         key,
         value: String(value),
       }));
-      tempEnvVars.value = Object.entries(data.env || {}).map(
-        ([key, value]) => ({
-          key,
-          value: String(value),
-        }),
-      );
+      tempEnvVars.value = Object.entries(data.env || {}).map(([key, value]) => ({
+        key,
+        value: String(value),
+      }));
       // Always keep one empty row for new env var
       ensureEmptyEnvRow();
       ensureEmptyTempEnvRow();
@@ -488,10 +455,7 @@ const syncLatestWorkerState = async (): Promise<JsWorker> => {
   return data;
 };
 
-const updateWorkerContentFun = async (
-  withEnv = false,
-  loadingRef = saveOnlyLoading,
-) => {
+const updateWorkerContentFun = async (withEnv = false, loadingRef = saveOnlyLoading) => {
   if (!worker.value) return;
   loadingRef.value = true;
   try {
@@ -597,15 +561,10 @@ const runWorkerFun = async (saveFirst = false) => {
         if (!handleJsonParseError("Invalid Env JSON")) return;
       }
 
-      const result = await runtime.runWorker(
-        worker.value.name,
-        mode,
-        paramsObj,
-        {
-          env: envObj,
-          compile_mode: "source",
-        },
-      );
+      const result = await runtime.runWorker(worker.value.name, mode, paramsObj, {
+        env: envObj,
+        compile_mode: "source",
+      });
       runResult.value = result;
       await pollResult(result);
     } else if (mode === "http") {
@@ -616,9 +575,7 @@ const runWorkerFun = async (saveFirst = false) => {
 
       let body_bytes: number[] = [];
       if (httpSimulation.value.body) {
-        body_bytes = Array.from(
-          new TextEncoder().encode(httpSimulation.value.body),
-        );
+        body_bytes = Array.from(new TextEncoder().encode(httpSimulation.value.body));
       }
 
       const suffix = httpSimulation.value.suffix
@@ -764,69 +721,43 @@ const formatTime = (ts: number | null) => {
 <template>
   <div class="flex h-[calc(100vh-100px)] flex-col space-y-4">
     <div class="flex items-center gap-4">
-      <Button
-        variant="ghost"
-        size="icon"
-        @click="router.push('/dashboard/js-runtime')"
-      >
+      <Button variant="ghost" size="icon" @click="router.push('/dashboard/js-runtime')">
         <ChevronLeft class="h-5 w-5" />
       </Button>
       <div>
         <h1 class="flex items-center gap-2 text-2xl font-semibold">
           {{ worker?.name || "Loading..." }}
-          <span v-if="loading" class="inline-block animate-spin"
-            ><Loader2 class="h-4 w-4"
-          /></span>
+          <span v-if="loading" class="inline-block animate-spin"><Loader2 class="h-4 w-4" /></span>
         </h1>
-        <p class="font-mono text-xs text-muted-foreground">{{ workerId }}</p>
+        <p class="text-muted-foreground font-mono text-xs">{{ workerId }}</p>
       </div>
     </div>
 
     <Tabs v-model="activeTab" class="flex min-h-0 flex-1 flex-col">
       <TabsList class="w-fit">
-        <TabsTrigger value="overview">{{
-          t("dashboard.jsRuntime.tabs.overview")
-        }}</TabsTrigger>
-        <TabsTrigger value="content">{{
-          t("dashboard.jsRuntime.tabs.content")
-        }}</TabsTrigger>
-        <TabsTrigger value="logs">{{
-          t("dashboard.jsRuntime.tabs.logs")
-        }}</TabsTrigger>
-        <TabsTrigger value="settings">{{
-          t("dashboard.jsRuntime.tabs.settings")
-        }}</TabsTrigger>
+        <TabsTrigger value="overview">{{ t("dashboard.jsRuntime.tabs.overview") }}</TabsTrigger>
+        <TabsTrigger value="content">{{ t("dashboard.jsRuntime.tabs.content") }}</TabsTrigger>
+        <TabsTrigger value="logs">{{ t("dashboard.jsRuntime.tabs.logs") }}</TabsTrigger>
+        <TabsTrigger value="settings">{{ t("dashboard.jsRuntime.tabs.settings") }}</TabsTrigger>
       </TabsList>
 
       <div class="mt-4 min-h-0 flex-1 overflow-auto">
         <TabsContent value="overview" class="m-0">
           <div class="px-1 py-1">
             <div
-              class="flex flex-wrap items-center gap-x-6 gap-y-2 font-mono text-xs text-muted-foreground/60"
+              class="text-muted-foreground/60 flex flex-wrap items-center gap-x-6 gap-y-2 font-mono text-xs"
             >
               <div class="flex items-center gap-1.5">
-                <span class="shrink-0"
-                  >{{ t("dashboard.jsRuntime.overview.createdAt") }}:</span
-                >
-                <span class="">{{
-                  formatTime(worker?.created_at || null)
-                }}</span>
+                <span class="shrink-0">{{ t("dashboard.jsRuntime.overview.createdAt") }}:</span>
+                <span class="">{{ formatTime(worker?.created_at || null) }}</span>
               </div>
               <div class="flex items-center gap-1.5">
-                <span class="shrink-0"
-                  >{{ t("dashboard.jsRuntime.overview.updatedAt") }}:</span
-                >
-                <span class="">{{
-                  formatTime(worker?.updated_at || null)
-                }}</span>
+                <span class="shrink-0">{{ t("dashboard.jsRuntime.overview.updatedAt") }}:</span>
+                <span class="">{{ formatTime(worker?.updated_at || null) }}</span>
               </div>
               <div class="flex items-center gap-1.5">
-                <span class="shrink-0"
-                  >{{ t("dashboard.jsRuntime.overview.route") }}:</span
-                >
-                <span class="break-all">{{
-                  worker?.route || t("common.none")
-                }}</span>
+                <span class="shrink-0">{{ t("dashboard.jsRuntime.overview.route") }}:</span>
+                <span class="break-all">{{ worker?.route || t("common.none") }}</span>
               </div>
             </div>
           </div>
@@ -834,14 +765,10 @@ const formatTime = (ts: number | null) => {
           <Card class="mt-4 gap-0">
             <CardHeader class="flex flex-row items-center justify-between pb-2">
               <CardTitle
-                class="text-[13px] font-medium tracking-wider text-muted-foreground/50 uppercase"
+                class="text-muted-foreground/50 text-[13px] font-medium tracking-wider uppercase"
                 >README</CardTitle
               >
-              <Button
-                size="sm"
-                variant="outline"
-                @click="openDescriptionEditFun"
-              >
+              <Button size="sm" variant="outline" @click="openDescriptionEditFun">
                 <FileText class="mr-2 h-4 w-4" />
                 编辑描述
               </Button>
@@ -849,12 +776,12 @@ const formatTime = (ts: number | null) => {
             <CardContent class="pt-2 pb-4">
               <div
                 v-if="worker?.description"
-                class="prose prose-sm max-w-none text-sm leading-relaxed dark:prose-invert"
+                class="prose prose-sm dark:prose-invert max-w-none text-sm leading-relaxed"
                 v-html="renderedDescription"
               ></div>
               <div
                 v-else
-                class="flex flex-col items-center justify-center rounded-lg border border-dashed bg-muted/20 py-10 text-sm text-muted-foreground"
+                class="bg-muted/20 text-muted-foreground flex flex-col items-center justify-center rounded-lg border border-dashed py-10 text-sm"
               >
                 <FileText class="mb-2 h-8 w-8 opacity-50" />
                 <span>无脚本描述</span>
@@ -863,20 +790,15 @@ const formatTime = (ts: number | null) => {
           </Card>
         </TabsContent>
 
-        <TabsContent
-          value="content"
-          class="relative m-0 flex h-full min-h-0 flex-col"
-        >
+        <TabsContent value="content" class="relative m-0 flex h-full min-h-0 flex-col">
           <div
             v-if="activeTab === 'content' && isActionPending"
-            class="absolute inset-0 z-[100] cursor-wait bg-background/5"
+            class="bg-background/5 absolute inset-0 z-[100] cursor-wait"
           ></div>
 
           <div class="grid h-full min-h-0 grid-cols-1 gap-4 lg:grid-cols-2">
             <!-- Left: Editor -->
-            <div
-              class="flex min-h-0 flex-col overflow-hidden rounded-lg border bg-card"
-            >
+            <div class="bg-card flex min-h-0 flex-col overflow-hidden rounded-lg border">
               <div class="min-h-0 flex-1 overflow-hidden">
                 <Codemirror
                   v-model="content"
@@ -916,10 +838,7 @@ const formatTime = (ts: number | null) => {
                     @click="updateWorkerContentFun(true)"
                     :disabled="isActionPending"
                   >
-                    <Loader2
-                      v-if="saveOnlyLoading"
-                      class="mr-2 h-3 w-3 animate-spin"
-                    />
+                    <Loader2 v-if="saveOnlyLoading" class="mr-2 h-3 w-3 animate-spin" />
                     <Save v-else class="mr-2 h-3 w-3" />
                     {{ t("dashboard.jsRuntime.editor.save") }}
                   </Button>
@@ -927,13 +846,9 @@ const formatTime = (ts: number | null) => {
               </div>
 
               <!-- Content Area based on activeRunMode -->
-              <div
-                class="flex min-h-0 flex-1 flex-col gap-4 overflow-auto pr-1"
-              >
+              <div class="flex min-h-0 flex-1 flex-col gap-4 overflow-auto pr-1">
                 <!-- Call / Cron Mode UI -->
-                <template
-                  v-if="activeRunMode === 'call' || activeRunMode === 'cron'"
-                >
+                <template v-if="activeRunMode === 'call' || activeRunMode === 'cron'">
                   <Collapsible v-model:open="isConfigOpen">
                     <Tabs v-model="activeEditorTab" class="space-y-4">
                       <div class="group flex items-center justify-between">
@@ -953,11 +868,7 @@ const formatTime = (ts: number | null) => {
                           </TabsList>
                         </div>
                         <CollapsibleTrigger as-child>
-                          <Button
-                            variant="ghost"
-                            size="icon"
-                            class="ml-2 h-8 w-8 shrink-0"
-                          >
+                          <Button variant="ghost" size="icon" class="ml-2 h-8 w-8 shrink-0">
                             <ChevronDown
                               class="h-4 w-4 transition-transform duration-200"
                               :class="{ 'rotate-180': isConfigOpen }"
@@ -969,7 +880,7 @@ const formatTime = (ts: number | null) => {
                       <CollapsibleContent class="space-y-4">
                         <TabsContent
                           value="params"
-                          class="m-0 h-32 overflow-hidden rounded-md border bg-card"
+                          class="bg-card m-0 h-32 overflow-hidden rounded-md border"
                         >
                           <Codemirror
                             v-model="runParams"
@@ -980,7 +891,7 @@ const formatTime = (ts: number | null) => {
                         </TabsContent>
                         <TabsContent
                           value="env"
-                          class="m-0 flex min-h-32 flex-col overflow-hidden rounded-md border bg-card"
+                          class="bg-card m-0 flex min-h-32 flex-col overflow-hidden rounded-md border"
                         >
                           <div class="flex-1 overflow-auto p-2">
                             <Table>
@@ -1020,7 +931,7 @@ const formatTime = (ts: number | null) => {
                                       v-if="index !== tempEnvVars.length - 1"
                                       variant="ghost"
                                       size="icon"
-                                      class="h-7 w-7 text-destructive"
+                                      class="text-destructive h-7 w-7"
                                       @click="tempEnvVars.splice(index, 1)"
                                     >
                                       <Trash2 class="h-3.5 w-3.5" />
@@ -1041,32 +952,22 @@ const formatTime = (ts: number | null) => {
                   <div class="space-y-2">
                     <!-- URL Display -->
                     <div
-                      class="flex items-center gap-2 overflow-hidden rounded-lg bg-muted/40 p-2 font-mono text-[13px]"
+                      class="bg-muted/40 flex items-center gap-2 overflow-hidden rounded-lg p-2 font-mono text-[13px]"
                     >
                       <Select v-model="httpSimulation.method">
                         <SelectTrigger
-                          class="h-6 w-auto shrink-0 gap-0.5 border-muted bg-background px-1.5 py-0 font-mono text-[10px] [&>svg]:ml-0 [&>svg]:h-3 [&>svg]:w-3"
+                          class="border-muted bg-background h-6 w-auto shrink-0 gap-0.5 px-1.5 py-0 font-mono text-[10px] [&>svg]:ml-0 [&>svg]:h-3 [&>svg]:w-3"
                         >
                           <SelectValue />
                         </SelectTrigger>
                         <SelectContent>
-                          <SelectItem value="GET" class="text-[10px]"
-                            >GET</SelectItem
-                          >
-                          <SelectItem value="POST" class="text-[10px]"
-                            >POST</SelectItem
-                          >
-                          <SelectItem value="PUT" class="text-[10px]"
-                            >PUT</SelectItem
-                          >
-                          <SelectItem value="DELETE" class="text-[10px]"
-                            >DELETE</SelectItem
-                          >
+                          <SelectItem value="GET" class="text-[10px]">GET</SelectItem>
+                          <SelectItem value="POST" class="text-[10px]">POST</SelectItem>
+                          <SelectItem value="PUT" class="text-[10px]">PUT</SelectItem>
+                          <SelectItem value="DELETE" class="text-[10px]">DELETE</SelectItem>
                         </SelectContent>
                       </Select>
-                      <div
-                        class="mx-1 flex min-w-0 flex-1 overflow-hidden text-muted-foreground"
-                      >
+                      <div class="text-muted-foreground mx-1 flex min-w-0 flex-1 overflow-hidden">
                         <span class="min-w-[40px] shrink truncate opacity-70">{{
                           httpBaseUrl
                         }}</span>
@@ -1080,16 +981,11 @@ const formatTime = (ts: number | null) => {
                         class="h-7 w-[130px] shrink-0 px-2 font-mono text-[12px]"
                       />
                     </div>
-                    <p
-                      v-if="!worker?.route"
-                      class="px-1 text-xs text-orange-500"
-                    >
+                    <p v-if="!worker?.route" class="px-1 text-xs text-orange-500">
                       {{ t("dashboard.jsRuntime.editor.noRoute") }}
                     </p>
 
-                    <div
-                      class="mt-0 w-full space-y-3 rounded-md border bg-card p-3 shadow-sm"
-                    >
+                    <div class="bg-card mt-0 w-full space-y-3 rounded-md border p-3 shadow-sm">
                       <!-- Headers Section -->
                       <div class="space-y-2">
                         <div class="flex items-center gap-4">
@@ -1099,7 +995,7 @@ const formatTime = (ts: number | null) => {
                           <Button
                             variant="link"
                             size="sm"
-                            class="h-6 p-0 text-xs text-primary"
+                            class="text-primary h-6 p-0 text-xs"
                             @click="addHttpHeaderFun"
                           >
                             <Plus class="mr-1 h-3 w-3" />
@@ -1111,20 +1007,12 @@ const formatTime = (ts: number | null) => {
                           :key="i"
                           class="flex items-center gap-2"
                         >
-                          <Input
-                            v-model="h.key"
-                            placeholder="Header"
-                            class="h-7 text-xs"
-                          />
-                          <Input
-                            v-model="h.value"
-                            placeholder="Value"
-                            class="h-7 text-xs"
-                          />
+                          <Input v-model="h.key" placeholder="Header" class="h-7 text-xs" />
+                          <Input v-model="h.value" placeholder="Value" class="h-7 text-xs" />
                           <Button
                             variant="ghost"
                             size="icon"
-                            class="h-7 w-7 shrink-0 text-muted-foreground hover:text-destructive"
+                            class="text-muted-foreground hover:text-destructive h-7 w-7 shrink-0"
                             @click="removeHttpHeaderFun(i)"
                           >
                             <Trash2 class="h-3 w-3" />
@@ -1137,9 +1025,7 @@ const formatTime = (ts: number | null) => {
                         <div class="text-[13px] font-semibold">
                           {{ t("dashboard.jsRuntime.editor.body") }}
                         </div>
-                        <div
-                          class="h-32 overflow-hidden rounded-md border bg-background"
-                        >
+                        <div class="bg-background h-32 overflow-hidden rounded-md border">
                           <Codemirror
                             v-model="httpSimulation.body"
                             :extensions="jsonExtensions"
@@ -1156,17 +1042,11 @@ const formatTime = (ts: number | null) => {
                 <template v-else-if="activeRunMode === 'preview'">
                   <div class="flex h-full min-h-0 flex-col space-y-4">
                     <div
-                      class="flex items-center gap-2 overflow-auto rounded-lg bg-muted/40 p-3 font-mono text-[13px]"
+                      class="bg-muted/40 flex items-center gap-2 overflow-auto rounded-lg p-3 font-mono text-[13px]"
                     >
-                      <Globe
-                        class="h-3.5 w-3.5 shrink-0 text-muted-foreground"
-                      />
-                      <div
-                        class="mx-1 flex min-w-0 flex-1 overflow-hidden text-muted-foreground"
-                      >
-                        <span class="min-w-[40px] shrink truncate opacity-70">{{
-                          wsBaseUrl
-                        }}</span>
+                      <Globe class="text-muted-foreground h-3.5 w-3.5 shrink-0" />
+                      <div class="text-muted-foreground mx-1 flex min-w-0 flex-1 overflow-hidden">
+                        <span class="min-w-[40px] shrink truncate opacity-70">{{ wsBaseUrl }}</span>
                         <span class="shrink-0"
                           >/worker-route/{{ worker?.route || "{ROUTE}" }}/</span
                         >
@@ -1190,15 +1070,8 @@ const formatTime = (ts: number | null) => {
                     <div class="mt-2 flex items-center justify-between px-1">
                       <h3 class="text-sm font-semibold">预览 (Preview)</h3>
                       <div class="flex shrink-0 items-center gap-2">
-                        <Button
-                          size="sm"
-                          @click="runWorkerFun(false)"
-                          :disabled="isActionPending"
-                        >
-                          <Loader2
-                            v-if="runLoading"
-                            class="mr-2 h-3 w-3 animate-spin"
-                          />
+                        <Button size="sm" @click="runWorkerFun(false)" :disabled="isActionPending">
+                          <Loader2 v-if="runLoading" class="mr-2 h-3 w-3 animate-spin" />
                           <Eye v-else class="mr-2 h-3 w-3" />
                           {{ t("dashboard.jsRuntime.editor.preview") }}
                         </Button>
@@ -1208,10 +1081,7 @@ const formatTime = (ts: number | null) => {
                           @click="runWorkerFun(true)"
                           :disabled="isActionPending"
                         >
-                          <Loader2
-                            v-if="saveAndRunLoading"
-                            class="mr-2 h-3 w-3 animate-spin"
-                          />
+                          <Loader2 v-if="saveAndRunLoading" class="mr-2 h-3 w-3 animate-spin" />
                           <Save v-else class="mr-2 h-3 w-3" />
                           {{ t("dashboard.jsRuntime.editor.saveAndPreview") }}
                         </Button>
@@ -1223,7 +1093,7 @@ const formatTime = (ts: number | null) => {
                     >
                       <div
                         v-if="!worker?.route"
-                        class="flex h-full items-center justify-center text-sm text-muted-foreground"
+                        class="text-muted-foreground flex h-full items-center justify-center text-sm"
                       >
                         {{ t("dashboard.jsRuntime.editor.noRoute") }}
                       </div>
@@ -1239,10 +1109,7 @@ const formatTime = (ts: number | null) => {
                 </template>
 
                 <!-- Common Result Area (for all modes except preview which has iframe) -->
-                <div
-                  v-if="activeRunMode !== 'preview'"
-                  class="flex shrink-0 flex-col gap-2"
-                >
+                <div v-if="activeRunMode !== 'preview'" class="flex shrink-0 flex-col gap-2">
                   <div class="flex items-center justify-between px-1">
                     <h3 class="text-sm font-semibold">
                       {{ t("dashboard.jsRuntime.editor.result") }}
@@ -1263,10 +1130,7 @@ const formatTime = (ts: number | null) => {
                         @click="runWorkerFun(false)"
                         :disabled="isActionPending"
                       >
-                        <Loader2
-                          v-if="runLoading"
-                          class="mr-2 h-3 w-3 animate-spin"
-                        />
+                        <Loader2 v-if="runLoading" class="mr-2 h-3 w-3 animate-spin" />
                         <Play v-else class="mr-2 h-3 w-3" />
                         {{ t("dashboard.jsRuntime.editor.run") }}
                       </Button>
@@ -1276,26 +1140,19 @@ const formatTime = (ts: number | null) => {
                         @click="runWorkerFun(true)"
                         :disabled="isActionPending"
                       >
-                        <Loader2
-                          v-if="saveAndRunLoading"
-                          class="mr-2 h-3 w-3 animate-spin"
-                        />
+                        <Loader2 v-if="saveAndRunLoading" class="mr-2 h-3 w-3 animate-spin" />
                         <Save v-else class="mr-2 h-3 w-3" />
                         {{ t("dashboard.jsRuntime.editor.saveAndRun") }}
                       </Button>
                     </div>
                   </div>
 
-                  <div
-                    class="relative overflow-hidden rounded-lg border bg-card"
-                  >
+                  <div class="bg-card relative overflow-hidden rounded-lg border">
                     <div
                       v-if="runLoading"
-                      class="absolute inset-0 z-10 flex items-center justify-center bg-background/40 backdrop-blur-[1px]"
+                      class="bg-background/40 absolute inset-0 z-10 flex items-center justify-center backdrop-blur-[1px]"
                     >
-                      <Loader2
-                        class="h-6 w-6 animate-spin text-muted-foreground"
-                      />
+                      <Loader2 class="text-muted-foreground h-6 w-6 animate-spin" />
                     </div>
 
                     <Collapsible v-model:open="httpResultOpen">
@@ -1305,14 +1162,11 @@ const formatTime = (ts: number | null) => {
                       >
                         <template v-if="parsedHttpResult">
                           <!-- Part 1: Status Code -->
-                          <div
-                            class="flex items-center gap-2 border-b bg-muted/5 px-3 py-2"
-                          >
+                          <div class="bg-muted/5 flex items-center gap-2 border-b px-3 py-2">
                             <div
                               :class="[
                                 'h-2 w-2 rounded-full',
-                                parsedHttpResult.status >= 200 &&
-                                parsedHttpResult.status < 300
+                                parsedHttpResult.status >= 200 && parsedHttpResult.status < 300
                                   ? 'bg-green-500'
                                   : 'bg-orange-500',
                               ]"
@@ -1326,11 +1180,9 @@ const formatTime = (ts: number | null) => {
                           <div class="border-b">
                             <button
                               @click="httpHeadersOpen = !httpHeadersOpen"
-                              class="flex w-full items-center justify-between px-3 py-1.5 text-[10px] font-bold tracking-tight text-muted-foreground uppercase transition-colors hover:bg-muted/30"
+                              class="text-muted-foreground hover:bg-muted/30 flex w-full items-center justify-between px-3 py-1.5 text-[10px] font-bold tracking-tight uppercase transition-colors"
                             >
-                              <span>{{
-                                t("dashboard.jsRuntime.editor.responseHeaders")
-                              }}</span>
+                              <span>{{ t("dashboard.jsRuntime.editor.responseHeaders") }}</span>
                               <ChevronDown
                                 :class="[
                                   'h-3 w-3 transition-transform duration-200',
@@ -1340,10 +1192,10 @@ const formatTime = (ts: number | null) => {
                             </button>
                             <div
                               v-show="httpHeadersOpen"
-                              class="border-t border-dashed bg-muted/10 px-3 py-2"
+                              class="bg-muted/10 border-t border-dashed px-3 py-2"
                             >
                               <pre
-                                class="font-mono text-[11px] leading-relaxed break-all whitespace-pre-wrap text-foreground/80"
+                                class="text-foreground/80 font-mono text-[11px] leading-relaxed break-all whitespace-pre-wrap"
                                 >{{ parsedHttpResult.headersText }}</pre
                               >
                             </div>
@@ -1353,15 +1205,14 @@ const formatTime = (ts: number | null) => {
                           <div
                             class="relative overflow-hidden p-1"
                             :class="
-                              parsedHttpResult.body.isImage ||
-                              parsedHttpResult.body.isHtml
+                              parsedHttpResult.body.isImage || parsedHttpResult.body.isHtml
                                 ? 'h-[300px]'
                                 : 'min-h-[100px]'
                             "
                           >
                             <div
                               v-if="parsedHttpResult.body.isImage"
-                              class="flex h-full w-full items-center justify-center overflow-hidden rounded-sm border bg-muted/20"
+                              class="bg-muted/20 flex h-full w-full items-center justify-center overflow-hidden rounded-sm border"
                             >
                               <img
                                 :src="parsedHttpResult.body.url"
@@ -1385,14 +1236,8 @@ const formatTime = (ts: number | null) => {
                         </template>
                         <div v-else class="h-[200px] p-1">
                           <Codemirror
-                            :model-value="
-                              runResult
-                                ? JSON.stringify(runResult, null, 2)
-                                : ''
-                            "
-                            :placeholder="
-                              t('dashboard.jsRuntime.logs.detailTitle')
-                            "
+                            :model-value="runResult ? JSON.stringify(runResult, null, 2) : ''"
+                            :placeholder="t('dashboard.jsRuntime.logs.detailTitle')"
                             :extensions="jsonExtensions"
                             class="h-full text-[12px]"
                             :style="{ height: '100%' }"
@@ -1404,7 +1249,7 @@ const formatTime = (ts: number | null) => {
 
                     <div
                       v-if="!runResult && !runLoading"
-                      class="flex h-[200px] flex-col items-center justify-center bg-muted/10 text-muted-foreground opacity-60"
+                      class="bg-muted/10 text-muted-foreground flex h-[200px] flex-col items-center justify-center opacity-60"
                     >
                       <Inbox class="mb-2 h-10 w-10 opacity-20" />
                       <p class="text-xs">未执行，请先执行后查看结果</p>
@@ -1415,22 +1260,15 @@ const formatTime = (ts: number | null) => {
             </div>
           </div>
         </TabsContent>
-        <TabsContent
-          value="logs"
-          class="m-0 flex h-full min-h-0 flex-col space-y-4 pt-1"
-        >
-          <div
-            class="shrink-0 rounded-xl border bg-card p-4 shadow-sm transition-all"
-          >
+        <TabsContent value="logs" class="m-0 flex h-full min-h-0 flex-col space-y-4 pt-1">
+          <div class="bg-card shrink-0 rounded-xl border p-4 shadow-sm transition-all">
             <div class="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4">
               <div class="space-y-1.5">
-                <label class="text-sm font-medium text-foreground/80">{{
+                <label class="text-foreground/80 text-sm font-medium">{{
                   t("dashboard.jsRuntime.logs.runType")
                 }}</label>
                 <Select v-model="logFilter.runType">
-                  <SelectTrigger class="h-9 w-full bg-background/50"
-                    ><SelectValue
-                  /></SelectTrigger>
+                  <SelectTrigger class="bg-background/50 h-9 w-full"><SelectValue /></SelectTrigger>
                   <SelectContent>
                     <SelectItem value="call">Call</SelectItem>
                     <SelectItem value="cron">Cron</SelectItem>
@@ -1439,13 +1277,11 @@ const formatTime = (ts: number | null) => {
                 </Select>
               </div>
               <div class="space-y-1.5">
-                <label class="text-sm font-medium text-foreground/80">{{
+                <label class="text-foreground/80 text-sm font-medium">{{
                   t("dashboard.jsRuntime.logs.status", "Status")
                 }}</label>
                 <Select v-model="logFilter.status">
-                  <SelectTrigger class="h-9 w-full bg-background/50"
-                    ><SelectValue
-                  /></SelectTrigger>
+                  <SelectTrigger class="bg-background/50 h-9 w-full"><SelectValue /></SelectTrigger>
                   <SelectContent>
                     <SelectItem value="all"
                       ><span class="flex items-center gap-2">{{
@@ -1466,7 +1302,7 @@ const formatTime = (ts: number | null) => {
                 </Select>
               </div>
               <div class="space-y-1.5">
-                <label class="text-sm font-medium text-foreground/80">{{
+                <label class="text-foreground/80 text-sm font-medium">{{
                   t("dashboard.jsRuntime.logs.limit", "Return Limit")
                 }}</label>
                 <Input
@@ -1474,58 +1310,40 @@ const formatTime = (ts: number | null) => {
                   type="number"
                   min="1"
                   max="500"
-                  class="h-9 bg-background/50"
-                  @update:model-value="
-                    logFilter.limit = Math.max(1, Number($event) || 20)
-                  "
+                  class="bg-background/50 h-9"
+                  @update:model-value="logFilter.limit = Math.max(1, Number($event) || 20)"
                 />
               </div>
               <div class="space-y-1.5">
-                <label class="text-sm font-medium text-foreground/80">{{
+                <label class="text-foreground/80 text-sm font-medium">{{
                   t("dashboard.jsRuntime.logs.latestOnly", "Latest Only")
                 }}</label>
                 <Select
                   :model-value="logFilter.latestOnly ? 'yes' : 'no'"
                   @update:model-value="logFilter.latestOnly = $event === 'yes'"
                 >
-                  <SelectTrigger class="h-9 w-full bg-background/50"
-                    ><SelectValue
-                  /></SelectTrigger>
+                  <SelectTrigger class="bg-background/50 h-9 w-full"><SelectValue /></SelectTrigger>
                   <SelectContent>
-                    <SelectItem value="no">{{
-                      t("common.disable", "Disabled")
-                    }}</SelectItem>
-                    <SelectItem value="yes">{{
-                      t("common.enable", "Enabled")
-                    }}</SelectItem>
+                    <SelectItem value="no">{{ t("common.disable", "Disabled") }}</SelectItem>
+                    <SelectItem value="yes">{{ t("common.enable", "Enabled") }}</SelectItem>
                   </SelectContent>
                 </Select>
               </div>
               <div class="space-y-1.5">
-                <label class="text-sm font-medium text-foreground/80">{{
+                <label class="text-foreground/80 text-sm font-medium">{{
                   t("dashboard.jsRuntime.logs.recordId", "Record ID")
                 }}</label>
-                <Input
-                  v-model="logFilter.id"
-                  type="number"
-                  min="1"
-                  class="h-9 bg-background/50"
-                />
+                <Input v-model="logFilter.id" type="number" min="1" class="bg-background/50 h-9" />
               </div>
 
-              <div
-                class="flex w-full items-end justify-end gap-3 sm:col-span-2 lg:col-span-4"
-              >
+              <div class="flex w-full items-end justify-end gap-3 sm:col-span-2 lg:col-span-4">
                 <Button
                   :disabled="logsLoading"
                   @click="resetLogsFilterFun"
                   variant="outline"
-                  class="h-9 px-4 hover:bg-muted"
+                  class="hover:bg-muted h-9 px-4"
                 >
-                  <RotateCcw
-                    class="mr-2 h-4 w-4"
-                    :class="{ 'animate-spin': logsLoading }"
-                  />
+                  <RotateCcw class="mr-2 h-4 w-4" :class="{ 'animate-spin': logsLoading }" />
                   {{ t("common.reset", "Reset") }}
                 </Button>
                 <Button
@@ -1542,33 +1360,21 @@ const formatTime = (ts: number | null) => {
           </div>
 
           <div
-            class="relative flex min-h-0 flex-1 flex-col overflow-hidden rounded-xl border bg-card text-card-foreground shadow-sm"
+            class="bg-card text-card-foreground relative flex min-h-0 flex-1 flex-col overflow-hidden rounded-xl border shadow-sm"
           >
             <div class="min-h-0 flex-1 overflow-auto">
               <Table>
                 <TableHeader class="bg-muted/30">
                   <TableRow class="hover:bg-transparent">
-                    <TableHead
-                      class="w-[100px] font-medium whitespace-nowrap"
-                      >{{
-                        t("dashboard.jsRuntime.logs.recordId", "Record ID")
-                      }}</TableHead
-                    >
-                    <TableHead
-                      class="w-[170px] font-medium whitespace-nowrap"
-                      >{{
-                        t(
-                          "dashboard.jsRuntime.logs.startTime",
-                          "Execution Time",
-                        )
-                      }}</TableHead
-                    >
-                    <TableHead
-                      class="w-[100px] font-medium whitespace-nowrap"
-                      >{{
-                        t("dashboard.jsRuntime.logs.status", "Status")
-                      }}</TableHead
-                    >
+                    <TableHead class="w-[100px] font-medium whitespace-nowrap">{{
+                      t("dashboard.jsRuntime.logs.recordId", "Record ID")
+                    }}</TableHead>
+                    <TableHead class="w-[170px] font-medium whitespace-nowrap">{{
+                      t("dashboard.jsRuntime.logs.startTime", "Execution Time")
+                    }}</TableHead>
+                    <TableHead class="w-[100px] font-medium whitespace-nowrap">{{
+                      t("dashboard.jsRuntime.logs.status", "Status")
+                    }}</TableHead>
                     <TableHead class="font-medium whitespace-nowrap">{{
                       t("dashboard.jsRuntime.logs.message", "Message")
                     }}</TableHead>
@@ -1580,27 +1386,21 @@ const formatTime = (ts: number | null) => {
                 <TableBody>
                   <TableRow v-if="logsLoading && logs.length === 0">
                     <TableCell colspan="5" class="h-[300px] text-center">
-                      <div
-                        class="flex flex-col items-center justify-center space-y-3"
-                      >
-                        <Loader2
-                          class="h-6 w-6 animate-spin text-muted-foreground/50"
-                        />
-                        <span class="text-sm font-medium">{{
-                          t("common.loading")
-                        }}</span>
+                      <div class="flex flex-col items-center justify-center space-y-3">
+                        <Loader2 class="text-muted-foreground/50 h-6 w-6 animate-spin" />
+                        <span class="text-sm font-medium">{{ t("common.loading") }}</span>
                       </div>
                     </TableCell>
                   </TableRow>
                   <TableRow v-else-if="logs.length === 0">
                     <TableCell colspan="5" class="h-[300px] text-center">
                       <div
-                        class="flex flex-col items-center justify-center space-y-3 text-muted-foreground"
+                        class="text-muted-foreground flex flex-col items-center justify-center space-y-3"
                       >
                         <div
-                          class="flex h-12 w-12 items-center justify-center rounded-full bg-muted/50"
+                          class="bg-muted/50 flex h-12 w-12 items-center justify-center rounded-full"
                         >
-                          <Inbox class="h-6 w-6 text-muted-foreground/60" />
+                          <Inbox class="text-muted-foreground/60 h-6 w-6" />
                         </div>
                         <p class="text-sm">
                           {{ t("common.noData", "No Data") }}
@@ -1609,23 +1409,16 @@ const formatTime = (ts: number | null) => {
                     </TableCell>
                   </TableRow>
                   <TableRow v-for="log in logs" :key="log.id">
-                    <TableCell
-                      class="py-3 font-mono text-xs text-foreground/80"
-                      >{{ log.id }}</TableCell
-                    >
+                    <TableCell class="text-foreground/80 py-3 font-mono text-xs">{{
+                      log.id
+                    }}</TableCell>
                     <TableCell class="py-3 whitespace-nowrap">
-                      <div
-                        class="flex items-center gap-2 text-sm text-foreground/90"
-                      >
-                        <span class="font-mono">{{
-                          formatTime(log.start_time)
-                        }}</span>
+                      <div class="text-foreground/90 flex items-center gap-2 text-sm">
+                        <span class="font-mono">{{ formatTime(log.start_time) }}</span>
                       </div>
                     </TableCell>
                     <TableCell class="py-3">
-                      <Badge
-                        :variant="log.error_message ? 'destructive' : 'default'"
-                      >
+                      <Badge :variant="log.error_message ? 'destructive' : 'default'">
                         {{
                           log.error_message
                             ? t("dashboard.jsRuntime.logs.error", "Error")
@@ -1635,16 +1428,12 @@ const formatTime = (ts: number | null) => {
                     </TableCell>
                     <TableCell class="py-3">
                       <p
-                        class="max-w-[200px] truncate text-sm text-foreground/80 md:max-w-[400px]"
+                        class="text-foreground/80 max-w-[200px] truncate text-sm md:max-w-[400px]"
                         :title="
-                          log.error_message ||
-                          t('dashboard.jsRuntime.logs.success', 'Success')
+                          log.error_message || t('dashboard.jsRuntime.logs.success', 'Success')
                         "
                       >
-                        {{
-                          log.error_message ||
-                          t("dashboard.jsRuntime.logs.success", "Success")
-                        }}
+                        {{ log.error_message || t("dashboard.jsRuntime.logs.success", "Success") }}
                       </p>
                     </TableCell>
                     <TableCell class="py-3 pr-6 text-right">
@@ -1678,15 +1467,11 @@ const formatTime = (ts: number | null) => {
 
             <div
               v-if="totalPages > 1 || allLogs.length > 0"
-              class="flex flex-col gap-3 border-t bg-muted/10 px-4 py-3 md:flex-row md:items-center md:justify-between"
+              class="bg-muted/10 flex flex-col gap-3 border-t px-4 py-3 md:flex-row md:items-center md:justify-between"
             >
-              <div
-                class="flex items-center gap-3 text-sm text-muted-foreground"
-              >
+              <div class="text-muted-foreground flex items-center gap-3 text-sm">
                 <div class="flex items-center gap-2">
-                  <span>{{
-                    t("dashboard.jsRuntime.logs.limit", "Return Limit")
-                  }}</span>
+                  <span>{{ t("dashboard.jsRuntime.logs.limit", "Return Limit") }}</span>
                   <Select
                     :model-value="String(pageSize)"
                     @update:model-value="
@@ -1696,7 +1481,7 @@ const formatTime = (ts: number | null) => {
                       }
                     "
                   >
-                    <SelectTrigger class="h-8 w-[88px] bg-background"
+                    <SelectTrigger class="bg-background h-8 w-[88px]"
                       ><SelectValue
                     /></SelectTrigger>
                     <SelectContent>
@@ -1709,16 +1494,13 @@ const formatTime = (ts: number | null) => {
                     </SelectContent>
                   </Select>
                 </div>
-                <span
-                  >{{ totalPages > 0 ? currentPage : 0 }} /
-                  {{ totalPages }}</span
-                >
+                <span>{{ totalPages > 0 ? currentPage : 0 }} / {{ totalPages }}</span>
               </div>
               <div class="flex items-center gap-2">
                 <Button
                   variant="outline"
                   size="sm"
-                  class="h-8 bg-background px-3 shadow-sm transition-colors hover:bg-muted"
+                  class="bg-background hover:bg-muted h-8 px-3 shadow-sm transition-colors"
                   :disabled="currentPage <= 1 || logsLoading"
                   @click="currentPage--"
                 >
@@ -1728,7 +1510,7 @@ const formatTime = (ts: number | null) => {
                 <Button
                   variant="outline"
                   size="sm"
-                  class="h-8 bg-background px-3 shadow-sm transition-colors hover:bg-muted"
+                  class="bg-background hover:bg-muted h-8 px-3 shadow-sm transition-colors"
                   :disabled="currentPage >= totalPages || logsLoading"
                   @click="currentPage++"
                 >
@@ -1744,16 +1526,10 @@ const formatTime = (ts: number | null) => {
           <div class="max-w-3xl space-y-6">
             <Card>
               <CardHeader>
-                <CardTitle>{{
-                  t("dashboard.jsRuntime.settings.envVars")
-                }}</CardTitle>
+                <CardTitle>{{ t("dashboard.jsRuntime.settings.envVars") }}</CardTitle>
               </CardHeader>
               <CardContent class="space-y-4">
-                <div
-                  v-for="(item, index) in envVars"
-                  :key="index"
-                  class="flex items-center gap-4"
-                >
+                <div v-for="(item, index) in envVars" :key="index" class="flex items-center gap-4">
                   <Input
                     v-model="item.key"
                     :placeholder="t('dashboard.jsRuntime.settings.key')"
@@ -1767,7 +1543,7 @@ const formatTime = (ts: number | null) => {
                   <Button
                     variant="ghost"
                     size="icon"
-                    class="h-8 w-8 text-destructive"
+                    class="text-destructive h-8 w-8"
                     @click="envVars.splice(index, 1)"
                     v-if="index < envVars.length - 1"
                   >
@@ -1780,9 +1556,7 @@ const formatTime = (ts: number | null) => {
 
             <Card>
               <CardHeader>
-                <CardTitle>{{
-                  t("dashboard.jsRuntime.settings.route")
-                }}</CardTitle>
+                <CardTitle>{{ t("dashboard.jsRuntime.settings.route") }}</CardTitle>
               </CardHeader>
               <CardContent>
                 <div class="flex items-center gap-4">
@@ -1797,9 +1571,7 @@ const formatTime = (ts: number | null) => {
 
             <Card>
               <CardHeader>
-                <CardTitle>{{
-                  t("dashboard.jsRuntime.settings.cleanTime")
-                }}</CardTitle>
+                <CardTitle>{{ t("dashboard.jsRuntime.settings.cleanTime") }}</CardTitle>
               </CardHeader>
               <CardContent>
                 <div class="flex items-center gap-4">
@@ -1861,14 +1633,8 @@ const formatTime = (ts: number | null) => {
             </Card>
 
             <div class="flex justify-end">
-              <Button
-                @click="updateWorkerSettingsFun"
-                :disabled="isActionPending"
-              >
-                <Loader2
-                  v-if="settingsLoading"
-                  class="mr-2 h-4 w-4 animate-spin"
-                />
+              <Button @click="updateWorkerSettingsFun" :disabled="isActionPending">
+                <Loader2 v-if="settingsLoading" class="mr-2 h-4 w-4 animate-spin" />
                 {{ t("dashboard.jsRuntime.settings.confirm") }}
               </Button>
             </div>
@@ -1880,9 +1646,7 @@ const formatTime = (ts: number | null) => {
     <Dialog v-model:open="logDetailOpen">
       <DialogContent class="flex max-h-[80vh] max-w-3xl flex-col">
         <DialogHeader>
-          <DialogTitle>{{
-            t("dashboard.jsRuntime.logs.detailTitle", "Log Detail")
-          }}</DialogTitle>
+          <DialogTitle>{{ t("dashboard.jsRuntime.logs.detailTitle", "Log Detail") }}</DialogTitle>
           <DialogDescription> ID: {{ currentLog?.id }} </DialogDescription>
         </DialogHeader>
         <div class="min-h-0 flex-1 overflow-auto rounded-md border p-4">
@@ -1892,9 +1656,7 @@ const formatTime = (ts: number | null) => {
               <div class="h-48">
                 <Codemirror
                   :model-value="
-                    currentLog?.param
-                      ? JSON.stringify(currentLog.param, null, 2)
-                      : '{}'
+                    currentLog?.param ? JSON.stringify(currentLog.param, null, 2) : '{}'
                   "
                   :extensions="jsonExtensions"
                   class="h-full rounded border text-[12px]"
@@ -1908,9 +1670,7 @@ const formatTime = (ts: number | null) => {
               <div class="h-48">
                 <Codemirror
                   :model-value="
-                    currentLog?.result
-                      ? JSON.stringify(currentLog.result, null, 2)
-                      : 'null'
+                    currentLog?.result ? JSON.stringify(currentLog.result, null, 2) : 'null'
                   "
                   :extensions="jsonExtensions"
                   class="h-full rounded border text-[12px]"
@@ -1920,9 +1680,9 @@ const formatTime = (ts: number | null) => {
               </div>
             </div>
             <div v-if="currentLog?.error_message">
-              <h4 class="mb-2 font-medium text-destructive">Error</h4>
+              <h4 class="text-destructive mb-2 font-medium">Error</h4>
               <pre
-                class="overflow-auto rounded border border-destructive/20 bg-destructive/10 p-2 text-sm text-destructive"
+                class="border-destructive/20 bg-destructive/10 text-destructive overflow-auto rounded border p-2 text-sm"
                 >{{ currentLog.error_message }}</pre
               >
             </div>
@@ -1937,13 +1697,12 @@ const formatTime = (ts: number | null) => {
       <DialogHeader>
         <DialogTitle>编辑脚本描述</DialogTitle>
         <DialogDescription
-          >支持 Markdown 语法，不支持 HTML
-          标签嵌入，留空则显示无描述。</DialogDescription
+          >支持 Markdown 语法，不支持 HTML 标签嵌入，留空则显示无描述。</DialogDescription
         >
       </DialogHeader>
 
       <div class="space-y-4 py-4">
-        <div class="flex min-h-0 flex-col rounded-lg border bg-card">
+        <div class="bg-card flex min-h-0 flex-col rounded-lg border">
           <Codemirror
             v-model="descriptionEditText"
             :extensions="[]"
@@ -1953,17 +1712,9 @@ const formatTime = (ts: number | null) => {
       </div>
 
       <div class="mt-2 flex justify-end gap-3 border-t pt-4">
-        <Button variant="outline" @click="descriptionEditOpen = false"
-          >取消</Button
-        >
-        <Button
-          @click="updateWorkerDescriptionFun"
-          :disabled="descriptionLoading"
-        >
-          <Loader2
-            v-if="descriptionLoading"
-            class="mr-2 h-4 w-4 animate-spin"
-          />
+        <Button variant="outline" @click="descriptionEditOpen = false">取消</Button>
+        <Button @click="updateWorkerDescriptionFun" :disabled="descriptionLoading">
+          <Loader2 v-if="descriptionLoading" class="mr-2 h-4 w-4 animate-spin" />
           保存描述
         </Button>
       </div>
diff --git a/src/pages/dashboard/kv.vue b/src/pages/dashboard/kv.vue
index fed50989..dd2e5376 100644
--- a/src/pages/dashboard/kv.vue
+++ b/src/pages/dashboard/kv.vue
@@ -136,9 +136,7 @@ const handleDelete = async (key: string) => {
     await kv.deleteKey(key);
     toast.success(t("dashboard.kv.deleteSuccess"));
   } catch (e: unknown) {
-    toast.error(
-      e instanceof Error ? e.message : t("dashboard.kv.deleteFailed"),
-    );
+    toast.error(e instanceof Error ? e.message : t("dashboard.kv.deleteFailed"));
   }
 };
 
@@ -147,9 +145,7 @@ const handleNsDelete = async (ns: string) => {
   try {
     const { partialFailures } = await kv.deleteNamespace(ns);
     if (partialFailures.length > 0) {
-      toast.warning(
-        `部分 key 删除失败，namespace 仍存在：${partialFailures.join("、")}`,
-      );
+      toast.warning(`部分 key 删除失败，namespace 仍存在：${partialFailures.join("、")}`);
     } else {
       toast.success(`命名空间「${ns}」已删除`);
     }
@@ -168,8 +164,8 @@ const openAddKey = () => {
 </script>
 
 <template>
-  <div class="h-full flex flex-col space-y-4">
-    <h1 class="text-2xl font-bold mb-2">{{ $t("dashboard.kv.title") }}</h1>
+  <div class="flex h-full flex-col space-y-4">
+    <h1 class="mb-2 text-2xl font-bold">{{ $t("dashboard.kv.title") }}</h1>
 
     <!-- Tabs (only displayed in namespace list view) -->
     <Tabs
@@ -178,15 +174,9 @@ const openAddKey = () => {
       @update:model-value="handleTabChange($event as string)"
     >
       <TabsList>
-        <TabsTrigger value="list">{{
-          $t("dashboard.kv.normalView")
-        }}</TabsTrigger>
-        <TabsTrigger value="flat" v-if="false">{{
-          $t("dashboard.kv.flatView")
-        }}</TabsTrigger>
-        <TabsTrigger value="node">{{
-          $t("dashboard.kv.nodeView")
-        }}</TabsTrigger>
+        <TabsTrigger value="list">{{ $t("dashboard.kv.normalView") }}</TabsTrigger>
+        <TabsTrigger value="flat" v-if="false">{{ $t("dashboard.kv.flatView") }}</TabsTrigger>
+        <TabsTrigger value="node">{{ $t("dashboard.kv.nodeView") }}</TabsTrigger>
       </TabsList>
 
       <!-- Normal View: namespace list -->
@@ -227,11 +217,9 @@ const openAddKey = () => {
           <Button variant="outline" size="sm" @click="backToList">{{
             $t("dashboard.kv.back")
           }}</Button>
-          <p class="text-sm text-muted-foreground">
+          <p class="text-muted-foreground text-sm">
             {{ $t("dashboard.kv.namespace") }}
-            <span class="font-mono font-medium text-foreground">{{
-              selectedNamespace
-            }}</span>
+            <span class="text-foreground font-mono font-medium">{{ selectedNamespace }}</span>
             {{ $t("dashboard.kv.allKeys", { count: kv.entries.value.length }) }}
           </p>
         </div>
diff --git a/src/pages/dashboard/logs.vue b/src/pages/dashboard/logs.vue
index 1bc3ff7d..dd8e593a 100644
--- a/src/pages/dashboard/logs.vue
+++ b/src/pages/dashboard/logs.vue
@@ -19,7 +19,7 @@ definePage({
       {{ $t('dashboard.workInProcess') }}
     </p>
   </div> -->
-  <div class="h-full flex flex-col space-y-6">
+  <div class="flex h-full flex-col space-y-6">
     <div class="flex items-center justify-between">
       <div>
         <h2 class="text-2xl font-bold tracking-tight">
diff --git a/src/pages/dashboard/map.vue b/src/pages/dashboard/map.vue
index 8d047086..f978b48a 100644
--- a/src/pages/dashboard/map.vue
+++ b/src/pages/dashboard/map.vue
@@ -32,9 +32,7 @@ const userLocation = ref<{
   name: string;
   value: [number, number, number];
 } | null>(null);
-const locationStatus = ref<
-  "idle" | "loading" | "success" | "unavailable" | "denied"
->("idle");
+const locationStatus = ref<"idle" | "loading" | "success" | "unavailable" | "denied">("idle");
 const displayedUserLocation = computed(() => {
   if (!showUserLinks.value || !userLocation.value) return null;
   return {
@@ -44,21 +42,15 @@ const displayedUserLocation = computed(() => {
 });
 const locationStatusText = computed(() => {
   if (!showUserLinks.value) return "";
-  if (locationStatus.value === "loading")
-    return t("dashboard.map.locationStatus.loading");
-  if (locationStatus.value === "success")
-    return t("dashboard.map.locationStatus.success");
-  if (locationStatus.value === "unavailable")
-    return t("dashboard.map.locationStatus.unavailable");
-  if (locationStatus.value === "denied")
-    return t("dashboard.map.locationStatus.denied");
+  if (locationStatus.value === "loading") return t("dashboard.map.locationStatus.loading");
+  if (locationStatus.value === "success") return t("dashboard.map.locationStatus.success");
+  if (locationStatus.value === "unavailable") return t("dashboard.map.locationStatus.unavailable");
+  if (locationStatus.value === "denied") return t("dashboard.map.locationStatus.denied");
   return "";
 });
 let locationWatchId: number | null = null;
 const regionDisplayNames =
-  typeof Intl !== "undefined"
-    ? new Intl.DisplayNames(["en"], { type: "region" })
-    : null;
+  typeof Intl !== "undefined" ? new Intl.DisplayNames(["en"], { type: "region" }) : null;
 const regionNameFallback: Record<string, string> = {
   // 大中华区
   HK: "Hong Kong",
@@ -342,28 +334,18 @@ function getCountryNameFromRegion(region?: string) {
   if (!region) return null;
   const normalized = region.trim().toUpperCase();
   if (!normalized) return null;
-  return (
-    regionNameFallback[normalized] ?? regionDisplayNames?.of(normalized) ?? null
-  );
+  return regionNameFallback[normalized] ?? regionDisplayNames?.of(normalized) ?? null;
 }
 
 function stopUserLocationWatch() {
-  if (
-    locationWatchId !== null &&
-    typeof navigator !== "undefined" &&
-    navigator.geolocation
-  ) {
+  if (locationWatchId !== null && typeof navigator !== "undefined" && navigator.geolocation) {
     navigator.geolocation.clearWatch(locationWatchId);
   }
   locationWatchId = null;
 }
 
 function startUserLocationWatch() {
-  if (
-    typeof navigator === "undefined" ||
-    !navigator.geolocation ||
-    locationWatchId !== null
-  ) {
+  if (typeof navigator === "undefined" || !navigator.geolocation || locationWatchId !== null) {
     locationStatus.value = "unavailable";
     return;
   }
@@ -410,20 +392,15 @@ watch(showUserLinks, (enabled) => {
   }
 });
 
-const visibleServers = computed(() =>
-  servers.value.filter((server) => !server.hidden),
-);
+const visibleServers = computed(() => servers.value.filter((server) => !server.hidden));
 
 const nodeList = computed(() => {
   const coordGroupCount = new Map<string, number>();
   const coordGroupIndex = new Map<string, number>();
   const baseNodes = visibleServers.value
     .map((server) => {
-      const hasCustomCoord =
-        Number.isFinite(server.longitude) && Number.isFinite(server.latitude);
-      const regionMeta = server.region
-        ? REGION_COORDS[server.region]
-        : undefined;
+      const hasCustomCoord = Number.isFinite(server.longitude) && Number.isFinite(server.latitude);
+      const regionMeta = server.region ? REGION_COORDS[server.region] : undefined;
       const coord: [number, number] | null = hasCustomCoord
         ? [server.longitude as number, server.latitude as number]
         : (regionMeta?.coord ?? null);
@@ -440,10 +417,7 @@ const nodeList = computed(() => {
         countryName: getCountryNameFromRegion(server.region),
         region:
           (getCountryNameFromRegion(server.region)
-            ? getDisplayCountryName(
-                getCountryNameFromRegion(server.region)!,
-                locale.value,
-              )
+            ? getDisplayCountryName(getCountryNameFromRegion(server.region)!, locale.value)
             : null) ||
           regionMeta?.name ||
           server.region ||
@@ -472,16 +446,14 @@ const nodeList = computed(() => {
         countryName: node.countryName,
         count: 1,
         nodes: [node.nodeName],
-        value: [
-          node.coord[0] + longitudeOffset,
-          node.coord[1] + latitudeOffset,
-          1,
-        ] as [number, number, number],
+        value: [node.coord[0] + longitudeOffset, node.coord[1] + latitudeOffset, 1] as [
+          number,
+          number,
+          number,
+        ],
       };
     })
-    .sort((a, b) =>
-      `${a.region}-${a.name}`.localeCompare(`${b.region}-${b.name}`, "zh-CN"),
-    );
+    .sort((a, b) => `${a.region}-${a.name}`.localeCompare(`${b.region}-${b.name}`, "zh-CN"));
 });
 
 const selectedNode = computed(
@@ -514,8 +486,7 @@ const mapPoints = computed(() => {
   for (const server of visibleServers.value) {
     const iso = server.region?.trim().toUpperCase();
     if (!iso) continue;
-    const hasCustomCoord =
-      Number.isFinite(server.longitude) && Number.isFinite(server.latitude);
+    const hasCustomCoord = Number.isFinite(server.longitude) && Number.isFinite(server.latitude);
     const regionMeta = REGION_COORDS[iso];
     const coord: [number, number] | null = hasCustomCoord
       ? [server.longitude as number, server.latitude as number]
@@ -527,10 +498,7 @@ const mapPoints = computed(() => {
         isoCode: iso,
         region:
           (getCountryNameFromRegion(iso)
-            ? getDisplayCountryName(
-                getCountryNameFromRegion(iso)!,
-                locale.value,
-              )
+            ? getDisplayCountryName(getCountryNameFromRegion(iso)!, locale.value)
             : null) ||
           regionMeta?.name ||
           iso,
@@ -563,10 +531,7 @@ watch(
       selectedNodeId.value = null;
       return;
     }
-    if (
-      !selectedNodeId.value ||
-      !nodes.some((node) => node.id === selectedNodeId.value)
-    ) {
+    if (!selectedNodeId.value || !nodes.some((node) => node.id === selectedNodeId.value)) {
       selectedNodeId.value = nodes[0]?.id ?? null;
     }
   },
@@ -580,11 +545,9 @@ watch(
       <h1 class="text-2xl font-bold tracking-tight">
         {{ t("dashboard.map.title") }}
       </h1>
-      <p class="text-sm text-muted-foreground">
+      <p class="text-muted-foreground text-sm">
         {{
-          loading
-            ? t("common.loading")
-            : t("dashboard.map.nodeCount", { count: nodeList.length })
+          loading ? t("common.loading") : t("dashboard.map.nodeCount", { count: nodeList.length })
         }}
       </p>
       <p v-if="error" class="text-sm text-red-600">{{ error }}</p>
@@ -593,9 +556,7 @@ watch(
     <Card class="overflow-hidden border-sky-100/70">
       <CardContent class="px-4 sm:px-6">
         <Tabs v-model="activeView" class="gap-3">
-          <div
-            class="flex flex-col gap-3 pt-4 sm:flex-row sm:items-center sm:justify-between"
-          >
+          <div class="flex flex-col gap-3 pt-4 sm:flex-row sm:items-center sm:justify-between">
             <TabsList>
               <TabsTrigger value="flat">
                 {{ t("dashboard.map.tabs.flat") }}
@@ -606,21 +567,16 @@ watch(
             </TabsList>
 
             <div
-              class="flex flex-wrap items-center gap-3 text-sm text-muted-foreground sm:justify-end"
+              class="text-muted-foreground flex flex-wrap items-center gap-3 text-sm sm:justify-end"
             >
-              <span
-                v-if="locationStatusText"
-                class="text-xs text-muted-foreground/80"
-              >
+              <span v-if="locationStatusText" class="text-muted-foreground/80 text-xs">
                 {{ locationStatusText }}
               </span>
               <label class="flex cursor-pointer items-center gap-2">
                 <Checkbox
                   id="show-unlocked-countries"
                   :model-value="showUnlockedCountries"
-                  @update:model-value="
-                    (checked) => (showUnlockedCountries = !!checked)
-                  "
+                  @update:model-value="(checked) => (showUnlockedCountries = !!checked)"
                 />
                 <span>{{ t("dashboard.map.showUnlockedCountries") }}</span>
               </label>
@@ -656,15 +612,13 @@ watch(
           </TabsContent>
         </Tabs>
 
-        <div
-          class="mt-4 rounded-2xl border border-sky-100/80 bg-background/70 p-4"
-        >
+        <div class="bg-background/70 mt-4 rounded-2xl border border-sky-100/80 p-4">
           <div class="flex items-center justify-between gap-3">
             <div>
               <h2 class="text-base font-semibold">
                 {{ t("dashboard.map.nodeListTitle") }}
               </h2>
-              <p class="text-sm text-muted-foreground">
+              <p class="text-muted-foreground text-sm">
                 {{ t("dashboard.map.nodeListDescription") }}
               </p>
             </div>
@@ -692,10 +646,10 @@ watch(
               @click="selectedNodeId = node.id"
             >
               <div class="min-w-0">
-                <div class="truncate font-medium text-foreground">
+                <div class="text-foreground truncate font-medium">
                   {{ node.name }}
                 </div>
-                <div class="text-xs text-muted-foreground">
+                <div class="text-muted-foreground text-xs">
                   <span class="truncate">{{ node.region }}</span>
                   <span v-if="node.isoCode" class="ml-1 font-mono opacity-50">{{
                     node.isoCode
@@ -713,7 +667,7 @@ watch(
             </button>
           </div>
 
-          <p v-else class="mt-4 text-sm text-muted-foreground">
+          <p v-else class="text-muted-foreground mt-4 text-sm">
             {{ t("dashboard.map.noNodes") }}
           </p>
         </div>
diff --git a/src/pages/dashboard/node-manage.vue b/src/pages/dashboard/node-manage.vue
index 74dd853b..efd1ab7f 100644
--- a/src/pages/dashboard/node-manage.vue
+++ b/src/pages/dashboard/node-manage.vue
@@ -40,7 +40,7 @@ const activeTab = computed({
         <h1 class="text-2xl font-semibold">
           {{ t("dashboard.nodeManage.title") }}
         </h1>
-        <p class="text-sm text-muted-foreground mt-1">
+        <p class="text-muted-foreground mt-1 text-sm">
           {{ t("dashboard.nodeManage.desc") }}
         </p>
       </div>
diff --git a/src/pages/dashboard/node/[uuid].vue b/src/pages/dashboard/node/[uuid].vue
index 8ba38f6a..6ad6a4c9 100644
--- a/src/pages/dashboard/node/[uuid].vue
+++ b/src/pages/dashboard/node/[uuid].vue
@@ -5,8 +5,7 @@ import { onMounted, computed } from "vue";
 import { useRoute } from "vue-router";
 
 definePage({
-  redirect: (to) =>
-    `/dashboard/node/${(to.params as { uuid: string }).uuid}/status`,
+  redirect: (to) => `/dashboard/node/${(to.params as { uuid: string }).uuid}/status`,
   meta: {
     title: "router.node.detail",
     hidden: true,
@@ -28,8 +27,8 @@ const currentAgentUUID = computed(() => {
 </script>
 
 <template>
-  <div class="h-full flex flex-col gap-2">
-    <div class="flex-1 overflow-hidden min-h-0">
+  <div class="flex h-full flex-col gap-2">
+    <div class="min-h-0 flex-1 overflow-hidden">
       <router-view :key="currentAgentUUID" v-if="currentAgentUUID" />
     </div>
   </div>
diff --git a/src/pages/dashboard/node/[uuid]/LatencyView.vue b/src/pages/dashboard/node/[uuid]/LatencyView.vue
index 7793d6ee..0279e481 100644
--- a/src/pages/dashboard/node/[uuid]/LatencyView.vue
+++ b/src/pages/dashboard/node/[uuid]/LatencyView.vue
@@ -7,14 +7,7 @@ import { useBackendStore } from "@/composables/useBackendStore";
 import { useCronHistory } from "@/composables/useCronHistory";
 import type { TaskQueryResult } from "@/composables/useCronHistory";
 
-const CHART_COLORS = [
-  "#3b82f6",
-  "#10b981",
-  "#f59e0b",
-  "#ef4444",
-  "#8b5cf6",
-  "#06b6d4",
-];
+const CHART_COLORS = ["#3b82f6", "#10b981", "#f59e0b", "#ef4444", "#8b5cf6", "#06b6d4"];
 
 function nameColor(name: string): string {
   let h = 0;
@@ -30,37 +23,28 @@ type SeriesStats = {
   lossRate: number;
 };
 
-function computeStats(
-  data: TaskQueryResult[],
-  type: "ping" | "tcp_ping",
-): SeriesStats[] {
+function computeStats(data: TaskQueryResult[], type: "ping" | "tcp_ping"): SeriesStats[] {
   const cronNames = [...new Set(data.map((r) => r.cron_source ?? "未知"))];
   return cronNames
     .map((name) => {
       const rows = data.filter((r) => (r.cron_source ?? "未知") === name);
       const total = rows.length;
       const color = nameColor(name);
-      if (total === 0)
-        return { name, color, avg: null, jitter: null, lossRate: 0 };
+      if (total === 0) return { name, color, avg: null, jitter: null, lossRate: 0 };
 
       const vals = rows
         .filter(
-          (r) =>
-            r.success &&
-            r.task_event_result &&
-            typeof r.task_event_result[type] === "number",
+          (r) => r.success && r.task_event_result && typeof r.task_event_result[type] === "number",
         )
         .map((r) => r.task_event_result![type] as number);
 
       const lossRate = ((total - vals.length) / total) * 100;
-      if (vals.length === 0)
-        return { name, color, avg: null, jitter: null, lossRate };
+      if (vals.length === 0) return { name, color, avg: null, jitter: null, lossRate };
 
       const avg = vals.reduce((s, v) => s + v, 0) / vals.length;
       const jitter =
         vals.length >= 2
-          ? vals.slice(1).reduce((s, v, i) => s + Math.abs(v - vals[i]!), 0) /
-            (vals.length - 1)
+          ? vals.slice(1).reduce((s, v, i) => s + Math.abs(v - vals[i]!), 0) / (vals.length - 1)
           : null;
 
       return { name, color, avg, jitter, lossRate };
@@ -77,9 +61,7 @@ function computeStats(
 }
 
 const route = useRoute();
-const uuid = computed(
-  () => (route.params as Record<string, string>).uuid ?? "",
-);
+const uuid = computed(() => (route.params as Record<string, string>).uuid ?? "");
 
 const { currentBackend } = useBackendStore();
 const { queryTask } = useCronHistory();
@@ -182,16 +164,8 @@ const fetchData = async () => {
   tcpPingLoading.value = true;
 
   const [pingResult, tcpResult] = await Promise.allSettled([
-    queryTask([
-      { uuid: uuid.value },
-      { timestamp_from_to: [pingFrom, now] },
-      { type: "ping" },
-    ]),
-    queryTask([
-      { uuid: uuid.value },
-      { timestamp_from_to: [tcpFrom, now] },
-      { type: "tcp_ping" },
-    ]),
+    queryTask([{ uuid: uuid.value }, { timestamp_from_to: [pingFrom, now] }, { type: "ping" }]),
+    queryTask([{ uuid: uuid.value }, { timestamp_from_to: [tcpFrom, now] }, { type: "tcp_ping" }]),
   ]);
 
   pingLoading.value = false;
@@ -217,9 +191,7 @@ const fetchData = async () => {
 };
 
 const pingStats = computed(() => computeStats(pingData.value, "ping"));
-const tcpPingStats = computed(() =>
-  computeStats(tcpPingData.value, "tcp_ping"),
-);
+const tcpPingStats = computed(() => computeStats(tcpPingData.value, "tcp_ping"));
 
 // 系列数量变化时扩展 visible 数组，保留已有隐藏状态
 watch(
@@ -257,32 +229,24 @@ watch(
     <div class="flex flex-col gap-4">
       <!-- 顶部控制栏 -->
       <div class="flex items-center justify-between">
-        <span
-          class="text-xs text-muted-foreground inline-flex items-center gap-1"
-        >
+        <span class="text-muted-foreground inline-flex items-center gap-1 text-xs">
           最近
           <select
             v-model="windowMs"
-            class="bg-card border rounded px-1.5 py-0.5 text-xs text-foreground outline-none cursor-pointer hover:bg-muted transition-colors"
+            class="bg-card text-foreground hover:bg-muted cursor-pointer rounded border px-1.5 py-0.5 text-xs transition-colors outline-none"
           >
             <option v-for="w in WINDOWS" :key="w.value" :value="w.value">
               {{ w.label }}
             </option>
           </select>
         </span>
-        <span
-          class="text-xs text-muted-foreground inline-flex items-center gap-1"
-        >
+        <span class="text-muted-foreground inline-flex items-center gap-1 text-xs">
           每
           <select
             v-model="refreshInterval"
-            class="bg-card border rounded px-1.5 py-0.5 text-xs text-foreground outline-none cursor-pointer hover:bg-muted transition-colors"
+            class="bg-card text-foreground hover:bg-muted cursor-pointer rounded border px-1.5 py-0.5 text-xs transition-colors outline-none"
           >
-            <option
-              v-for="item in INTERVALS"
-              :key="item.value"
-              :value="item.value"
-            >
+            <option v-for="item in INTERVALS" :key="item.value" :value="item.value">
               {{ item.label }}
             </option>
           </select>
@@ -291,16 +255,16 @@ watch(
       </div>
 
       <!-- TCP Ping 图表 -->
-      <div class="rounded-lg border bg-card">
-        <div class="px-4 py-3 border-b flex items-center justify-between">
+      <div class="bg-card rounded-lg border">
+        <div class="flex items-center justify-between border-b px-4 py-3">
           <span class="text-sm font-semibold">TCP Ping</span>
           <label
-            class="inline-flex items-center gap-1.5 cursor-pointer select-none text-xs text-muted-foreground"
+            class="text-muted-foreground inline-flex cursor-pointer items-center gap-1.5 text-xs select-none"
           >
             <input
               v-model="tcpPingPeakCut"
               type="checkbox"
-              class="accent-primary w-3.5 h-3.5 cursor-pointer"
+              class="accent-primary h-3.5 w-3.5 cursor-pointer"
             />
             削峰
           </label>
@@ -309,14 +273,14 @@ watch(
           <!-- 首次加载（无数据）时展示 spinner -->
           <div
             v-if="tcpPingLoading && tcpPingData.length === 0"
-            class="absolute inset-0 flex items-center justify-center text-sm text-muted-foreground"
+            class="text-muted-foreground absolute inset-0 flex items-center justify-center text-sm"
           >
             加载中...
           </div>
           <!-- 无数据且不在加载 -->
           <div
             v-else-if="!tcpPingLoading && tcpPingData.length === 0"
-            class="absolute inset-0 flex items-center justify-center text-sm text-muted-foreground"
+            class="text-muted-foreground absolute inset-0 flex items-center justify-center text-sm"
           >
             暂无 tcp_ping 数据
           </div>
@@ -327,18 +291,18 @@ watch(
             type="tcp_ping"
             :peak-cut="tcpPingPeakCut"
             :visible-series="tcpPingVisible"
-            class="w-full h-full"
+            class="h-full w-full"
           />
           <!-- 刷新中：轻量覆盖指示，不遮挡图表 -->
           <div
             v-if="tcpPingLoading && tcpPingData.length > 0"
-            class="absolute top-2 right-2 h-1.5 w-1.5 rounded-full bg-primary animate-pulse"
+            class="bg-primary absolute top-2 right-2 h-1.5 w-1.5 animate-pulse rounded-full"
           />
         </div>
         <!-- 统计数据 -->
         <div v-if="tcpPingStats.length > 0" class="border-t">
           <div
-            class="flex items-center justify-between px-4 pt-2.5 pb-1 text-xs text-muted-foreground"
+            class="text-muted-foreground flex items-center justify-between px-4 pt-2.5 pb-1 text-xs"
           >
             <span>来源</span>
             <div class="flex">
@@ -351,33 +315,27 @@ watch(
             <div
               v-for="(s, i) in tcpPingStats"
               :key="s.name"
-              class="flex items-center justify-between px-2 py-1.5 rounded-md text-xs cursor-pointer select-none transition-all hover:bg-muted"
-              :class="
-                tcpPingVisible[s.name] === false ? 'opacity-35' : 'opacity-100'
-              "
+              class="hover:bg-muted flex cursor-pointer items-center justify-between rounded-md px-2 py-1.5 text-xs transition-all select-none"
+              :class="tcpPingVisible[s.name] === false ? 'opacity-35' : 'opacity-100'"
               @click="tcpPingVisible[s.name] = !tcpPingVisible[s.name]"
             >
-              <span class="flex items-center gap-2 min-w-0 flex-1 mr-4">
+              <span class="mr-4 flex min-w-0 flex-1 items-center gap-2">
                 <span
-                  class="inline-block w-5 h-0.5 rounded-full flex-shrink-0"
+                  class="inline-block h-0.5 w-5 flex-shrink-0 rounded-full"
                   :style="{ background: s.color }"
                 />
-                <span class="truncate text-foreground">{{ s.name }}</span>
+                <span class="text-foreground truncate">{{ s.name }}</span>
               </span>
               <div class="flex flex-shrink-0">
-                <span class="w-20 text-right tabular-nums text-foreground">
+                <span class="text-foreground w-20 text-right tabular-nums">
                   {{ s.avg != null ? s.avg.toFixed(1) + " ms" : "—" }}
                 </span>
-                <span class="w-16 text-right tabular-nums text-foreground">
+                <span class="text-foreground w-16 text-right tabular-nums">
                   {{ s.jitter != null ? s.jitter.toFixed(1) + " ms" : "—" }}
                 </span>
                 <span
                   class="w-14 text-right tabular-nums"
-                  :class="
-                    s.lossRate >= 5
-                      ? 'text-red-500 font-medium'
-                      : 'text-foreground'
-                  "
+                  :class="s.lossRate >= 5 ? 'font-medium text-red-500' : 'text-foreground'"
                 >
                   {{ s.lossRate.toFixed(1) + "%" }}
                 </span>
@@ -388,16 +346,16 @@ watch(
       </div>
 
       <!-- Ping 图表 -->
-      <div class="rounded-lg border bg-card">
-        <div class="px-4 py-3 border-b flex items-center justify-between">
+      <div class="bg-card rounded-lg border">
+        <div class="flex items-center justify-between border-b px-4 py-3">
           <span class="text-sm font-semibold">Ping</span>
           <label
-            class="inline-flex items-center gap-1.5 cursor-pointer select-none text-xs text-muted-foreground"
+            class="text-muted-foreground inline-flex cursor-pointer items-center gap-1.5 text-xs select-none"
           >
             <input
               v-model="pingPeakCut"
               type="checkbox"
-              class="accent-primary w-3.5 h-3.5 cursor-pointer"
+              class="accent-primary h-3.5 w-3.5 cursor-pointer"
             />
             削峰
           </label>
@@ -405,13 +363,13 @@ watch(
         <div class="relative h-[260px]">
           <div
             v-if="pingLoading && pingData.length === 0"
-            class="absolute inset-0 flex items-center justify-center text-sm text-muted-foreground"
+            class="text-muted-foreground absolute inset-0 flex items-center justify-center text-sm"
           >
             加载中...
           </div>
           <div
             v-else-if="!pingLoading && pingData.length === 0"
-            class="absolute inset-0 flex items-center justify-center text-sm text-muted-foreground"
+            class="text-muted-foreground absolute inset-0 flex items-center justify-center text-sm"
           >
             暂无 ping 数据
           </div>
@@ -421,17 +379,17 @@ watch(
             type="ping"
             :peak-cut="pingPeakCut"
             :visible-series="pingVisible"
-            class="w-full h-full"
+            class="h-full w-full"
           />
           <div
             v-if="pingLoading && pingData.length > 0"
-            class="absolute top-2 right-2 h-1.5 w-1.5 rounded-full bg-primary animate-pulse"
+            class="bg-primary absolute top-2 right-2 h-1.5 w-1.5 animate-pulse rounded-full"
           />
         </div>
         <!-- 统计数据 -->
         <div v-if="pingStats.length > 0" class="border-t">
           <div
-            class="flex items-center justify-between px-4 pt-2.5 pb-1 text-xs text-muted-foreground"
+            class="text-muted-foreground flex items-center justify-between px-4 pt-2.5 pb-1 text-xs"
           >
             <span>来源</span>
             <div class="flex">
@@ -444,33 +402,27 @@ watch(
             <div
               v-for="(s, i) in pingStats"
               :key="s.name"
-              class="flex items-center justify-between px-2 py-1.5 rounded-md text-xs cursor-pointer select-none transition-all hover:bg-muted"
-              :class="
-                pingVisible[s.name] === false ? 'opacity-35' : 'opacity-100'
-              "
+              class="hover:bg-muted flex cursor-pointer items-center justify-between rounded-md px-2 py-1.5 text-xs transition-all select-none"
+              :class="pingVisible[s.name] === false ? 'opacity-35' : 'opacity-100'"
               @click="pingVisible[s.name] = !pingVisible[s.name]"
             >
-              <span class="flex items-center gap-2 min-w-0 flex-1 mr-4">
+              <span class="mr-4 flex min-w-0 flex-1 items-center gap-2">
                 <span
-                  class="inline-block w-5 h-0.5 rounded-full flex-shrink-0"
+                  class="inline-block h-0.5 w-5 flex-shrink-0 rounded-full"
                   :style="{ background: s.color }"
                 />
-                <span class="truncate text-foreground">{{ s.name }}</span>
+                <span class="text-foreground truncate">{{ s.name }}</span>
               </span>
               <div class="flex flex-shrink-0">
-                <span class="w-20 text-right tabular-nums text-foreground">
+                <span class="text-foreground w-20 text-right tabular-nums">
                   {{ s.avg != null ? s.avg.toFixed(1) + " ms" : "—" }}
                 </span>
-                <span class="w-16 text-right tabular-nums text-foreground">
+                <span class="text-foreground w-16 text-right tabular-nums">
                   {{ s.jitter != null ? s.jitter.toFixed(1) + " ms" : "—" }}
                 </span>
                 <span
                   class="w-14 text-right tabular-nums"
-                  :class="
-                    s.lossRate >= 5
-                      ? 'text-red-500 font-medium'
-                      : 'text-foreground'
-                  "
+                  :class="s.lossRate >= 5 ? 'font-medium text-red-500' : 'text-foreground'"
                 >
                   {{ s.lossRate.toFixed(1) + "%" }}
                 </span>
diff --git a/src/pages/dashboard/node/[uuid]/[extensionRoute].vue b/src/pages/dashboard/node/[uuid]/[extensionRoute].vue
index 868e991c..616fd16c 100644
--- a/src/pages/dashboard/node/[uuid]/[extensionRoute].vue
+++ b/src/pages/dashboard/node/[uuid]/[extensionRoute].vue
@@ -19,9 +19,7 @@ const { extensions, fetchExtensions, getIframeUrl } = useExtensions();
 const matched = computed(() => {
   for (const ext of extensions.value) {
     if (ext.disabled) continue;
-    const r = ext.app.routes?.find(
-      (r) => r.type === "node" && r.name === routeName.value,
-    );
+    const r = ext.app.routes?.find((r) => r.type === "node" && r.name === routeName.value);
     if (r) return { ext, route: r };
   }
   return null;
@@ -70,14 +68,12 @@ watch(
 <template>
   <div class="flex h-full w-full flex-col">
     <div v-if="!ready" class="flex flex-1 items-center justify-center">
-      <div
-        class="h-6 w-6 animate-spin rounded-full border-2 border-primary border-t-transparent"
-      />
+      <div class="border-primary h-6 w-6 animate-spin rounded-full border-2 border-t-transparent" />
     </div>
 
     <div
       v-else-if="!matched"
-      class="flex flex-1 items-center justify-center gap-2 text-muted-foreground"
+      class="text-muted-foreground flex flex-1 items-center justify-center gap-2"
     >
       <AlertCircle class="h-5 w-5" />
       <span>未找到扩展路由「{{ routeName }}」</span>
diff --git a/src/pages/dashboard/node/[uuid]/latency.vue b/src/pages/dashboard/node/[uuid]/latency.vue
index 2cd53956..29029034 100644
--- a/src/pages/dashboard/node/[uuid]/latency.vue
+++ b/src/pages/dashboard/node/[uuid]/latency.vue
@@ -149,19 +149,11 @@ const fetchData = async () => {
 
     const [pingResult, tcpResult] = await Promise.allSettled([
       queryTask(
-        [
-          { uuid: uuid.value },
-          { timestamp_from_to: [pingFrom, now] },
-          { type: "ping" },
-        ],
+        [{ uuid: uuid.value }, { timestamp_from_to: [pingFrom, now] }, { type: "ping" }],
         LATENCY_QUERY_TIMEOUT_MS,
       ),
       queryTask(
-        [
-          { uuid: uuid.value },
-          { timestamp_from_to: [tcpFrom, now] },
-          { type: "tcp_ping" },
-        ],
+        [{ uuid: uuid.value }, { timestamp_from_to: [tcpFrom, now] }, { type: "tcp_ping" }],
         LATENCY_QUERY_TIMEOUT_MS,
       ),
     ]);
@@ -221,9 +213,7 @@ function assignSeriesColors(
     if (next[name]) continue;
 
     const unusedColor = SERIES_COLORS.find((color) => !usedColors.has(color));
-    const color =
-      unusedColor ??
-      SERIES_COLORS[Math.floor(Math.random() * SERIES_COLORS.length)]!;
+    const color = unusedColor ?? SERIES_COLORS[Math.floor(Math.random() * SERIES_COLORS.length)]!;
 
     next[name] = color;
     usedColors.add(color);
@@ -245,10 +235,7 @@ watch(
   tcpPingData,
   (data) => {
     const names = getStableCronNames(data);
-    tcpPingSeriesColors.value = assignSeriesColors(
-      names,
-      tcpPingSeriesColors.value,
-    );
+    tcpPingSeriesColors.value = assignSeriesColors(names, tcpPingSeriesColors.value);
   },
   { immediate: true },
 );
@@ -271,9 +258,7 @@ const tcpPingStatsData = computed(() => {
   });
 });
 
-const pingStats = computed(() =>
-  computeStats(pingStatsData.value, "ping", pingSeriesColors.value),
-);
+const pingStats = computed(() => computeStats(pingStatsData.value, "ping", pingSeriesColors.value));
 const tcpPingStats = computed(() =>
   computeStats(tcpPingStatsData.value, "tcp_ping", tcpPingSeriesColors.value),
 );
@@ -318,32 +303,24 @@ watch(
       <!-- 顶部控制栏 -->
       <div class="flex items-center justify-between">
         <div class="flex items-center gap-3">
-          <span
-            class="text-xs text-muted-foreground inline-flex items-center gap-1"
-          >
+          <span class="text-muted-foreground inline-flex items-center gap-1 text-xs">
             最近
             <select
               v-model="windowMs"
-              class="bg-card border rounded px-1.5 py-0.5 text-xs text-foreground outline-none cursor-pointer hover:bg-muted transition-colors"
+              class="bg-card text-foreground hover:bg-muted cursor-pointer rounded border px-1.5 py-0.5 text-xs transition-colors outline-none"
             >
               <option v-for="w in WINDOWS" :key="w.value" :value="w.value">
                 {{ w.label }}
               </option>
             </select>
           </span>
-          <span
-            class="text-xs text-muted-foreground inline-flex items-center gap-1"
-          >
+          <span class="text-muted-foreground inline-flex items-center gap-1 text-xs">
             每
             <select
               v-model="refreshInterval"
-              class="bg-card border rounded px-1.5 py-0.5 text-xs text-foreground outline-none cursor-pointer hover:bg-muted transition-colors"
+              class="bg-card text-foreground hover:bg-muted cursor-pointer rounded border px-1.5 py-0.5 text-xs transition-colors outline-none"
             >
-              <option
-                v-for="item in INTERVALS"
-                :key="item.value"
-                :value="item.value"
-              >
+              <option v-for="item in INTERVALS" :key="item.value" :value="item.value">
                 {{ item.label }}
               </option>
             </select>
@@ -358,32 +335,29 @@ watch(
             :disabled="isRefreshing"
             @click="handleRefresh"
           >
-            <RefreshCw
-              class="h-3.5 w-3.5"
-              :class="{ 'animate-spin': isRefreshing }"
-            />
+            <RefreshCw class="h-3.5 w-3.5" :class="{ 'animate-spin': isRefreshing }" />
             刷新
           </Button>
         </div>
       </div>
 
       <!-- TCP Ping 图表 -->
-      <div class="rounded-lg border bg-card">
-        <div class="px-4 py-3 border-b flex items-center justify-between">
+      <div class="bg-card rounded-lg border">
+        <div class="flex items-center justify-between border-b px-4 py-3">
           <span class="text-sm font-semibold">TCP Ping</span>
         </div>
         <div class="relative h-[260px]">
           <!-- 首次加载（无数据）时展示 spinner -->
           <div
             v-if="tcpPingLoading && tcpPingData.length === 0"
-            class="absolute inset-0 flex items-center justify-center text-sm text-muted-foreground"
+            class="text-muted-foreground absolute inset-0 flex items-center justify-center text-sm"
           >
             加载中...
           </div>
           <!-- 无数据且不在加载 -->
           <div
             v-else-if="!tcpPingLoading && tcpPingData.length === 0"
-            class="absolute inset-0 flex items-center justify-center text-sm text-muted-foreground"
+            class="text-muted-foreground absolute inset-0 flex items-center justify-center text-sm"
           >
             暂无 tcp_ping 数据
           </div>
@@ -396,21 +370,21 @@ watch(
             :visible-series="tcpPingVisible"
             :hovered-series="tcpPingHovered"
             :series-colors="tcpPingSeriesColors"
-            class="w-full h-full"
+            class="h-full w-full"
             @x-range-change="tcpPingXRange = $event"
           />
           <!-- 刷新中：轻量覆盖指示，不遮挡图表 -->
           <div
             v-if="tcpPingLoading && tcpPingData.length > 0"
-            class="absolute top-2 right-2 h-1.5 w-1.5 rounded-full bg-primary animate-pulse"
+            class="bg-primary absolute top-2 right-2 h-1.5 w-1.5 animate-pulse rounded-full"
           />
         </div>
         <!-- 统计数据 -->
         <div v-if="tcpPingStats.length > 0" class="border-t">
           <div
-            class="flex items-center justify-between px-4 pt-2.5 pb-1 text-xs text-muted-foreground"
+            class="text-muted-foreground flex items-center justify-between px-4 pt-2.5 pb-1 text-xs"
           >
-            <div class="flex items-center min-w-0 flex-1 mr-4">
+            <div class="mr-4 flex min-w-0 flex-1 items-center">
               <span class="flex-1">来源</span>
               <span class="w-1/3 shrink-0 text-left">质量</span>
             </div>
@@ -424,44 +398,35 @@ watch(
             <div
               v-for="s in tcpPingStats"
               :key="s.name"
-              class="flex items-center justify-between px-2 py-1.5 rounded-md text-xs cursor-pointer select-none transition-all hover:bg-muted"
-              :class="
-                tcpPingVisible[s.name] === false ? 'opacity-35' : 'opacity-100'
-              "
-              @mouseenter="
-                tcpPingHovered =
-                  tcpPingVisible[s.name] === false ? null : s.name
-              "
+              class="hover:bg-muted flex cursor-pointer items-center justify-between rounded-md px-2 py-1.5 text-xs transition-all select-none"
+              :class="tcpPingVisible[s.name] === false ? 'opacity-35' : 'opacity-100'"
+              @mouseenter="tcpPingHovered = tcpPingVisible[s.name] === false ? null : s.name"
               @mouseleave="tcpPingHovered = null"
               @click="tcpPingVisible[s.name] = !tcpPingVisible[s.name]"
             >
-              <div class="flex items-center min-w-0 flex-1 mr-4 gap-4">
-                <span class="flex items-center gap-2 min-w-0 flex-1">
+              <div class="mr-4 flex min-w-0 flex-1 items-center gap-4">
+                <span class="flex min-w-0 flex-1 items-center gap-2">
                   <span
-                    class="inline-block h-0.5 rounded-full shrink-0 transition-all"
+                    class="inline-block h-0.5 shrink-0 rounded-full transition-all"
                     :class="tcpPingHovered === s.name ? 'w-7' : 'w-5'"
                     :style="{ background: s.color }"
                   />
-                  <span class="truncate text-foreground">{{ s.name }}</span>
+                  <span class="text-foreground truncate">{{ s.name }}</span>
                 </span>
                 <span class="w-1/3 shrink-0">
                   <LatencyQualityCanvas :bars="s.qualityBars" />
                 </span>
               </div>
               <div class="flex shrink-0">
-                <span class="w-20 text-right tabular-nums text-foreground">
+                <span class="text-foreground w-20 text-right tabular-nums">
                   {{ s.avg != null ? s.avg.toFixed(1) + " ms" : "—" }}
                 </span>
-                <span class="w-16 text-right tabular-nums text-foreground">
+                <span class="text-foreground w-16 text-right tabular-nums">
                   {{ s.jitter != null ? s.jitter.toFixed(1) + " ms" : "—" }}
                 </span>
                 <span
                   class="w-14 text-right tabular-nums"
-                  :class="
-                    s.lossRate >= 5
-                      ? 'text-red-500 font-medium'
-                      : 'text-foreground'
-                  "
+                  :class="s.lossRate >= 5 ? 'font-medium text-red-500' : 'text-foreground'"
                 >
                   {{ s.lossRate.toFixed(1) + "%" }}
                 </span>
@@ -472,20 +437,20 @@ watch(
       </div>
 
       <!-- Ping 图表 -->
-      <div class="rounded-lg border bg-card">
-        <div class="px-4 py-3 border-b flex items-center justify-between">
+      <div class="bg-card rounded-lg border">
+        <div class="flex items-center justify-between border-b px-4 py-3">
           <span class="text-sm font-semibold">Ping</span>
         </div>
         <div class="relative h-[260px]">
           <div
             v-if="pingLoading && pingData.length === 0"
-            class="absolute inset-0 flex items-center justify-center text-sm text-muted-foreground"
+            class="text-muted-foreground absolute inset-0 flex items-center justify-center text-sm"
           >
             加载中...
           </div>
           <div
             v-else-if="!pingLoading && pingData.length === 0"
-            class="absolute inset-0 flex items-center justify-center text-sm text-muted-foreground"
+            class="text-muted-foreground absolute inset-0 flex items-center justify-center text-sm"
           >
             暂无 ping 数据
           </div>
@@ -497,20 +462,20 @@ watch(
             :visible-series="pingVisible"
             :hovered-series="pingHovered"
             :series-colors="pingSeriesColors"
-            class="w-full h-full"
+            class="h-full w-full"
             @x-range-change="pingXRange = $event"
           />
           <div
             v-if="pingLoading && pingData.length > 0"
-            class="absolute top-2 right-2 h-1.5 w-1.5 rounded-full bg-primary animate-pulse"
+            class="bg-primary absolute top-2 right-2 h-1.5 w-1.5 animate-pulse rounded-full"
           />
         </div>
         <!-- 统计数据 -->
         <div v-if="pingStats.length > 0" class="border-t">
           <div
-            class="flex items-center justify-between px-4 pt-2.5 pb-1 text-xs text-muted-foreground"
+            class="text-muted-foreground flex items-center justify-between px-4 pt-2.5 pb-1 text-xs"
           >
-            <div class="flex items-center min-w-0 flex-1 mr-4">
+            <div class="mr-4 flex min-w-0 flex-1 items-center">
               <span class="flex-1">来源</span>
               <span class="w-1/3 shrink-0 text-left">质量</span>
             </div>
@@ -524,43 +489,35 @@ watch(
             <div
               v-for="s in pingStats"
               :key="s.name"
-              class="flex items-center justify-between px-2 py-1.5 rounded-md text-xs cursor-pointer select-none transition-all hover:bg-muted"
-              :class="
-                pingVisible[s.name] === false ? 'opacity-35' : 'opacity-100'
-              "
-              @mouseenter="
-                pingHovered = pingVisible[s.name] === false ? null : s.name
-              "
+              class="hover:bg-muted flex cursor-pointer items-center justify-between rounded-md px-2 py-1.5 text-xs transition-all select-none"
+              :class="pingVisible[s.name] === false ? 'opacity-35' : 'opacity-100'"
+              @mouseenter="pingHovered = pingVisible[s.name] === false ? null : s.name"
               @mouseleave="pingHovered = null"
               @click="pingVisible[s.name] = !pingVisible[s.name]"
             >
-              <div class="flex items-center min-w-0 flex-1 mr-4 gap-4">
-                <span class="flex items-center gap-2 min-w-0 flex-1">
+              <div class="mr-4 flex min-w-0 flex-1 items-center gap-4">
+                <span class="flex min-w-0 flex-1 items-center gap-2">
                   <span
-                    class="inline-block h-0.5 rounded-full shrink-0 transition-all"
+                    class="inline-block h-0.5 shrink-0 rounded-full transition-all"
                     :class="pingHovered === s.name ? 'w-7' : 'w-5'"
                     :style="{ background: s.color }"
                   />
-                  <span class="truncate text-foreground">{{ s.name }}</span>
+                  <span class="text-foreground truncate">{{ s.name }}</span>
                 </span>
                 <span class="w-1/3 shrink-0">
                   <LatencyQualityCanvas :bars="s.qualityBars" />
                 </span>
               </div>
               <div class="flex shrink-0">
-                <span class="w-20 text-right tabular-nums text-foreground">
+                <span class="text-foreground w-20 text-right tabular-nums">
                   {{ s.avg != null ? s.avg.toFixed(1) + " ms" : "—" }}
                 </span>
-                <span class="w-16 text-right tabular-nums text-foreground">
+                <span class="text-foreground w-16 text-right tabular-nums">
                   {{ s.jitter != null ? s.jitter.toFixed(1) + " ms" : "—" }}
                 </span>
                 <span
                   class="w-14 text-right tabular-nums"
-                  :class="
-                    s.lossRate >= 5
-                      ? 'text-red-500 font-medium'
-                      : 'text-foreground'
-                  "
+                  :class="s.lossRate >= 5 ? 'font-medium text-red-500' : 'text-foreground'"
                 >
                   {{ s.lossRate.toFixed(1) + "%" }}
                 </span>
diff --git a/src/pages/dashboard/node/[uuid]/ping.vue b/src/pages/dashboard/node/[uuid]/ping.vue
index 9b248345..2027827d 100644
--- a/src/pages/dashboard/node/[uuid]/ping.vue
+++ b/src/pages/dashboard/node/[uuid]/ping.vue
@@ -13,8 +13,8 @@ const uuid = (route.params as { uuid: string }).uuid;
 </script>
 
 <template>
-  <div class="h-full flex flex-col">
-    <div class="flex-1 overflow-auto rounded-md border bg-card p-6">
+  <div class="flex h-full flex-col">
+    <div class="bg-card flex-1 overflow-auto rounded-md border p-6">
       <PingView :uuid="uuid" />
     </div>
   </div>
diff --git a/src/pages/dashboard/node/[uuid]/setting.vue b/src/pages/dashboard/node/[uuid]/setting.vue
index 20db2d50..10b31f74 100644
--- a/src/pages/dashboard/node/[uuid]/setting.vue
+++ b/src/pages/dashboard/node/[uuid]/setting.vue
@@ -20,13 +20,13 @@ const activeTab = ref("basic");
 </script>
 
 <template>
-  <div class="h-full flex flex-col">
-    <div class="flex-1 overflow-auto rounded-md border bg-card p-6">
+  <div class="flex h-full flex-col">
+    <div class="bg-card flex-1 overflow-auto rounded-md border p-6">
       <div class="mb-6">
         <h2 class="text-lg font-semibold">
           {{ $t("dashboard.node.settingsTitle") }}
         </h2>
-        <p class="text-sm text-muted-foreground mt-1">
+        <p class="text-muted-foreground mt-1 text-sm">
           {{ $t("dashboard.node.settingsDesc") }}
         </p>
       </div>
diff --git a/src/pages/dashboard/node/[uuid]/status.vue b/src/pages/dashboard/node/[uuid]/status.vue
index 69651b48..167d8d00 100644
--- a/src/pages/dashboard/node/[uuid]/status.vue
+++ b/src/pages/dashboard/node/[uuid]/status.vue
@@ -40,7 +40,7 @@ const {
 
 <template>
   <div
-    class="flex flex-col h-full overflow-hidden status-page"
+    class="status-page flex h-full flex-col overflow-hidden"
     :style="{
       '--status-main-color': MAIN_COLOR,
       '--status-sub-color': SUB_COLOR,
@@ -53,15 +53,9 @@ const {
       :show-live="!!server"
     />
 
-    <div
-      v-if="!server"
-      class="flex-1 flex items-center justify-center text-muted-foreground"
-    >
+    <div v-if="!server" class="text-muted-foreground flex flex-1 items-center justify-center">
       <div class="flex flex-col items-center gap-2">
-        <div
-          v-if="dynamicError"
-          class="text-destructive flex items-center gap-2"
-        >
+        <div v-if="dynamicError" class="text-destructive flex items-center gap-2">
           <AlertCircle class="h-5 w-5" /> {{ dynamicError }}
         </div>
         <span v-else-if="notFound">节点未找到或已离线</span>
@@ -69,8 +63,8 @@ const {
       </div>
     </div>
 
-    <div v-else class="flex-1 p-6 overflow-y-auto">
-      <div class="max-w-5xl mx-auto space-y-6">
+    <div v-else class="flex-1 overflow-y-auto p-6">
+      <div class="mx-auto max-w-5xl space-y-6">
         <Transition name="fade" mode="out-in">
           <StatusCpuTab
             v-if="activeTab === 'cpu'"
diff --git a/src/pages/dashboard/node/[uuid]/traffic.vue b/src/pages/dashboard/node/[uuid]/traffic.vue
index f8b86052..60d30e0f 100644
--- a/src/pages/dashboard/node/[uuid]/traffic.vue
+++ b/src/pages/dashboard/node/[uuid]/traffic.vue
@@ -7,9 +7,7 @@ import { Button } from "@/components/ui/button";
 import { useBackendStore } from "@/composables/useBackendStore";
 import { getWsConnection } from "@/composables/useWsConnection";
 import { formatBytes } from "@/utils/format";
-import TrafficBarChart, {
-  type TrafficBucket,
-} from "@/components/node/traffic/TrafficBarChart.vue";
+import TrafficBarChart, { type TrafficBucket } from "@/components/node/traffic/TrafficBarChart.vue";
 
 definePage({ meta: { title: "router.node.traffic" } });
 
@@ -30,16 +28,13 @@ async function querySummary(
   from: number,
   to: number,
 ): Promise<SummaryPoint[]> {
-  return getWsConnection(url).call<SummaryPoint[]>(
-    "agent_query_dynamic_summary",
-    [
-      token,
-      {
-        fields: ["total_received", "total_transmitted"],
-        condition: [{ uuid }, { timestamp_from_to: [from, to] }, { limit: 5 }],
-      },
-    ],
-  );
+  return getWsConnection(url).call<SummaryPoint[]>("agent_query_dynamic_summary", [
+    token,
+    {
+      fields: ["total_received", "total_transmitted"],
+      condition: [{ uuid }, { timestamp_from_to: [from, to] }, { limit: 5 }],
+    },
+  ]);
 }
 
 type ScopeKey = "minute" | "hour" | "day" | "week";
@@ -88,9 +83,7 @@ const INTERVALS = [
 ] as const;
 
 const scopeKey = ref<ScopeKey>("hour");
-const scope = computed(
-  () => SCOPES.find((s) => s.key === scopeKey.value) ?? SCOPES[0]!,
-);
+const scope = computed(() => SCOPES.find((s) => s.key === scopeKey.value) ?? SCOPES[0]!);
 const refreshInterval = ref(60_000);
 
 const buckets = ref<TrafficBucket[]>([]);
@@ -153,8 +146,7 @@ const fetchData = async () => {
             if (!Array.isArray(arr) || arr.length === 0) return null;
             let best = arr[0]!;
             for (const r of arr) {
-              if (Math.abs(r.timestamp - t) < Math.abs(best.timestamp - t))
-                best = r;
+              if (Math.abs(r.timestamp - t) < Math.abs(best.timestamp - t)) best = r;
             }
             return best;
           } catch {
@@ -172,21 +164,13 @@ const fetchData = async () => {
           next.push({ label: labelOf(ts, s.key), rx: 0, tx: 0, total: 0 });
           continue;
         }
-        const rx = Math.max(
-          0,
-          (end.total_received ?? 0) - (start.total_received ?? 0),
-        );
-        const tx = Math.max(
-          0,
-          (end.total_transmitted ?? 0) - (start.total_transmitted ?? 0),
-        );
+        const rx = Math.max(0, (end.total_received ?? 0) - (start.total_received ?? 0));
+        const tx = Math.max(0, (end.total_transmitted ?? 0) - (start.total_transmitted ?? 0));
         next.push({ label: labelOf(ts, s.key), rx, tx, total: rx + tx });
       }
       buckets.value = next;
     } catch (e) {
-      toast.error(
-        `流量查询失败：${e instanceof Error ? e.message : String(e)}`,
-      );
+      toast.error(`流量查询失败：${e instanceof Error ? e.message : String(e)}`);
     } finally {
       loading.value = false;
     }
@@ -240,26 +224,22 @@ const SERIES = [
     <div class="flex flex-col gap-4">
       <div class="flex items-center justify-between">
         <div class="flex items-center gap-3">
-          <span
-            class="text-xs text-muted-foreground inline-flex items-center gap-1"
-          >
+          <span class="text-muted-foreground inline-flex items-center gap-1 text-xs">
             粒度
             <select
               v-model="scopeKey"
-              class="bg-card border rounded px-1.5 py-0.5 text-xs text-foreground outline-none cursor-pointer hover:bg-muted transition-colors"
+              class="bg-card text-foreground hover:bg-muted cursor-pointer rounded border px-1.5 py-0.5 text-xs transition-colors outline-none"
             >
               <option v-for="s in SCOPES" :key="s.key" :value="s.key">
                 {{ s.label }}
               </option>
             </select>
           </span>
-          <span
-            class="text-xs text-muted-foreground inline-flex items-center gap-1"
-          >
+          <span class="text-muted-foreground inline-flex items-center gap-1 text-xs">
             每
             <select
               v-model="refreshInterval"
-              class="bg-card border rounded px-1.5 py-0.5 text-xs text-foreground outline-none cursor-pointer hover:bg-muted transition-colors"
+              class="bg-card text-foreground hover:bg-muted cursor-pointer rounded border px-1.5 py-0.5 text-xs transition-colors outline-none"
             >
               <option v-for="i in INTERVALS" :key="i.value" :value="i.value">
                 {{ i.label }}
@@ -280,20 +260,20 @@ const SERIES = [
         </Button>
       </div>
 
-      <div class="rounded-lg border bg-card">
-        <div class="px-4 py-3 border-b flex items-center justify-between">
+      <div class="bg-card rounded-lg border">
+        <div class="flex items-center justify-between border-b px-4 py-3">
           <span class="text-sm font-semibold">{{ scope.label }}</span>
         </div>
         <div class="relative h-[280px]">
           <div
             v-if="loading && !buckets.length"
-            class="absolute inset-0 flex items-center justify-center text-sm text-muted-foreground"
+            class="text-muted-foreground absolute inset-0 flex items-center justify-center text-sm"
           >
             加载中...
           </div>
           <div
             v-else-if="!loading && !buckets.length"
-            class="absolute inset-0 flex items-center justify-center text-sm text-muted-foreground"
+            class="text-muted-foreground absolute inset-0 flex items-center justify-center text-sm"
           >
             暂无流量数据
           </div>
@@ -301,32 +281,32 @@ const SERIES = [
             v-if="buckets.length"
             :data="buckets"
             :visible-series="visibleSeries"
-            class="w-full h-full"
+            class="h-full w-full"
           />
           <div
             v-if="loading && buckets.length"
-            class="absolute top-2 right-2 h-1.5 w-1.5 rounded-full bg-primary animate-pulse"
+            class="bg-primary absolute top-2 right-2 h-1.5 w-1.5 animate-pulse rounded-full"
           />
         </div>
         <div v-if="buckets.length" class="border-t px-2 py-2">
           <div
             v-for="s in SERIES"
             :key="s.key"
-            class="flex items-center justify-between px-2 py-1.5 rounded-md text-xs cursor-pointer select-none transition-all hover:bg-muted"
+            class="hover:bg-muted flex cursor-pointer items-center justify-between rounded-md px-2 py-1.5 text-xs transition-all select-none"
             :class="!visibleSeries[s.key] ? 'opacity-35' : 'opacity-100'"
             @mouseenter="hovered = visibleSeries[s.key] ? s.key : null"
             @mouseleave="hovered = null"
             @click="visibleSeries[s.key] = !visibleSeries[s.key]"
           >
-            <span class="flex items-center gap-2 min-w-0 flex-1">
+            <span class="flex min-w-0 flex-1 items-center gap-2">
               <span
-                class="inline-block h-0.5 rounded-full shrink-0 transition-all"
+                class="inline-block h-0.5 shrink-0 rounded-full transition-all"
                 :class="hovered === s.key ? 'w-7' : 'w-5'"
                 :style="{ background: s.color }"
               />
               <span class="text-foreground">{{ s.name }}</span>
             </span>
-            <span class="text-right tabular-nums text-foreground">
+            <span class="text-foreground text-right tabular-nums">
               {{ formatBytes(totals[s.key]) }}
             </span>
           </div>
diff --git a/src/pages/dashboard/node/[uuid]/webshell.vue b/src/pages/dashboard/node/[uuid]/webshell.vue
index 1a153739..33ae3652 100644
--- a/src/pages/dashboard/node/[uuid]/webshell.vue
+++ b/src/pages/dashboard/node/[uuid]/webshell.vue
@@ -17,15 +17,13 @@ const uuid = (route.params as { uuid: string }).uuid;
 const { currentBackend } = useBackendStore();
 
 const webshellReady = computed(() => {
-  return Boolean(
-    currentBackend.value?.url && currentBackend.value?.token && uuid,
-  );
+  return Boolean(currentBackend.value?.url && currentBackend.value?.token && uuid);
 });
 </script>
 
 <template>
-  <div class="h-full flex flex-col">
-    <div class="flex-1 rounded-md overflow-hidden">
+  <div class="flex h-full flex-col">
+    <div class="flex-1 overflow-hidden rounded-md">
       <WebTerminal
         v-if="webshellReady"
         :rpc-url="currentBackend?.url || ''"
@@ -34,9 +32,8 @@ const webshellReady = computed(() => {
         class="h-full"
       />
       <Card v-else>
-        <CardContent class="py-6 text-sm text-muted-foreground">
-          Current backend config is incomplete, unable to create a WebShell
-          task.
+        <CardContent class="text-muted-foreground py-6 text-sm">
+          Current backend config is incomplete, unable to create a WebShell task.
         </CardContent>
       </Card>
     </div>
diff --git a/src/pages/dashboard/overview.vue b/src/pages/dashboard/overview.vue
index 38d0952a..0890a26f 100644
--- a/src/pages/dashboard/overview.vue
+++ b/src/pages/dashboard/overview.vue
@@ -126,20 +126,13 @@ const goToServerDetail = (uuid: string) => {
 </script>
 
 <template>
-  <div class="h-full flex flex-col space-y-6">
+  <div class="flex h-full flex-col space-y-6">
     <div class="flex items-center justify-between gap-4">
       <div>
         <h2 class="text-2xl font-bold tracking-tight">Servers</h2>
-        <p class="text-muted-foreground">
-          Manage and monitor your servers in a list layout.
-        </p>
+        <p class="text-muted-foreground">Manage and monitor your servers in a list layout.</p>
       </div>
-      <Button
-        class="ml-auto"
-        variant="outline"
-        size="sm"
-        @click="() => refresh()"
-      >
+      <Button class="ml-auto" variant="outline" size="sm" @click="() => refresh()">
         <RefreshCw class="h-4 w-4" :class="{ 'animate-spin': loading }" />
       </Button>
       <div v-if="allTags.length > 0" class="w-40 shrink-0">
@@ -148,12 +141,8 @@ const goToServerDetail = (uuid: string) => {
             <SelectValue />
           </SelectTrigger>
           <SelectContent>
-            <SelectItem value="all">{{
-              $t("dashboard.batchExec.selectTag")
-            }}</SelectItem>
-            <SelectItem v-for="t in allTags" :key="t" :value="t">{{
-              t
-            }}</SelectItem>
+            <SelectItem value="all">{{ $t("dashboard.batchExec.selectTag") }}</SelectItem>
+            <SelectItem v-for="t in allTags" :key="t" :value="t">{{ t }}</SelectItem>
           </SelectContent>
         </Select>
       </div>
@@ -165,28 +154,22 @@ const goToServerDetail = (uuid: string) => {
       <AlertDescription>{{ error }}</AlertDescription>
     </Alert>
 
-    <div
-      v-if="servers.length === 0 && loading"
-      class="text-center py-10 text-muted-foreground"
-    >
+    <div v-if="servers.length === 0 && loading" class="text-muted-foreground py-10 text-center">
       Loading server data...
     </div>
 
-    <div
-      v-if="servers.length === 0 && !loading"
-      class="text-center py-10 text-muted-foreground"
-    >
+    <div v-if="servers.length === 0 && !loading" class="text-muted-foreground py-10 text-center">
       No servers found.
     </div>
 
     <div
       v-if="servers.length > 0 && filteredServers.length === 0"
-      class="text-center py-10 text-muted-foreground"
+      class="text-muted-foreground py-10 text-center"
     >
       No servers match the selected tag.
     </div>
 
-    <div class="border rounded-md bg-card" v-if="filteredServers.length > 0">
+    <div class="bg-card rounded-md border" v-if="filteredServers.length > 0">
       <Table>
         <TableHeader>
           <TableRow>
@@ -207,7 +190,7 @@ const goToServerDetail = (uuid: string) => {
           <TableRow
             v-for="server in filteredServers"
             :key="server.uuid"
-            class="cursor-pointer hover:bg-muted/50 transition-colors"
+            class="hover:bg-muted/50 cursor-pointer transition-colors"
             :class="{ 'opacity-60': !isOnline(server) }"
             @click="goToServerDetail(server.uuid)"
           >
@@ -215,14 +198,8 @@ const goToServerDetail = (uuid: string) => {
             <TableCell>
               <div class="flex items-center justify-center">
                 <span
-                  :title="
-                    inactive
-                      ? 'Inactive'
-                      : isOnline(server)
-                        ? 'Online'
-                        : 'Offline'
-                  "
-                  class="inline-block w-2 h-2 rounded-full shrink-0"
+                  :title="inactive ? 'Inactive' : isOnline(server) ? 'Online' : 'Offline'"
+                  class="inline-block h-2 w-2 shrink-0 rounded-full"
                   :class="
                     inactive
                       ? 'bg-gray-400 ring-2 ring-gray-400/25'
@@ -241,28 +218,25 @@ const goToServerDetail = (uuid: string) => {
                   v-if="distroLogo(server)"
                   :src="distroLogo(server)"
                   alt=""
-                  class="w-5 h-5 shrink-0 object-contain"
+                  class="h-5 w-5 shrink-0 object-contain"
                   loading="lazy"
                 />
-                <div v-else class="p-2 bg-primary/10 rounded-lg">
-                  <Server class="h-4 w-4 text-primary" />
+                <div v-else class="bg-primary/10 rounded-lg p-2">
+                  <Server class="text-primary h-4 w-4" />
                 </div>
                 <div class="flex flex-col">
                   <div class="flex items-center gap-1">
                     <span
-                      class="font-medium truncate max-w-[150px]"
+                      class="max-w-[150px] truncate font-medium"
                       :title="server.customName || showHostname(server)"
                     >
                       {{ server.customName || showHostname(server) }}
                     </span>
-                    <Badge
-                      v-if="server.hidden"
-                      variant="secondary"
-                      class="ml-1 text-xs"
+                    <Badge v-if="server.hidden" variant="secondary" class="ml-1 text-xs"
                       >隐藏</Badge
                     >
                   </div>
-                  <span class="text-[10px] text-muted-foreground font-mono">
+                  <span class="text-muted-foreground font-mono text-[10px]">
                     {{ server.uuid.substring(0, 8) }}
                   </span>
                 </div>
@@ -277,18 +251,14 @@ const goToServerDetail = (uuid: string) => {
                 :alt="server.region"
                 :title="server.region"
                 loading="lazy"
-                class="inline-block w-5 h-3.5 rounded-[1px] object-cover shadow-sm"
+                class="inline-block h-3.5 w-5 rounded-[1px] object-cover shadow-sm"
               />
               <span v-else class="text-muted-foreground text-sm">—</span>
             </TableCell>
 
             <!-- OS -->
             <TableCell>
-              <Badge
-                variant="outline"
-                class="font-normal text-xs"
-                :title="showOS(server)"
-              >
+              <Badge variant="outline" class="text-xs font-normal" :title="showOS(server)">
                 {{ showOS(server) }}
               </Badge>
             </TableCell>
@@ -298,7 +268,7 @@ const goToServerDetail = (uuid: string) => {
               <Badge
                 v-if="virtLabel(server)"
                 variant="secondary"
-                class="text-[10px] uppercase tracking-wide"
+                class="text-[10px] tracking-wide uppercase"
               >
                 {{ virtLabel(server) }}
               </Badge>
@@ -307,9 +277,7 @@ const goToServerDetail = (uuid: string) => {
 
             <!-- Uptime -->
             <TableCell>
-              <div
-                class="flex items-center gap-1 text-sm text-muted-foreground"
-              >
+              <div class="text-muted-foreground flex items-center gap-1 text-sm">
                 <Clock class="h-3 w-3" />
                 <span>{{ formatUptime(server.uptime ?? 0) }}</span>
               </div>
@@ -317,9 +285,7 @@ const goToServerDetail = (uuid: string) => {
 
             <!-- Load -->
             <TableCell>
-              <div
-                class="flex flex-col text-sm font-mono text-muted-foreground gap-1"
-              >
+              <div class="text-muted-foreground flex flex-col gap-1 font-mono text-sm">
                 <div class="flex items-center gap-1">
                   <Activity class="h-3 w-3" />
                   <span>{{
@@ -335,18 +301,13 @@ const goToServerDetail = (uuid: string) => {
 
             <!-- CPU -->
             <TableCell>
-              <div
-                class="space-y-1.5"
-                :style="{ '--primary': `hsl(${colors.cpu.hsl})` }"
-              >
+              <div class="space-y-1.5" :style="{ '--primary': `hsl(${colors.cpu.hsl})` }">
                 <div class="flex justify-between text-xs">
-                  <span class="flex items-center gap-1 text-muted-foreground">
+                  <span class="text-muted-foreground flex items-center gap-1">
                     <Cpu class="h-3 w-3" :style="{ color: colors.cpu.color }" />
                     CPU
                   </span>
-                  <span class="font-medium"
-                    >{{ showCpuPercent(server).toFixed(1) }}%</span
-                  >
+                  <span class="font-medium">{{ showCpuPercent(server).toFixed(1) }}%</span>
                 </div>
                 <Progress :model-value="showCpuPercent(server)" class="h-1.5" />
               </div>
@@ -354,21 +315,13 @@ const goToServerDetail = (uuid: string) => {
 
             <!-- RAM -->
             <TableCell>
-              <div
-                class="space-y-1.5"
-                :style="{ '--primary': `hsl(${colors.memory.hsl})` }"
-              >
+              <div class="space-y-1.5" :style="{ '--primary': `hsl(${colors.memory.hsl})` }">
                 <div class="flex justify-between text-xs">
-                  <span class="flex items-center gap-1 text-muted-foreground">
-                    <Database
-                      class="h-3 w-3"
-                      :style="{ color: colors.memory.color }"
-                    />
+                  <span class="text-muted-foreground flex items-center gap-1">
+                    <Database class="h-3 w-3" :style="{ color: colors.memory.color }" />
                     Mem
                   </span>
-                  <span class="font-medium"
-                    >{{ showRamPercent(server).toFixed(1) }}%</span
-                  >
+                  <span class="font-medium">{{ showRamPercent(server).toFixed(1) }}%</span>
                 </div>
                 <Progress :model-value="showRamPercent(server)" class="h-1.5" />
               </div>
@@ -382,57 +335,43 @@ const goToServerDetail = (uuid: string) => {
                 :style="{ '--primary': `hsl(${colors.disk.hsl})` }"
               >
                 <div class="flex justify-between text-xs">
-                  <span class="flex items-center gap-1 text-muted-foreground">
-                    <HardDrive
-                      class="h-3 w-3"
-                      :style="{ color: colors.disk.color }"
-                    />
+                  <span class="text-muted-foreground flex items-center gap-1">
+                    <HardDrive class="h-3 w-3" :style="{ color: colors.disk.color }" />
                     Disk
                   </span>
-                  <span class="font-medium"
-                    >{{ showDiskPercent(server).toFixed(1) }}%</span
-                  >
+                  <span class="font-medium">{{ showDiskPercent(server).toFixed(1) }}%</span>
                 </div>
-                <Progress
-                  :model-value="showDiskPercent(server)"
-                  class="h-1.5"
-                />
+                <Progress :model-value="showDiskPercent(server)" class="h-1.5" />
               </div>
-              <div v-else class="text-xs text-muted-foreground">N/A</div>
+              <div v-else class="text-muted-foreground text-xs">N/A</div>
             </TableCell>
 
             <!-- Network -->
             <TableCell class="w-[150px]">
               <div
-                class="flex flex-col gap-1 text-xs font-mono"
-                v-if="
-                  server.receive_speed != null || server.transmit_speed != null
-                "
+                class="flex flex-col gap-1 font-mono text-xs"
+                v-if="server.receive_speed != null || server.transmit_speed != null"
               >
-                <div
-                  class="flex items-center justify-between gap-2 text-muted-foreground"
-                >
+                <div class="text-muted-foreground flex items-center justify-between gap-2">
                   <div class="flex items-center gap-1">
                     <ArrowDownIcon class="h-3 w-3" />
                     <span>Rx</span>
                   </div>
-                  <span class="tabular-nums text-right whitespace-nowrap">{{
+                  <span class="text-right whitespace-nowrap tabular-nums">{{
                     showNetworkSpeed(server, "rx")
                   }}</span>
                 </div>
-                <div
-                  class="flex items-center justify-between gap-2 text-muted-foreground"
-                >
+                <div class="text-muted-foreground flex items-center justify-between gap-2">
                   <div class="flex items-center gap-1">
                     <ArrowUpIcon class="h-3 w-3" />
                     <span>Tx</span>
                   </div>
-                  <span class="tabular-nums text-right whitespace-nowrap">{{
+                  <span class="text-right whitespace-nowrap tabular-nums">{{
                     showNetworkSpeed(server, "tx")
                   }}</span>
                 </div>
               </div>
-              <div v-else class="text-xs text-muted-foreground">N/A</div>
+              <div v-else class="text-muted-foreground text-xs">N/A</div>
             </TableCell>
           </TableRow>
         </TableBody>
diff --git a/src/pages/dashboard/scripts.vue b/src/pages/dashboard/scripts.vue
index 8e614558..ea3b6cf6 100644
--- a/src/pages/dashboard/scripts.vue
+++ b/src/pages/dashboard/scripts.vue
@@ -53,9 +53,7 @@ const onDel = async (scriptName: string) => {
   } catch (e: any) {
     toast.error(e.message);
   }
-  deletingNames.value = deletingNames.value.filter(
-    (name) => name !== scriptName,
-  );
+  deletingNames.value = deletingNames.value.filter((name) => name !== scriptName);
 };
 
 // 修改Order
@@ -118,21 +116,17 @@ const handleSave = async (script: Script) => {
     <div class="flex items-start justify-between">
       <div class="flex-1">
         <h1 class="text-2xl font-semibold">{{ $t("router.scripts") }}</h1>
-        <p class="text-sm text-muted-foreground mt-1 mb-2">
+        <p class="text-muted-foreground mt-1 mb-2 text-sm">
           {{ $t("dashboard.scripts.desc") }}
         </p>
       </div>
-      <div class="flex flex-col md:flex-row gap-1 md:gap-2">
+      <div class="flex flex-col gap-1 md:flex-row md:gap-2">
         <Button @click="sortable = !sortable" size="sm" variant="outline">
-          <Menu class="h-4 w-4 mr-1.5" />
-          {{
-            sortable
-              ? $t("dashboard.scripts.sortSave")
-              : $t("dashboard.scripts.sortEdit")
-          }}
+          <Menu class="mr-1.5 h-4 w-4" />
+          {{ sortable ? $t("dashboard.scripts.sortSave") : $t("dashboard.scripts.sortEdit") }}
         </Button>
         <Button @click="openCreate" size="sm">
-          <Plus class="h-4 w-4 mr-1.5" />
+          <Plus class="mr-1.5 h-4 w-4" />
           {{ $t("dashboard.scripts.create") }}
         </Button>
       </div>
diff --git a/src/pages/dashboard/servers-detail/[backendName].vue b/src/pages/dashboard/servers-detail/[backendName].vue
index e69a45eb..b56bd45e 100644
--- a/src/pages/dashboard/servers-detail/[backendName].vue
+++ b/src/pages/dashboard/servers-detail/[backendName].vue
@@ -2,15 +2,7 @@
 import { ref, type Ref, computed, watch } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
-import {
-  Loader2,
-  PackageOpen,
-  ArrowLeft,
-  Copy,
-  Check,
-  Pencil,
-  Cable,
-} from "lucide-vue-next";
+import { Loader2, PackageOpen, ArrowLeft, Copy, Check, Pencil, Cable } from "lucide-vue-next";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Badge } from "@/components/ui/badge";
@@ -35,8 +27,7 @@ const { t } = useI18n();
 const route = useRoute();
 const router = useRouter();
 const { backends, currentBackend } = useBackendStore();
-const { serverInfo, saveAgentConfigWsUrl, refreshAll, serverInfoLoading } =
-  useBackendExtra();
+const { serverInfo, saveAgentConfigWsUrl, refreshAll, serverInfoLoading } = useBackendExtra();
 const themeStore = useThemeStore();
 
 const backend = computed(() => {
@@ -93,8 +84,7 @@ const fetchConfig = async () => {
       "nodeget-server_read_config",
       { token: backend.value.token },
     );
-    configContent.value =
-      typeof result === "string" ? result : JSON.stringify(result, null, 2);
+    configContent.value = typeof result === "string" ? result : JSON.stringify(result, null, 2);
     configLoaded.value = true;
   } catch {
   } finally {
@@ -142,10 +132,10 @@ const saveConfig = async () => {
   if (!backend.value || configSaving.value) return;
   configSaving.value = true;
   try {
-    await getWsConnection(backend.value.url).call(
-      "nodeget-server_edit_config",
-      { token: backend.value.token, config_string: configContent.value },
-    );
+    await getWsConnection(backend.value.url).call("nodeget-server_edit_config", {
+      token: backend.value.token,
+      config_string: configContent.value,
+    });
   } catch {
   } finally {
     configSaving.value = false;
@@ -232,9 +222,7 @@ function saveEdit(field: string) {
 
   if (field === "name") {
     backends.value[idx]!.name = editValue.value;
-    router.replace(
-      `/dashboard/servers-detail/${encodeURIComponent(editValue.value)}`,
-    );
+    router.replace(`/dashboard/servers-detail/${encodeURIComponent(editValue.value)}`);
   } else if (field === "url") {
     backends.value[idx]!.url = normalizeUrl(editValue.value);
   } else if (field === "token") {
@@ -276,20 +264,11 @@ function saveEdit(field: string) {
     </div>
 
     <!-- Tabs -->
-    <Tabs
-      :model-value="activeTab"
-      @update:model-value="handleTabChange($event as string)"
-    >
+    <Tabs :model-value="activeTab" @update:model-value="handleTabChange($event as string)">
       <TabsList>
-        <TabsTrigger value="info">{{
-          t("dashboard.servers.detail.tabInfo")
-        }}</TabsTrigger>
-        <TabsTrigger value="storage">{{
-          t("dashboard.servers.detail.tabStorage")
-        }}</TabsTrigger>
-        <TabsTrigger value="config">{{
-          t("dashboard.servers.detail.tabConfig")
-        }}</TabsTrigger>
+        <TabsTrigger value="info">{{ t("dashboard.servers.detail.tabInfo") }}</TabsTrigger>
+        <TabsTrigger value="storage">{{ t("dashboard.servers.detail.tabStorage") }}</TabsTrigger>
+        <TabsTrigger value="config">{{ t("dashboard.servers.detail.tabConfig") }}</TabsTrigger>
         <TabsTrigger value="version" v-if="false">{{
           t("dashboard.servers.detail.tabVersion")
         }}</TabsTrigger>
@@ -301,7 +280,7 @@ function saveEdit(field: string) {
         <div class="divide-y rounded-md border">
           <!-- 名称 -->
           <div class="flex items-center gap-4 px-4 py-3">
-            <span class="w-28 shrink-0 text-sm text-muted-foreground">
+            <span class="text-muted-foreground w-28 shrink-0 text-sm">
               {{ t("dashboard.servers.detail.infoName") }}
             </span>
             <template v-if="editingField === 'name'">
@@ -314,20 +293,15 @@ function saveEdit(field: string) {
               </Button>
             </template>
             <template v-else>
-              <span class="text-sm font-medium">{{
-                backend?.name ?? "--"
-              }}</span>
+              <span class="text-sm font-medium">{{ backend?.name ?? "--" }}</span>
               <Button
                 size="icon"
                 variant="ghost"
                 class="h-6 w-6 shrink-0"
                 @click="copyText('name', backend?.name)"
               >
-                <Check
-                  v-if="copiedKey === 'name'"
-                  class="h-3.5 w-3.5 text-green-500"
-                />
-                <Copy v-else class="h-3.5 w-3.5 text-muted-foreground" />
+                <Check v-if="copiedKey === 'name'" class="h-3.5 w-3.5 text-green-500" />
+                <Copy v-else class="text-muted-foreground h-3.5 w-3.5" />
               </Button>
               <Button
                 size="icon"
@@ -335,13 +309,13 @@ function saveEdit(field: string) {
                 class="h-6 w-6 shrink-0"
                 @click="startEdit('name', backend?.name)"
               >
-                <Pencil class="h-3.5 w-3.5 text-muted-foreground" />
+                <Pencil class="text-muted-foreground h-3.5 w-3.5" />
               </Button>
             </template>
           </div>
           <!-- API 地址 -->
           <div class="flex flex-wrap items-center gap-4 px-4 py-3">
-            <span class="w-28 shrink-0 text-sm text-muted-foreground">
+            <span class="text-muted-foreground w-28 shrink-0 text-sm">
               {{ t("dashboard.servers.detail.infoEndpoint") }}
             </span>
             <div
@@ -369,9 +343,7 @@ function saveEdit(field: string) {
             </div>
             <template v-else>
               <div class="flex min-w-0 items-center gap-1.5">
-                <span class="font-mono text-sm">{{
-                  backend?.url ?? "--"
-                }}</span>
+                <span class="font-mono text-sm">{{ backend?.url ?? "--" }}</span>
                 <Button
                   v-if="backend?.url"
                   size="icon"
@@ -379,11 +351,8 @@ function saveEdit(field: string) {
                   class="h-6 w-6 shrink-0"
                   @click="copyText('url', backend?.url)"
                 >
-                  <Check
-                    v-if="copiedKey === 'url'"
-                    class="h-3.5 w-3.5 text-green-500"
-                  />
-                  <Copy v-else class="h-3.5 w-3.5 text-muted-foreground" />
+                  <Check v-if="copiedKey === 'url'" class="h-3.5 w-3.5 text-green-500" />
+                  <Copy v-else class="text-muted-foreground h-3.5 w-3.5" />
                 </Button>
                 <Button
                   size="icon"
@@ -391,7 +360,7 @@ function saveEdit(field: string) {
                   class="h-6 w-6 shrink-0"
                   @click="startEdit('url', backend?.url)"
                 >
-                  <Pencil class="h-3.5 w-3.5 text-muted-foreground" />
+                  <Pencil class="text-muted-foreground h-3.5 w-3.5" />
                 </Button>
                 <Button
                   v-if="serverUuid"
@@ -402,15 +371,12 @@ function saveEdit(field: string) {
                   @click="setAgentConfigWsUrl('url-select', backend?.url || '')"
                 >
                   <template v-if="copiedKey === 'url-select'">
-                    <Check
-                      v-if="serverInfoLoading"
-                      class="h-3.5 w-3.5 text-green-500"
-                    />
+                    <Check v-if="serverInfoLoading" class="h-3.5 w-3.5 text-green-500" />
                     <Loader2 v-else class="h-3.5 w-3.5 animate-spin"></Loader2>
                   </template>
                   <Cable
                     v-else
-                    class="h-3.5 w-3.5 text-muted-foreground"
+                    class="text-muted-foreground h-3.5 w-3.5"
                     title="select as agent config address"
                   />
                 </Button>
@@ -420,7 +386,7 @@ function saveEdit(field: string) {
 
           <!-- 状态 -->
           <div class="flex items-center gap-4 px-4 py-3">
-            <span class="w-28 shrink-0 text-sm text-muted-foreground">
+            <span class="text-muted-foreground w-28 shrink-0 text-sm">
               {{ t("dashboard.servers.detail.infoStatus") }}
             </span>
             <Badge v-if="isActive" variant="default">
@@ -432,18 +398,14 @@ function saveEdit(field: string) {
           </div>
           <!-- Token -->
           <div class="flex items-start gap-4 px-4 py-3">
-            <span class="w-28 shrink-0 pt-0.5 text-sm text-muted-foreground">
+            <span class="text-muted-foreground w-28 shrink-0 pt-0.5 text-sm">
               {{ t("dashboard.servers.detail.infoToken") }}
             </span>
             <template v-if="editingField === 'token'">
               <div class="flex min-w-0 flex-col gap-2">
                 <Input v-model="editValue" class="h-8 w-64 font-mono text-xs" />
                 <div class="flex gap-2">
-                  <Button
-                    size="sm"
-                    variant="outline"
-                    @click="saveEdit('token')"
-                  >
+                  <Button size="sm" variant="outline" @click="saveEdit('token')">
                     {{ t("dashboard.servers.detail.infoSave") }}
                   </Button>
                   <Button size="sm" variant="ghost" @click="cancelEdit">
@@ -454,9 +416,7 @@ function saveEdit(field: string) {
             </template>
             <template v-else>
               <div class="flex min-w-0 items-start gap-1.5">
-                <span class="font-mono text-sm break-all">{{
-                  backend?.token ?? "--"
-                }}</span>
+                <span class="font-mono text-sm break-all">{{ backend?.token ?? "--" }}</span>
                 <Button
                   v-if="backend?.token"
                   size="icon"
@@ -464,11 +424,8 @@ function saveEdit(field: string) {
                   class="mt-0.5 h-6 w-6 shrink-0"
                   @click="copyText('token', backend?.token)"
                 >
-                  <Check
-                    v-if="copiedKey === 'token'"
-                    class="h-3.5 w-3.5 text-green-500"
-                  />
-                  <Copy v-else class="h-3.5 w-3.5 text-muted-foreground" />
+                  <Check v-if="copiedKey === 'token'" class="h-3.5 w-3.5 text-green-500" />
+                  <Copy v-else class="text-muted-foreground h-3.5 w-3.5" />
                 </Button>
                 <Button
                   size="icon"
@@ -476,7 +433,7 @@ function saveEdit(field: string) {
                   class="mt-0.5 h-6 w-6 shrink-0"
                   @click="startEdit('token', backend?.token)"
                 >
-                  <Pencil class="h-3.5 w-3.5 text-muted-foreground" />
+                  <Pencil class="text-muted-foreground h-3.5 w-3.5" />
                 </Button>
               </div>
             </template>
@@ -487,13 +444,13 @@ function saveEdit(field: string) {
         <div class="relative divide-y rounded-md border">
           <div
             v-if="serverInfoLoading"
-            class="absolute inset-0 z-10 flex flex-col items-center justify-center rounded-md bg-background/40 backdrop-blur-[1px]"
+            class="bg-background/40 absolute inset-0 z-10 flex flex-col items-center justify-center rounded-md backdrop-blur-[1px]"
           >
-            <Loader2 class="h-8 w-8 animate-spin text-muted-foreground" />
+            <Loader2 class="text-muted-foreground h-8 w-8 animate-spin" />
           </div>
           <!-- UUID -->
           <div class="flex items-center gap-4 px-4 py-3">
-            <span class="w-28 shrink-0 text-sm text-muted-foreground">
+            <span class="text-muted-foreground w-28 shrink-0 text-sm">
               {{ t("dashboard.servers.detail.infoId") }}
             </span>
             <div class="flex min-w-0 items-center gap-1.5">
@@ -505,29 +462,20 @@ function saveEdit(field: string) {
                 class="h-6 w-6 shrink-0"
                 @click="copyText('uuid', serverUuid)"
               >
-                <Check
-                  v-if="copiedKey === 'uuid'"
-                  class="h-3.5 w-3.5 text-green-500"
-                />
-                <Copy v-else class="h-3.5 w-3.5 text-muted-foreground" />
+                <Check v-if="copiedKey === 'uuid'" class="h-3.5 w-3.5 text-green-500" />
+                <Copy v-else class="text-muted-foreground h-3.5 w-3.5" />
               </Button>
             </div>
           </div>
 
           <!-- IP -->
           <div class="flex items-center gap-4 px-4 py-3">
-            <span class="w-28 shrink-0 text-sm text-muted-foreground">
-              IP
-            </span>
+            <span class="text-muted-foreground w-28 shrink-0 text-sm"> IP </span>
             <div class="flex min-w-0 items-center gap-1.5">
               <span class="font-mono text-sm">{{
-                (typeof backend?.url === "string" &&
-                  serverInfo[backend?.url]?.ip) ??
-                "--"
+                (typeof backend?.url === "string" && serverInfo[backend?.url]?.ip) ?? "--"
               }}</span>
-              <span class="font-mono text-sm" v-if="local_ws_port"
-                >(:{{ local_ws_port }})</span
-              >
+              <span class="font-mono text-sm" v-if="local_ws_port">(:{{ local_ws_port }})</span>
               <Button
                 v-if="serverUuid"
                 size="icon"
@@ -536,17 +484,12 @@ function saveEdit(field: string) {
                 @click="
                   copyText(
                     'ip',
-                    (typeof backend?.url === 'string' &&
-                      serverInfo[backend?.url]?.ip) ||
-                      '',
+                    (typeof backend?.url === 'string' && serverInfo[backend?.url]?.ip) || '',
                   )
                 "
               >
-                <Check
-                  v-if="copiedKey === 'ip'"
-                  class="h-3.5 w-3.5 text-green-500"
-                />
-                <Copy v-else class="h-3.5 w-3.5 text-muted-foreground" />
+                <Check v-if="copiedKey === 'ip'" class="h-3.5 w-3.5 text-green-500" />
+                <Copy v-else class="text-muted-foreground h-3.5 w-3.5" />
               </Button>
               <Button
                 v-if="serverUuid"
@@ -557,22 +500,17 @@ function saveEdit(field: string) {
                 @click="
                   setAgentConfigWsUrl(
                     'ip-select',
-                    (typeof backend?.url === 'string' &&
-                      serverInfo[backend?.url]?.ip) ||
-                      '',
+                    (typeof backend?.url === 'string' && serverInfo[backend?.url]?.ip) || '',
                   )
                 "
               >
                 <template v-if="copiedKey === 'ip-select'">
-                  <Check
-                    v-if="serverInfoLoading"
-                    class="h-3.5 w-3.5 text-green-500"
-                  />
+                  <Check v-if="serverInfoLoading" class="h-3.5 w-3.5 text-green-500" />
                   <Loader2 v-else class="h-3.5 w-3.5 animate-spin"></Loader2>
                 </template>
                 <Cable
                   v-else
-                  class="h-3.5 w-3.5 text-muted-foreground"
+                  class="text-muted-foreground h-3.5 w-3.5"
                   title="select as agent config address"
                 />
               </Button>
@@ -581,20 +519,15 @@ function saveEdit(field: string) {
 
           <!-- Agent Config API 地址 -->
           <div class="flex flex-wrap items-center gap-4 gap-y-0.5 px-4 py-3">
-            <span class="w-28 shrink-0 text-sm text-muted-foreground">
-              {{ t("dashboard.servers.detail.infoEndpoint") }} <br />[ for agent
-              ]
+            <span class="text-muted-foreground w-28 shrink-0 text-sm">
+              {{ t("dashboard.servers.detail.infoEndpoint") }} <br />[ for agent ]
             </span>
             <div
               v-if="editingField === 'agent-url'"
               class="flex flex-wrap items-center gap-x-4 gap-y-1 py-1"
             >
               <Input v-model="editValue" class="h-8 w-64" />
-              <Button
-                size="sm"
-                variant="outline"
-                @click="saveEdit('agent-url')"
-              >
+              <Button size="sm" variant="outline" @click="saveEdit('agent-url')">
                 {{ t("dashboard.servers.detail.infoSave") }}
               </Button>
               <Button size="sm" variant="ghost" @click="cancelEdit">
@@ -614,43 +547,30 @@ function saveEdit(field: string) {
                   size="icon"
                   variant="ghost"
                   class="h-6 w-6 shrink-0"
-                  @click="
-                    copyText(
-                      'agent-url',
-                      serverInfo[backend?.url]?.agentConfigWsUrl,
-                    )
-                  "
+                  @click="copyText('agent-url', serverInfo[backend?.url]?.agentConfigWsUrl)"
                 >
-                  <Check
-                    v-if="copiedKey === 'agent-url'"
-                    class="h-3.5 w-3.5 text-green-500"
-                  />
-                  <Copy v-else class="h-3.5 w-3.5 text-muted-foreground" />
+                  <Check v-if="copiedKey === 'agent-url'" class="h-3.5 w-3.5 text-green-500" />
+                  <Copy v-else class="text-muted-foreground h-3.5 w-3.5" />
                 </Button>
                 <Button
                   size="icon"
                   variant="ghost"
                   class="h-6 w-6 shrink-0"
-                  @click="
-                    startEdit(
-                      'agent-url',
-                      serverInfo[backend?.url]?.agentConfigWsUrl || '',
-                    )
-                  "
+                  @click="startEdit('agent-url', serverInfo[backend?.url]?.agentConfigWsUrl || '')"
                 >
-                  <Pencil class="h-3.5 w-3.5 text-muted-foreground" />
+                  <Pencil class="text-muted-foreground h-3.5 w-3.5" />
                 </Button>
               </div>
             </template>
             <div class="w-full"></div>
-            <div class="ml-32 font-mono text-xs text-muted-foreground">
+            <div class="text-muted-foreground ml-32 font-mono text-xs">
               添加新的 agent 时使用的 ws_url 配置
             </div>
           </div>
 
           <!-- 版本号 -->
           <div class="flex items-center gap-4 px-4 py-3">
-            <span class="w-28 shrink-0 text-sm text-muted-foreground">
+            <span class="text-muted-foreground w-28 shrink-0 text-sm">
               {{ t("dashboard.servers.detail.infoVersion") }}
             </span>
             <span class="font-mono text-sm">{{ serverVersion ?? "--" }}</span>
@@ -660,20 +580,13 @@ function saveEdit(field: string) {
 
       <!-- Tab: 数据库占用 -->
       <TabsContent value="storage" class="mt-4">
-        <DatabaseStorageTab
-          :data="storageData"
-          :loading="storageLoading"
-          @refresh="fetchStorage"
-        />
+        <DatabaseStorageTab :data="storageData" :loading="storageLoading" @refresh="fetchStorage" />
       </TabsContent>
 
       <!-- Tab: 配置管理 -->
       <TabsContent value="config" class="mt-4">
         <div class="space-y-3">
-          <div
-            v-if="configLoading"
-            class="py-8 text-center text-sm text-muted-foreground"
-          >
+          <div v-if="configLoading" class="text-muted-foreground py-8 text-center text-sm">
             {{ t("dashboard.servers.detail.configLoading") }}
           </div>
           <template v-else>
@@ -696,9 +609,7 @@ function saveEdit(field: string) {
 
       <!-- Tab: 版本升级 -->
       <TabsContent value="version" class="mt-4" v-if="false">
-        <div
-          class="flex flex-col items-center justify-center gap-4 py-24 text-muted-foreground"
-        >
+        <div class="text-muted-foreground flex flex-col items-center justify-center gap-4 py-24">
           <PackageOpen class="h-16 w-16 opacity-30" />
           <p class="text-sm">
             {{ t("dashboard.servers.detail.versionComingSoon") }}
diff --git a/src/pages/dashboard/servers.vue b/src/pages/dashboard/servers.vue
index a81f98dd..470af10d 100644
--- a/src/pages/dashboard/servers.vue
+++ b/src/pages/dashboard/servers.vue
@@ -32,8 +32,7 @@ definePage({
 const { t } = useI18n();
 const route = useRoute();
 const router = useRouter();
-const { backends, currentBackend, selectBackend, removeBackend, addBackend } =
-  useBackendStore();
+const { backends, currentBackend, selectBackend, removeBackend, addBackend } = useBackendStore();
 
 const addOpen = ref(false);
 
@@ -70,8 +69,7 @@ const fetchServerInfo = (backend: Backend) => {
 watch(backends, (list) => list.forEach(fetchServerInfo), { immediate: true });
 
 const isActive = (backend: Backend) =>
-  currentBackend.value?.url === backend.url &&
-  currentBackend.value?.token === backend.token;
+  currentBackend.value?.url === backend.url && currentBackend.value?.token === backend.token;
 
 const handleManage = (backend: Backend) => {
   router.push(
@@ -87,9 +85,7 @@ onMounted(() => {
     const decoded = JSON.parse(atob(raw)) as Backend;
     if (!decoded.url || !decoded.token || !decoded.name) return;
 
-    const exists = backends.value.some(
-      (b) => b.url === decoded.url && b.token === decoded.token,
-    );
+    const exists = backends.value.some((b) => b.url === decoded.url && b.token === decoded.token);
     if (!exists) {
       addBackend(decoded);
       if (backends.value.length === 1) {
@@ -111,7 +107,7 @@ onMounted(() => {
         <h1 class="text-2xl font-semibold">
           {{ t("dashboard.servers.title") }}
         </h1>
-        <p class="mt-1 text-sm text-muted-foreground">
+        <p class="text-muted-foreground mt-1 text-sm">
           {{ t("dashboard.servers.desc") }}
         </p>
       </div>
@@ -130,9 +126,7 @@ onMounted(() => {
             <TableHead>{{ t("dashboard.servers.colEndpoint") }}</TableHead>
             <TableHead>{{ t("dashboard.servers.colVersion") }}</TableHead>
             <TableHead>{{ t("dashboard.servers.colStatus") }}</TableHead>
-            <TableHead class="text-right">{{
-              t("dashboard.servers.colActions")
-            }}</TableHead>
+            <TableHead class="text-right">{{ t("dashboard.servers.colActions") }}</TableHead>
           </TableRow>
         </TableHeader>
         <TableBody>
@@ -141,13 +135,10 @@ onMounted(() => {
           </TableEmpty>
           <TableRow v-for="backend in backends" :key="backend.url">
             <TableCell class="font-medium">{{ backend.name }}</TableCell>
-            <TableCell class="font-mono text-xs text-muted-foreground">
+            <TableCell class="text-muted-foreground font-mono text-xs">
               {{ serverInfo[backend.url]?.uuid ?? "--" }}
             </TableCell>
-            <TableCell
-              class="max-w-[200px] truncate font-mono text-xs"
-              :title="backend.url"
-            >
+            <TableCell class="max-w-[200px] truncate font-mono text-xs" :title="backend.url">
               {{ backend.url }}
             </TableCell>
             <TableCell class="text-muted-foreground">
@@ -157,23 +148,13 @@ onMounted(() => {
               <Badge v-if="isActive(backend)" variant="default">
                 {{ t("dashboard.servers.active") }}
               </Badge>
-              <Button
-                v-else
-                size="sm"
-                variant="secondary"
-                @click="selectBackend(backend)"
-              >
+              <Button v-else size="sm" variant="secondary" @click="selectBackend(backend)">
                 {{ t("dashboard.servers.select") }}
               </Button>
             </TableCell>
             <TableCell class="text-right">
               <div class="flex items-center justify-end gap-1">
-                <Button
-                  size="icon"
-                  variant="ghost"
-                  class="h-8 w-8"
-                  @click="handleManage(backend)"
-                >
+                <Button size="icon" variant="ghost" class="h-8 w-8" @click="handleManage(backend)">
                   <Wrench class="h-4 w-4" />
                 </Button>
                 <PopConfirm
@@ -186,7 +167,7 @@ onMounted(() => {
                   <Button
                     size="icon"
                     variant="ghost"
-                    class="h-8 w-8 text-destructive hover:text-destructive/90"
+                    class="text-destructive hover:text-destructive/90 h-8 w-8"
                   >
                     <Trash2 class="h-4 w-4" />
                   </Button>
diff --git a/src/pages/dashboard/settings/general.vue b/src/pages/dashboard/settings/general.vue
index e7e98935..abd4c129 100644
--- a/src/pages/dashboard/settings/general.vue
+++ b/src/pages/dashboard/settings/general.vue
@@ -4,20 +4,12 @@ import { useI18n } from "vue-i18n";
 import { Check } from "lucide-vue-next";
 import { ColorPicker } from "vue3-colorpicker";
 import "vue3-colorpicker/style.css";
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-} from "@/components/ui/popover";
+import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover";
 import { Label } from "@/components/ui/label";
 import { Switch } from "@/components/ui/switch";
 import { useThemeStore } from "@/stores/theme";
 import { useSystemSettingsStore } from "@/stores/systemSettings";
-import {
-  PALETTES,
-  COLOR_THEME_KEYS,
-  type ColorThemeName,
-} from "@/theme/palettes";
+import { PALETTES, COLOR_THEME_KEYS, type ColorThemeName } from "@/theme/palettes";
 
 definePage({
   meta: {
@@ -93,34 +85,31 @@ const onCustomTriggerClick = () => {
     <section class="space-y-3">
       <div>
         <h2 class="text-sm font-semibold">{{ t("settings.colorTheme") }}</h2>
-        <p class="text-xs text-muted-foreground mt-0.5">
+        <p class="text-muted-foreground mt-0.5 text-xs">
           {{ t("settings.colorThemeDesc") }}
         </p>
       </div>
 
-      <div class="flex flex-wrap gap-2 max-w-xl">
+      <div class="flex max-w-xl flex-wrap gap-2">
         <button
           v-for="item in swatches"
           :key="item.name"
           type="button"
           :aria-pressed="themeStore.colorTheme === item.name"
-          class="inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1.5 text-xs font-medium transition-colors hover:bg-accent"
+          class="hover:bg-accent inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1.5 text-xs font-medium transition-colors"
           :class="
             themeStore.colorTheme === item.name
-              ? 'border-primary ring-1 ring-ring/40'
+              ? 'border-primary ring-ring/40 ring-1'
               : 'border-input'
           "
           @click="select(item.name)"
         >
           <span
-            class="h-3 w-3 rounded-full shrink-0 ring-1 ring-border/60"
+            class="ring-border/60 h-3 w-3 shrink-0 rounded-full ring-1"
             :style="{ backgroundColor: item.swatch }"
           />
           <span>{{ item.label }}</span>
-          <Check
-            v-if="themeStore.colorTheme === item.name"
-            class="h-3 w-3 ml-0.5 text-primary"
-          />
+          <Check v-if="themeStore.colorTheme === item.name" class="text-primary ml-0.5 h-3 w-3" />
         </button>
 
         <Popover v-model:open="customOpen">
@@ -128,22 +117,22 @@ const onCustomTriggerClick = () => {
             <button
               type="button"
               :aria-pressed="themeStore.colorTheme === 'custom'"
-              class="inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1.5 text-xs font-medium transition-colors hover:bg-accent"
+              class="hover:bg-accent inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1.5 text-xs font-medium transition-colors"
               :class="
                 themeStore.colorTheme === 'custom'
-                  ? 'border-primary ring-1 ring-ring/40'
+                  ? 'border-primary ring-ring/40 ring-1'
                   : 'border-input'
               "
               @click="onCustomTriggerClick"
             >
               <span
-                class="h-3 w-3 rounded-full shrink-0 ring-1 ring-border/60"
+                class="ring-border/60 h-3 w-3 shrink-0 rounded-full ring-1"
                 :style="{ backgroundColor: themeStore.customColor }"
               />
               <span>{{ t("settings.customColor") }}</span>
               <Check
                 v-if="themeStore.colorTheme === 'custom'"
-                class="h-3 w-3 ml-0.5 text-primary"
+                class="text-primary ml-0.5 h-3 w-3"
               />
             </button>
           </PopoverTrigger>
@@ -166,19 +155,15 @@ const onCustomTriggerClick = () => {
     <section class="space-y-3">
       <div>
         <h2 class="text-sm font-semibold">RPC 调试面板</h2>
-        <p class="text-xs text-muted-foreground mt-0.5">
-          控制是否记录 WebSocket RPC 调试数据。
-        </p>
+        <p class="text-muted-foreground mt-0.5 text-xs">控制是否记录 WebSocket RPC 调试数据。</p>
       </div>
 
       <div
-        class="flex max-w-xl items-center justify-between gap-4 rounded-lg border bg-card px-4 py-3"
+        class="bg-card flex max-w-xl items-center justify-between gap-4 rounded-lg border px-4 py-3"
       >
         <div class="min-w-0 space-y-1">
-          <Label for="rpc-debug-panel-switch" class="text-sm">
-            RPC 调试面板
-          </Label>
-          <p class="text-xs leading-5 text-muted-foreground">
+          <Label for="rpc-debug-panel-switch" class="text-sm"> RPC 调试面板 </Label>
+          <p class="text-muted-foreground text-xs leading-5">
             开启后会处理并记录 RPC 调试数据，关闭时跳过调试数据处理。
           </p>
         </div>
diff --git a/src/pages/dashboard/settings/site.vue b/src/pages/dashboard/settings/site.vue
index 350dde53..946225e2 100644
--- a/src/pages/dashboard/settings/site.vue
+++ b/src/pages/dashboard/settings/site.vue
@@ -104,7 +104,7 @@ async function saveBody() {
 <template>
   <div class="space-y-4">
     <div>
-      <h1 class="text-xl font-bold mb-1">
+      <h1 class="mb-1 text-xl font-bold">
         {{ $t("dashboard.settings.site.custom") }}
       </h1>
       <p class="text-muted-foreground text-sm">
@@ -112,11 +112,9 @@ async function saveBody() {
       </p>
     </div>
 
-    <Card class="py-4 gap-3">
+    <Card class="gap-3 py-4">
       <CardHeader class="px-4">
-        <CardTitle class="text-base">{{
-          $t("dashboard.settings.site.customHeader")
-        }}</CardTitle>
+        <CardTitle class="text-base">{{ $t("dashboard.settings.site.customHeader") }}</CardTitle>
         <CardDescription>
           {{ $t("dashboard.settings.site.customHeaderDesc") }}
         </CardDescription>
@@ -125,26 +123,20 @@ async function saveBody() {
         <textarea
           v-model="localHeader"
           :disabled="status === 'loading'"
-          class="flex min-h-[96px] w-full rounded-md border bg-transparent px-3 py-2 text-sm font-mono shadow-xs outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] disabled:opacity-50"
+          class="placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 flex min-h-[96px] w-full rounded-md border bg-transparent px-3 py-2 font-mono text-sm shadow-xs outline-none focus-visible:ring-[3px] disabled:opacity-50"
           placeholder="<script>...</script>"
         />
       </CardContent>
       <CardFooter class="justify-end px-4">
-        <Button
-          size="sm"
-          :disabled="savingHeader || status === 'loading'"
-          @click="saveHeader"
-        >
+        <Button size="sm" :disabled="savingHeader || status === 'loading'" @click="saveHeader">
           {{ savingHeader ? $t("dashboard.saving") : $t("dashboard.save") }}
         </Button>
       </CardFooter>
     </Card>
 
-    <Card class="py-4 gap-3">
+    <Card class="gap-3 py-4">
       <CardHeader class="px-4">
-        <CardTitle class="text-base">{{
-          $t("dashboard.settings.site.customBody")
-        }}</CardTitle>
+        <CardTitle class="text-base">{{ $t("dashboard.settings.site.customBody") }}</CardTitle>
         <CardDescription>
           {{ $t("dashboard.settings.site.customBodyDesc") }}
         </CardDescription>
@@ -153,16 +145,12 @@ async function saveBody() {
         <textarea
           v-model="localBody"
           :disabled="status === 'loading'"
-          class="flex min-h-[96px] w-full rounded-md border bg-transparent px-3 py-2 text-sm font-mono shadow-xs outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] disabled:opacity-50"
+          class="placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 flex min-h-[96px] w-full rounded-md border bg-transparent px-3 py-2 font-mono text-sm shadow-xs outline-none focus-visible:ring-[3px] disabled:opacity-50"
           placeholder="<script>...</script>"
         />
       </CardContent>
       <CardFooter class="justify-end px-4">
-        <Button
-          size="sm"
-          :disabled="savingBody || status === 'loading'"
-          @click="saveBody"
-        >
+        <Button size="sm" :disabled="savingBody || status === 'loading'" @click="saveBody">
           {{ savingBody ? $t("dashboard.saving") : $t("dashboard.save") }}
         </Button>
       </CardFooter>
diff --git a/src/pages/dashboard/static-bucket.vue b/src/pages/dashboard/static-bucket.vue
index f4a47e6a..8f2ecef8 100644
--- a/src/pages/dashboard/static-bucket.vue
+++ b/src/pages/dashboard/static-bucket.vue
@@ -5,10 +5,7 @@ import { FolderOpen } from "lucide-vue-next";
 import { toast } from "vue-sonner";
 import { useStaticBucket } from "@/composables/useStaticBucket";
 import { useStaticBucketFile } from "@/composables/useStaticBucketFile";
-import type {
-  StaticBucketInput,
-  StaticBucket,
-} from "@/composables/useStaticBucket";
+import type { StaticBucketInput, StaticBucket } from "@/composables/useStaticBucket";
 import StaticBucketTable from "@/components/static-bucket/StaticBucketTable.vue";
 import StaticBucketDialog from "@/components/static-bucket/StaticBucketDialog.vue";
 import StaticBucketUploadDirDialog from "@/components/static-bucket/StaticBucketUploadDirDialog.vue";
@@ -114,9 +111,7 @@ const openUploadDir = (targetBucket?: string) => {
   uploadDirOpen.value = true;
 };
 
-const handleUploadDir = async (
-  files: Array<{ path: string; base64: string }>,
-) => {
+const handleUploadDir = async (files: Array<{ path: string; base64: string }>) => {
   const target = uploadDirTarget.value;
   if (!target) return;
   uploadDirLoading.value = true;
@@ -124,9 +119,7 @@ const handleUploadDir = async (
   try {
     const remoteFiles = await bucketFile.fetchList(target);
     const localPaths = new Set(files.map((f) => f.path));
-    const extraRemotePaths = remoteFiles
-      .map((f) => f.path)
-      .filter((p) => !localPaths.has(p));
+    const extraRemotePaths = remoteFiles.map((f) => f.path).filter((p) => !localPaths.has(p));
     for (const file of files) {
       await bucketFile.uploadFile(target, file.path, file.base64);
     }
diff --git a/src/pages/dashboard/theme-management.vue b/src/pages/dashboard/theme-management.vue
index 98e9b85a..cbba513e 100644
--- a/src/pages/dashboard/theme-management.vue
+++ b/src/pages/dashboard/theme-management.vue
@@ -44,9 +44,7 @@ const bucketFile = useStaticBucketFile();
 const backendStore = useBackendStore();
 
 const backendUrl = computed(() => backendStore.currentBackend.value?.url ?? "");
-const backendToken = computed(
-  () => backendStore.currentBackend.value?.token ?? "",
-);
+const backendToken = computed(() => backendStore.currentBackend.value?.token ?? "");
 
 const tokenPresetOpen = ref(false);
 const uploadLocalOpen = ref(false);
@@ -106,10 +104,8 @@ const loadThemeMetas = async () => {
 
 const getThemeName = (bucketName: string) =>
   themeMetaMap.value[bucketName]?.name ?? bucketName.replace(/^theme_/, "");
-const getAuthor = (bucketName: string) =>
-  themeMetaMap.value[bucketName]?.author ?? "—";
-const getVersion = (bucketName: string) =>
-  themeMetaMap.value[bucketName]?.version ?? "—";
+const getAuthor = (bucketName: string) => themeMetaMap.value[bucketName]?.author ?? "—";
+const getVersion = (bucketName: string) => themeMetaMap.value[bucketName]?.version ?? "—";
 
 onMounted(async () => {
   await staticBucket.fetchList();
@@ -120,18 +116,11 @@ onMounted(async () => {
     remoteImportInitialUrl.value = addUrl;
 
     const autoEnableParam = route.query.auto_enable;
-    remoteImportAutoEnable.value =
-      autoEnableParam !== "0" && autoEnableParam !== "false";
+    remoteImportAutoEnable.value = autoEnableParam !== "0" && autoEnableParam !== "false";
 
     const tokenPresetParam = route.query.token_preset;
-    const validPresets: TokenPresetChoice[] = [
-      "monitor_only",
-      "monitor_ping",
-      "none",
-    ];
-    remoteImportTokenPreset.value = validPresets.includes(
-      tokenPresetParam as TokenPresetChoice,
-    )
+    const validPresets: TokenPresetChoice[] = ["monitor_only", "monitor_ping", "none"];
+    remoteImportTokenPreset.value = validPresets.includes(tokenPresetParam as TokenPresetChoice)
       ? (tokenPresetParam as TokenPresetChoice)
       : "monitor_ping";
 
@@ -218,19 +207,19 @@ function getPrevieLink(bucket: StaticBucket): string {
 </script>
 
 <template>
-  <div class="p-6 space-y-6">
+  <div class="space-y-6 p-6">
     <div class="flex items-center justify-between">
       <div>
         <h1 class="text-xl font-semibold">主题管理</h1>
-        <p class="text-sm text-muted-foreground mt-0.5">列表</p>
+        <p class="text-muted-foreground mt-0.5 text-sm">列表</p>
       </div>
       <div class="flex items-center gap-2">
         <Button variant="outline" size="sm" @click="tokenPresetOpen = true">
-          <Settings2 class="h-4 w-4 mr-1.5" />
+          <Settings2 class="mr-1.5 h-4 w-4" />
           Token 预设
         </Button>
         <Button variant="outline" size="sm" @click="openUploadLocal(null)">
-          <Upload class="h-4 w-4 mr-1.5" />
+          <Upload class="mr-1.5 h-4 w-4" />
           从本地上传
         </Button>
         <Button
@@ -243,15 +232,15 @@ function getPrevieLink(bucket: StaticBucket): string {
             remoteImportOpen = true;
           "
         >
-          <Link class="h-4 w-4 mr-1.5" />
+          <Link class="mr-1.5 h-4 w-4" />
           从远程导入
         </Button>
       </div>
     </div>
 
-    <div class="border rounded-lg overflow-hidden">
+    <div class="overflow-hidden rounded-lg border">
       <div
-        class="grid grid-cols-[2fr_1fr_5rem_1fr_13rem] gap-4 px-4 py-2.5 bg-muted/50 text-xs font-medium text-muted-foreground border-b"
+        class="bg-muted/50 text-muted-foreground grid grid-cols-[2fr_1fr_5rem_1fr_13rem] gap-4 border-b px-4 py-2.5 text-xs font-medium"
       >
         <span>名称</span>
         <span>作者</span>
@@ -262,19 +251,19 @@ function getPrevieLink(bucket: StaticBucket): string {
 
       <div
         v-if="staticBucket.loading.value"
-        class="flex items-center justify-center py-10 text-muted-foreground text-sm gap-2"
+        class="text-muted-foreground flex items-center justify-center gap-2 py-10 text-sm"
       >
         <span
-          class="inline-block h-4 w-4 animate-spin rounded-full border-2 border-muted-foreground border-t-transparent"
+          class="border-muted-foreground inline-block h-4 w-4 animate-spin rounded-full border-2 border-t-transparent"
         />
         加载中...
       </div>
 
       <div
         v-else-if="!themeBuckets.length"
-        class="flex flex-col items-center justify-center py-12 text-muted-foreground"
+        class="text-muted-foreground flex flex-col items-center justify-center py-12"
       >
-        <Palette class="h-10 w-10 mb-3 opacity-30" />
+        <Palette class="mb-3 h-10 w-10 opacity-30" />
         <p class="text-sm">暂无主题，点击「从本地上传」添加</p>
       </div>
 
@@ -282,19 +271,19 @@ function getPrevieLink(bucket: StaticBucket): string {
         <div
           v-for="bucket in themeBuckets"
           :key="bucket.name"
-          class="grid grid-cols-[2fr_1fr_5rem_1fr_13rem] gap-4 px-4 py-3 items-center border-b last:border-0 hover:bg-muted/20 transition-colors"
+          class="hover:bg-muted/20 grid grid-cols-[2fr_1fr_5rem_1fr_13rem] items-center gap-4 border-b px-4 py-3 transition-colors last:border-0"
         >
           <div class="min-w-0">
             <button
-              class="text-sm font-medium hover:underline cursor-pointer truncate text-left w-full"
+              class="w-full cursor-pointer truncate text-left text-sm font-medium hover:underline"
               @click="router.push(`/dashboard/theme/${bucket.name}`)"
             >
               {{ getThemeName(bucket.name) }}
             </button>
           </div>
 
-          <span class="text-sm text-muted-foreground">
-            <Loader2 v-if="metaLoading" class="h-3 w-3 animate-spin inline" />
+          <span class="text-muted-foreground text-sm">
+            <Loader2 v-if="metaLoading" class="inline h-3 w-3 animate-spin" />
             <template v-else>{{ getAuthor(bucket.name) }}</template>
           </span>
 
@@ -307,15 +296,13 @@ function getPrevieLink(bucket: StaticBucket): string {
             >
               <span
                 class="inline-block h-4 w-4 transform rounded-full bg-white shadow-sm transition-transform"
-                :class="
-                  bucket.is_http_root ? 'translate-x-4' : 'translate-x-0.5'
-                "
+                :class="bucket.is_http_root ? 'translate-x-4' : 'translate-x-0.5'"
               />
             </button>
           </div>
 
-          <span class="text-sm text-muted-foreground">
-            <Loader2 v-if="metaLoading" class="h-3 w-3 animate-spin inline" />
+          <span class="text-muted-foreground text-sm">
+            <Loader2 v-if="metaLoading" class="inline h-3 w-3 animate-spin" />
             <template v-else>{{ getVersion(bucket.name) }}</template>
           </span>
 
@@ -376,7 +363,7 @@ function getPrevieLink(bucket: StaticBucket): string {
               <Button
                 variant="ghost"
                 size="icon"
-                class="h-8 w-8 text-destructive hover:text-destructive"
+                class="text-destructive hover:text-destructive h-8 w-8"
                 :disabled="deletingBucket === bucket.name"
                 title="删除主题"
               >
@@ -388,7 +375,7 @@ function getPrevieLink(bucket: StaticBucket): string {
       </template>
     </div>
 
-    <p v-if="staticBucket.error.value" class="text-sm text-destructive">
+    <p v-if="staticBucket.error.value" class="text-destructive text-sm">
       {{ staticBucket.error.value }}
     </p>
 
diff --git a/src/pages/dashboard/theme/[name].vue b/src/pages/dashboard/theme/[name].vue
index f1eb0f5b..95751a20 100644
--- a/src/pages/dashboard/theme/[name].vue
+++ b/src/pages/dashboard/theme/[name].vue
@@ -27,14 +27,10 @@ onMounted(() => {
 </script>
 
 <template>
-  <div class="h-full flex flex-col gap-4 p-6 overflow-hidden">
-    <div class="flex items-center gap-3 shrink-0">
-      <Button
-        variant="ghost"
-        size="sm"
-        @click="router.push('/dashboard/theme-management')"
-      >
-        <ArrowLeft class="h-4 w-4 mr-1" />
+  <div class="flex h-full flex-col gap-4 overflow-hidden p-6">
+    <div class="flex shrink-0 items-center gap-3">
+      <Button variant="ghost" size="sm" @click="router.push('/dashboard/theme-management')">
+        <ArrowLeft class="mr-1 h-4 w-4" />
         返回
       </Button>
       <h2 class="text-xl font-semibold">{{ themeName }}</h2>
diff --git a/src/pages/dashboard/token.vue b/src/pages/dashboard/token.vue
index 8d8ba446..584f2212 100644
--- a/src/pages/dashboard/token.vue
+++ b/src/pages/dashboard/token.vue
@@ -5,10 +5,7 @@ import { useI18n } from "vue-i18n";
 import TokenList from "@/components/token/token-list/tokenListCard.vue";
 import { useCreatTokenHook } from "@/composables/token/useCreateToken";
 import { useBackendStore } from "@/composables/useBackendStore";
-import {
-  createDefaultToken,
-  DEFAULT_SCOPE,
-} from "@/components/token/scopeCodec";
+import { createDefaultToken, DEFAULT_SCOPE } from "@/components/token/scopeCodec";
 import {
   VISITOR_PERMISSIONS,
   VISITOR_WITH_PING_PERMISSIONS,
@@ -26,10 +23,7 @@ const autoCreateDefaultTokens = async () => {
   autoCreatePending = true;
 
   const backendUrl = currentBackend.value?.url ?? "";
-  const buildToken = (
-    username: string,
-    permissions: typeof VISITOR_PERMISSIONS,
-  ) => ({
+  const buildToken = (username: string, permissions: typeof VISITOR_PERMISSIONS) => ({
     ...createDefaultToken(),
     username,
     password: generatePassword(16),
@@ -42,18 +36,14 @@ const autoCreateDefaultTokens = async () => {
   });
 
   const [r1, r2] = await Promise.all([
-    createTokenHook.createToken(
-      buildToken("visitor_monitor_only", VISITOR_PERMISSIONS),
-    ),
+    createTokenHook.createToken(buildToken("visitor_monitor_only", VISITOR_PERMISSIONS)),
     createTokenHook.createToken(
       buildToken("visitor_monitor_with_ping", VISITOR_WITH_PING_PERMISSIONS),
     ),
   ]);
 
-  if (r1.key && backendUrl)
-    addBackend({ name: "本机 纯监控", url: backendUrl, token: r1.key });
-  if (r2.key && backendUrl)
-    addBackend({ name: "本机 监控+ping", url: backendUrl, token: r2.key });
+  if (r1.key && backendUrl) addBackend({ name: "本机 纯监控", url: backendUrl, token: r1.key });
+  if (r2.key && backendUrl) addBackend({ name: "本机 监控+ping", url: backendUrl, token: r2.key });
 
   autoCreatePending = false;
   tokenListRef.value?.refresh();
@@ -70,7 +60,7 @@ definePage({
 </script>
 
 <template>
-  <div class="h-full flex flex-col space-y-6">
+  <div class="flex h-full flex-col space-y-6">
     <div class="flex items-center justify-between">
       <div>
         <h2 class="text-2xl font-bold tracking-tight">
@@ -83,10 +73,7 @@ definePage({
     </div>
 
     <div>
-      <TokenList
-        ref="tokenListRef"
-        @first-load-empty="autoCreateDefaultTokens"
-      />
+      <TokenList ref="tokenListRef" @first-load-empty="autoCreateDefaultTokens" />
     </div>
   </div>
 </template>
diff --git a/src/pages/dashboard/worker-route-preview.vue b/src/pages/dashboard/worker-route-preview.vue
index a017440a..a4c65134 100644
--- a/src/pages/dashboard/worker-route-preview.vue
+++ b/src/pages/dashboard/worker-route-preview.vue
@@ -45,14 +45,14 @@ const openInNewWindow = () => {
 </script>
 
 <template>
-  <div class="flex flex-col h-[calc(100vh-100px)] space-y-4">
+  <div class="flex h-[calc(100vh-100px)] flex-col space-y-4">
     <div class="flex items-center justify-between">
       <div class="flex items-center gap-4">
         <Button variant="ghost" size="icon" @click="goBack">
           <ChevronLeft class="h-5 w-5" />
         </Button>
         <div>
-          <h1 class="text-2xl font-semibold flex items-center gap-2">
+          <h1 class="flex items-center gap-2 text-2xl font-semibold">
             {{ t("dashboard.jsRuntime.previewTitle") }}
           </h1>
           <p class="text-muted-foreground font-mono text-sm">
@@ -60,30 +60,20 @@ const openInNewWindow = () => {
           </p>
         </div>
       </div>
-      <Button
-        variant="outline"
-        size="sm"
-        @click="openInNewWindow"
-        :disabled="!previewUrl"
-      >
-        <ExternalLink class="h-4 w-4 mr-2" />
+      <Button variant="outline" size="sm" @click="openInNewWindow" :disabled="!previewUrl">
+        <ExternalLink class="mr-2 h-4 w-4" />
         {{ t("common.openInNewWindow", "在新窗口打开") }}
       </Button>
     </div>
 
-    <div
-      class="flex-1 bg-muted rounded-xl border overflow-hidden relative group"
-    >
+    <div class="bg-muted group relative flex-1 overflow-hidden rounded-xl border">
       <iframe
         v-if="previewUrl"
         :src="previewUrl"
-        class="w-full h-full border-0 bg-white"
+        class="h-full w-full border-0 bg-white"
         sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
       ></iframe>
-      <div
-        v-else
-        class="w-full h-full flex items-center justify-center text-muted-foreground"
-      >
+      <div v-else class="text-muted-foreground flex h-full w-full items-center justify-center">
         {{ t("dashboard.jsRuntime.noRoute", "未绑定路由") }}
       </div>
     </div>
diff --git a/src/pages/index.deprecated.vue b/src/pages/index.deprecated.vue
index 235a861c..29ab662e 100644
--- a/src/pages/index.deprecated.vue
+++ b/src/pages/index.deprecated.vue
@@ -15,13 +15,7 @@ import {
   showDiskDisplay,
 } from "@/utils/show";
 
-import {
-  Card,
-  CardHeader,
-  CardTitle,
-  CardContent,
-  CardFooter,
-} from "@/components/ui/card";
+import { Card, CardHeader, CardTitle, CardContent, CardFooter } from "@/components/ui/card";
 import { Badge } from "@/components/ui/badge";
 import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
 import { Progress } from "@/components/ui/progress";
@@ -55,8 +49,8 @@ onUnmounted(() => stop());
 </script>
 
 <template>
-  <div class="flex flex-col min-h-screen">
-    <div class="container mx-auto p-6 space-y-6 flex-1">
+  <div class="flex min-h-screen flex-col">
+    <div class="container mx-auto flex-1 space-y-6 p-6">
       <HeaderView :status="status" />
 
       <Alert v-if="error" variant="destructive">
@@ -65,10 +59,7 @@ onUnmounted(() => stop());
         <AlertDescription>{{ error }}</AlertDescription>
       </Alert>
 
-      <div
-        v-if="servers.length === 0 && !loading"
-        class="text-center py-10 text-muted-foreground"
-      >
+      <div v-if="servers.length === 0 && !loading" class="text-muted-foreground py-10 text-center">
         {{ $t("home.waitingData") }}
       </div>
 
@@ -83,14 +74,12 @@ onUnmounted(() => stop());
           :to="{ name: '/server-detail', params: { uuid: server.uuid } }"
           class="block h-full"
         >
-          <Card class="hover:shadow-md transition-shadow h-full cursor-pointer">
+          <Card class="h-full cursor-pointer transition-shadow hover:shadow-md">
             <CardHeader class="pb-3">
               <div class="flex items-start justify-between">
-                <CardTitle
-                  class="flex items-center gap-2 text-base font-medium"
-                >
-                  <div class="p-2 bg-primary/10 rounded-lg">
-                    <Server class="h-4 w-4 text-primary" />
+                <CardTitle class="flex items-center gap-2 text-base font-medium">
+                  <div class="bg-primary/10 rounded-lg p-2">
+                    <Server class="text-primary h-4 w-4" />
                   </div>
                   <div class="flex flex-col">
                     <span class="flex items-center gap-1">
@@ -99,70 +88,46 @@ onUnmounted(() => stop());
                         :title="server.customName || showHostname(server)"
                         >{{ server.customName || showHostname(server) }}</span
                       >
-                      <Badge
-                        v-if="server.hidden"
-                        variant="secondary"
-                        class="ml-1 text-xs"
+                      <Badge v-if="server.hidden" variant="secondary" class="ml-1 text-xs"
                         >隐藏</Badge
                       >
                     </span>
                     <span
-                      class="text-xs text-muted-foreground font-normal mt-1 flex items-center gap-1"
+                      class="text-muted-foreground mt-1 flex items-center gap-1 text-xs font-normal"
                     >
                       <Clock class="h-3 w-3" />
                       {{ formatUptime(server.uptime ?? 0) }}
                     </span>
                   </div>
                 </CardTitle>
-                <Badge
-                  variant="outline"
-                  class="font-normal text-xs"
-                  :title="showOS(server)"
-                  >{{ showOS(server) }}</Badge
-                >
+                <Badge variant="outline" class="text-xs font-normal" :title="showOS(server)">{{
+                  showOS(server)
+                }}</Badge>
               </div>
             </CardHeader>
             <CardContent class="grid gap-4 text-sm">
               <!-- CPU -->
-              <div
-                class="space-y-1"
-                :style="{ '--primary': `hsl(${colors.cpu.hsl})` }"
-              >
+              <div class="space-y-1" :style="{ '--primary': `hsl(${colors.cpu.hsl})` }">
                 <div class="flex justify-between text-xs">
                   <span class="text-muted-foreground flex items-center gap-1"
-                    ><Cpu
-                      class="h-3 w-3"
-                      :style="{ color: colors.cpu.color }"
-                    />
+                    ><Cpu class="h-3 w-3" :style="{ color: colors.cpu.color }" />
                     {{ $t("common.cpu") }}</span
                   >
-                  <span class="font-medium"
-                    >{{ showCpuPercent(server).toFixed(1) }}%</span
-                  >
+                  <span class="font-medium">{{ showCpuPercent(server).toFixed(1) }}%</span>
                 </div>
                 <Progress :model-value="showCpuPercent(server)" class="h-1.5" />
               </div>
 
               <!-- RAM -->
-              <div
-                class="space-y-1"
-                :style="{ '--primary': `hsl(${colors.memory.hsl})` }"
-              >
+              <div class="space-y-1" :style="{ '--primary': `hsl(${colors.memory.hsl})` }">
                 <div class="flex justify-between text-xs">
                   <span class="text-muted-foreground flex items-center gap-1"
-                    ><Database
-                      class="h-3 w-3"
-                      :style="{ color: colors.memory.color }"
-                    />
+                    ><Database class="h-3 w-3" :style="{ color: colors.memory.color }" />
                     {{ $t("common.ram") }}</span
                   >
                   <div class="flex items-center gap-2">
-                    <span class="text-[10px] text-muted-foreground">{{
-                      showRamText(server)
-                    }}</span>
-                    <span class="font-medium"
-                      >{{ showRamPercent(server).toFixed(1) }}%</span
-                    >
+                    <span class="text-muted-foreground text-[10px]">{{ showRamText(server) }}</span>
+                    <span class="font-medium">{{ showRamPercent(server).toFixed(1) }}%</span>
                   </div>
                 </div>
                 <Progress :model-value="showRamPercent(server)" class="h-1.5" />
@@ -170,13 +135,11 @@ onUnmounted(() => stop());
 
               <!-- Load -->
               <div class="grid gap-2 text-xs">
-                <div class="flex items-center gap-2 p-2 bg-muted/50 rounded-md">
-                  <Activity class="h-3.5 w-3.5 text-muted-foreground" />
+                <div class="bg-muted/50 flex items-center gap-2 rounded-md p-2">
+                  <Activity class="text-muted-foreground h-3.5 w-3.5" />
                   <div class="flex flex-col">
-                    <span class="text-xs text-muted-foreground">{{
-                      $t("common.load")
-                    }}</span>
-                    <span class="font-medium font-mono">{{
+                    <span class="text-muted-foreground text-xs">{{ $t("common.load") }}</span>
+                    <span class="font-mono font-medium">{{
                       formatLoad({
                         load_one: server.load_one,
                         load_five: server.load_five,
@@ -188,23 +151,19 @@ onUnmounted(() => stop());
               </div>
 
               <!-- Network & Disk -->
-              <div class="grid grid-cols-2 gap-4 pt-2 border-t">
+              <div class="grid grid-cols-2 gap-4 border-t pt-2">
                 <!-- Network -->
                 <div
                   class="flex flex-col gap-1"
-                  v-if="
-                    server.receive_speed != null ||
-                    server.transmit_speed != null
-                  "
+                  v-if="server.receive_speed != null || server.transmit_speed != null"
                 >
                   <span
-                    class="text-[10px] text-muted-foreground flex items-center gap-1 uppercase tracking-wider"
-                    ><NetworkIcon
-                      class="h-3 w-3"
-                      :style="{ color: colors.network.color }"
-                    />{{ $t("common.network") }}</span
+                    class="text-muted-foreground flex items-center gap-1 text-[10px] tracking-wider uppercase"
+                    ><NetworkIcon class="h-3 w-3" :style="{ color: colors.network.color }" />{{
+                      $t("common.network")
+                    }}</span
                   >
-                  <div class="flex flex-col text-xs font-mono">
+                  <div class="flex flex-col font-mono text-xs">
                     <div class="flex items-center gap-2">
                       <span class="text-muted-foreground">↓</span>
                       <span>{{ showNetworkSpeed(server, "rx") }}</span>
@@ -223,30 +182,22 @@ onUnmounted(() => stop());
                   :style="{ '--primary': `hsl(${colors.disk.hsl})` }"
                 >
                   <span
-                    class="text-[10px] text-muted-foreground flex items-center gap-1 uppercase tracking-wider"
-                    ><HardDrive
-                      class="h-3 w-3"
-                      :style="{ color: colors.disk.color }"
-                    />{{ $t("common.disk") }}</span
+                    class="text-muted-foreground flex items-center gap-1 text-[10px] tracking-wider uppercase"
+                    ><HardDrive class="h-3 w-3" :style="{ color: colors.disk.color }" />{{
+                      $t("common.disk")
+                    }}</span
                   >
                   <div class="flex items-center justify-between text-xs">
-                    <span class="font-medium">{{
-                      showDiskDisplay(server)
-                    }}</span>
+                    <span class="font-medium">{{ showDiskDisplay(server) }}</span>
                   </div>
-                  <Progress
-                    :model-value="showDiskPercent(server)"
-                    class="h-1 mt-1"
-                  />
+                  <Progress :model-value="showDiskPercent(server)" class="mt-1 h-1" />
                 </div>
               </div>
             </CardContent>
             <CardFooter
-              class="pt-0 pb-3 text-[10px] text-muted-foreground flex justify-between px-6"
+              class="text-muted-foreground flex justify-between px-6 pt-0 pb-3 text-[10px]"
             >
-              <span class="font-mono"
-                >ID: {{ server.uuid.substring(0, 8) }}</span
-              >
+              <span class="font-mono">ID: {{ server.uuid.substring(0, 8) }}</span>
             </CardFooter>
           </Card>
         </router-link>
diff --git a/src/pages/index.vue b/src/pages/index.vue
index 4b610cfa..709e43c6 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -7,12 +7,12 @@ import Loader from "@/components/misc/loader.vue";
 </script>
 
 <template>
-  <div class="flex flex-col min-h-screen">
-    <div class="container mx-auto p-6 space-y-6 flex-1 flex flex-col">
+  <div class="flex min-h-screen flex-col">
+    <div class="container mx-auto flex flex-1 flex-col space-y-6 p-6">
       <HeaderView status="connecting" />
 
       <TransitionGroup tag="div" name="list" class="flex flex-1">
-        <div class="flex-col gap-4 w-full flex items-center justify-center">
+        <div class="flex w-full flex-col items-center justify-center gap-4">
           <Loader></Loader>
         </div>
       </TransitionGroup>
diff --git a/src/pages/server-detail.vue b/src/pages/server-detail.vue
index 348b7a3e..8b3cb64e 100644
--- a/src/pages/server-detail.vue
+++ b/src/pages/server-detail.vue
@@ -4,12 +4,7 @@ import { useI18n } from "vue-i18n";
 import { useAgentStatus } from "@/composables/useAgentStatus";
 import { useStaticMonitoring } from "@/composables/monitoring/useStaticMonitoring";
 import { colors } from "@/composables/color";
-import {
-  formatLoad,
-  formatBytes,
-  formatUptime,
-  formatTimestamp,
-} from "@/utils/format";
+import { formatLoad, formatBytes, formatUptime, formatTimestamp } from "@/utils/format";
 import {
   showHostname,
   showOS,
@@ -44,11 +39,7 @@ import {
   Container,
   Fish,
 } from "lucide-vue-next";
-import type {
-  DynamicDetailData,
-  DynamicDisk,
-  DynamicNetworkInterface,
-} from "@/types/monitoring";
+import type { DynamicDetailData, DynamicDisk, DynamicNetworkInterface } from "@/types/monitoring";
 
 definePage({
   path: "/s/:uuid",
@@ -70,8 +61,7 @@ const {
   fetchDynamicSummary,
 } = useAgentStatus();
 
-const { servers: staticServers, refresh: connectStatic } =
-  useStaticMonitoring();
+const { servers: staticServers, refresh: connectStatic } = useStaticMonitoring();
 
 const activeTab = ref("cpu");
 
@@ -135,11 +125,9 @@ const loadHistory = async () => {
   try {
     const now = Date.now();
     const from = now - 10 * 60 * 1000;
-    const res = await fetchDynamicSummary(
-      uuid,
-      { timestamp_from: from, timestamp_to: now },
-      ["cpu_usage"],
-    );
+    const res = await fetchDynamicSummary(uuid, { timestamp_from: from, timestamp_to: now }, [
+      "cpu_usage",
+    ]);
     if (Array.isArray(res)) {
       historyData.value = res
         .map((r: any) => ({
@@ -280,15 +268,10 @@ onUnmounted(() => {
 </script>
 
 <template>
-  <div class="flex flex-col h-screen text-foreground">
+  <div class="text-foreground flex h-screen flex-col">
     <div class="border-b">
-      <div class="container mx-auto py-3 px-4 flex items-center gap-4">
-        <Button
-          variant="ghost"
-          size="icon"
-          class="md:hidden"
-          @click="isSidebarOpen = true"
-        >
+      <div class="container mx-auto flex items-center gap-4 px-4 py-3">
+        <Button variant="ghost" size="icon" class="md:hidden" @click="isSidebarOpen = true">
           <Menu class="h-5 w-5" />
         </Button>
 
@@ -299,41 +282,32 @@ onUnmounted(() => {
     </div>
 
     <!-- Main Layout -->
-    <div class="flex flex-1 overflow-hidden relative">
+    <div class="relative flex flex-1 overflow-hidden">
       <!-- Mobile Sidebar Overlay -->
       <div
         v-if="isSidebarOpen"
-        class="fixed inset-0 bg-background/80 backdrop-blur-sm z-40 md:hidden"
+        class="bg-background/80 fixed inset-0 z-40 backdrop-blur-sm md:hidden"
         @click="isSidebarOpen = false"
       ></div>
 
       <!-- Sidebar -->
       <aside
         :class="[
-          'border-r bg-muted/20 flex flex-col transition-all duration-300 ease-in-out z-50',
-          'fixed inset-y-0 left-0 h-full bg-background md:bg-muted/20 md:relative',
-          isSidebarOpen
-            ? 'translate-x-0'
-            : '-translate-x-full md:translate-x-0',
+          'bg-muted/20 z-50 flex flex-col border-r transition-all duration-300 ease-in-out',
+          'bg-background md:bg-muted/20 fixed inset-y-0 left-0 h-full md:relative',
+          isSidebarOpen ? 'translate-x-0' : '-translate-x-full md:translate-x-0',
           'md:w-72',
           'w-72',
         ]"
       >
-        <div
-          class="p-4 border-b flex items-center gap-2 h-16 box-border overflow-hidden"
-        >
-          <Button
-            @click="router.back()"
-            variant="ghost"
-            size="icon"
-            class="h-8 w-8 shrink-0"
-          >
+        <div class="box-border flex h-16 items-center gap-2 overflow-hidden border-b p-4">
+          <Button @click="router.back()" variant="ghost" size="icon" class="h-8 w-8 shrink-0">
             <ArrowLeft class="h-4 w-4" />
           </Button>
-          <div class="overflow-hidden flex-1 transition-opacity duration-300">
+          <div class="flex-1 overflow-hidden transition-opacity duration-300">
             <div v-if="server">
-              <h2 class="font-semibold truncate">{{ showHostname(server) }}</h2>
-              <p class="text-xs text-muted-foreground truncate">
+              <h2 class="truncate font-semibold">{{ showHostname(server) }}</h2>
+              <p class="text-muted-foreground truncate text-xs">
                 {{ showOS(server) }}
               </p>
             </div>
@@ -346,15 +320,15 @@ onUnmounted(() => {
           <Button
             variant="ghost"
             size="icon"
-            class="h-8 w-8 md:hidden ml-auto"
+            class="ml-auto h-8 w-8 md:hidden"
             @click="isSidebarOpen = false"
           >
             <X class="h-4 w-4" />
           </Button>
         </div>
 
-        <div class="flex-1 overflow-y-auto overflow-x-hidden">
-          <div class="p-2 space-y-1" v-if="server">
+        <div class="flex-1 overflow-x-hidden overflow-y-auto">
+          <div class="space-y-1 p-2" v-if="server">
             <template v-for="tab in tabs" :key="tab.id">
               <button
                 @click="
@@ -373,70 +347,51 @@ onUnmounted(() => {
                     : {}
                 "
                 :class="[
-                  'w-full flex items-center gap-3 p-3 text-left rounded-lg transition-all border',
+                  'flex w-full items-center gap-3 rounded-lg border p-3 text-left transition-all',
                   activeTab === tab.id
                     ? 'shadow-sm'
-                    : 'border-transparent hover:bg-muted/50 text-muted-foreground hover:text-foreground',
+                    : 'hover:bg-muted/50 text-muted-foreground hover:text-foreground border-transparent',
                 ]"
               >
                 <div
                   :class="[
-                    'p-2 rounded-md shrink-0 transition-all',
+                    'shrink-0 rounded-md p-2 transition-all',
                     activeTab === tab.id ? '' : 'bg-muted',
                   ]"
                   :style="
-                    activeTab === tab.id
-                      ? { backgroundColor: `${getcolors(tab.id).color}20` }
-                      : {}
+                    activeTab === tab.id ? { backgroundColor: `${getcolors(tab.id).color}20` } : {}
                   "
                 >
                   <component
                     :is="tab.icon"
-                    :class="[
-                      'h-5 w-5',
-                      activeTab === tab.id ? '' : 'text-muted-foreground',
-                    ]"
-                    :style="
-                      activeTab === tab.id
-                        ? { color: getcolors(tab.id).color }
-                        : {}
-                    "
+                    :class="['h-5 w-5', activeTab === tab.id ? '' : 'text-muted-foreground']"
+                    :style="activeTab === tab.id ? { color: getcolors(tab.id).color } : {}"
                   />
                 </div>
-                <div class="flex-1 min-w-0 transition-all duration-300">
+                <div class="min-w-0 flex-1 transition-all duration-300">
                   <div
-                    class="font-medium text-sm truncate"
-                    :style="
-                      activeTab === tab.id
-                        ? { color: getcolors(tab.id).color }
-                        : {}
-                    "
+                    class="truncate text-sm font-medium"
+                    :style="activeTab === tab.id ? { color: getcolors(tab.id).color } : {}"
                   >
                     {{ tab.label.value }}
                   </div>
-                  <div
-                    class="text-xs text-muted-foreground mt-0.5 font-mono truncate"
-                  >
-                    <span v-if="tab.id === 'cpu'"
-                      >{{ showCpuPercent(server).toFixed(1) }}%</span
-                    >
+                  <div class="text-muted-foreground mt-0.5 truncate font-mono text-xs">
+                    <span v-if="tab.id === 'cpu'">{{ showCpuPercent(server).toFixed(1) }}%</span>
                     <span v-else-if="tab.id === 'memory'"
                       >{{ showRamPercent(server).toFixed(1) }}%</span
                     >
-                    <span v-else-if="tab.id === 'disk'">{{
-                      showDiskDisplay(server)
-                    }}</span>
+                    <span v-else-if="tab.id === 'disk'">{{ showDiskDisplay(server) }}</span>
                     <span v-else-if="tab.id === 'network'">{{
                       showNetworkSpeed(server, "total")
                     }}</span>
                   </div>
                 </div>
                 <div
-                  class="w-1 h-8 rounded-full bg-muted/20 overflow-hidden shrink-0 transition-all duration-300"
+                  class="bg-muted/20 h-8 w-1 shrink-0 overflow-hidden rounded-full transition-all duration-300"
                   v-if="['cpu', 'memory', 'disk'].includes(tab.id)"
                 >
                   <div
-                    class="w-full transition-all duration-500 rounded-full"
+                    class="w-full rounded-full transition-all duration-500"
                     :style="{
                       backgroundColor: getcolors(tab.id).color,
                       height:
@@ -457,16 +412,10 @@ onUnmounted(() => {
       </aside>
 
       <!-- Main Content -->
-      <main class="flex-1 flex flex-col min-w-0">
-        <div
-          v-if="!server"
-          class="flex-1 flex items-center justify-center text-muted-foreground"
-        >
+      <main class="flex min-w-0 flex-1 flex-col">
+        <div v-if="!server" class="text-muted-foreground flex flex-1 items-center justify-center">
           <div class="flex flex-col items-center gap-2">
-            <div
-              v-if="dynamicError"
-              class="text-destructive flex items-center gap-2"
-            >
+            <div v-if="dynamicError" class="text-destructive flex items-center gap-2">
               <AlertCircle class="h-5 w-5" /> {{ dynamicError }}
             </div>
             <span v-else>{{ $t("serverDetail.connecting") }}</span>
@@ -475,16 +424,16 @@ onUnmounted(() => {
 
         <div
           v-else
-          class="flex-1 p-6 overflow-y-auto"
+          class="flex-1 overflow-y-auto p-6"
           :style="{ '--primary': `hsl(${activeTheme.hsl})` }"
         >
-          <div class="max-w-5xl mx-auto space-y-6">
+          <div class="mx-auto max-w-5xl space-y-6">
             <div class="flex items-center justify-between">
-              <h1 class="text-3xl font-bold tracking-light">
+              <h1 class="tracking-light text-3xl font-bold">
                 {{ tabs.find((t) => t.id === activeTab)?.label.value }}
               </h1>
               <Badge variant="outline" class="font-mono text-xs">
-                <Clock class="h-3 w-3 mr-1" />
+                <Clock class="mr-1 h-3 w-3" />
                 System Uptime:
                 {{ formatUptime(server.uptime ?? 0) }}
               </Badge>
@@ -496,11 +445,9 @@ onUnmounted(() => {
                 <Card>
                   <CardHeader>
                     <div class="flex items-center justify-between">
-                      <CardTitle>{{
-                        $t("serverDetail.cpu.totalUtilization")
-                      }}</CardTitle>
+                      <CardTitle>{{ $t("serverDetail.cpu.totalUtilization") }}</CardTitle>
                       <Tabs v-model="cpuMode" class="w-[200px]">
-                        <TabsList class="grid w-full grid-cols-2 h-8">
+                        <TabsList class="grid h-8 w-full grid-cols-2">
                           <TabsTrigger value="realtime" class="text-xs">{{
                             $t("serverDetail.cpu.realtime")
                           }}</TabsTrigger>
@@ -510,35 +457,28 @@ onUnmounted(() => {
                         </TabsList>
                       </Tabs>
                     </div>
-                    <div
-                      class="text-4xl font-bold tracking-tighter"
-                      v-if="cpuMode === 'realtime'"
-                    >
+                    <div class="text-4xl font-bold tracking-tighter" v-if="cpuMode === 'realtime'">
                       {{ showCpuPercent(server).toFixed(1) }}%
                     </div>
-                    <div class="h-9 flex items-end" v-else>
+                    <div class="flex h-9 items-end" v-else>
                       <span v-if="isLoadingHistory">{{
                         $t("serverDetail.cpu.loadingHistory")
                       }}</span>
                       <span
-                        class="text-sm text-muted-foreground"
+                        class="text-muted-foreground text-sm"
                         v-else-if="historyData.length > 0"
                       >
-                        {{
-                          $t("serverDetail.cpu.lastRecords", [
-                            historyData.length,
-                          ])
-                        }}
+                        {{ $t("serverDetail.cpu.lastRecords", [historyData.length]) }}
                       </span>
                     </div>
                   </CardHeader>
                   <CardContent>
                     <div
-                      class="h-[200px] w-full bg-muted/10 rounded-md border flex items-end p-0 relative overflow-hidden group"
+                      class="bg-muted/10 group relative flex h-[200px] w-full items-end overflow-hidden rounded-md border p-0"
                     >
                       <!-- Axis Guide -->
                       <div
-                        class="absolute inset-y-0 left-0 w-8 flex flex-col justify-between py-2 text-[10px] text-muted-foreground/60 font-mono select-none pointer-events-none pl-2 z-10"
+                        class="text-muted-foreground/60 pointer-events-none absolute inset-y-0 left-0 z-10 flex w-8 flex-col justify-between py-2 pl-2 font-mono text-[10px] select-none"
                       >
                         <div>100%</div>
                         <div>50%</div>
@@ -546,49 +486,24 @@ onUnmounted(() => {
                       </div>
                       <!-- Grid Lines -->
                       <div
-                        class="absolute inset-0 flex flex-col justify-between pointer-events-none z-0"
+                        class="pointer-events-none absolute inset-0 z-0 flex flex-col justify-between"
                       >
-                        <div class="border-t border-border/40 opacity-50"></div>
-                        <div
-                          class="border-t border-border/40 border-dashed opacity-50"
-                        ></div>
-                        <div class="border-b border-border/40 opacity-50"></div>
+                        <div class="border-border/40 border-t opacity-50"></div>
+                        <div class="border-border/40 border-t border-dashed opacity-50"></div>
+                        <div class="border-border/40 border-b opacity-50"></div>
                       </div>
                       <svg
                         viewBox="0 0 100 40"
                         preserveAspectRatio="none"
-                        class="w-full h-full text-primary"
+                        class="text-primary h-full w-full"
                       >
                         <defs>
-                          <linearGradient
-                            id="cpuGradient"
-                            x1="0"
-                            x2="0"
-                            y1="0"
-                            y2="1"
-                          >
-                            <stop
-                              offset="0%"
-                              :stop-color="activeTheme.color"
-                              stop-opacity="0.5"
-                            />
-                            <stop
-                              offset="100%"
-                              :stop-color="activeTheme.color"
-                              stop-opacity="0"
-                            />
+                          <linearGradient id="cpuGradient" x1="0" x2="0" y1="0" y2="1">
+                            <stop offset="0%" :stop-color="activeTheme.color" stop-opacity="0.5" />
+                            <stop offset="100%" :stop-color="activeTheme.color" stop-opacity="0" />
                           </linearGradient>
-                          <filter
-                            id="glow"
-                            x="-50%"
-                            y="-50%"
-                            width="200%"
-                            height="200%"
-                          >
-                            <feGaussianBlur
-                              stdDeviation="2"
-                              result="coloredBlur"
-                            />
+                          <filter id="glow" x="-50%" y="-50%" width="200%" height="200%">
+                            <feGaussianBlur stdDeviation="2" result="coloredBlur" />
                             <feMerge>
                               <feMergeNode in="coloredBlur" />
                               <feMergeNode in="SourceGraphic" />
@@ -596,11 +511,7 @@ onUnmounted(() => {
                           </filter>
                         </defs>
 
-                        <path
-                          :d="historyAreaPath"
-                          fill="url(#cpuGradient)"
-                          stroke="none"
-                        />
+                        <path :d="historyAreaPath" fill="url(#cpuGradient)" stroke="none" />
                         <path
                           :d="historyPath"
                           fill="none"
@@ -613,7 +524,7 @@ onUnmounted(() => {
                         />
                       </svg>
                       <div
-                        class="absolute inset-0 flex items-center justify-center text-muted-foreground/20 font-bold text-6xl select-none pointer-events-none group-hover:opacity-0 transition-opacity"
+                        class="text-muted-foreground/20 pointer-events-none absolute inset-0 flex items-center justify-center text-6xl font-bold transition-opacity select-none group-hover:opacity-0"
                       >
                         {{
                           cpuMode === "realtime"
@@ -623,80 +534,62 @@ onUnmounted(() => {
                       </div>
                       <div
                         v-if="cpuMode === 'history' && historyData.length > 0"
-                        class="absolute bottom-1 left-12 text-[10px] text-muted-foreground font-mono"
+                        class="text-muted-foreground absolute bottom-1 left-12 font-mono text-[10px]"
                       >
                         {{ formatTimestamp(historyData[0]!.timestamp) }}
                       </div>
                       <div
                         v-if="cpuMode === 'history' && historyData.length > 0"
-                        class="absolute bottom-1 right-2 text-[10px] text-muted-foreground font-mono"
+                        class="text-muted-foreground absolute right-2 bottom-1 font-mono text-[10px]"
                       >
-                        {{
-                          formatTimestamp(
-                            historyData[historyData.length - 1]!.timestamp,
-                          )
-                        }}
+                        {{ formatTimestamp(historyData[historyData.length - 1]!.timestamp) }}
                       </div>
                     </div>
                   </CardContent>
                 </Card>
 
-                <div class="grid grid-cols-1 md:grid-cols-3 gap-3">
-                  <div
-                    class="p-4 rounded-lg border bg-card text-card-foreground shadow-sm"
-                  >
-                    <div class="text-xs text-muted-foreground mb-1">
+                <div class="grid grid-cols-1 gap-3 md:grid-cols-3">
+                  <div class="bg-card text-card-foreground rounded-lg border p-4 shadow-sm">
+                    <div class="text-muted-foreground mb-1 text-xs">
                       {{ $t("serverDetail.cpu.loadAverage") }}
                     </div>
-                    <div class="text-lg font-mono">
+                    <div class="font-mono text-lg">
                       {{ formatLoad(server) }}
                     </div>
                   </div>
-                  <div
-                    class="p-4 rounded-lg border bg-card text-card-foreground shadow-sm"
-                  >
-                    <div class="text-xs text-muted-foreground mb-1">
+                  <div class="bg-card text-card-foreground rounded-lg border p-4 shadow-sm">
+                    <div class="text-muted-foreground mb-1 text-xs">
                       {{ $t("serverDetail.cpu.cores") }}
                     </div>
-                    <div class="text-lg font-mono">
+                    <div class="font-mono text-lg">
                       {{ server.cpu_static?.per_core?.length ?? "-" }}
                     </div>
                   </div>
-                  <div
-                    class="p-4 rounded-lg border bg-card text-card-foreground shadow-sm"
-                  >
-                    <div class="text-xs text-muted-foreground mb-1">
+                  <div class="bg-card text-card-foreground rounded-lg border p-4 shadow-sm">
+                    <div class="text-muted-foreground mb-1 text-xs">
                       {{ $t("serverDetail.cpu.model") }}
                     </div>
                     <div
-                      class="text-sm font-medium truncate"
-                      :title="
-                        server?.cpu_static?.per_core?.[0]?.brand || 'Unknown'
-                      "
+                      class="truncate text-sm font-medium"
+                      :title="server?.cpu_static?.per_core?.[0]?.brand || 'Unknown'"
                     >
-                      {{
-                        server?.cpu_static?.per_core?.[0]?.brand || "Unknown"
-                      }}
+                      {{ server?.cpu_static?.per_core?.[0]?.brand || "Unknown" }}
                     </div>
                   </div>
                 </div>
               </div>
 
               <!-- Memory View -->
-              <div
-                v-else-if="activeTab === 'memory'"
-                key="memory"
-                class="space-y-6"
-              >
+              <div v-else-if="activeTab === 'memory'" key="memory" class="space-y-6">
                 <!-- Glassmorphism Cards Row -->
-                <div class="grid md:grid-cols-2 gap-8">
+                <div class="grid gap-8 md:grid-cols-2">
                   <!-- Memory Card -->
                   <div
-                    class="relative rounded-2xl border border-white/10 dark:border-white/[0.06] bg-gradient-to-br from-card/80 to-card/40 backdrop-blur-xl shadow-[0_8px_32px_rgba(0,0,0,0.08)] dark:shadow-[0_8px_32px_rgba(0,0,0,0.3)] px-8 py-7 overflow-hidden transition-all hover:shadow-[0_12px_40px_rgba(74,222,128,0.1)]"
+                    class="from-card/80 to-card/40 relative overflow-hidden rounded-2xl border border-white/10 bg-gradient-to-br px-8 py-7 shadow-[0_8px_32px_rgba(0,0,0,0.08)] backdrop-blur-xl transition-all hover:shadow-[0_12px_40px_rgba(74,222,128,0.1)] dark:border-white/[0.06] dark:shadow-[0_8px_32px_rgba(0,0,0,0.3)]"
                   >
                     <!-- Subtle glow effect -->
                     <div
-                      class="absolute -top-20 -right-20 w-40 h-40 rounded-full opacity-[0.07]"
+                      class="absolute -top-20 -right-20 h-40 w-40 rounded-full opacity-[0.07]"
                       :style="{
                         background: `radial-gradient(circle, ${activeTheme.color}, transparent)`,
                       }"
@@ -708,7 +601,7 @@ onUnmounted(() => {
                           width="130"
                           height="130"
                           viewBox="0 0 130 130"
-                          class="transform -rotate-90"
+                          class="-rotate-90 transform"
                         >
                           <!-- Background ring -->
                           <circle
@@ -730,9 +623,7 @@ onUnmounted(() => {
                             stroke-width="9"
                             stroke-linecap="round"
                             :stroke-dasharray="339.29"
-                            :stroke-dashoffset="
-                              339.29 - (339.29 * showRamPercent(server)) / 100
-                            "
+                            :stroke-dashoffset="339.29 - (339.29 * showRamPercent(server)) / 100"
                             class="transition-all duration-700 ease-out"
                             :style="{
                               filter: `drop-shadow(0 0 6px ${activeTheme.color}40)`,
@@ -740,9 +631,7 @@ onUnmounted(() => {
                           />
                         </svg>
                         <!-- Center text -->
-                        <div
-                          class="absolute inset-0 flex flex-col items-center justify-center"
-                        >
+                        <div class="absolute inset-0 flex flex-col items-center justify-center">
                           <span
                             class="text-2xl font-bold tracking-tight"
                             :style="{ color: activeTheme.color }"
@@ -751,12 +640,12 @@ onUnmounted(() => {
                         </div>
                       </div>
                       <!-- Details -->
-                      <div class="flex-1 min-w-0 space-y-3">
+                      <div class="min-w-0 flex-1 space-y-3">
                         <div class="flex items-center gap-2">
-                          <Database class="h-4 w-4 text-muted-foreground" />
+                          <Database class="text-muted-foreground h-4 w-4" />
                           <span class="text-lg font-semibold">Memory</span>
                         </div>
-                        <div class="text-xs text-muted-foreground font-mono">
+                        <div class="text-muted-foreground font-mono text-xs">
                           {{ showRamText(server) }}
                         </div>
                         <div class="space-y-2">
@@ -775,8 +664,7 @@ onUnmounted(() => {
                             <span class="font-mono font-medium">{{
                               formatBytes(
                                 server.available_memory ??
-                                  (server.total_memory ?? 0) -
-                                    (server.used_memory ?? 0),
+                                  (server.total_memory ?? 0) - (server.used_memory ?? 0),
                               )
                             }}</span>
                           </div>
@@ -787,10 +675,10 @@ onUnmounted(() => {
 
                   <!-- Swap Card -->
                   <div
-                    class="relative rounded-2xl border border-white/10 dark:border-white/[0.06] bg-gradient-to-br from-card/80 to-card/40 backdrop-blur-xl shadow-[0_8px_32px_rgba(0,0,0,0.08)] dark:shadow-[0_8px_32px_rgba(0,0,0,0.3)] px-8 py-7 overflow-hidden transition-all hover:shadow-[0_12px_40px_rgba(0,0,0,0.12)]"
+                    class="from-card/80 to-card/40 relative overflow-hidden rounded-2xl border border-white/10 bg-gradient-to-br px-8 py-7 shadow-[0_8px_32px_rgba(0,0,0,0.08)] backdrop-blur-xl transition-all hover:shadow-[0_12px_40px_rgba(0,0,0,0.12)] dark:border-white/[0.06] dark:shadow-[0_8px_32px_rgba(0,0,0,0.3)]"
                   >
                     <div
-                      class="absolute -top-20 -right-20 w-40 h-40 rounded-full opacity-[0.05]"
+                      class="absolute -top-20 -right-20 h-40 w-40 rounded-full opacity-[0.05]"
                       :style="{
                         background: `radial-gradient(circle, ${activeTheme.color}, transparent)`,
                       }"
@@ -802,7 +690,7 @@ onUnmounted(() => {
                           width="130"
                           height="130"
                           viewBox="0 0 130 130"
-                          class="transform -rotate-90"
+                          class="-rotate-90 transform"
                         >
                           <!-- Inactive: dashed ring / Active: solid ring -->
                           <circle
@@ -836,9 +724,7 @@ onUnmounted(() => {
                               stroke-linecap="round"
                               :stroke-dasharray="339.29"
                               :stroke-dashoffset="
-                                339.29 -
-                                339.29 *
-                                  ((server.used_swap ?? 0) / server.total_swap)
+                                339.29 - 339.29 * ((server.used_swap ?? 0) / server.total_swap)
                               "
                               class="transition-all duration-700 ease-out"
                               :style="{
@@ -848,12 +734,9 @@ onUnmounted(() => {
                           </template>
                         </svg>
                         <!-- Center text -->
-                        <div
-                          class="absolute inset-0 flex flex-col items-center justify-center"
-                        >
+                        <div class="absolute inset-0 flex flex-col items-center justify-center">
                           <template v-if="!server.total_swap">
-                            <span
-                              class="text-sm font-medium text-muted-foreground/60"
+                            <span class="text-muted-foreground/60 text-sm font-medium"
                               >Inactive</span
                             >
                           </template>
@@ -862,23 +745,19 @@ onUnmounted(() => {
                               class="text-2xl font-bold tracking-tight"
                               :style="{ color: activeTheme.color }"
                               >{{
-                                (
-                                  ((server.used_swap ?? 0) /
-                                    server.total_swap) *
-                                  100
-                                ).toFixed(1)
+                                (((server.used_swap ?? 0) / server.total_swap) * 100).toFixed(1)
                               }}%</span
                             >
                           </template>
                         </div>
                       </div>
                       <!-- Details -->
-                      <div class="flex-1 min-w-0 space-y-3">
+                      <div class="min-w-0 flex-1 space-y-3">
                         <div class="flex items-center gap-2">
-                          <CircuitBoard class="h-4 w-4 text-muted-foreground" />
+                          <CircuitBoard class="text-muted-foreground h-4 w-4" />
                           <span class="text-lg font-semibold">Swap</span>
                         </div>
-                        <div class="text-xs text-muted-foreground font-mono">
+                        <div class="text-muted-foreground font-mono text-xs">
                           {{ formatBytes(server.used_swap ?? 0) }} /
                           {{ formatBytes(server.total_swap ?? 0) }}
                         </div>
@@ -896,10 +775,7 @@ onUnmounted(() => {
                               $t("serverDetail.memory.available")
                             }}</span>
                             <span class="font-mono font-medium">{{
-                              formatBytes(
-                                (server.total_swap ?? 0) -
-                                  (server.used_swap ?? 0),
-                              )
+                              formatBytes((server.total_swap ?? 0) - (server.used_swap ?? 0))
                             }}</span>
                           </div>
                         </div>
@@ -910,25 +786,21 @@ onUnmounted(() => {
               </div>
 
               <!-- Disk View -->
-              <div
-                v-else-if="activeTab === 'disk'"
-                key="disk"
-                class="space-y-6"
-              >
+              <div v-else-if="activeTab === 'disk'" key="disk" class="space-y-6">
                 <div
                   v-if="diskList.length === 0"
-                  class="text-sm text-muted-foreground text-center py-12"
+                  class="text-muted-foreground py-12 text-center text-sm"
                 >
                   {{ $t("common.loading") }}
                 </div>
-                <div v-else class="grid md:grid-cols-2 gap-8">
+                <div v-else class="grid gap-8 md:grid-cols-2">
                   <div
                     v-for="(disk, index) in diskList"
                     :key="index"
-                    class="relative rounded-2xl border border-white/10 dark:border-white/[0.06] bg-gradient-to-br from-card/80 to-card/40 backdrop-blur-xl shadow-[0_8px_32px_rgba(0,0,0,0.08)] dark:shadow-[0_8px_32px_rgba(0,0,0,0.3)] px-8 py-7 overflow-hidden transition-all hover:shadow-[0_12px_40px_rgba(251,146,60,0.1)]"
+                    class="from-card/80 to-card/40 relative overflow-hidden rounded-2xl border border-white/10 bg-gradient-to-br px-8 py-7 shadow-[0_8px_32px_rgba(0,0,0,0.08)] backdrop-blur-xl transition-all hover:shadow-[0_12px_40px_rgba(251,146,60,0.1)] dark:border-white/[0.06] dark:shadow-[0_8px_32px_rgba(0,0,0,0.3)]"
                   >
                     <div
-                      class="absolute -top-20 -right-20 w-40 h-40 rounded-full opacity-[0.07]"
+                      class="absolute -top-20 -right-20 h-40 w-40 rounded-full opacity-[0.07]"
                       :style="{
                         background: `radial-gradient(circle, ${activeTheme.color}, transparent)`,
                       }"
@@ -940,7 +812,7 @@ onUnmounted(() => {
                           width="130"
                           height="130"
                           viewBox="0 0 130 130"
-                          class="transform -rotate-90"
+                          class="-rotate-90 transform"
                         >
                           <circle
                             cx="65"
@@ -963,9 +835,7 @@ onUnmounted(() => {
                             :stroke-dashoffset="
                               339.29 -
                               339.29 *
-                                (disk.total_space
-                                  ? 1 - disk.available_space / disk.total_space
-                                  : 0)
+                                (disk.total_space ? 1 - disk.available_space / disk.total_space : 0)
                             "
                             class="transition-all duration-700 ease-out"
                             :style="{
@@ -973,38 +843,25 @@ onUnmounted(() => {
                             }"
                           />
                         </svg>
-                        <div
-                          class="absolute inset-0 flex flex-col items-center justify-center"
-                        >
+                        <div class="absolute inset-0 flex flex-col items-center justify-center">
                           <span
                             class="text-2xl font-bold tracking-tight"
                             :style="{ color: activeTheme.color }"
                             >{{
                               disk.total_space
-                                ? (
-                                    (1 -
-                                      disk.available_space / disk.total_space) *
-                                    100
-                                  ).toFixed(0)
+                                ? ((1 - disk.available_space / disk.total_space) * 100).toFixed(0)
                                 : 0
                             }}%</span
                           >
                         </div>
                       </div>
                       <!-- Details -->
-                      <div class="flex-1 min-w-0 space-y-3">
+                      <div class="min-w-0 flex-1 space-y-3">
                         <div class="flex items-center gap-2">
-                          <HardDrive
-                            class="h-4 w-4"
-                            :style="{ color: activeTheme.color }"
-                          />
-                          <span class="text-lg font-semibold truncate">{{
-                            disk.mount_point
-                          }}</span>
+                          <HardDrive class="h-4 w-4" :style="{ color: activeTheme.color }" />
+                          <span class="truncate text-lg font-semibold">{{ disk.mount_point }}</span>
                         </div>
-                        <div
-                          class="text-xs text-muted-foreground font-mono truncate"
-                        >
+                        <div class="text-muted-foreground truncate font-mono text-xs">
                           {{ disk.name || $t("common.disk") + " " + index }}
                           · {{ disk.kind }}
                         </div>
@@ -1012,9 +869,7 @@ onUnmounted(() => {
                           <div class="flex justify-between text-sm">
                             <span class="text-muted-foreground">Used</span>
                             <span class="font-mono font-medium">{{
-                              formatBytes(
-                                disk.total_space - disk.available_space,
-                              )
+                              formatBytes(disk.total_space - disk.available_space)
                             }}</span>
                           </div>
                           <div class="flex justify-between text-sm">
@@ -1031,40 +886,33 @@ onUnmounted(() => {
               </div>
 
               <!-- Network View -->
-              <div
-                v-else-if="activeTab === 'network'"
-                key="network"
-                class="space-y-6"
-              >
+              <div v-else-if="activeTab === 'network'" key="network" class="space-y-6">
                 <!-- Total Speed Summary -->
                 <div class="grid grid-cols-2 gap-8">
                   <div
-                    class="relative rounded-2xl border border-white/10 dark:border-white/[0.06] bg-gradient-to-br from-card/80 to-card/40 backdrop-blur-xl shadow-[0_8px_32px_rgba(0,0,0,0.08)] dark:shadow-[0_8px_32px_rgba(0,0,0,0.3)] px-8 py-6 overflow-hidden"
+                    class="from-card/80 to-card/40 relative overflow-hidden rounded-2xl border border-white/10 bg-gradient-to-br px-8 py-6 shadow-[0_8px_32px_rgba(0,0,0,0.08)] backdrop-blur-xl dark:border-white/[0.06] dark:shadow-[0_8px_32px_rgba(0,0,0,0.3)]"
                   >
                     <div
-                      class="absolute -top-20 -right-20 w-40 h-40 rounded-full opacity-[0.07]"
+                      class="absolute -top-20 -right-20 h-40 w-40 rounded-full opacity-[0.07]"
                       :style="{
                         background: `radial-gradient(circle, ${activeTheme.color}, transparent)`,
                       }"
                     ></div>
                     <div class="relative flex items-center gap-4">
                       <div
-                        class="h-10 w-10 rounded-xl flex items-center justify-center"
+                        class="flex h-10 w-10 items-center justify-center rounded-xl"
                         :style="{ backgroundColor: `${activeTheme.color}15` }"
                       >
-                        <ArrowDownToLine
-                          class="h-5 w-5"
-                          :style="{ color: activeTheme.color }"
-                        />
+                        <ArrowDownToLine class="h-5 w-5" :style="{ color: activeTheme.color }" />
                       </div>
                       <div>
                         <div
-                          class="text-xs text-muted-foreground font-medium tracking-wide uppercase"
+                          class="text-muted-foreground text-xs font-medium tracking-wide uppercase"
                         >
                           Download
                         </div>
                         <div
-                          class="text-2xl font-bold font-mono tracking-tight"
+                          class="font-mono text-2xl font-bold tracking-tight"
                           :style="{ color: activeTheme.color }"
                         >
                           {{ showNetworkSpeed(server, "rx") }}
@@ -1073,17 +921,17 @@ onUnmounted(() => {
                     </div>
                   </div>
                   <div
-                    class="relative rounded-2xl border border-white/10 dark:border-white/[0.06] bg-gradient-to-br from-card/80 to-card/40 backdrop-blur-xl shadow-[0_8px_32px_rgba(0,0,0,0.08)] dark:shadow-[0_8px_32px_rgba(0,0,0,0.3)] px-8 py-6 overflow-hidden"
+                    class="from-card/80 to-card/40 relative overflow-hidden rounded-2xl border border-white/10 bg-gradient-to-br px-8 py-6 shadow-[0_8px_32px_rgba(0,0,0,0.08)] backdrop-blur-xl dark:border-white/[0.06] dark:shadow-[0_8px_32px_rgba(0,0,0,0.3)]"
                   >
                     <div
-                      class="absolute -top-20 -right-20 w-40 h-40 rounded-full opacity-[0.05]"
+                      class="absolute -top-20 -right-20 h-40 w-40 rounded-full opacity-[0.05]"
                       :style="{
                         background: `radial-gradient(circle, ${activeTheme.color}, transparent)`,
                       }"
                     ></div>
                     <div class="relative flex items-center gap-4">
                       <div
-                        class="h-10 w-10 rounded-xl flex items-center justify-center"
+                        class="flex h-10 w-10 items-center justify-center rounded-xl"
                         :style="{ backgroundColor: `${activeTheme.color}15` }"
                       >
                         <ArrowUpFromLine
@@ -1093,12 +941,12 @@ onUnmounted(() => {
                       </div>
                       <div>
                         <div
-                          class="text-xs text-muted-foreground font-medium tracking-wide uppercase"
+                          class="text-muted-foreground text-xs font-medium tracking-wide uppercase"
                         >
                           Upload
                         </div>
                         <div
-                          class="text-2xl font-bold font-mono tracking-tight"
+                          class="font-mono text-2xl font-bold tracking-tight"
                           :style="{ color: activeTheme.color, opacity: 0.8 }"
                         >
                           {{ showNetworkSpeed(server, "tx") }}
@@ -1109,62 +957,51 @@ onUnmounted(() => {
                 </div>
 
                 <!-- Interfaces Grid -->
-                <div class="text-sm font-medium text-muted-foreground">
+                <div class="text-muted-foreground text-sm font-medium">
                   {{ $t("serverDetail.network.interfaces") }}
                 </div>
                 <div
                   v-if="networkInterfaces.length === 0"
-                  class="text-sm text-muted-foreground text-center py-8"
+                  class="text-muted-foreground py-8 text-center text-sm"
                 >
                   {{ $t("common.loading") }}
                 </div>
-                <div
-                  v-else
-                  class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4"
-                >
+                <div v-else class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">
                   <div
                     v-for="(iface, index) in networkInterfaces"
                     :key="index"
-                    class="relative rounded-xl border border-white/10 dark:border-white/[0.06] bg-gradient-to-br from-card/60 to-card/30 backdrop-blur-lg p-4 space-y-3 transition-all hover:shadow-[0_4px_20px_rgba(0,0,0,0.06)]"
+                    class="from-card/60 to-card/30 relative space-y-3 rounded-xl border border-white/10 bg-gradient-to-br p-4 backdrop-blur-lg transition-all hover:shadow-[0_4px_20px_rgba(0,0,0,0.06)] dark:border-white/[0.06]"
                   >
                     <div class="flex items-center gap-2.5">
-                      <div
-                        class="h-7 w-7 rounded-lg flex items-center justify-center bg-muted/40"
-                      >
+                      <div class="bg-muted/40 flex h-7 w-7 items-center justify-center rounded-lg">
                         <Fish
                           v-if="iface.interface_name.startsWith('docker')"
-                          class="h-3.5 w-3.5 text-muted-foreground"
+                          class="text-muted-foreground h-3.5 w-3.5"
                         />
                         <Container
                           v-else-if="iface.interface_name.startsWith('podman')"
-                          class="h-3.5 w-3.5 text-muted-foreground"
+                          class="text-muted-foreground h-3.5 w-3.5"
                         />
                         <Wifi
                           v-else-if="iface.interface_name.startsWith('wl')"
-                          class="h-3.5 w-3.5 text-muted-foreground"
-                        />
-                        <Network
-                          v-else
-                          class="h-3.5 w-3.5 text-muted-foreground"
+                          class="text-muted-foreground h-3.5 w-3.5"
                         />
+                        <Network v-else class="text-muted-foreground h-3.5 w-3.5" />
                       </div>
                       <div class="min-w-0">
-                        <div class="font-semibold text-sm truncate">
+                        <div class="truncate text-sm font-semibold">
                           {{ iface.interface_name }}
                         </div>
                         <div
                           v-if="iface.ip_address"
-                          class="text-[10px] text-muted-foreground font-mono truncate"
+                          class="text-muted-foreground truncate font-mono text-[10px]"
                         >
                           {{ iface.ip_address }}
                         </div>
                       </div>
                     </div>
-                    <div class="flex items-center gap-4 text-xs font-mono">
-                      <span
-                        class="flex items-center gap-1"
-                        :style="{ color: activeTheme.color }"
-                      >
+                    <div class="flex items-center gap-4 font-mono text-xs">
+                      <span class="flex items-center gap-1" :style="{ color: activeTheme.color }">
                         <ArrowDownToLine class="h-3 w-3" />
                         {{ formatBytes(iface.receive_speed) }}/s
                       </span>
diff --git a/src/router/prefetchPlugin.ts b/src/router/prefetchPlugin.ts
index a4ae007b..428b6eb3 100644
--- a/src/router/prefetchPlugin.ts
+++ b/src/router/prefetchPlugin.ts
@@ -106,11 +106,7 @@ type DevtoolsApi = {
       }) => void,
     ): void;
     getInspectorState(
-      handler: (payload: {
-        inspectorId: string;
-        nodeId: string;
-        state: InspectorState;
-      }) => void,
+      handler: (payload: { inspectorId: string; nodeId: string; state: InspectorState }) => void,
     ): void;
   };
   now?(): number;
@@ -219,30 +215,28 @@ function ensureDevtoolsInspector() {
           },
         ],
       },
-      ...(["high", "normal", "low", "skipped"] as PriorityBucket[]).map(
-        (bucket) => {
-          const entries = groupedEntries[bucket].filter((entry) =>
-            !filter ? true : entry.path.toLowerCase().includes(filter),
-          );
-
-          return {
-            id: `bucket:${bucket}`,
-            label: PRIORITY_BUCKET_LABELS[bucket],
-            tags: [
-              {
-                label: String(entries.length),
-                textColor: 0xffffff,
-                backgroundColor: PRIORITY_BUCKET_COLORS[bucket],
-              },
-            ],
-            children: entries.map((entry) => ({
-              id: `route:${entry.path}`,
-              label: entry.path,
-              tags: buildRouteTags(entry),
-            })),
-          };
-        },
-      ),
+      ...(["high", "normal", "low", "skipped"] as PriorityBucket[]).map((bucket) => {
+        const entries = groupedEntries[bucket].filter((entry) =>
+          !filter ? true : entry.path.toLowerCase().includes(filter),
+        );
+
+        return {
+          id: `bucket:${bucket}`,
+          label: PRIORITY_BUCKET_LABELS[bucket],
+          tags: [
+            {
+              label: String(entries.length),
+              textColor: 0xffffff,
+              backgroundColor: PRIORITY_BUCKET_COLORS[bucket],
+            },
+          ],
+          children: entries.map((entry) => ({
+            id: `route:${entry.path}`,
+            label: entry.path,
+            tags: buildRouteTags(entry),
+          })),
+        };
+      }),
     ];
   });
 
@@ -284,15 +278,11 @@ function ensureDevtoolsInspector() {
           { key: "routes", value: entries.length },
           {
             key: "loaded",
-            value: entries.filter(
-              (entry) => getRouteLoadStatus(entry) === "loaded",
-            ).length,
+            value: entries.filter((entry) => getRouteLoadStatus(entry) === "loaded").length,
           },
           {
             key: "pending",
-            value: entries.filter(
-              (entry) => getRouteLoadStatus(entry) === "pending",
-            ).length,
+            value: entries.filter((entry) => getRouteLoadStatus(entry) === "pending").length,
           },
         ],
         routes: entries.map((entry) => ({
@@ -392,12 +382,7 @@ function buildRouteTags(entry: RouteInspectorEntry) {
     {
       label: status,
       textColor: 0xffffff,
-      backgroundColor:
-        status === "loaded"
-          ? 0x10b981
-          : status === "pending"
-            ? 0x3b82f6
-            : 0x6b7280,
+      backgroundColor: status === "loaded" ? 0x10b981 : status === "pending" ? 0x3b82f6 : 0x6b7280,
     },
   ];
 
@@ -492,10 +477,7 @@ function scheduleIdle(fn: (deadline?: IdleDeadline) => void) {
   if (typeof window === "undefined") return;
 
   const idleWindow = window as Window & {
-    requestIdleCallback?: (
-      callback: IdleRequestCallback,
-      options?: IdleRequestOptions,
-    ) => number;
+    requestIdleCallback?: (callback: IdleRequestCallback, options?: IdleRequestOptions) => number;
   };
 
   if (typeof idleWindow.requestIdleCallback === "function") {
@@ -590,11 +572,7 @@ function registerLoader<T = unknown>(
   return loader;
 }
 
-function wrapLoader(
-  component: RouteComp,
-  priority: number | null,
-  path: string,
-): RouteComp {
+function wrapLoader(component: RouteComp, priority: number | null, path: string): RouteComp {
   if (typeof component === "function") {
     return registerLoader(component as AsyncComponent, priority, path);
   }
@@ -653,10 +631,7 @@ function getExplicitPriority(meta?: PrefetchMeta): PriorityResult | undefined {
   }
 }
 
-function getRoutePriority(
-  route: RouteRecordRaw,
-  fullPath: string,
-): PriorityResult {
+function getRoutePriority(route: RouteRecordRaw, fullPath: string): PriorityResult {
   const meta = route.meta as PrefetchMeta | undefined;
   const explicitPriority = getExplicitPriority(meta);
 
@@ -734,11 +709,7 @@ function processRoutes(routes: RouteRecordRaw[], parentPath = "") {
     if (route.components) {
       for (const key in route.components) {
         const comp = route.components[key];
-        route.components[key] = wrapLoader(
-          comp as RouteComp,
-          priority,
-          fullPath,
-        ) as RouteComponent;
+        route.components[key] = wrapLoader(comp as RouteComp, priority, fullPath) as RouteComponent;
       }
     }
 
diff --git a/src/stores/permission/index.ts b/src/stores/permission/index.ts
index 417229bb..51ce5257 100644
--- a/src/stores/permission/index.ts
+++ b/src/stores/permission/index.ts
@@ -43,18 +43,14 @@ export const usePermissionStore = defineStore("permission", () => {
   const currentBackendKey = ref("");
   const rules = ref<PermissionRule[]>([]);
 
-  const isSuperToken = computed(
-    () => normalizeText(tokenInfo.value?.username) === "root",
-  );
+  const isSuperToken = computed(() => normalizeText(tokenInfo.value?.username) === "root");
 
   const tokenLimits = computed(() => ({
     general: rules.value.filter((rule) => rule.resource !== "kv"),
     kv: rules.value.filter((rule) => rule.resource === "kv"),
   }));
 
-  const availableScopes = computed(() => [
-    ...new Set(rules.value.map(scopeKey)),
-  ]);
+  const availableScopes = computed(() => [...new Set(rules.value.map(scopeKey))]);
 
   /**
    * 清空权限上下文（常用于登出、切换后端、token 失效）。
@@ -93,18 +89,16 @@ export const usePermissionStore = defineStore("permission", () => {
     }
 
     const backendKey = `${backend.url}::${backend.token}`;
-    if (backendKey === currentBackendKey.value && status.value === "ready")
-      return;
+    if (backendKey === currentBackendKey.value && status.value === "ready") return;
 
     status.value = "loading";
     error.value = "";
     currentBackendKey.value = backendKey;
 
     try {
-      const result = await getWsConnection(backend.url).call<TokenInfo>(
-        "token_get",
-        { token: backend.token },
-      );
+      const result = await getWsConnection(backend.url).call<TokenInfo>("token_get", {
+        token: backend.token,
+      });
       if (!result || typeof result !== "object") {
         throw new Error("token_get empty result");
       }
@@ -116,8 +110,7 @@ export const usePermissionStore = defineStore("permission", () => {
       tokenInfo.value = null;
       rules.value = [];
       status.value = "error";
-      error.value =
-        e instanceof Error ? e.message : "Failed to fetch token permissions";
+      error.value = e instanceof Error ? e.message : "Failed to fetch token permissions";
     }
   };
 
diff --git a/src/stores/permission/types.ts b/src/stores/permission/types.ts
index 447c20c1..19782ed8 100644
--- a/src/stores/permission/types.ts
+++ b/src/stores/permission/types.ts
@@ -1,51 +1,51 @@
-export type PermissionValue = string | Record<string, unknown>
+export type PermissionValue = string | Record<string, unknown>;
 
 export interface PermissionEntry {
-  [resource: string]: PermissionValue
+  [resource: string]: PermissionValue;
 }
 
 export type ScopeEntry =
-  | 'global'
+  | "global"
   | { global?: null; agent_uuid?: string; kv_namespace?: string }
-  | string
+  | string;
 
 export interface TokenLimit {
-  scopes?: ScopeEntry[]
-  permissions?: PermissionEntry[]
+  scopes?: ScopeEntry[];
+  permissions?: PermissionEntry[];
 }
 
 export interface TokenInfo {
-  version?: number
-  token_key?: string
-  timestamp_from?: number | null
-  timestamp_to?: number | null
-  username?: string | null
-  token_limit?: TokenLimit[]
+  version?: number;
+  token_key?: string;
+  timestamp_from?: number | null;
+  timestamp_to?: number | null;
+  username?: string | null;
+  token_limit?: TokenLimit[];
 }
 
-export type PermissionScopeType = 'global' | 'agent_uuid' | 'kv_namespace'
+export type PermissionScopeType = "global" | "agent_uuid" | "kv_namespace";
 
 export interface ParsedScope {
-  type: PermissionScopeType
-  value: string
+  type: PermissionScopeType;
+  value: string;
 }
 
 export interface ParsedPermission {
-  resource: string
-  action: string
-  target?: string
+  resource: string;
+  action: string;
+  target?: string;
 }
 
 export interface PermissionRule {
-  scopeType: PermissionScopeType
-  scopeValue: string
-  resource: string
-  action: string
-  target?: string
+  scopeType: PermissionScopeType;
+  scopeValue: string;
+  resource: string;
+  action: string;
+  target?: string;
 }
 
 export interface PermissionSpec {
-  resource: string
-  action: string
-  target: string
+  resource: string;
+  action: string;
+  target: string;
 }
diff --git a/src/stores/permission/utils.ts b/src/stores/permission/utils.ts
index 1e506147..9406687d 100644
--- a/src/stores/permission/utils.ts
+++ b/src/stores/permission/utils.ts
@@ -7,7 +7,7 @@ import type {
   PermissionSpec,
   ScopeEntry,
   TokenInfo,
-} from './types'
+} from "./types";
 
 /**
  * 本文件职责：
@@ -18,13 +18,16 @@ import type {
  * token_limit -> normalizeScope/parsePermissionEntry -> flattenTokenRules
  * -> hasPermissionBySpec / hasAnyScopePermissionBySpec
  */
-const GLOBAL_SCOPE: ParsedScope = { type: 'global', value: 'global' }
-const wildcardRegexCache = new Map<string, RegExp>()
+const GLOBAL_SCOPE: ParsedScope = { type: "global", value: "global" };
+const wildcardRegexCache = new Map<string, RegExp>();
 
 /**
  * 统一文本规范，避免大小写/空格导致匹配失败。
  */
-export const normalizeText = (value: unknown) => String(value ?? '').trim().toLowerCase()
+export const normalizeText = (value: unknown) =>
+  String(value ?? "")
+    .trim()
+    .toLowerCase();
 
 /**
  * 把 scope 输入标准化成 ParsedScope。
@@ -37,42 +40,42 @@ export const normalizeText = (value: unknown) => String(value ?? '').trim().toLo
  * 非法 scope 返回 null。
  */
 const normalizeScope = (scope: ScopeEntry): ParsedScope | null => {
-  if (scope === 'global') return GLOBAL_SCOPE
+  if (scope === "global") return GLOBAL_SCOPE;
 
-  if (typeof scope === 'string') {
-    const normalized = normalizeText(scope)
-    if (normalized === 'global') return GLOBAL_SCOPE
+  if (typeof scope === "string") {
+    const normalized = normalizeText(scope);
+    if (normalized === "global") return GLOBAL_SCOPE;
 
-    if (normalized.startsWith('agent_uuid:')) {
-      const value = normalizeText(normalized.slice('agent_uuid:'.length))
-      if (value) return { type: 'agent_uuid', value }
-      return null
+    if (normalized.startsWith("agent_uuid:")) {
+      const value = normalizeText(normalized.slice("agent_uuid:".length));
+      if (value) return { type: "agent_uuid", value };
+      return null;
     }
 
-    if (normalized.startsWith('kv_namespace:')) {
-      const value = normalizeText(normalized.slice('kv_namespace:'.length))
-      if (value) return { type: 'kv_namespace', value }
-      return null
+    if (normalized.startsWith("kv_namespace:")) {
+      const value = normalizeText(normalized.slice("kv_namespace:".length));
+      if (value) return { type: "kv_namespace", value };
+      return null;
     }
 
-    return null
+    return null;
   }
 
-  if (!scope || typeof scope !== 'object') return null
-  if ('global' in scope) return GLOBAL_SCOPE
+  if (!scope || typeof scope !== "object") return null;
+  if ("global" in scope) return GLOBAL_SCOPE;
 
-  if (typeof scope.agent_uuid === 'string') {
-    const value = normalizeText(scope.agent_uuid)
-    if (value) return { type: 'agent_uuid', value }
+  if (typeof scope.agent_uuid === "string") {
+    const value = normalizeText(scope.agent_uuid);
+    if (value) return { type: "agent_uuid", value };
   }
 
-  if (typeof scope.kv_namespace === 'string') {
-    const value = normalizeText(scope.kv_namespace)
-    if (value) return { type: 'kv_namespace', value }
+  if (typeof scope.kv_namespace === "string") {
+    const value = normalizeText(scope.kv_namespace);
+    if (value) return { type: "kv_namespace", value };
   }
 
-  return null
-}
+  return null;
+};
 
 /**
  * 把一条 permissions entry 拆成多条标准权限项。
@@ -84,36 +87,36 @@ const normalizeScope = (scope: ScopeEntry): ParsedScope | null => {
  * `[{ resource: 'task', action: 'listen' }, { resource: 'kv', action: 'read', target: 'metadata_*' }]`
  */
 const parsePermissionEntry = (entry: PermissionEntry): ParsedPermission[] => {
-  const permissions: ParsedPermission[] = []
+  const permissions: ParsedPermission[] = [];
 
   for (const [resourceRaw, value] of Object.entries(entry)) {
-    const resource = normalizeText(resourceRaw)
-    if (!resource) continue
-
-    if (typeof value === 'string') {
-      const action = normalizeText(value)
-      if (!action) continue
-      permissions.push({ resource, action })
-      continue
+    const resource = normalizeText(resourceRaw);
+    if (!resource) continue;
+
+    if (typeof value === "string") {
+      const action = normalizeText(value);
+      if (!action) continue;
+      permissions.push({ resource, action });
+      continue;
     }
 
-    if (!value || typeof value !== 'object' || Array.isArray(value)) continue
+    if (!value || typeof value !== "object" || Array.isArray(value)) continue;
 
     for (const [actionRaw, targetRaw] of Object.entries(value)) {
-      const action = normalizeText(actionRaw)
-      if (!action) continue
+      const action = normalizeText(actionRaw);
+      if (!action) continue;
 
-      const target = normalizeText(targetRaw)
+      const target = normalizeText(targetRaw);
       if (target) {
-        permissions.push({ resource, action, target })
+        permissions.push({ resource, action, target });
       } else {
-        permissions.push({ resource, action })
+        permissions.push({ resource, action });
       }
     }
   }
 
-  return permissions
-}
+  return permissions;
+};
 
 /**
  * 解析权限规格字符串：`resource:action[:target]`。
@@ -123,21 +126,21 @@ const parsePermissionEntry = (entry: PermissionEntry): ParsedPermission[] => {
  * - `task:listen` -> { resource: 'task', action: 'listen', target: '' }
  */
 const parsePermissionSpec = (specRaw: string): PermissionSpec | null => {
-  const [resourceRaw, actionRaw, ...targetParts] = String(specRaw ?? '').split(':')
-  const resource = normalizeText(resourceRaw)
-  const action = normalizeText(actionRaw)
-  const target = normalizeText(targetParts.join(':'))
-  if (!resource || !action) return null
-  return { resource, action, target }
-}
+  const [resourceRaw, actionRaw, ...targetParts] = String(specRaw ?? "").split(":");
+  const resource = normalizeText(resourceRaw);
+  const action = normalizeText(actionRaw);
+  const target = normalizeText(targetParts.join(":"));
+  if (!resource || !action) return null;
+  return { resource, action, target };
+};
 
 /**
  * 把外部传入的 scope 字符串转成标准 scope。
  */
 const normalizeScopeInput = (scopeRaw?: string): ParsedScope | null => {
-  if (!scopeRaw) return null
-  return normalizeScope(scopeRaw)
-}
+  if (!scopeRaw) return null;
+  return normalizeScope(scopeRaw);
+};
 
 /**
  * 资源与作用域兼容性约束：
@@ -145,11 +148,11 @@ const normalizeScopeInput = (scopeRaw?: string): ParsedScope | null => {
  * - 其他资源: 只允许 global / agent_uuid
  */
 const isScopeCompatible = (resource: string, scopeType: PermissionScopeType) => {
-  if (resource === 'kv') {
-    return scopeType === 'global' || scopeType === 'kv_namespace'
+  if (resource === "kv") {
+    return scopeType === "global" || scopeType === "kv_namespace";
   }
-  return scopeType === 'global' || scopeType === 'agent_uuid'
-}
+  return scopeType === "global" || scopeType === "agent_uuid";
+};
 
 /**
  * 通配符匹配（仅支持 `*`）。
@@ -157,21 +160,21 @@ const isScopeCompatible = (resource: string, scopeType: PermissionScopeType) =>
  * - 使用缓存避免重复构造正则
  */
 const matchWildcard = (patternRaw: string, inputRaw: string) => {
-  const pattern = normalizeText(patternRaw)
-  const input = normalizeText(inputRaw)
+  const pattern = normalizeText(patternRaw);
+  const input = normalizeText(inputRaw);
 
-  if (!pattern || !input) return false
-  if (pattern === '*') return true
-  if (!pattern.includes('*')) return pattern === input
+  if (!pattern || !input) return false;
+  if (pattern === "*") return true;
+  if (!pattern.includes("*")) return pattern === input;
 
-  const cached = wildcardRegexCache.get(pattern)
-  if (cached) return cached.test(input)
+  const cached = wildcardRegexCache.get(pattern);
+  if (cached) return cached.test(input);
 
-  const escaped = pattern.replace(/[.+?^${}()|[\]\\]/g, '\\$&')
-  const regex = new RegExp(`^${escaped.replace(/\*/g, '.*')}$`)
-  wildcardRegexCache.set(pattern, regex)
-  return regex.test(input)
-}
+  const escaped = pattern.replace(/[.+?^${}()|[\]\\]/g, "\\$&");
+  const regex = new RegExp(`^${escaped.replace(/\*/g, ".*")}$`);
+  wildcardRegexCache.set(pattern, regex);
+  return regex.test(input);
+};
 
 /**
  * 判断规则作用域是否命中请求作用域。
@@ -181,15 +184,15 @@ const matchWildcard = (patternRaw: string, inputRaw: string) => {
  * - 指定非 global scope 时，global 规则和同类型同值规则都算命中
  */
 const isRuleScopeMatched = (rule: PermissionRule, requestedScope: ParsedScope | null) => {
-  if (!requestedScope || requestedScope.type === 'global') {
-    return rule.scopeType === 'global'
+  if (!requestedScope || requestedScope.type === "global") {
+    return rule.scopeType === "global";
   }
 
   return (
-    rule.scopeType === 'global'
-    || (rule.scopeType === requestedScope.type && rule.scopeValue === requestedScope.value)
-  )
-}
+    rule.scopeType === "global" ||
+    (rule.scopeType === requestedScope.type && rule.scopeValue === requestedScope.value)
+  );
+};
 
 /**
  * 判断规则 target 是否命中请求 target。
@@ -200,11 +203,11 @@ const isRuleScopeMatched = (rule: PermissionRule, requestedScope: ParsedScope |
  * - kv 资源支持通配符匹配，其它资源按字符串全等
  */
 const isRuleTargetMatched = (rule: PermissionRule, spec: PermissionSpec) => {
-  if (!spec.target) return true
-  if (!rule.target) return true
-  if (spec.resource === 'kv') return matchWildcard(rule.target, spec.target)
-  return rule.target === spec.target
-}
+  if (!spec.target) return true;
+  if (!rule.target) return true;
+  if (spec.resource === "kv") return matchWildcard(rule.target, spec.target);
+  return rule.target === spec.target;
+};
 
 /**
  * 把规则作用域转成统一字符串键，便于 UI 展示和去重。
@@ -212,9 +215,9 @@ const isRuleTargetMatched = (rule: PermissionRule, spec: PermissionSpec) => {
  * - agent_uuid/a1 -> 'agent_uuid:a1'
  */
 export const scopeKey = (rule: PermissionRule) => {
-  if (rule.scopeType === 'global') return 'global'
-  return `${rule.scopeType}:${rule.scopeValue}`
-}
+  if (rule.scopeType === "global") return "global";
+  return `${rule.scopeType}:${rule.scopeValue}`;
+};
 
 /**
  * 把 token_limit 拍平成 PermissionRule[]。
@@ -225,20 +228,22 @@ export const scopeKey = (rule: PermissionRule) => {
  * - 若 scope 全不兼容（理论兜底），回退到 global
  */
 export const flattenTokenRules = (token: TokenInfo | null): PermissionRule[] => {
-  const rules: PermissionRule[] = []
-  const limits = token?.token_limit ?? []
+  const rules: PermissionRule[] = [];
+  const limits = token?.token_limit ?? [];
 
   for (const limit of limits) {
     const parsedScopes = (limit.scopes ?? [])
       .map(normalizeScope)
-      .filter((scope): scope is ParsedScope => Boolean(scope))
+      .filter((scope): scope is ParsedScope => Boolean(scope));
 
-    const scopes = parsedScopes.length > 0 ? parsedScopes : [GLOBAL_SCOPE]
-    const parsedPermissions = (limit.permissions ?? []).flatMap(parsePermissionEntry)
+    const scopes = parsedScopes.length > 0 ? parsedScopes : [GLOBAL_SCOPE];
+    const parsedPermissions = (limit.permissions ?? []).flatMap(parsePermissionEntry);
 
     for (const permission of parsedPermissions) {
-      const applicableScopes = scopes.filter((scope) => isScopeCompatible(permission.resource, scope.type))
-      const effectiveScopes = applicableScopes.length > 0 ? applicableScopes : [GLOBAL_SCOPE]
+      const applicableScopes = scopes.filter((scope) =>
+        isScopeCompatible(permission.resource, scope.type),
+      );
+      const effectiveScopes = applicableScopes.length > 0 ? applicableScopes : [GLOBAL_SCOPE];
 
       for (const scope of effectiveScopes) {
         rules.push({
@@ -247,13 +252,13 @@ export const flattenTokenRules = (token: TokenInfo | null): PermissionRule[] =>
           resource: permission.resource,
           action: permission.action,
           target: permission.target,
-        })
+        });
       }
     }
   }
 
-  return rules
-}
+  return rules;
+};
 
 /**
  * 判断“在指定 scope 下”是否拥有某权限。
@@ -262,30 +267,34 @@ export const flattenTokenRules = (token: TokenInfo | null): PermissionRule[] =>
  * @param permissionSpec 权限规格：`resource:action[:target]`
  * @param scope 可选，`global` / `agent_uuid:xxx` / `kv_namespace:xxx`
  */
-export const hasPermissionBySpec = (rules: PermissionRule[], permissionSpec: string, scope?: string) => {
-  const spec = parsePermissionSpec(permissionSpec)
-  if (!spec) return false
+export const hasPermissionBySpec = (
+  rules: PermissionRule[],
+  permissionSpec: string,
+  scope?: string,
+) => {
+  const spec = parsePermissionSpec(permissionSpec);
+  if (!spec) return false;
 
-  const requestedScope = normalizeScopeInput(scope)
-  if (scope && !requestedScope) return false
+  const requestedScope = normalizeScopeInput(scope);
+  if (scope && !requestedScope) return false;
 
   return rules.some((rule) => {
-    if (rule.resource !== spec.resource || rule.action !== spec.action) return false
-    if (!isRuleScopeMatched(rule, requestedScope)) return false
-    return isRuleTargetMatched(rule, spec)
-  })
-}
+    if (rule.resource !== spec.resource || rule.action !== spec.action) return false;
+    if (!isRuleScopeMatched(rule, requestedScope)) return false;
+    return isRuleTargetMatched(rule, spec);
+  });
+};
 
 /**
  * 判断“任意 scope”下是否拥有某权限。
  * 常用于“是否展示某功能入口”这类场景。
  */
 export const hasAnyScopePermissionBySpec = (rules: PermissionRule[], permissionSpec: string) => {
-  const spec = parsePermissionSpec(permissionSpec)
-  if (!spec) return false
+  const spec = parsePermissionSpec(permissionSpec);
+  if (!spec) return false;
 
   return rules.some((rule) => {
-    if (rule.resource !== spec.resource || rule.action !== spec.action) return false
-    return isRuleTargetMatched(rule, spec)
-  })
-}
+    if (rule.resource !== spec.resource || rule.action !== spec.action) return false;
+    return isRuleTargetMatched(rule, spec);
+  });
+};
diff --git a/src/stores/systemSettings.ts b/src/stores/systemSettings.ts
index b18370e9..0f7162d2 100644
--- a/src/stores/systemSettings.ts
+++ b/src/stores/systemSettings.ts
@@ -10,19 +10,12 @@ const SYSTEM_SETTINGS_STORAGE_KEY = "nodeget.system-settings";
 function readEnvBoolean(value: unknown, fallback: boolean) {
   if (typeof value !== "string") return fallback;
   const normalized = value.trim().toLowerCase();
-  return normalized === "true"
-    ? true
-    : normalized === "false"
-      ? false
-      : fallback;
+  return normalized === "true" ? true : normalized === "false" ? false : fallback;
 }
 
 function getDefaultConfig(): SystemSettingsConfig {
   return {
-    rpcDebugPanelEnabled: readEnvBoolean(
-      import.meta.env.VITE_RPC_DEBUG_PANEL_ENABLED,
-      false,
-    ),
+    rpcDebugPanelEnabled: readEnvBoolean(import.meta.env.VITE_RPC_DEBUG_PANEL_ENABLED, false),
   };
 }
 
@@ -48,19 +41,14 @@ function readStoredConfig(defaultConfig: SystemSettingsConfig) {
 function writeStoredConfig(config: SystemSettingsConfig) {
   if (typeof window === "undefined") return;
   try {
-    window.localStorage.setItem(
-      SYSTEM_SETTINGS_STORAGE_KEY,
-      JSON.stringify(config),
-    );
+    window.localStorage.setItem(SYSTEM_SETTINGS_STORAGE_KEY, JSON.stringify(config));
   } catch {
     /* localStorage may be unavailable */
   }
 }
 
 export const useSystemSettingsStore = defineStore("system-settings", () => {
-  const config = reactive<SystemSettingsConfig>(
-    readStoredConfig(getDefaultConfig()),
-  );
+  const config = reactive<SystemSettingsConfig>(readStoredConfig(getDefaultConfig()));
 
   watch(
     config,
diff --git a/src/stores/theme.ts b/src/stores/theme.ts
index 75f1cda0..621b4c16 100644
--- a/src/stores/theme.ts
+++ b/src/stores/theme.ts
@@ -39,11 +39,7 @@ const resolvePalette = (name: ColorThemeName, customColor: string) => {
   return PALETTES[name] ?? PALETTES.zinc;
 };
 
-const applyPalette = (
-  name: ColorThemeName,
-  dark: boolean,
-  customColor: string,
-) => {
+const applyPalette = (name: ColorThemeName, dark: boolean, customColor: string) => {
   const palette = resolvePalette(name, customColor);
   if (!palette) return;
   const variant = (dark ? palette.dark : palette.light) ?? {};
@@ -98,9 +94,7 @@ export const useThemeStore = defineStore("theme", () => {
     }
   };
 
-  watch(isDark, (dark) =>
-    applyPalette(colorTheme.value, dark, customColor.value),
-  );
+  watch(isDark, (dark) => applyPalette(colorTheme.value, dark, customColor.value));
 
   return {
     isDark,
diff --git a/src/theme/palettes.ts b/src/theme/palettes.ts
index df2f04d2..53a41e27 100644
--- a/src/theme/palettes.ts
+++ b/src/theme/palettes.ts
@@ -35,16 +35,8 @@ const make = (primary: string, foreground: string, ring: string): Variant => ({
 export const PALETTES: Record<Exclude<ColorThemeName, "custom">, Palette> = {
   zinc: {
     swatch: "oklch(0.21 0.006 285.885)",
-    light: make(
-      "oklch(0.21 0.006 285.885)",
-      "oklch(0.985 0 0)",
-      "oklch(0.705 0.015 286.067)",
-    ),
-    dark: make(
-      "oklch(0.985 0 0)",
-      "oklch(0.21 0.006 285.885)",
-      "oklch(0.552 0.016 285.938)",
-    ),
+    light: make("oklch(0.21 0.006 285.885)", "oklch(0.985 0 0)", "oklch(0.705 0.015 286.067)"),
+    dark: make("oklch(0.985 0 0)", "oklch(0.21 0.006 285.885)", "oklch(0.552 0.016 285.938)"),
   },
   rose: {
     swatch: "oklch(0.645 0.246 16.439)",
@@ -79,11 +71,7 @@ export const PALETTES: Record<Exclude<ColorThemeName, "custom">, Palette> = {
       "oklch(0.98 0.016 73.684)",
       "oklch(0.705 0.213 47.604)",
     ),
-    dark: make(
-      "oklch(0.769 0.188 70.08)",
-      "oklch(0.98 0.016 73.684)",
-      "oklch(0.769 0.188 70.08)",
-    ),
+    dark: make("oklch(0.769 0.188 70.08)", "oklch(0.98 0.016 73.684)", "oklch(0.769 0.188 70.08)"),
   },
   yellow: {
     swatch: "oklch(0.795 0.184 86.047)",
@@ -100,16 +88,8 @@ export const PALETTES: Record<Exclude<ColorThemeName, "custom">, Palette> = {
   },
   stone: {
     swatch: "oklch(0.45 0.045 60)",
-    light: make(
-      "oklch(0.45 0.045 60)",
-      "oklch(0.985 0.008 90)",
-      "oklch(0.7 0.04 55)",
-    ),
-    dark: make(
-      "oklch(0.82 0.06 75)",
-      "oklch(0.28 0.035 55)",
-      "oklch(0.66 0.045 65)",
-    ),
+    light: make("oklch(0.45 0.045 60)", "oklch(0.985 0.008 90)", "oklch(0.7 0.04 55)"),
+    dark: make("oklch(0.82 0.06 75)", "oklch(0.28 0.035 55)", "oklch(0.66 0.045 65)"),
   },
   red: {
     swatch: "oklch(0.637 0.237 25.331)",
diff --git a/src/types/monitoring.ts b/src/types/monitoring.ts
index 8aaab27d..c1035cbd 100644
--- a/src/types/monitoring.ts
+++ b/src/types/monitoring.ts
@@ -2,8 +2,7 @@ type StrictRequired<T> = {
   [K in keyof T]-?: NonNullable<T[K]>;
 };
 
-export type FullDynamicSummaryResponseItem =
-  StrictRequired<DynamicSummaryResponseItem>;
+export type FullDynamicSummaryResponseItem = StrictRequired<DynamicSummaryResponseItem>;
 
 export interface DynamicSummaryResponseItem {
   uuid: string;
@@ -66,10 +65,7 @@ export interface StaticResponseItem {
   gpu?: StaticMonitoringData["gpu"];
 }
 
-export type SummaryField = keyof Omit<
-  DynamicSummaryResponseItem,
-  "uuid" | "timestamp"
->;
+export type SummaryField = keyof Omit<DynamicSummaryResponseItem, "uuid" | "timestamp">;
 
 export interface DynamicCpuCore {
   id: number;
diff --git a/src/utils/cookie.ts b/src/utils/cookie.ts
index fb55f079..5745e5ea 100644
--- a/src/utils/cookie.ts
+++ b/src/utils/cookie.ts
@@ -1,19 +1,17 @@
-
 export const getCookie = (name: string): string | null => {
-  const match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)'))
+  const match = document.cookie.match(new RegExp("(^| )" + name + "=([^;]+)"));
   if (match && match[2]) {
     try {
-        return decodeURIComponent(match[2])
+      return decodeURIComponent(match[2]);
     } catch {
-        return match[2]
+      return match[2];
     }
   }
-  return null
-}
-
+  return null;
+};
 
 export const setCookie = (name: string, value: string) => {
-  const date = new Date()
-  date.setTime(date.getTime() + (365 * 24 * 60 * 60 * 1000)) // 1 year
-  document.cookie = `${name}=${encodeURIComponent(value)}; path=/; expires=${date.toUTCString()}; SameSite=Strict`
-}
\ No newline at end of file
+  const date = new Date();
+  date.setTime(date.getTime() + 365 * 24 * 60 * 60 * 1000); // 1 year
+  document.cookie = `${name}=${encodeURIComponent(value)}; path=/; expires=${date.toUTCString()}; SameSite=Strict`;
+};
diff --git a/src/utils/costSummary.ts b/src/utils/costSummary.ts
index 9551e6e4..798a87aa 100644
--- a/src/utils/costSummary.ts
+++ b/src/utils/costSummary.ts
@@ -110,11 +110,7 @@ export function currencySymbol(currency: BaseCurrency): string {
   return CURRENCY_TO_SYMBOL[currency];
 }
 
-function replaceTemplateTokens(
-  template: string,
-  base: string,
-  targets: string,
-): string {
+function replaceTemplateTokens(template: string, base: string, targets: string): string {
   return template.split("{base}").join(base).split("{targets}").join(targets);
 }
 
@@ -126,18 +122,12 @@ export function supportedCurrenciesForNodes(
     new Set(
       nodes
         .map((node) => currencyFromPriceUnit(node.priceUnit))
-        .filter(
-          (currency): currency is BaseCurrency =>
-            Boolean(currency) && currency !== base,
-        ),
+        .filter((currency): currency is BaseCurrency => Boolean(currency) && currency !== base),
     ),
   ).sort();
 }
 
-export function buildFrankfurterUrl(
-  base: BaseCurrency,
-  targets: BaseCurrency[],
-): string {
+export function buildFrankfurterUrl(base: BaseCurrency, targets: BaseCurrency[]): string {
   if (targets.length === 0) {
     return `https://api.frankfurter.dev/v1/latest?from=${base}`;
   }
@@ -163,9 +153,7 @@ export function buildCustomFxUrl(
   targets: BaseCurrency[],
 ): string {
   if (!isValidCustomFxUrlTemplate(template)) {
-    throw new Error(
-      "自定义汇率模板无效，必须是 http/https URL，且至少包含 {base} 占位符。",
-    );
+    throw new Error("自定义汇率模板无效，必须是 http/https URL，且至少包含 {base} 占位符。");
   }
 
   return replaceTemplateTokens(
@@ -189,11 +177,7 @@ export function buildFxUrl(
 export function fxProviderLabel(providerTemplate: string | null): string {
   if (!providerTemplate) return FX_PROVIDER;
   try {
-    const resolved = replaceTemplateTokens(
-      providerTemplate.trim(),
-      "USD",
-      "EUR,GBP",
-    );
+    const resolved = replaceTemplateTokens(providerTemplate.trim(), "USD", "EUR,GBP");
     const url = new URL(resolved);
     return `custom:${url.host}`;
   } catch {
@@ -205,10 +189,8 @@ export function parseFxSnapshot(raw: unknown): FxSnapshot | null {
   if (!raw || typeof raw !== "object" || Array.isArray(raw)) return null;
   const candidate = raw as Record<string, unknown>;
   const base = normalizeBaseCurrency(candidate.base);
-  const fetchedAt =
-    typeof candidate.fetched_at === "string" ? candidate.fetched_at : "";
-  const provider =
-    typeof candidate.provider === "string" ? candidate.provider : "";
+  const fetchedAt = typeof candidate.fetched_at === "string" ? candidate.fetched_at : "";
+  const provider = typeof candidate.provider === "string" ? candidate.provider : "";
   if (!base || !fetchedAt || !provider) return null;
 
   const parsed = new Date(fetchedAt);
@@ -218,11 +200,7 @@ export function parseFxSnapshot(raw: unknown): FxSnapshot | null {
   const rates: Partial<Record<BaseCurrency, number>> = {};
   if (ratesRaw && typeof ratesRaw === "object" && !Array.isArray(ratesRaw)) {
     for (const [key, value] of Object.entries(ratesRaw)) {
-      if (
-        !isBaseCurrency(key) ||
-        typeof value !== "number" ||
-        !Number.isFinite(value)
-      ) {
+      if (!isBaseCurrency(key) || typeof value !== "number" || !Number.isFinite(value)) {
         continue;
       }
       rates[key] = value;
@@ -237,17 +215,11 @@ export function parseFxSnapshot(raw: unknown): FxSnapshot | null {
   };
 }
 
-export function fxSnapshotAgeMs(
-  snapshot: FxSnapshot,
-  now = Date.now(),
-): number {
+export function fxSnapshotAgeMs(snapshot: FxSnapshot, now = Date.now()): number {
   return Math.max(0, now - new Date(snapshot.fetched_at).getTime());
 }
 
-export function isFxSnapshotFresh(
-  snapshot: FxSnapshot,
-  now = Date.now(),
-): boolean {
+export function isFxSnapshotFresh(snapshot: FxSnapshot, now = Date.now()): boolean {
   return fxSnapshotAgeMs(snapshot, now) <= FX_CACHE_TTL_MS;
 }
 
@@ -289,11 +261,7 @@ function parseDateOnly(value: string): Date | null {
   const month = Number(match[2]);
   const day = Number(match[3]);
   const date = new Date(year, month - 1, day);
-  if (
-    date.getFullYear() !== year ||
-    date.getMonth() !== month - 1 ||
-    date.getDate() !== day
-  ) {
+  if (date.getFullYear() !== year || date.getMonth() !== month - 1 || date.getDate() !== day) {
     return null;
   }
   date.setHours(0, 0, 0, 0);
@@ -313,10 +281,7 @@ function startOfDay(date: Date): Date {
   return copy;
 }
 
-export function getRemainingDays(
-  expireTime: string,
-  today = new Date(),
-): number | null {
+export function getRemainingDays(expireTime: string, today = new Date()): number | null {
   const expire = parseDateOnly(expireTime);
   if (!expire) return null;
   const normalizedToday = startOfDay(today);
@@ -370,17 +335,12 @@ function monthlyOriginalCost(node: CostNodeRecord): number {
 }
 
 export function isExactMonthlyBaseDisplay(
-  node: Pick<
-    EvaluatedCostNode,
-    "monthlyCostBase" | "currencyCode" | "priceCycle"
-  >,
+  node: Pick<EvaluatedCostNode, "monthlyCostBase" | "currencyCode" | "priceCycle">,
   base: BaseCurrency,
 ): boolean {
   if (node.monthlyCostBase === null) return false;
   if (node.monthlyCostBase === 0) return true;
-  return (
-    node.currencyCode === base && normalizeCycleDays(node.priceCycle) === 30
-  );
+  return node.currencyCode === base && normalizeCycleDays(node.priceCycle) === 30;
 }
 
 export function isExactRemainingBaseDisplay(
@@ -427,11 +387,7 @@ export function aggregateCosts(
     } else if (!currencyCode) {
       excludedReason = "unsupported_currency";
       unsupportedNodeNames.push(node.customName);
-    } else if (
-      snapshot === null ||
-      monthlyCostBase === null ||
-      remainingValueBase === null
-    ) {
+    } else if (snapshot === null || monthlyCostBase === null || remainingValueBase === null) {
       excludedReason = "missing_fx";
       if (snapshot !== null) {
         missingRateNodeNames.push(node.customName);
@@ -439,9 +395,7 @@ export function aggregateCosts(
     }
 
     const groupKey = currencyCode ?? node.priceUnit ?? "UNKNOWN";
-    const groupSymbol = currencyCode
-      ? currencySymbol(currencyCode)
-      : node.priceUnit || "?";
+    const groupSymbol = currencyCode ? currencySymbol(currencyCode) : node.priceUnit || "?";
     const existing = grouped.get(groupKey) ?? {
       currency: groupKey,
       symbol: groupSymbol,
@@ -469,40 +423,29 @@ export function aggregateCosts(
   }
 
   const convertibleNodes = evaluatedNodes.filter(
-    (node) =>
-      !node.expired &&
-      node.monthlyCostBase !== null &&
-      node.remainingValueBase !== null,
+    (node) => !node.expired && node.monthlyCostBase !== null && node.remainingValueBase !== null,
   );
   const unified = snapshot !== null;
   const totalMonthlyCost = unified
-    ? convertibleNodes.reduce(
-        (sum, node) => sum + (node.monthlyCostBase ?? 0),
-        0,
-      )
+    ? convertibleNodes.reduce((sum, node) => sum + (node.monthlyCostBase ?? 0), 0)
     : 0;
   const totalRemainingValue = unified
-    ? convertibleNodes.reduce(
-        (sum, node) => sum + (node.remainingValueBase ?? 0),
-        0,
-      )
+    ? convertibleNodes.reduce((sum, node) => sum + (node.remainingValueBase ?? 0), 0)
     : 0;
   const expiringSoon = nodes.filter((node) => {
     const days = getRemainingDays(node.expireTime, today);
     return days !== null && days >= 0 && days <= 30;
   }).length;
 
-  const groupedMonthlyTotals = Array.from(grouped.values()).sort(
-    (left, right) => left.currency.localeCompare(right.currency),
+  const groupedMonthlyTotals = Array.from(grouped.values()).sort((left, right) =>
+    left.currency.localeCompare(right.currency),
   );
 
   return {
     unified,
     totalMonthlyCost,
     avgMonthlyCost:
-      unified && convertibleNodes.length
-        ? totalMonthlyCost / convertibleNodes.length
-        : 0,
+      unified && convertibleNodes.length ? totalMonthlyCost / convertibleNodes.length : 0,
     totalRemainingValue,
     expiringSoon,
     groupedMonthlyTotals,
diff --git a/src/utils/groupBy.ts b/src/utils/groupBy.ts
index f1a5f39e..1fa678fd 100644
--- a/src/utils/groupBy.ts
+++ b/src/utils/groupBy.ts
@@ -1,7 +1,4 @@
-export function groupBy<T, K extends keyof T>(
-  arr: T[],
-  key: K,
-): Record<string, T[]> {
+export function groupBy<T, K extends keyof T>(arr: T[], key: K): Record<string, T[]> {
   return arr.reduce(
     (acc, item) => {
       const groupKey = String(item[key]);
diff --git a/src/utils/show.ts b/src/utils/show.ts
index 7632a9ed..895e174b 100644
--- a/src/utils/show.ts
+++ b/src/utils/show.ts
@@ -15,12 +15,7 @@ export const showOS = (server: any) => {
       .replace(/\s*GNU\/Linux\s*$/i, "")
       .replace(/\s*Alpine Linux\s*$/i, "Alpine")
       .trim() || s.system_name;
-  const version = (
-    s.system_version ??
-    s.system_os_version ??
-    s.system_os_long_version ??
-    ""
-  )
+  const version = (s.system_version ?? s.system_os_version ?? s.system_os_long_version ?? "")
     .toString()
     .trim();
   return version ? `${name} ${version}` : name;
@@ -50,10 +45,7 @@ const formatSpeed = (bytes: number) => {
   if (!+bytes) return "0.00 KB/s";
   const k = 1024;
   const sizes = ["B", "KB", "MB", "GB", "TB", "PB"];
-  const i = Math.min(
-    sizes.length - 1,
-    Math.max(0, Math.floor(Math.log(bytes) / Math.log(k))),
-  );
+  const i = Math.min(sizes.length - 1, Math.max(0, Math.floor(Math.log(bytes) / Math.log(k))));
   const value = bytes / Math.pow(k, i);
   return `${value.toFixed(2)} ${sizes[i]}/s`;
 };
diff --git a/src/utils/themeConfig.ts b/src/utils/themeConfig.ts
index ce66077e..e779e12a 100644
--- a/src/utils/themeConfig.ts
+++ b/src/utils/themeConfig.ts
@@ -9,14 +9,12 @@ export function mergeThemeConfigJson(
   let newConfig: Record<string, unknown> = {};
   let oldConfig: Record<string, unknown> = {};
   try {
-    if (newConfigText)
-      newConfig = JSON.parse(newConfigText) as Record<string, unknown>;
+    if (newConfigText) newConfig = JSON.parse(newConfigText) as Record<string, unknown>;
   } catch (e) {
     console.warn("mergeThemeConfigJson: failed to parse newConfigText", e);
   }
   try {
-    if (oldConfigText)
-      oldConfig = JSON.parse(oldConfigText) as Record<string, unknown>;
+    if (oldConfigText) oldConfig = JSON.parse(oldConfigText) as Record<string, unknown>;
   } catch (e) {
     console.warn("mergeThemeConfigJson: failed to parse oldConfigText", e);
   }
diff --git a/src/views/dashboard/token/TokenCreateView.vue b/src/views/dashboard/token/TokenCreateView.vue
index 9cc63ab4..e7edb415 100644
--- a/src/views/dashboard/token/TokenCreateView.vue
+++ b/src/views/dashboard/token/TokenCreateView.vue
@@ -44,18 +44,11 @@ const handleTokenChange = (value: Token) => {
 </script>
 
 <template>
-  <div class="h-full flex flex-col space-y-6">
+  <div class="flex h-full flex-col space-y-6">
     <div class="flex items-start gap-3">
-      <Button
-        variant="ghost"
-        size="icon"
-        class="mt-0.5 size-9 shrink-0"
-        @click="handleBack"
-      >
+      <Button variant="ghost" size="icon" class="mt-0.5 size-9 shrink-0" @click="handleBack">
         <ArrowLeft class="h-4 w-4" />
-        <span class="sr-only">{{
-          t("dashboard.token.create.returnButtonDescription")
-        }}</span>
+        <span class="sr-only">{{ t("dashboard.token.create.returnButtonDescription") }}</span>
       </Button>
       <div>
         <h2 class="text-2xl font-bold tracking-tight">
diff --git a/src/views/dashboard/token/TokenDetailView.vue b/src/views/dashboard/token/TokenDetailView.vue
index ff4552c7..b669e5de 100644
--- a/src/views/dashboard/token/TokenDetailView.vue
+++ b/src/views/dashboard/token/TokenDetailView.vue
@@ -6,7 +6,7 @@ const { t } = useI18n();
 </script>
 
 <template>
-  <div class="h-full flex flex-col space-y-6">
+  <div class="flex h-full flex-col space-y-6">
     <div>
       <h2 class="text-2xl font-bold tracking-tight">
         {{ t("dashboard.token.detail.title") }}
diff --git a/src/views/dashboard/token/TokenEditView.vue b/src/views/dashboard/token/TokenEditView.vue
index 0be1e7ad..f9d9cf13 100644
--- a/src/views/dashboard/token/TokenEditView.vue
+++ b/src/views/dashboard/token/TokenEditView.vue
@@ -14,18 +14,11 @@ const handleBack = () => {
 </script>
 
 <template>
-  <div class="h-full flex flex-col space-y-6">
+  <div class="flex h-full flex-col space-y-6">
     <div class="flex items-start gap-3">
-      <Button
-        variant="ghost"
-        size="icon"
-        class="mt-0.5 size-9 shrink-0"
-        @click="handleBack"
-      >
+      <Button variant="ghost" size="icon" class="mt-0.5 size-9 shrink-0" @click="handleBack">
         <ArrowLeft class="h-4 w-4" />
-        <span class="sr-only">{{
-          t("dashboard.token.edit.returnButtonDescription")
-        }}</span>
+        <span class="sr-only">{{ t("dashboard.token.edit.returnButtonDescription") }}</span>
       </Button>
       <div>
         <h2 class="text-2xl font-bold tracking-tight">
diff --git a/src/views/dashboard/token/TokenImportView.vue b/src/views/dashboard/token/TokenImportView.vue
index 8a70ae3e..13548eb7 100644
--- a/src/views/dashboard/token/TokenImportView.vue
+++ b/src/views/dashboard/token/TokenImportView.vue
@@ -14,18 +14,11 @@ const handleBack = () => {
 </script>
 
 <template>
-  <div class="h-full flex flex-col space-y-6">
+  <div class="flex h-full flex-col space-y-6">
     <div class="flex items-start gap-3">
-      <Button
-        variant="ghost"
-        size="icon"
-        class="mt-0.5 size-9 shrink-0"
-        @click="handleBack"
-      >
+      <Button variant="ghost" size="icon" class="mt-0.5 size-9 shrink-0" @click="handleBack">
         <ArrowLeft class="h-4 w-4" />
-        <span class="sr-only">{{
-          t("dashboard.token.import.returnButtonDescription")
-        }}</span>
+        <span class="sr-only">{{ t("dashboard.token.import.returnButtonDescription") }}</span>
       </Button>
       <div>
         <h2 class="text-2xl font-bold tracking-tight">
diff --git a/src/views/dashboard/token/TokenManageView.vue b/src/views/dashboard/token/TokenManageView.vue
index bb679035..d7e25ffe 100644
--- a/src/views/dashboard/token/TokenManageView.vue
+++ b/src/views/dashboard/token/TokenManageView.vue
@@ -12,7 +12,7 @@ const toCreateToken = () => {
 </script>
 
 <template>
-  <div class="h-full flex flex-col space-y-6">
+  <div class="flex h-full flex-col space-y-6">
     <div class="flex items-center justify-between">
       <div>
         <h2 class="text-2xl font-bold tracking-tight">

From a5ee0e4a369196fcffc4d808ad4f45a2a51bd2f0 Mon Sep 17 00:00:00 2001
From: landmineHQ <z1216198007@gmail.com>
Date: Tue, 26 May 2026 15:09:00 +0800
Subject: [PATCH 3/6] Revert "chrome: add format config for format"

This reverts commit dae045b24cae22078608491fc42ddec5c67869fb.
---
 .prettierrc.json        |  9 ---------
 .vscode/extensions.json |  5 +----
 .vscode/settings.json   | 11 -----------
 package.json            |  2 +-
 prettier.config.mjs     |  6 ++++++
 5 files changed, 8 insertions(+), 25 deletions(-)
 delete mode 100644 .prettierrc.json
 delete mode 100644 .vscode/settings.json
 create mode 100644 prettier.config.mjs

diff --git a/.prettierrc.json b/.prettierrc.json
deleted file mode 100644
index 1ac19d3d..00000000
--- a/.prettierrc.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-  "$schema": "https://json.schemastore.org/prettierrc",
-  "semi": true,
-  "singleQuote": false,
-  "plugins": [
-    "prettier-plugin-tailwindcss"
-  ],
-  "printWidth": 100
-}
\ No newline at end of file
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
index aecab6cc..a7cea0b0 100644
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -1,6 +1,3 @@
 {
-  "recommendations": [
-    "Vue.volar",
-    "esbenp.prettier-vscode"
-  ]
+  "recommendations": ["Vue.volar"]
 }
diff --git a/.vscode/settings.json b/.vscode/settings.json
deleted file mode 100644
index b107c653..00000000
--- a/.vscode/settings.json
+++ /dev/null
@@ -1,11 +0,0 @@
-{
-  "explorer.fileNesting.enabled": true,
-  "explorer.fileNesting.patterns": {
-    "tsconfig.json": "tsconfig.*.json, env.d.ts, typed-router.d.ts",
-    "vite.config.*": "jsconfig*, vitest.config.*, cypress.config.*, playwright.config.*",
-    "package.json": "package-lock.json, pnpm*, .yarnrc*, yarn*, .eslint*, eslint*, .oxlint*, oxlint*, .oxfmt*, .prettier*, prettier*, .editorconfig"
-  },
-  "editor.formatOnSave": true,
-  "editor.defaultFormatter": "esbenp.prettier-vscode",
-  "i18n-ally.localesPaths": ["src/locales"]
-}
diff --git a/package.json b/package.json
index a6c58974..20f3290f 100644
--- a/package.json
+++ b/package.json
@@ -10,7 +10,7 @@
     "preview": "vite preview",
     "build-only": "vite build",
     "type-check": "vue-tsc --build",
-    "format": "prettier --write src/",
+    "format": "prettier --write .",
     "test": "node --test --experimental-strip-types tests/*.test.ts",
     "prepare": "husky",
     "generate:typed-router": "vite build --config scripts/typed-router.d.ts/config.ts"
diff --git a/prettier.config.mjs b/prettier.config.mjs
new file mode 100644
index 00000000..c3661943
--- /dev/null
+++ b/prettier.config.mjs
@@ -0,0 +1,6 @@
+/** @type {import("prettier").Config & import("prettier-plugin-tailwindcss").PluginOptions} */
+export default {
+  plugins: ["prettier-plugin-tailwindcss"],
+  tailwindStylesheet: "./src/style/app.css",
+  tailwindFunctions: ["cn", "clsx", "cva"],
+};

From fdf47d6cfc6370238bfe35e93ec17c639222d3ff Mon Sep 17 00:00:00 2001
From: landmineHQ <z1216198007@gmail.com>
Date: Tue, 26 May 2026 15:29:55 +0800
Subject: [PATCH 4/6] Restore: chrome: add format config for
 format(#dae045b24cae22078608491fc42ddec5c67869fb)

---
 .prettierrc.json                              |    9 +
 .vscode/extensions.json                       |    5 +-
 package.json                                  |   11 +-
 pnpm-lock.yaml                                |    3 -
 prettier.config.mjs                           |    6 -
 scripts/typed-router.d.ts/config.ts           |   13 -
 scripts/typed-router.d.ts/input.ts            |    1 -
 scripts/typed-router.d.ts/shared.ts           |   12 -
 src/App.vue                                   |   40 +-
 src/components/kv/KvNodeTable.vue             |   20 +-
 .../node-manage/NodeManageTabAgents.vue       |   26 -
 src/composables/useAgentInfo.ts               |   10 +-
 src/composables/useLifecycle.ts               |    6 +
 src/composables/useNodeMetadata.ts            |    4 +-
 src/main.ts                                   |    3 +-
 src/pages/[...404].vue                        |  162 ---
 src/pages/dashboard/app-panel/[id].vue        |    4 +-
 src/pages/dashboard/app/[extensionRoute].vue  |    4 +-
 src/pages/dashboard/cost.vue                  |    2 -
 .../dashboard/cron-history/[cronName].vue     |    4 +-
 src/pages/dashboard/node/[uuid].vue           |    9 +-
 .../dashboard/node/[uuid]/LatencyView.vue     |    4 +-
 .../node/[uuid]/[extensionRoute].vue          |    7 +-
 src/pages/dashboard/node/[uuid]/latency.vue   |    4 +-
 src/pages/dashboard/node/[uuid]/ping.vue      |    4 +-
 src/pages/dashboard/node/[uuid]/setting.vue   |    4 +-
 src/pages/dashboard/node/[uuid]/status.vue    |    4 +-
 src/pages/dashboard/node/[uuid]/traffic.vue   |    4 +-
 src/pages/dashboard/node/[uuid]/webshell.vue  |    4 +-
 .../servers-detail/[backendName].vue          |    4 +-
 src/pages/index.deprecated.vue                |    2 +-
 src/pages/index.vue                           |   42 +-
 .../[uuid].vue => server-detail.vue}          |   12 +-
 src/router/index.ts                           |    5 +-
 src/router/prefetchPlugin.ts                  | 1040 +++++++----------
 vite.config.ts                                |   12 +-
 36 files changed, 595 insertions(+), 911 deletions(-)
 create mode 100644 .prettierrc.json
 delete mode 100644 prettier.config.mjs
 delete mode 100644 scripts/typed-router.d.ts/config.ts
 delete mode 100644 scripts/typed-router.d.ts/input.ts
 delete mode 100644 scripts/typed-router.d.ts/shared.ts
 delete mode 100644 src/pages/[...404].vue
 rename src/pages/{server-detail/[uuid].vue => server-detail.vue} (99%)

diff --git a/.prettierrc.json b/.prettierrc.json
new file mode 100644
index 00000000..1ac19d3d
--- /dev/null
+++ b/.prettierrc.json
@@ -0,0 +1,9 @@
+{
+  "$schema": "https://json.schemastore.org/prettierrc",
+  "semi": true,
+  "singleQuote": false,
+  "plugins": [
+    "prettier-plugin-tailwindcss"
+  ],
+  "printWidth": 100
+}
\ No newline at end of file
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
index a7cea0b0..aecab6cc 100644
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -1,3 +1,6 @@
 {
-  "recommendations": ["Vue.volar"]
+  "recommendations": [
+    "Vue.volar",
+    "esbenp.prettier-vscode"
+  ]
 }
diff --git a/package.json b/package.json
index 20f3290f..7d90a18d 100644
--- a/package.json
+++ b/package.json
@@ -5,15 +5,13 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
-    "build": "run-s generate:typed-router \"build:app {@}\" --",
-    "build:app": "run-p type-check \"build-only {@}\" --",
+    "build": "run-p type-check \"build-only {@}\" --",
     "preview": "vite preview",
     "build-only": "vite build",
     "type-check": "vue-tsc --build",
-    "format": "prettier --write .",
+    "format": "prettier --write src/",
     "test": "node --test --experimental-strip-types tests/*.test.ts",
-    "prepare": "husky",
-    "generate:typed-router": "vite build --config scripts/typed-router.d.ts/config.ts"
+    "prepare": "husky"
   },
   "dependencies": {
     "@codemirror/lang-javascript": "^6.2.5",
@@ -25,7 +23,6 @@
     "@tailwindcss/typography": "^0.5.19",
     "@tailwindcss/vite": "^4.1.18",
     "@tanstack/vue-table": "^8.21.3",
-    "@vue/devtools-api": "6.6.4",
     "@types/qrcode": "^1.5.6",
     "@vueuse/core": "^14.2.0",
     "@xterm/addon-fit": "^0.11.0",
@@ -94,4 +91,4 @@
       "prettier --write"
     ]
   }
-}
\ No newline at end of file
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 24d25e33..020f9e06 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -35,9 +35,6 @@ importers:
       '@tanstack/vue-table':
         specifier: ^8.21.3
         version: 8.21.3(vue@3.5.27(typescript@5.9.3))
-      '@vue/devtools-api':
-        specifier: 6.6.4
-        version: 6.6.4
       '@types/qrcode':
         specifier: ^1.5.6
         version: 1.5.6
diff --git a/prettier.config.mjs b/prettier.config.mjs
deleted file mode 100644
index c3661943..00000000
--- a/prettier.config.mjs
+++ /dev/null
@@ -1,6 +0,0 @@
-/** @type {import("prettier").Config & import("prettier-plugin-tailwindcss").PluginOptions} */
-export default {
-  plugins: ["prettier-plugin-tailwindcss"],
-  tailwindStylesheet: "./src/style/app.css",
-  tailwindFunctions: ["cn", "clsx", "cva"],
-};
diff --git a/scripts/typed-router.d.ts/config.ts b/scripts/typed-router.d.ts/config.ts
deleted file mode 100644
index 080b8191..00000000
--- a/scripts/typed-router.d.ts/config.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { defineConfig } from "vite";
-import { unpluginVueRouterInstance } from "./shared";
-
-export default defineConfig({
-  plugins: [unpluginVueRouterInstance],
-
-  build: {
-    write: false,
-    rollupOptions: {
-      input: "scripts/typed-router.d.ts/input.ts",
-    },
-  },
-});
diff --git a/scripts/typed-router.d.ts/input.ts b/scripts/typed-router.d.ts/input.ts
deleted file mode 100644
index ff8b4c56..00000000
--- a/scripts/typed-router.d.ts/input.ts
+++ /dev/null
@@ -1 +0,0 @@
-export default {};
diff --git a/scripts/typed-router.d.ts/shared.ts b/scripts/typed-router.d.ts/shared.ts
deleted file mode 100644
index 29a27caf..00000000
--- a/scripts/typed-router.d.ts/shared.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import unpluginVueRouter from "unplugin-vue-router/vite";
-
-/** 自动路由插件实例 */
-export const unpluginVueRouterInstance = unpluginVueRouter({
-  routesFolder: [
-    {
-      src: "./src/pages",
-      exclude: ["**/__*.vue"],
-    },
-  ],
-  dts: "./src/types/typed-router.d.ts",
-});
diff --git a/src/App.vue b/src/App.vue
index f0a7dc70..6503c29f 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -6,8 +6,13 @@ import FlickeringGrid from "@/components/ui/flickering-grid/FlickeringGrid.vue";
 import { ref, provide, onMounted, watch } from "vue";
 import { useBackendStore } from "@/composables/useBackendStore";
 import { usePermissionStore } from "@/stores/permission";
-import "@/utils/detectUpdate";
+import { getWsConnection } from "@/composables/useWsConnection";
+import { useRouter, useRoute } from "vue-router";
 import RpcDebugPanelDialog from "@/components/rpc-debug-panel/RpcDebugPanelDialog.vue";
+import "@/utils/detectUpdate";
+
+const router = useRouter();
+const route = useRoute();
 
 const background = ref<"default" | "flickering">("default");
 
@@ -19,7 +24,7 @@ const setBackground = (val: "default" | "flickering") => {
 provide("background", background);
 provide("setBackground", setBackground);
 
-const { currentBackend } = useBackendStore();
+const { backends, currentBackend } = useBackendStore();
 const permissionStore = usePermissionStore();
 
 onMounted(() => {
@@ -32,6 +37,37 @@ onMounted(() => {
   }
 });
 
+async function ensureBackend() {
+  // Check if we need to force open backend switcher
+  await router.isReady();
+
+  if (backends.value.length === 0) {
+    if (route.name !== "/dashboard/node-manage" || !route.query.fill)
+      router.push({
+        name: "/dashboard/node-manage",
+        query: {
+          fill: "empty",
+          tab: "servers",
+        },
+      });
+  } else if (!route.fullPath.startsWith("/dashboard/")) {
+    // force pathname starts with /dashboard/
+    router.replace({
+      name: "/dashboard/overview",
+    });
+  }
+}
+
+watch(
+  () => route.fullPath,
+  () => {
+    ensureBackend();
+  },
+  {
+    immediate: true,
+  },
+);
+
 watch(
   currentBackend,
   async (backend) => {
diff --git a/src/components/kv/KvNodeTable.vue b/src/components/kv/KvNodeTable.vue
index 78e83afe..8ca4833c 100644
--- a/src/components/kv/KvNodeTable.vue
+++ b/src/components/kv/KvNodeTable.vue
@@ -56,10 +56,23 @@ async function loadNodes() {
       namespace: uuid,
       key: "metadata_*",
     }));
-    let results: { namespace: string; key: string; value: unknown }[] =
-      await kv.getMultiValue(namespaceKeys);
+    let results: { namespace: string; key: string; value: unknown }[] = [];
+
+    for (let attempt = 0; attempt <= uuids.length; attempt++) {
+      try {
+        results = await kv.getMultiValue(namespaceKeys);
+        break;
+      } catch (e: unknown) {
+        const msg = e instanceof Error ? e.message : String(e);
+        const match = msg.match(/Namespace '([^']+)' not found/);
+        if (match && attempt < uuids.length) {
+          await kv.createNamespace(match[1]!);
+          continue;
+        }
+        throw e;
+      }
+    }
 
-    /*
     // Step 3: detect empty UUIDs and initialize default metadata values
     const namespacesWithData = new Set(results.map((r) => r.namespace));
     const emptyUuids = uuids.filter((uuid) => !namespacesWithData.has(uuid));
@@ -75,7 +88,6 @@ async function loadNodes() {
       );
       results = [...results, ...newResults];
     }
-    */
 
     // Step 5: group by namespace
     const grouped = new Map<string, { key: string; value: unknown }[]>();
diff --git a/src/components/node-manage/NodeManageTabAgents.vue b/src/components/node-manage/NodeManageTabAgents.vue
index 8e97fbcc..949dbcfe 100644
--- a/src/components/node-manage/NodeManageTabAgents.vue
+++ b/src/components/node-manage/NodeManageTabAgents.vue
@@ -51,7 +51,6 @@ import ShowAgentCommandDialog from "@/components/agents/ShowAgentCommandDialog.v
 import { useAgentInfo } from "@/composables/useAgentInfo";
 import VersionDialog from "@/components/node-manage/VersionDialog.vue";
 import { PopConfirm } from "@/components/ui/pop-confirm";
-import { useLifecycle } from "@/composables/useLifecycle";
 
 import { compareVersions } from "compare-versions";
 import { useTask } from "@/composables/useTask";
@@ -65,7 +64,6 @@ const currentAgentInfo = useAgentInfo(undefined, {
   withIP: true,
   withVersion: true,
 });
-const { afterAgentCreate } = useLifecycle();
 
 const { createSelfUpdateTask } = useTask();
 
@@ -301,19 +299,6 @@ async function confirmVersion(version: string) {
   toast.success("agent升级完成");
 }
 
-async function reinitAgent(uuid: string) {
-  await afterAgentCreate(
-    uuid,
-    {
-      cronList: [],
-      metadata: {},
-      databaseLimit: {},
-    },
-    currentBackend,
-  );
-  await refresh();
-}
-
 function fetchVersion() {
   const repo = import.meta.env.VITE_RELEASE_REPO;
   return fetch(`https://api.github.com/repos/${repo}/releases`)
@@ -534,17 +519,6 @@ refresh();
               >
                 <CloudDownload class="h-4 w-4" />
               </Button>
-              <PopConfirm
-                title="重新初始化agent？"
-                description="是否重新初始化agent，这会初始化agent的名称，经纬度，费用等等信息"
-                :confirm-text="t('dashboard.servers.refreshConfirm')"
-                :cancel-text="t('dashboard.servers.deleteCancel')"
-                @confirm="reinitAgent(agent.uuid)"
-              >
-                <Button size="icon" variant="ghost" class="h-8 w-8" title="重新初始化">
-                  <RefreshCw class="h-4 w-4" />
-                </Button>
-              </PopConfirm>
               <PopConfirm
                 title="重新连接agent？(危险操作)"
                 description="会关闭已授权此agent的token，并生成新的连接命令和token，已连接的agent（如果存在）会被强制断开连接，直至使用新的连接命令重新连接，适用于重装系统后恢复连接"
diff --git a/src/composables/useAgentInfo.ts b/src/composables/useAgentInfo.ts
index 29e17279..10d4b4b0 100644
--- a/src/composables/useAgentInfo.ts
+++ b/src/composables/useAgentInfo.ts
@@ -152,7 +152,15 @@ export function useAgentInfo(
     if (!backend.value) {
       return;
     }
-    await kv.createNamespace(agentUUID);
+    await afterAgentCreate(
+      agentUUID,
+      {
+        cronList: [],
+        metadata: {},
+        databaseLimit: {},
+      },
+      backend,
+    );
   };
 
   const fetchAgentIp = async (agent: AgentInfo) => {
diff --git a/src/composables/useLifecycle.ts b/src/composables/useLifecycle.ts
index 90e9c720..ad780d77 100644
--- a/src/composables/useLifecycle.ts
+++ b/src/composables/useLifecycle.ts
@@ -131,6 +131,12 @@ async function afterAgentCreate(
       ...makeDefaultMetadata(agentUUID),
       ...option.metadata,
     });
+    // for (const [key, value] of Object.entries({
+    // })) {
+    //   if (value !== undefined && value !== null) {
+    //     await kvClient.setValue(key, value);
+    //   }
+    // }
 
     // Update cron tasks to include this agent
     const cronClient = useCron(backend);
diff --git a/src/composables/useNodeMetadata.ts b/src/composables/useNodeMetadata.ts
index c340292d..0a0766a1 100644
--- a/src/composables/useNodeMetadata.ts
+++ b/src/composables/useNodeMetadata.ts
@@ -1,10 +1,8 @@
 import type { NodeMetadata } from "@/types/agent";
 import type { useKv } from "@/composables/useKv";
-import { shorterUUID } from "@/utils/format";
 
 export function makeDefaultMetadata(uuid: string) {
-  const defaultName = "节点" + shorterUUID(uuid);
-
+  const defaultName = "节点" + uuid.slice(-6);
   return {
     metadata_name: defaultName,
     metadata_tags: [],
diff --git a/src/main.ts b/src/main.ts
index 9fd3ee5c..1e8c29e6 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -5,6 +5,7 @@ import { createPersistedState } from "pinia-plugin-persistedstate";
 import { createI18n } from "vue-i18n";
 import App from "./App.vue";
 import router from "./router";
+import routePrefetchPlugin from "./router/prefetchPlugin";
 import "./style/app.css";
 import en from "./locales/en";
 import zh_cn from "./locales/zh_cn";
@@ -31,7 +32,7 @@ pinia.use(createPersistedState());
 installRpcDebugPanel(pinia);
 
 app.use(pinia);
-app.use(router);
+app.use(routePrefetchPlugin(router));
 app.use(i18n);
 
 app.mount("#app");
diff --git a/src/pages/[...404].vue b/src/pages/[...404].vue
deleted file mode 100644
index 7ce66aa5..00000000
--- a/src/pages/[...404].vue
+++ /dev/null
@@ -1,162 +0,0 @@
-<script setup lang="ts">
-import { computed } from "vue";
-import { RouterLink, useRoute, useRouter } from "vue-router";
-import { ArrowLeftIcon, HomeIcon, ShieldQuestionIcon } from "lucide-vue-next";
-
-import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
-import { Separator } from "@/components/ui/separator";
-
-const route = useRoute();
-const router = useRouter();
-
-function goBack() {
-  if (window.history.length > 1) {
-    router.back();
-    return;
-  }
-
-  router.push("/");
-}
-
-function formatValue(value: unknown) {
-  if (value === null || value === undefined || value === "") {
-    return "—";
-  }
-
-  if (typeof value === "string") {
-    return value;
-  }
-
-  return JSON.stringify(value, null, 2);
-}
-
-const matchedRoutes = computed(() => {
-  return route.matched.map((record) => ({
-    name: record.name ?? null,
-    path: record.path,
-    meta: record.meta,
-  }));
-});
-
-const routeDetails = computed(() => [
-  {
-    label: "fullPath",
-    value: formatValue(route.fullPath),
-  },
-  {
-    label: "path",
-    value: formatValue(route.path),
-  },
-  {
-    label: "name",
-    value: formatValue(route.name),
-  },
-  {
-    label: "params",
-    value: formatValue(route.params),
-  },
-  {
-    label: "query",
-    value: formatValue(route.query),
-  },
-  {
-    label: "hash",
-    value: formatValue(route.hash),
-  },
-  {
-    label: "meta",
-    value: formatValue(route.meta),
-  },
-  {
-    label: "matched",
-    value: formatValue(matchedRoutes.value),
-  },
-  {
-    label: "redirectedFrom",
-    value: formatValue(
-      route.redirectedFrom
-        ? {
-            fullPath: route.redirectedFrom.fullPath,
-            path: route.redirectedFrom.path,
-            params: route.redirectedFrom.params,
-            query: route.redirectedFrom.query,
-            hash: route.redirectedFrom.hash,
-          }
-        : null,
-    ),
-  },
-]);
-</script>
-
-<template>
-  <main class="bg-background text-foreground grid min-h-dvh place-items-center p-4">
-    <Card class="border-border/70 w-full max-w-xl overflow-hidden shadow-sm">
-      <CardHeader class="space-y-3 p-5 pb-3">
-        <div class="flex items-center justify-between gap-3">
-          <Badge variant="secondary" class="rounded-full px-2.5 py-1 text-[11px]">
-            404 Not Found
-          </Badge>
-
-          <div class="bg-muted/40 grid size-8 place-items-center rounded-full border">
-            <ShieldQuestionIcon class="text-muted-foreground size-4" />
-          </div>
-        </div>
-
-        <div class="space-y-1">
-          <CardTitle class="text-2xl font-semibold tracking-tight"> 页面走丢了 </CardTitle>
-
-          <CardDescription class="text-sm leading-5">
-            你访问的页面不存在、已移动，或链接地址有误。
-          </CardDescription>
-        </div>
-      </CardHeader>
-
-      <CardContent class="space-y-4 p-5 pt-2">
-        <section class="bg-muted/30 rounded-lg border">
-          <div class="flex items-center justify-between gap-3 border-b px-3 py-2">
-            <p class="text-foreground text-xs font-medium">路由信息</p>
-
-            <Badge variant="outline" class="h-5 rounded-full px-2 text-[10px]"> debug </Badge>
-          </div>
-
-          <dl class="max-h-72 divide-y overflow-auto">
-            <div
-              v-for="item in routeDetails"
-              :key="item.label"
-              class="grid gap-1 px-3 py-2 sm:grid-cols-[112px_1fr] sm:gap-3"
-            >
-              <dt class="text-muted-foreground text-xs font-medium">
-                {{ item.label }}
-              </dt>
-
-              <dd>
-                <pre
-                  class="text-foreground font-mono text-xs leading-5 break-all whitespace-pre-wrap"
-                  >{{ item.value }}</pre
-                >
-              </dd>
-            </div>
-          </dl>
-        </section>
-
-        <Separator />
-
-        <div class="grid gap-2 sm:grid-cols-2">
-          <Button as-child size="sm" class="h-8">
-            <RouterLink to="/">
-              <HomeIcon class="size-4" />
-              回到首页
-            </RouterLink>
-          </Button>
-
-          <Button variant="outline" size="sm" class="h-8" @click="goBack">
-            <ArrowLeftIcon class="size-4" />
-            返回上一页
-          </Button>
-        </div>
-      </CardContent>
-    </Card>
-  </main>
-</template>
diff --git a/src/pages/dashboard/app-panel/[id].vue b/src/pages/dashboard/app-panel/[id].vue
index 618bac55..12c12b95 100644
--- a/src/pages/dashboard/app-panel/[id].vue
+++ b/src/pages/dashboard/app-panel/[id].vue
@@ -9,9 +9,9 @@ import type { Extension } from "@/composables/useExtensions";
 
 definePage({ meta: { title: "", hidden: true } });
 
-const route = useRoute("/dashboard/app-panel/[id]");
+const route = useRoute();
 const router = useRouter();
-const extensionId = computed(() => route.params.id);
+const extensionId = computed(() => (route.params as Record<string, string>).id);
 
 const { extensions, loading, fetchExtensions } = useExtensions();
 
diff --git a/src/pages/dashboard/app/[extensionRoute].vue b/src/pages/dashboard/app/[extensionRoute].vue
index 05265c7f..8a24fb38 100644
--- a/src/pages/dashboard/app/[extensionRoute].vue
+++ b/src/pages/dashboard/app/[extensionRoute].vue
@@ -9,8 +9,8 @@ definePage({
   meta: { title: "", hidden: true },
 });
 
-const route = useRoute("/dashboard/app/[extensionRoute]");
-const routeName = computed(() => route.params.extensionRoute);
+const route = useRoute();
+const routeName = computed(() => (route.params as Record<string, string>).extensionRoute ?? "");
 
 const { extensions, fetchExtensions, getIframeUrl } = useExtensions();
 
diff --git a/src/pages/dashboard/cost.vue b/src/pages/dashboard/cost.vue
index 7146db5d..090b0ac9 100644
--- a/src/pages/dashboard/cost.vue
+++ b/src/pages/dashboard/cost.vue
@@ -153,7 +153,6 @@ async function loadNodes() {
     }
   }
 
-  /*
   const namespacesWithData = new Set(results.map((row) => row.namespace));
   const emptyUuids = uuids.filter((uuid) => !namespacesWithData.has(uuid));
   for (const emptyUuid of emptyUuids) {
@@ -165,7 +164,6 @@ async function loadNodes() {
     );
     results = [...results, ...newResults];
   }
-  */
 
   const grouped = new Map<string, { key: string; value: unknown }[]>();
   for (const row of results) {
diff --git a/src/pages/dashboard/cron-history/[cronName].vue b/src/pages/dashboard/cron-history/[cronName].vue
index e5243ed0..9f08de25 100644
--- a/src/pages/dashboard/cron-history/[cronName].vue
+++ b/src/pages/dashboard/cron-history/[cronName].vue
@@ -18,12 +18,12 @@ definePage({
   },
 });
 
-const route = useRoute("/dashboard/cron-history/[cronName]");
+const route = useRoute();
 const router = useRouter();
 const { t } = useI18n();
 const { query } = useCronHistory();
 
-const cronName = computed(() => route.params.cronName);
+const cronName = computed(() => (route.params as { cronName: string }).cronName);
 const taskType = computed(() => {
   const value = route.query.taskType;
   return value === "server" ? "server" : "agent";
diff --git a/src/pages/dashboard/node/[uuid].vue b/src/pages/dashboard/node/[uuid].vue
index e51f3f34..6ad6a4c9 100644
--- a/src/pages/dashboard/node/[uuid].vue
+++ b/src/pages/dashboard/node/[uuid].vue
@@ -5,19 +5,16 @@ import { onMounted, computed } from "vue";
 import { useRoute } from "vue-router";
 
 definePage({
-  redirect: (to) => {
-    const uuid = "uuid" in to.params ? to.params.uuid : "";
-    return `/dashboard/node/${uuid}/status`;
-  },
+  redirect: (to) => `/dashboard/node/${(to.params as { uuid: string }).uuid}/status`,
   meta: {
     title: "router.node.detail",
     hidden: true,
   },
 });
 
-const route = useRoute("/dashboard/node/[uuid]");
+const route = useRoute();
 const currentAgentUUID = computed(() => {
-  return route.params.uuid;
+  return (route.params as { uuid: string })?.uuid;
 });
 
 // const { connect: connectDynamic } = useAgentStatus();
diff --git a/src/pages/dashboard/node/[uuid]/LatencyView.vue b/src/pages/dashboard/node/[uuid]/LatencyView.vue
index f080d96c..0279e481 100644
--- a/src/pages/dashboard/node/[uuid]/LatencyView.vue
+++ b/src/pages/dashboard/node/[uuid]/LatencyView.vue
@@ -60,8 +60,8 @@ function computeStats(data: TaskQueryResult[], type: "ping" | "tcp_ping"): Serie
     });
 }
 
-const route = useRoute("/dashboard/node/[uuid]/LatencyView");
-const uuid = computed(() => route.params.uuid);
+const route = useRoute();
+const uuid = computed(() => (route.params as Record<string, string>).uuid ?? "");
 
 const { currentBackend } = useBackendStore();
 const { queryTask } = useCronHistory();
diff --git a/src/pages/dashboard/node/[uuid]/[extensionRoute].vue b/src/pages/dashboard/node/[uuid]/[extensionRoute].vue
index 06a6fe2c..616fd16c 100644
--- a/src/pages/dashboard/node/[uuid]/[extensionRoute].vue
+++ b/src/pages/dashboard/node/[uuid]/[extensionRoute].vue
@@ -9,9 +9,10 @@ definePage({
   meta: { title: "", hidden: true },
 });
 
-const route = useRoute("/dashboard/node/[uuid]/[extensionRoute]");
-const routeName = computed(() => route.params.extensionRoute);
-const nodeUuid = computed(() => route.params.uuid);
+const route = useRoute();
+const params = computed(() => route.params as Record<string, string>);
+const routeName = computed(() => params.value.extensionRoute ?? "");
+const nodeUuid = computed(() => params.value.uuid ?? "");
 
 const { extensions, fetchExtensions, getIframeUrl } = useExtensions();
 
diff --git a/src/pages/dashboard/node/[uuid]/latency.vue b/src/pages/dashboard/node/[uuid]/latency.vue
index 19e1007e..29029034 100644
--- a/src/pages/dashboard/node/[uuid]/latency.vue
+++ b/src/pages/dashboard/node/[uuid]/latency.vue
@@ -23,9 +23,9 @@ definePage({
   },
 });
 
-const route = useRoute("/dashboard/node/[uuid]/latency");
+const route = useRoute();
 const cron = useCron();
-const uuid = computed(() => route.params.uuid);
+const uuid = computed(() => (route.params as { uuid: string }).uuid);
 
 const { currentBackend } = useBackendStore();
 const { queryTask } = useCronHistory();
diff --git a/src/pages/dashboard/node/[uuid]/ping.vue b/src/pages/dashboard/node/[uuid]/ping.vue
index c98881fc..2027827d 100644
--- a/src/pages/dashboard/node/[uuid]/ping.vue
+++ b/src/pages/dashboard/node/[uuid]/ping.vue
@@ -8,8 +8,8 @@ definePage({
   },
 });
 
-const route = useRoute("/dashboard/node/[uuid]/ping");
-const uuid = route.params.uuid;
+const route = useRoute();
+const uuid = (route.params as { uuid: string }).uuid;
 </script>
 
 <template>
diff --git a/src/pages/dashboard/node/[uuid]/setting.vue b/src/pages/dashboard/node/[uuid]/setting.vue
index 157ace93..10b31f74 100644
--- a/src/pages/dashboard/node/[uuid]/setting.vue
+++ b/src/pages/dashboard/node/[uuid]/setting.vue
@@ -14,8 +14,8 @@ definePage({
   },
 });
 
-const route = useRoute("/dashboard/node/[uuid]/setting");
-const uuid = route.params.uuid;
+const route = useRoute();
+const uuid = (route.params as { uuid: string }).uuid;
 const activeTab = ref("basic");
 </script>
 
diff --git a/src/pages/dashboard/node/[uuid]/status.vue b/src/pages/dashboard/node/[uuid]/status.vue
index 98e85fa1..167d8d00 100644
--- a/src/pages/dashboard/node/[uuid]/status.vue
+++ b/src/pages/dashboard/node/[uuid]/status.vue
@@ -16,8 +16,8 @@ definePage({
   },
 });
 
-const route = useRoute("/dashboard/node/[uuid]/status");
-const uuid = computed(() => route.params.uuid);
+const route = useRoute();
+const uuid = computed(() => (route.params as { uuid: string }).uuid);
 
 const {
   server,
diff --git a/src/pages/dashboard/node/[uuid]/traffic.vue b/src/pages/dashboard/node/[uuid]/traffic.vue
index d3e878c5..60d30e0f 100644
--- a/src/pages/dashboard/node/[uuid]/traffic.vue
+++ b/src/pages/dashboard/node/[uuid]/traffic.vue
@@ -11,8 +11,8 @@ import TrafficBarChart, { type TrafficBucket } from "@/components/node/traffic/T
 
 definePage({ meta: { title: "router.node.traffic" } });
 
-const route = useRoute("/dashboard/node/[uuid]/traffic");
-const uuid = computed(() => route.params.uuid);
+const route = useRoute();
+const uuid = computed(() => (route.params as { uuid: string }).uuid);
 const { currentBackend } = useBackendStore();
 
 type SummaryPoint = {
diff --git a/src/pages/dashboard/node/[uuid]/webshell.vue b/src/pages/dashboard/node/[uuid]/webshell.vue
index 53741dce..33ae3652 100644
--- a/src/pages/dashboard/node/[uuid]/webshell.vue
+++ b/src/pages/dashboard/node/[uuid]/webshell.vue
@@ -11,8 +11,8 @@ definePage({
   },
 });
 
-const route = useRoute("/dashboard/node/[uuid]/webshell");
-const uuid = route.params.uuid;
+const route = useRoute();
+const uuid = (route.params as { uuid: string }).uuid;
 
 const { currentBackend } = useBackendStore();
 
diff --git a/src/pages/dashboard/servers-detail/[backendName].vue b/src/pages/dashboard/servers-detail/[backendName].vue
index fdbec309..b56bd45e 100644
--- a/src/pages/dashboard/servers-detail/[backendName].vue
+++ b/src/pages/dashboard/servers-detail/[backendName].vue
@@ -24,14 +24,14 @@ definePage({
 });
 
 const { t } = useI18n();
-const route = useRoute("/dashboard/servers-detail/[backendName]");
+const route = useRoute();
 const router = useRouter();
 const { backends, currentBackend } = useBackendStore();
 const { serverInfo, saveAgentConfigWsUrl, refreshAll, serverInfoLoading } = useBackendExtra();
 const themeStore = useThemeStore();
 
 const backend = computed(() => {
-  const backendName = route.params.backendName;
+  const backendName = (route.params as { backendName: string }).backendName;
   // const sep = raw.indexOf(":::");
   // if (sep === -1) {
   //   const token = decodeURIComponent(raw);
diff --git a/src/pages/index.deprecated.vue b/src/pages/index.deprecated.vue
index df771c66..29ab662e 100644
--- a/src/pages/index.deprecated.vue
+++ b/src/pages/index.deprecated.vue
@@ -71,7 +71,7 @@ onUnmounted(() => stop());
         <router-link
           v-for="server in sortedServers"
           :key="server.uuid"
-          :to="{ name: '/server-detail/[uuid]', params: { uuid: server.uuid } }"
+          :to="{ name: '/server-detail', params: { uuid: server.uuid } }"
           class="block h-full"
         >
           <Card class="h-full cursor-pointer transition-shadow hover:shadow-md">
diff --git a/src/pages/index.vue b/src/pages/index.vue
index 2187bf91..709e43c6 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -1,34 +1,22 @@
 <script setup lang="ts">
-import { onMounted } from "vue";
-import { useRouter } from "vue-router";
-import Loader from "@/components/misc/loader.vue";
-import loader2 from "@/components/misc/loader2.vue";
-import { useBackendStore } from "@/composables/useBackendStore";
-import Loader2 from "@/components/misc/loader2.vue";
-
-const router = useRouter();
-const { backends } = useBackendStore();
-
-onMounted(async () => {
-  await router.isReady();
+// deprecated
 
-  if (backends.value.length === 0) {
-    await router.replace({
-      name: "/dashboard/node-manage",
-      query: {
-        fill: "empty",
-        tab: "servers",
-      },
-    });
-    return;
-  }
-
-  await router.replace({ name: "/dashboard/overview" });
-});
+import HeaderView from "@/components/HeaderView.vue";
+import FooterView from "@/components/FooterView.vue";
+import Loader from "@/components/misc/loader.vue";
 </script>
 
 <template>
-  <div class="flex h-screen items-center justify-center">
-    <Loader />
+  <div class="flex min-h-screen flex-col">
+    <div class="container mx-auto flex flex-1 flex-col space-y-6 p-6">
+      <HeaderView status="connecting" />
+
+      <TransitionGroup tag="div" name="list" class="flex flex-1">
+        <div class="flex w-full flex-col items-center justify-center gap-4">
+          <Loader></Loader>
+        </div>
+      </TransitionGroup>
+      <FooterView />
+    </div>
   </div>
 </template>
diff --git a/src/pages/server-detail/[uuid].vue b/src/pages/server-detail.vue
similarity index 99%
rename from src/pages/server-detail/[uuid].vue
rename to src/pages/server-detail.vue
index 4897df1d..8b3cb64e 100644
--- a/src/pages/server-detail/[uuid].vue
+++ b/src/pages/server-detail.vue
@@ -41,11 +41,15 @@ import {
 } from "lucide-vue-next";
 import type { DynamicDetailData, DynamicDisk, DynamicNetworkInterface } from "@/types/monitoring";
 
+definePage({
+  path: "/s/:uuid",
+});
+
 const { t } = useI18n();
 
-const route = useRoute("/server-detail/[uuid]");
+const route = useRoute();
 const router = useRouter();
-const uuid = route.params.uuid;
+const uuid = (route.params as { uuid: string }).uuid;
 
 const isSidebarOpen = ref(false);
 
@@ -346,7 +350,7 @@ onUnmounted(() => {
                   'flex w-full items-center gap-3 rounded-lg border p-3 text-left transition-all',
                   activeTab === tab.id
                     ? 'shadow-sm'
-                    : 'text-muted-foreground hover:bg-muted/50 hover:text-foreground border-transparent',
+                    : 'hover:bg-muted/50 text-muted-foreground hover:text-foreground border-transparent',
                 ]"
               >
                 <div
@@ -470,7 +474,7 @@ onUnmounted(() => {
                   </CardHeader>
                   <CardContent>
                     <div
-                      class="group bg-muted/10 relative flex h-[200px] w-full items-end overflow-hidden rounded-md border p-0"
+                      class="bg-muted/10 group relative flex h-[200px] w-full items-end overflow-hidden rounded-md border p-0"
                     >
                       <!-- Axis Guide -->
                       <div
diff --git a/src/router/index.ts b/src/router/index.ts
index 41506a46..3983d82e 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,10 +1,9 @@
 import { createRouter, createWebHashHistory } from "vue-router";
 import { routes } from "vue-router/auto-routes";
-import { preparePrefetchableRoutes, setupRoutePrefetchRouter } from "./prefetchPlugin";
 
 const router = createRouter({
   history: createWebHashHistory(),
-  routes: preparePrefetchableRoutes(routes),
+  routes,
 });
 
-export default setupRoutePrefetchRouter(router);
+export default router;
diff --git a/src/router/prefetchPlugin.ts b/src/router/prefetchPlugin.ts
index ad87c2e8..428b6eb3 100644
--- a/src/router/prefetchPlugin.ts
+++ b/src/router/prefetchPlugin.ts
@@ -1,10 +1,4 @@
-import type { App } from "vue";
-import {
-  setupDevtoolsPlugin,
-  type DevtoolsPluginApi,
-  type PluginDescriptor,
-  type TimelineEvent,
-} from "@vue/devtools-api";
+import type { App, Plugin } from "vue";
 import type { RouteComponent, RouteRecordRaw, Router } from "vue-router";
 
 /** `() => import(...)` 形式生成的懒加载组件加载器。 */
@@ -32,18 +26,9 @@ type PrefetchMeta = {
 
 /** 内部维护的可预加载路由组件条目。 */
 type LoaderEntry = {
-  /** 包装后的 loader，暴露给 vue-router 与 preload 队列调用，失败可重试。 */
   loader: Loader;
-  /** 原始 `() => import(...)`，仅在 wrapper 内部触发实际加载。 */
-  original: Loader;
   path: string;
   priority: number;
-  /** 当前正在进行的加载 promise，用于去重并发请求。 */
-  inFlight?: Promise<unknown>;
-  /** 加载失败累计次数；成功会清零，prefetch 队列据此跳过/退避。 */
-  prefetchAttempts: number;
-  /** 时间戳：在此之前 prefetch 队列跳过本条目（指数退避用）。 */
-  prefetchRetryAt?: number;
 };
 
 /** 优先级计算结果，同时包含跳过原因说明。 */
@@ -64,13 +49,7 @@ type RouteInspectorEntry = {
 };
 
 /** 预加载事件在 Devtools 时间线中的日志等级。 */
-type DevtoolsLogType = NonNullable<TimelineEvent["logType"]>;
-type RoutePrefetchDevtoolsApi = DevtoolsPluginApi<Record<string, never>>;
-type RoutePrefetchDevtoolsSetup = (api: RoutePrefetchDevtoolsApi) => void;
-type RegisterRoutePrefetchDevtoolsPlugin = (
-  descriptor: PluginDescriptor,
-  setupFn: RoutePrefetchDevtoolsSetup,
-) => void;
+type DevtoolsLogType = "default" | "warning" | "error";
 
 /** Devtools 注册前后都会使用的时间线事件结构。 */
 type DevtoolsTimelineEvent = {
@@ -80,480 +59,398 @@ type DevtoolsTimelineEvent = {
   logType?: DevtoolsLogType;
 };
 
-class LoaderRegistry {
-  private entries = new Map<Loader, LoaderEntry>();
-  private loaded = new Set<Loader>();
-
-  get size() {
-    return this.entries.size;
-  }
-
-  get loadedSize() {
-    return this.loaded.size;
-  }
-
-  find(loader: Loader) {
-    return this.entries.get(loader);
-  }
-
-  add(entry: LoaderEntry) {
-    this.entries.set(entry.loader, entry);
-  }
-
-  markLoaded(entry: LoaderEntry) {
-    this.loaded.add(entry.loader);
-  }
-
-  markFailed(entry: LoaderEntry) {
-    this.loaded.delete(entry.loader);
-  }
-
-  isLoaded(entry: LoaderEntry) {
-    return this.loaded.has(entry.loader);
-  }
-
-  isInFlight(entry: LoaderEntry) {
-    return entry.inFlight !== undefined;
-  }
-
-  isExhausted(entry: LoaderEntry) {
-    return entry.prefetchAttempts >= PREFETCH_MAX_ATTEMPTS;
-  }
-
-  isBackoffActive(entry: LoaderEntry, now = Date.now()) {
-    return entry.prefetchRetryAt !== undefined && now < entry.prefetchRetryAt;
-  }
-
-  canPrefetch(entry: LoaderEntry, now = Date.now()) {
-    return (
-      !this.isLoaded(entry) &&
-      !this.isInFlight(entry) &&
-      !this.isExhausted(entry) &&
-      !this.isBackoffActive(entry, now)
-    );
-  }
-
-  pending(now = Date.now()) {
-    return [...this.entries.values()]
-      .filter((entry) => this.canPrefetch(entry, now))
-      .sort((a, b) => b.priority - a.priority || a.path.localeCompare(b.path));
-  }
-
-  statusForPath(path: string) {
-    const matchedLoaders = [...this.entries.values()].filter((entry) => entry.path === path);
-
-    if (!matchedLoaders.length) return "unknown";
-    if (matchedLoaders.every((entry) => this.isLoaded(entry))) {
-      return "loaded";
-    }
-    return "pending";
-  }
+/** Devtools Inspector 树节点的最小结构定义。 */
+type InspectorNode = {
+  id: string;
+  label: string;
+  children?: InspectorNode[];
+  tags?: Array<{
+    label: string;
+    textColor: number;
+    backgroundColor: number;
+    tooltip?: string;
+  }>;
+};
 
-  resetStaleFailures() {
-    let resetCount = 0;
-    for (const entry of this.entries.values()) {
-      if (this.isLoaded(entry)) continue;
-      if (this.isInFlight(entry)) continue;
-      if (entry.prefetchAttempts > 0 || entry.prefetchRetryAt) {
-        entry.prefetchAttempts = 0;
-        entry.prefetchRetryAt = undefined;
-        resetCount++;
-      }
-    }
-    return resetCount;
-  }
-}
+/** Vue Devtools Inspector 状态面板所需的最小结构定义。 */
+type InspectorState = Record<
+  string,
+  Array<{
+    key: string;
+    value: unknown;
+  }>
+>;
+
+/** 当前插件实际使用到的 Vue Devtools API 子集。 */
+type DevtoolsApi = {
+  addTimelineLayer(options: { id: string; label: string; color: number }): void;
+  addTimelineEvent(options: {
+    layerId: string;
+    event: {
+      time: number;
+      title: string;
+      subtitle?: string;
+      data: Record<string, unknown>;
+      logType?: DevtoolsLogType;
+    };
+  }): void;
+  addInspector(options: { id: string; label: string; icon?: string }): void;
+  sendInspectorTree(inspectorId: string): void;
+  sendInspectorState(inspectorId: string): void;
+  on: {
+    getInspectorTree(
+      handler: (payload: {
+        inspectorId: string;
+        filter: string;
+        rootNodes: InspectorNode[];
+      }) => void,
+    ): void;
+    getInspectorState(
+      handler: (payload: { inspectorId: string; nodeId: string; state: InspectorState }) => void,
+    ): void;
+  };
+  now?(): number;
+};
 
-const loaderRegistry = new LoaderRegistry();
+const loaders = new Map<Loader, LoaderEntry>();
+const loaded = new Set<Loader>();
+const pendingDevtoolsEvents: DevtoolsTimelineEvent[] = [];
 const routeEntries = new Map<string, RouteInspectorEntry>();
+const recentEvents: Array<
+  DevtoolsTimelineEvent & {
+    time: number;
+    path?: string;
+    priority?: number | null;
+  }
+> = [];
 
-const configuredRouters = new WeakSet<Router>();
 let debounceTimer: number | null = null;
 let isPreloading = false;
-let visibilityListenerAttached = false;
+let devtoolsApi: DevtoolsApi | null = null;
+let devtoolsLayerAdded = false;
+let devtoolsInspectorAdded = false;
 const installedRouters = new WeakSet<Router>();
 
+/** 在 Devtools 中注册插件时使用的稳定插件标识。 */
+const DEVTOOLS_PLUGIN_ID = "nodeget:router-prefetch";
+/** 预加载生命周期事件所在的时间线层标识。 */
+const DEVTOOLS_LAYER_ID = "nodeget:router-prefetch:timeline";
+/** 自定义路由预加载 Inspector 面板的标识。 */
+const DEVTOOLS_INSPECTOR_ID = "nodeget:router-prefetch:inspector";
+/** 自定义 Inspector 树中根摘要节点的标识。 */
+const DEVTOOLS_INSPECTOR_NODE_ID = "summary";
 /** `requestIdleCallback` 最长等待时间，超过后允许以超时形式执行预加载。 */
 const IDLE_CALLBACK_TIMEOUT = 1000;
-/** 单条目 prefetch 最大尝试次数；超过后等待 visibility/导航事件重置。 */
-const PREFETCH_MAX_ATTEMPTS = 3;
-/** prefetch 失败后的退避时长（毫秒），按尝试次数取索引。 */
-const PREFETCH_BACKOFF_MS = [5_000, 15_000, 30_000];
-
-class DevtoolsBridge {
-  /** 在 Devtools 中注册插件时使用的稳定插件标识。 */
-  private readonly pluginId = "nodeget:router-prefetch";
-  /** 预加载生命周期事件所在的时间线层标识。 */
-  private readonly layerId = "nodeget:router-prefetch:timeline";
-  /** 自定义路由预加载 Inspector 面板的标识。 */
-  private readonly inspectorId = "nodeget:router-prefetch:inspector";
-  private readonly summaryNodeId = "summary";
-  /** 在 devtools 接入前缓存的事件上限，避免生产环境无 devtools 时无界增长。 */
-  private readonly pendingEventsMax = 200;
-  /** Devtools 中各优先级分组对应的人类可读标签。 */
-  private readonly bucketLabels: Record<PriorityBucket, string> = {
-    high: "High",
-    normal: "Normal",
-    low: "Low",
-    skipped: "Skipped",
-  };
-  /** 各优先级分组在 Inspector 标签和分组展示中复用的颜色。 */
-  private readonly bucketColors: Record<PriorityBucket, number> = {
-    high: 0xef4444,
-    normal: 0x3b82f6,
-    low: 0xf59e0b,
-    skipped: 0x6b7280,
-  };
 
-  private api: RoutePrefetchDevtoolsApi | null = null;
-  private layerAdded = false;
-  private inspectorAdded = false;
-  private snapshotActive = false;
-  private routeGroupsSnapshot: Record<PriorityBucket, RouteInspectorEntry[]> | null = null;
-  private pendingEvents: DevtoolsTimelineEvent[] = [];
-  private recentEvents: Array<
-    DevtoolsTimelineEvent & {
-      time: number;
-      path?: string;
-      priority?: number | null;
-    }
-  > = [];
-
-  attach(app: App) {
-    if (typeof window === "undefined") return;
-
-    const pluginDescriptor: PluginDescriptor = {
-      id: this.pluginId,
-      label: "Route Prefetch",
-      packageName: "nodeget-board",
-      homepage: "https://github.com",
-      app,
-      enableEarlyProxy: false,
-    };
+/** Devtools 中各优先级分组对应的人类可读标签。 */
+const PRIORITY_BUCKET_LABELS: Record<PriorityBucket, string> = {
+  high: "High",
+  normal: "Normal",
+  low: "Low",
+  skipped: "Skipped",
+};
 
-    (setupDevtoolsPlugin as RegisterRoutePrefetchDevtoolsPlugin)(pluginDescriptor, (api) => {
-      this.api = api;
-      this.ensureLayer();
-      this.ensureInspector();
-      this.flushPendingEvents();
-      this.updateInspector();
-    });
-  }
+/** 各优先级分组在 Inspector 标签和分组展示中复用的颜色。 */
+const PRIORITY_BUCKET_COLORS: Record<PriorityBucket, number> = {
+  high: 0xef4444,
+  normal: 0x3b82f6,
+  low: 0xf59e0b,
+  skipped: 0x6b7280,
+};
 
-  log(message: string, data: Record<string, unknown> = {}) {
-    this.pushEvent({
-      title: message,
-      data,
-    });
-  }
+function isDebugEnabled() {
+  if (typeof window === "undefined") return false;
 
-  warn(message: string, data: Record<string, unknown> = {}) {
-    this.pushEvent({
-      title: message,
-      data,
-      logType: "warning",
-    });
-  }
+  const debugWindow = window as Window & {
+    __ROUTER_PREFETCH_DEBUG__?: boolean;
+  };
 
-  updateInspector() {
-    if (!this.api || !this.inspectorAdded) return;
-    this.snapshotActive = true;
-    this.routeGroupsSnapshot = null;
-    try {
-      this.api.sendInspectorTree(this.inspectorId);
-      this.api.sendInspectorState(this.inspectorId);
-    } finally {
-      this.routeGroupsSnapshot = null;
-      this.snapshotActive = false;
-    }
-  }
+  return (
+    import.meta.env.DEV ||
+    debugWindow.__ROUTER_PREFETCH_DEBUG__ === true ||
+    window.localStorage.getItem("router-prefetch-debug") === "1"
+  );
+}
 
-  private ensureLayer() {
-    if (!this.api || this.layerAdded) return;
+function ensureDevtoolsLayer() {
+  if (!devtoolsApi || devtoolsLayerAdded) return;
 
-    this.api.addTimelineLayer({
-      id: this.layerId,
-      label: "Route Prefetch",
-      color: 0x3b82f6,
-    });
-    this.layerAdded = true;
-  }
+  devtoolsApi.addTimelineLayer({
+    id: DEVTOOLS_LAYER_ID,
+    label: "Route Prefetch",
+    color: 0x3b82f6,
+  });
+  devtoolsLayerAdded = true;
+}
 
-  private ensureInspector() {
-    if (!this.api || this.inspectorAdded) return;
+function ensureDevtoolsInspector() {
+  if (!devtoolsApi || devtoolsInspectorAdded) return;
 
-    this.api.addInspector({
-      id: this.inspectorId,
-      label: "Route Prefetch",
-      icon: "route",
-    });
+  devtoolsApi.addInspector({
+    id: DEVTOOLS_INSPECTOR_ID,
+    label: "Route Prefetch",
+    icon: "route",
+  });
 
-    this.api.on.getInspectorTree((payload) => {
-      if (payload.inspectorId !== this.inspectorId) return;
+  devtoolsApi.on.getInspectorTree((payload) => {
+    if (payload.inspectorId !== DEVTOOLS_INSPECTOR_ID) return;
 
-      const filter = payload.filter.trim().toLowerCase();
-      const groupedEntries = this.getRouteGroups();
+    const filter = payload.filter.trim().toLowerCase();
+    const groupedEntries = getGroupedRouteEntries();
 
-      payload.rootNodes = [
-        {
-          id: this.summaryNodeId,
-          label: "Summary",
+    payload.rootNodes = [
+      {
+        id: DEVTOOLS_INSPECTOR_NODE_ID,
+        label: "Summary",
+        tags: [
+          {
+            label: `${getPendingLoaders().length} pending`,
+            textColor: 0xffffff,
+            backgroundColor: 0x3b82f6,
+          },
+          {
+            label: `${loaded.size} loaded`,
+            textColor: 0xffffff,
+            backgroundColor: 0x10b981,
+          },
+        ],
+      },
+      ...(["high", "normal", "low", "skipped"] as PriorityBucket[]).map((bucket) => {
+        const entries = groupedEntries[bucket].filter((entry) =>
+          !filter ? true : entry.path.toLowerCase().includes(filter),
+        );
+
+        return {
+          id: `bucket:${bucket}`,
+          label: PRIORITY_BUCKET_LABELS[bucket],
           tags: [
             {
-              label: `${getPendingLoaders().length} pending`,
+              label: String(entries.length),
               textColor: 0xffffff,
-              backgroundColor: 0x3b82f6,
-            },
-            {
-              label: `${loaderRegistry.loadedSize} loaded`,
-              textColor: 0xffffff,
-              backgroundColor: 0x10b981,
+              backgroundColor: PRIORITY_BUCKET_COLORS[bucket],
             },
           ],
-        },
-        ...(["high", "normal", "low", "skipped"] as PriorityBucket[]).map((bucket) => {
-          const entries = groupedEntries[bucket].filter((entry) =>
-            !filter ? true : entry.path.toLowerCase().includes(filter),
-          );
-
-          return {
-            id: `bucket:${bucket}`,
-            label: this.bucketLabels[bucket],
-            tags: [
-              {
-                label: String(entries.length),
-                textColor: 0xffffff,
-                backgroundColor: this.bucketColors[bucket],
-              },
-            ],
-            children: entries.map((entry) => ({
-              id: `route:${entry.path}`,
-              label: entry.path,
-              tags: this.buildRouteTags(entry),
-            })),
-          };
-        }),
-      ];
-    });
-
-    this.api.on.getInspectorState((payload) => {
-      if (payload.inspectorId !== this.inspectorId) return;
-
-      if (payload.nodeId === this.summaryNodeId) {
-        payload.state = {
-          summary: [
-            { key: "registered routes", value: routeEntries.size },
-            { key: "preload targets", value: loaderRegistry.size },
-            { key: "loaded routes", value: loaderRegistry.loadedSize },
-            { key: "pending routes", value: getPendingLoaders().length },
-            { key: "is preloading", value: isPreloading },
-          ],
-          recent: this.recentEvents
-            .slice(-10)
-            .reverse()
-            .map((event) => ({
-              key: `${new Date(event.time).toLocaleTimeString()} ${event.title}`,
-              value: {
-                subtitle: event.subtitle,
-                path: event.path,
-                priority: event.priority,
-                data: event.data,
-              },
-            })),
+          children: entries.map((entry) => ({
+            id: `route:${entry.path}`,
+            label: entry.path,
+            tags: buildRouteTags(entry),
+          })),
         };
-        return;
-      }
-
-      if (payload.nodeId.startsWith("bucket:")) {
-        const bucket = payload.nodeId.slice("bucket:".length) as PriorityBucket;
-        const entries = this.getRouteGroups()[bucket];
+      }),
+    ];
+  });
 
-        payload.state = {
-          summary: [
-            { key: "bucket", value: this.bucketLabels[bucket] },
-            { key: "routes", value: entries.length },
-            {
-              key: "loaded",
-              value: entries.filter(
-                (entry) => loaderRegistry.statusForPath(entry.path) === "loaded",
-              ).length,
-            },
-            {
-              key: "pending",
-              value: entries.filter(
-                (entry) => loaderRegistry.statusForPath(entry.path) === "pending",
-              ).length,
-            },
-          ],
-          routes: entries.map((entry) => ({
-            key: entry.path,
+  devtoolsApi.on.getInspectorState((payload) => {
+    if (payload.inspectorId !== DEVTOOLS_INSPECTOR_ID) return;
+
+    if (payload.nodeId === DEVTOOLS_INSPECTOR_NODE_ID) {
+      payload.state = {
+        summary: [
+          { key: "registered routes", value: routeEntries.size },
+          { key: "preload targets", value: loaders.size },
+          { key: "loaded routes", value: loaded.size },
+          { key: "pending routes", value: getPendingLoaders().length },
+          { key: "is preloading", value: isPreloading },
+        ],
+        recent: recentEvents
+          .slice(-10)
+          .reverse()
+          .map((event) => ({
+            key: `${new Date(event.time).toLocaleTimeString()} ${event.title}`,
             value: {
-              priority: entry.priority,
-              reason: entry.reason,
-              status: loaderRegistry.statusForPath(entry.path),
+              subtitle: event.subtitle,
+              path: event.path,
+              priority: event.priority,
+              data: event.data,
             },
           })),
-        };
-        return;
-      }
+      };
+      return;
+    }
 
-      if (payload.nodeId.startsWith("route:")) {
-        const path = payload.nodeId.slice("route:".length);
-        const entry = routeEntries.get(path);
-        if (!entry) return;
-
-        payload.state = {
-          route: [
-            { key: "path", value: entry.path },
-            { key: "bucket", value: this.bucketLabels[entry.bucket] },
-            { key: "priority", value: entry.priority },
-            { key: "status", value: loaderRegistry.statusForPath(entry.path) },
-            { key: "reason", value: entry.reason },
-          ],
-        };
-      }
-    });
+    if (payload.nodeId.startsWith("bucket:")) {
+      const bucket = payload.nodeId.slice("bucket:".length) as PriorityBucket;
+      const entries = getGroupedRouteEntries()[bucket];
+
+      payload.state = {
+        summary: [
+          { key: "bucket", value: PRIORITY_BUCKET_LABELS[bucket] },
+          { key: "routes", value: entries.length },
+          {
+            key: "loaded",
+            value: entries.filter((entry) => getRouteLoadStatus(entry) === "loaded").length,
+          },
+          {
+            key: "pending",
+            value: entries.filter((entry) => getRouteLoadStatus(entry) === "pending").length,
+          },
+        ],
+        routes: entries.map((entry) => ({
+          key: entry.path,
+          value: {
+            priority: entry.priority,
+            reason: entry.reason,
+            status: getRouteLoadStatus(entry),
+          },
+        })),
+      };
+      return;
+    }
 
-    this.inspectorAdded = true;
-  }
+    if (payload.nodeId.startsWith("route:")) {
+      const path = payload.nodeId.slice("route:".length);
+      const entry = routeEntries.get(path);
+      if (!entry) return;
+
+      payload.state = {
+        route: [
+          { key: "path", value: entry.path },
+          { key: "bucket", value: PRIORITY_BUCKET_LABELS[entry.bucket] },
+          { key: "priority", value: entry.priority },
+          { key: "status", value: getRouteLoadStatus(entry) },
+          { key: "reason", value: entry.reason },
+        ],
+      };
+    }
+  });
 
-  private pushEvent(event: DevtoolsTimelineEvent) {
-    this.recordRecentEvent(event);
-    this.emitEvent(event);
-  }
+  devtoolsInspectorAdded = true;
+}
 
-  private getRouteGroups() {
-    if (this.routeGroupsSnapshot) return this.routeGroupsSnapshot;
+function updateDevtoolsInspector() {
+  if (!devtoolsApi || !devtoolsInspectorAdded) return;
+  devtoolsApi.sendInspectorTree(DEVTOOLS_INSPECTOR_ID);
+  devtoolsApi.sendInspectorState(DEVTOOLS_INSPECTOR_ID);
+}
 
-    const groups = this.buildRouteGroups();
-    if (this.snapshotActive) {
-      this.routeGroupsSnapshot = groups;
-    }
-    return groups;
-  }
+function getPriorityBucket(priority: number | null): PriorityBucket {
+  if (priority === null) return "skipped";
+  if (priority >= RoutePrefetchPriority.High) return "high";
+  if (priority >= RoutePrefetchPriority.Normal) return "normal";
+  return "low";
+}
 
-  private buildRouteGroups() {
-    const groups: Record<PriorityBucket, RouteInspectorEntry[]> = {
-      high: [],
-      normal: [],
-      low: [],
-      skipped: [],
-    };
+function upsertRouteEntry(path: string, result: PriorityResult) {
+  routeEntries.set(path, {
+    path,
+    priority: result.priority,
+    reason: result.reason,
+    bucket: getPriorityBucket(result.priority),
+  });
+}
 
-    for (const entry of routeEntries.values()) {
-      groups[entry.bucket].push(entry);
-    }
+function getGroupedRouteEntries() {
+  const groups: Record<PriorityBucket, RouteInspectorEntry[]> = {
+    high: [],
+    normal: [],
+    low: [],
+    skipped: [],
+  };
 
-    for (const bucket of Object.keys(groups) as PriorityBucket[]) {
-      groups[bucket].sort((a, b) => {
-        const pa = a.priority ?? -1;
-        const pb = b.priority ?? -1;
-        return pb - pa || a.path.localeCompare(b.path);
-      });
-    }
+  for (const entry of routeEntries.values()) {
+    groups[entry.bucket].push(entry);
+  }
 
-    return groups;
+  for (const bucket of Object.keys(groups) as PriorityBucket[]) {
+    groups[bucket].sort((a, b) => {
+      const pa = a.priority ?? -1;
+      const pb = b.priority ?? -1;
+      return pb - pa || a.path.localeCompare(b.path);
+    });
   }
 
-  private buildRouteTags(entry: RouteInspectorEntry) {
-    const status = loaderRegistry.statusForPath(entry.path);
-    const tags = [
-      {
-        label: status,
-        textColor: 0xffffff,
-        backgroundColor:
-          status === "loaded" ? 0x10b981 : status === "pending" ? 0x3b82f6 : 0x6b7280,
-      },
-    ];
+  return groups;
+}
 
-    if (entry.priority !== null) {
-      tags.push({
-        label: String(entry.priority),
-        textColor: 0xffffff,
-        backgroundColor: this.bucketColors[entry.bucket],
-      });
-    }
+function getRouteLoadStatus(entry: RouteInspectorEntry) {
+  if (entry.priority === null) return "skipped";
 
-    return tags;
+  const matchedLoaders = [...loaders.values()].filter(
+    (loaderEntry) => loaderEntry.path === entry.path,
+  );
+
+  if (!matchedLoaders.length) return "unknown";
+  if (matchedLoaders.every((loaderEntry) => loaded.has(loaderEntry.loader))) {
+    return "loaded";
   }
+  return "pending";
+}
 
-  private recordRecentEvent(event: DevtoolsTimelineEvent) {
-    this.recentEvents.push({
-      ...event,
-      time: Date.now(),
-      path: typeof event.data.path === "string" ? event.data.path : undefined,
-      priority:
-        typeof event.data.priority === "number" || event.data.priority === null
-          ? (event.data.priority as number | null)
-          : undefined,
+function buildRouteTags(entry: RouteInspectorEntry) {
+  const status = getRouteLoadStatus(entry);
+  const tags = [
+    {
+      label: status,
+      textColor: 0xffffff,
+      backgroundColor: status === "loaded" ? 0x10b981 : status === "pending" ? 0x3b82f6 : 0x6b7280,
+    },
+  ];
+
+  if (entry.priority !== null) {
+    tags.push({
+      label: String(entry.priority),
+      textColor: 0xffffff,
+      backgroundColor: PRIORITY_BUCKET_COLORS[entry.bucket],
     });
-    if (this.recentEvents.length > 50) {
-      this.recentEvents.splice(0, this.recentEvents.length - 50);
-    }
   }
 
-  private emitEvent(event: DevtoolsTimelineEvent) {
-    if (!this.api) {
-      this.pendingEvents.push(event);
-      if (this.pendingEvents.length > this.pendingEventsMax) {
-        this.pendingEvents.splice(0, this.pendingEvents.length - this.pendingEventsMax);
-      }
-      return;
-    }
+  return tags;
+}
 
-    this.ensureLayer();
-    this.ensureInspector();
-    const timelineEvent: {
-      time: number;
-      title: string;
-      subtitle?: string;
-      data: Record<string, unknown>;
-      logType?: DevtoolsLogType;
-    } = {
-      time: this.api.now?.() ?? Date.now(),
-      title: event.title,
-      data: event.data,
-    };
-    if (event.subtitle !== undefined) {
-      timelineEvent.subtitle = event.subtitle;
-    }
-    if (event.logType !== undefined) {
-      timelineEvent.logType = event.logType;
-    }
+function pushDevtoolsEvent(event: DevtoolsTimelineEvent) {
+  recentEvents.push({
+    ...event,
+    time: Date.now(),
+    path: typeof event.data.path === "string" ? event.data.path : undefined,
+    priority:
+      typeof event.data.priority === "number" || event.data.priority === null
+        ? (event.data.priority as number | null)
+        : undefined,
+  });
+  if (recentEvents.length > 50) {
+    recentEvents.splice(0, recentEvents.length - 50);
+  }
 
-    this.api.addTimelineEvent({
-      layerId: this.layerId,
-      event: timelineEvent,
-    });
-    this.updateInspector();
+  if (!devtoolsApi) {
+    pendingDevtoolsEvents.push(event);
+    return;
   }
 
-  private flushPendingEvents() {
-    if (!this.api || this.pendingEvents.length === 0) return;
+  ensureDevtoolsLayer();
+  ensureDevtoolsInspector();
+  devtoolsApi.addTimelineEvent({
+    layerId: DEVTOOLS_LAYER_ID,
+    event: {
+      time: devtoolsApi.now?.() ?? Date.now(),
+      title: event.title,
+      subtitle: event.subtitle,
+      data: event.data,
+      logType: event.logType,
+    },
+  });
+  updateDevtoolsInspector();
+}
 
-    // 仅重新派发到 devtools timeline；recentEvents 在事件首次触发时已记录，
-    // 这里再走一次 record 会产生重复条目并刷新 time 字段。
-    for (const event of this.pendingEvents.splice(0)) {
-      this.emitEvent(event);
-    }
+function flushPendingDevtoolsEvents() {
+  if (!devtoolsApi || pendingDevtoolsEvents.length === 0) return;
+
+  for (const event of pendingDevtoolsEvents.splice(0)) {
+    pushDevtoolsEvent(event);
   }
 }
 
-const devtools = new DevtoolsBridge();
-
-function getPriorityBucket(priority: number | null): PriorityBucket {
-  if (priority === null) return "skipped";
-  if (priority >= RoutePrefetchPriority.High) return "high";
-  if (priority >= RoutePrefetchPriority.Normal) return "normal";
-  return "low";
+function log(message: string, data: Record<string, unknown> = {}) {
+  pushDevtoolsEvent({
+    title: message,
+    data,
+  });
 }
 
-function upsertRouteEntry(path: string, result: PriorityResult) {
-  routeEntries.set(path, {
-    path,
-    priority: result.priority,
-    reason: result.reason,
-    bucket: getPriorityBucket(result.priority),
+function logWarn(message: string, data: Record<string, unknown> = {}) {
+  pushDevtoolsEvent({
+    title: message,
+    data,
+    logType: "warning",
   });
 }
 
@@ -566,13 +463,13 @@ function debouncePreload() {
 
   debounceTimer = window.setTimeout(() => {
     debounceTimer = null;
-    devtools.log("schedule preload on idle");
+    log("schedule preload on idle");
     scheduleIdle(preload);
   }, 200);
 }
 
 function requestPreload(reason: string, data: Record<string, unknown> = {}) {
-  devtools.log(reason, data);
+  log(reason, data);
   debouncePreload();
 }
 
@@ -593,119 +490,55 @@ function scheduleIdle(fn: (deadline?: IdleDeadline) => void) {
 }
 
 function getPendingLoaders() {
-  return loaderRegistry.pending();
+  return [...loaders.values()]
+    .filter(({ loader }) => !loaded.has(loader))
+    .sort((a, b) => b.priority - a.priority || a.path.localeCompare(b.path));
 }
 
 function preload(deadline?: IdleDeadline) {
   if (isPreloading) {
-    devtools.log("skip preload tick because another loader is running");
+    log("skip preload tick because another loader is running");
     return;
   }
 
   const next = getPendingLoaders()[0];
   if (!next) {
-    devtools.log("no pending routes to preload");
+    log("no pending routes to preload");
     return;
   }
 
   isPreloading = true;
-  // wrapped loader 在内部维护 prefetchAttempts / prefetchRetryAt：
-  // 同步递增 attempts，并在 then/catch 中重置或安排退避。
-  const promise = next.loader();
-  devtools.log("start preload", {
+  log("start preload", {
     path: next.path,
     priority: next.priority,
-    attempt: next.prefetchAttempts,
     didTimeout: deadline?.didTimeout ?? false,
     remainingTime: deadline?.timeRemaining(),
   });
 
-  promise
+  next
+    .loader()
     .then(() => {
-      devtools.log("preload success", {
-        path: next.path,
-        priority: next.priority,
-      });
+      loaded.add(next.loader);
+      log("preload success", { path: next.path, priority: next.priority });
     })
     .catch((error) => {
-      devtools.warn("preload failed", {
+      logWarn("preload failed", {
         path: next.path,
         priority: next.priority,
-        attempts: next.prefetchAttempts,
-        retryAt: next.prefetchRetryAt,
-        givenUp: loaderRegistry.isExhausted(next),
         error,
       });
     })
     .finally(() => {
       isPreloading = false;
       if (getPendingLoaders().length > 0) {
-        devtools.log("pending routes remain, scheduling next preload");
+        log("pending routes remain, scheduling next preload");
         debouncePreload();
       } else {
-        devtools.log("all queued routes have been preloaded");
+        log("all queued routes have been preloaded");
       }
     });
 }
 
-function scheduleRetryBackoff(entry: LoaderEntry) {
-  // attempts 可能在 in-flight 期间被 visibility 监听重置过，钳到合法区间避免越界。
-  const idx = Math.min(Math.max(entry.prefetchAttempts - 1, 0), PREFETCH_BACKOFF_MS.length - 1);
-  entry.prefetchRetryAt = Date.now() + PREFETCH_BACKOFF_MS[idx]!;
-}
-
-function makeWrappedLoader(entry: LoaderEntry): Loader {
-  return () => {
-    // 同一加载请求并发去重；若上一轮成功，inFlight 仍指向已 resolve 的 promise，复用即可。
-    const inFlight = entry.inFlight;
-    if (inFlight) return inFlight;
-
-    entry.prefetchAttempts++;
-    let p: Promise<unknown>;
-    try {
-      p = entry.original();
-    } catch (error) {
-      // 同步异常也得收敛状态，否则调用方拿不到 promise，isPreloading 会卡死。
-      scheduleRetryBackoff(entry);
-      return Promise.reject(error);
-    }
-    entry.inFlight = p;
-    p.then(
-      () => {
-        loaderRegistry.markLoaded(entry);
-        entry.prefetchAttempts = 0;
-        entry.prefetchRetryAt = undefined;
-      },
-      () => {
-        // 失败时丢弃 promise 缓存，让下次调用（用户点击或下次 prefetch tick）重新发起 import()。
-        clearInFlightLoader(entry, p);
-        loaderRegistry.markFailed(entry);
-        scheduleRetryBackoff(entry);
-      },
-    );
-    return p;
-  };
-}
-
-function clearInFlightLoader(entry: LoaderEntry, promise: Promise<unknown>) {
-  if (entry.inFlight === promise) entry.inFlight = undefined;
-}
-
-function updateRegisteredLoaderEntry(entry: LoaderEntry, priority: number, path: string) {
-  const nextPriority = Math.max(entry.priority, priority);
-  if (nextPriority !== entry.priority || entry.path !== path) {
-    devtools.log("update preload target", {
-      path,
-      previousPath: entry.path,
-      previousPriority: entry.priority,
-      priority: nextPriority,
-    });
-  }
-  entry.priority = nextPriority;
-  entry.path = path;
-  debouncePreload();
-}
-
 function registerLoader<T = unknown>(
   loader: Loader<T>,
   priority: number | null,
@@ -713,39 +546,40 @@ function registerLoader<T = unknown>(
 ): Loader<T> {
   if (priority === null) return loader;
 
-  const existing = loaderRegistry.find(loader as Loader);
+  const existing = loaders.get(loader as Loader);
   if (existing) {
-    updateRegisteredLoaderEntry(existing, priority, path);
-    return existing.loader as Loader<T>;
+    const nextPriority = Math.max(existing.priority, priority);
+    if (nextPriority !== existing.priority || existing.path !== path) {
+      log("update preload target", {
+        path,
+        previousPath: existing.path,
+        previousPriority: existing.priority,
+        priority: nextPriority,
+      });
+    }
+    existing.priority = Math.max(existing.priority, priority);
+    existing.path = path;
+  } else {
+    loaders.set(loader as Loader, {
+      loader: loader as Loader,
+      path,
+      priority,
+    });
+    log("register preload target", { path, priority });
   }
 
-  const entry: LoaderEntry = {
-    loader: undefined as unknown as Loader,
-    original: loader as Loader,
-    path,
-    priority,
-    prefetchAttempts: 0,
-  };
-  entry.loader = makeWrappedLoader(entry);
-  loaderRegistry.add(entry);
-  devtools.log("register preload target", { path, priority });
-
   debouncePreload();
-  return entry.loader as Loader<T>;
+  return loader;
 }
 
 function wrapLoader(component: RouteComp, priority: number | null, path: string): RouteComp {
-  if (isRouteComponentLoader(component)) {
+  if (typeof component === "function") {
     return registerLoader(component as AsyncComponent, priority, path);
   }
 
   return component;
 }
 
-function isRouteComponentLoader(component: RouteComp): component is AsyncComponent {
-  return typeof component === "function";
-}
-
 function normalizePath(path: string) {
   if (!path) return "/";
   return path.replace(/\/+/g, "/");
@@ -806,7 +640,6 @@ function getRoutePriority(route: RouteRecordRaw, fullPath: string): PriorityResu
   }
 
   if (meta?.hidden) return { priority: null, reason: "meta.hidden" };
-  if (meta?.isClosed) return { priority: null, reason: "meta.isClosed" };
   if (isDynamicPath(fullPath)) {
     return { priority: null, reason: "dynamic route" };
   }
@@ -860,13 +693,9 @@ function processRoutes(routes: RouteRecordRaw[], parentPath = "") {
     upsertRouteEntry(fullPath, result);
 
     if (priority === null) {
-      devtools.log("skip preload target", { path: fullPath, reason });
+      log("skip preload target", { path: fullPath, reason });
     } else {
-      devtools.log("resolved preload priority", {
-        path: fullPath,
-        priority,
-        reason,
-      });
+      log("resolved preload priority", { path: fullPath, priority, reason });
     }
 
     if (route.component) {
@@ -890,73 +719,86 @@ function processRoutes(routes: RouteRecordRaw[], parentPath = "") {
   }
 }
 
-function installRoutePrefetch(app: App, router: Router, installRouter: () => void) {
-  const shouldInstallPrefetch = !installedRouters.has(router);
-
-  if (shouldInstallPrefetch) {
-    installedRouters.add(router);
-    devtools.attach(app);
-    setupVisibilityListener();
-    devtools.log("apply route prefetch plugin");
-    if (loaderRegistry.size === 0) {
-      devtools.warn("no preload targets were registered");
-    } else {
-      requestPreload("prefetch targets registered", {
-        targets: loaderRegistry.size,
-      });
-    }
-  }
+function attachRoutePrefetchDevtools(app: App) {
+  if (typeof window === "undefined") return;
 
-  installRouter();
+  const target = window as Window & {
+    __VUE_DEVTOOLS_GLOBAL_HOOK__?: {
+      emit: (
+        event: string,
+        pluginDescriptor: Record<string, unknown>,
+        setupFn: (api: DevtoolsApi) => void,
+      ) => void;
+    };
+    __VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__?: boolean;
+    __VUE_DEVTOOLS_PLUGINS__?: Array<{
+      pluginDescriptor: Record<string, unknown>;
+      setupFn: (api: DevtoolsApi) => void;
+      proxy: null;
+    }>;
+  };
 
-  if (!shouldInstallPrefetch) return;
+  const pluginDescriptor = {
+    id: DEVTOOLS_PLUGIN_ID,
+    label: "Route Prefetch",
+    packageName: "nodeget-board",
+    homepage: "https://github.com",
+    app,
+    enableEarlyProxy: false,
+  };
 
-  router.isReady().then(() => {
-    requestPreload("router ready, request idle preload");
-  });
+  const setupFn = (api: DevtoolsApi) => {
+    devtoolsApi = api;
+    ensureDevtoolsLayer();
+    ensureDevtoolsInspector();
+    flushPendingDevtoolsEvents();
+    updateDevtoolsInspector();
+  };
 
-  router.afterEach((to) => {
-    if (getPendingLoaders().length === 0) return;
+  const hook = target.__VUE_DEVTOOLS_GLOBAL_HOOK__;
+  if (hook) {
+    hook.emit("devtools-plugin:setup", pluginDescriptor, setupFn);
+    return;
+  }
 
-    requestPreload("route changed, request idle preload", {
-      path: to.fullPath,
-    });
+  target.__VUE_DEVTOOLS_PLUGINS__ = target.__VUE_DEVTOOLS_PLUGINS__ || [];
+  target.__VUE_DEVTOOLS_PLUGINS__.push({
+    pluginDescriptor,
+    setupFn,
+    proxy: null,
   });
 }
 
-function setupVisibilityListener() {
-  if (typeof document === "undefined") return;
-  if (visibilityListenerAttached) return;
-  visibilityListenerAttached = true;
-
-  document.addEventListener("visibilitychange", () => {
-    if (document.visibilityState !== "visible") return;
-
-    // 标签页长时间隐藏后可能错过 prefetch 时机或卡在退避中；
-    // 重新可见时重置所有未加载条目的失败计数，让队列可以再走一遍。
-    // 跳过 in-flight 条目：它们自己会在 then/catch 里收敛状态，
-    // 在飞行中重置 attempts 会让随后的 catch 算出 idx=-1。
-    const resetCount = loaderRegistry.resetStaleFailures();
+export default function routePrefetchPlugin(router: Router): Plugin {
+  return {
+    install(app) {
+      if (installedRouters.has(router)) return;
+      installedRouters.add(router);
+
+      attachRoutePrefetchDevtools(app);
+      log("apply route prefetch plugin");
+      processRoutes(router.options.routes as RouteRecordRaw[]);
+      if (loaders.size === 0) {
+        logWarn("no preload targets were registered");
+      } else {
+        requestPreload("prefetch targets registered", {
+          targets: loaders.size,
+        });
+      }
 
-    if (resetCount > 0 || getPendingLoaders().length > 0) {
-      requestPreload("tab became visible", { resetCount });
-    }
-  });
-}
+      app.use(router);
 
-export function preparePrefetchableRoutes<T extends readonly RouteRecordRaw[]>(routes: T): T {
-  processRoutes(routes as unknown as RouteRecordRaw[]);
-  return routes;
-}
+      router.isReady().then(() => {
+        requestPreload("router ready, request idle preload");
+      });
 
-export function setupRoutePrefetchRouter(router: Router): Router {
-  if (configuredRouters.has(router)) return router;
-  configuredRouters.add(router);
+      router.afterEach((to) => {
+        if (getPendingLoaders().length === 0) return;
 
-  const originalInstall = router.install.bind(router);
-  router.install = (app: App) => {
-    installRoutePrefetch(app, router, () => originalInstall(app));
+        requestPreload("route changed, request idle preload", {
+          path: to.fullPath,
+        });
+      });
+    },
   };
-
-  return router;
 }
diff --git a/vite.config.ts b/vite.config.ts
index 9c18817b..14a1ff35 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,7 +1,7 @@
 import { fileURLToPath, URL } from "node:url";
 
 import { defineConfig } from "vite";
-import { unpluginVueRouterInstance } from "./scripts/typed-router.d.ts/shared";
+import unpluginVueRouter from "unplugin-vue-router/vite";
 import vue from "@vitejs/plugin-vue";
 import vueJsx from "@vitejs/plugin-vue-jsx";
 import vueDevTools from "vite-plugin-vue-devtools";
@@ -18,7 +18,15 @@ export default defineConfig({
     manifest: true,
   },
   plugins: [
-    unpluginVueRouterInstance,
+    unpluginVueRouter({
+      routesFolder: [
+        {
+          src: "./src/pages",
+          exclude: ["**/__*.vue"],
+        },
+      ],
+      dts: "./src/types/typed-router.d.ts",
+    }),
     vue(),
     vueJsx(),
     vueDevTools(),

From 8cc71df5ea9ae689376ea7be3b9c6c9c4628fed3 Mon Sep 17 00:00:00 2001
From: landmineHQ <z1216198007@gmail.com>
Date: Tue, 26 May 2026 16:09:48 +0800
Subject: [PATCH 5/6] Restore: align branch with origin/dev

---
 .prettierrc.json                              |    9 -
 .vscode/extensions.json                       |    5 +-
 package.json                                  |   11 +-
 pnpm-lock.yaml                                |    3 +
 prettier.config.mjs                           |    6 +
 scripts/typed-router.d.ts/config.ts           |   13 +
 scripts/typed-router.d.ts/input.ts            |    1 +
 scripts/typed-router.d.ts/shared.ts           |   12 +
 src/App.vue                                   |   40 +-
 src/components/BackendSwitcher.vue            |   61 +-
 src/components/FooterView.vue                 |    9 +-
 src/components/HeaderView.vue                 |   16 +-
 src/components/SettingsDialog.vue             |   11 +-
 src/components/UPlotChart.vue                 |    8 +-
 src/components/WebTerminal.vue                |   97 +-
 src/components/WorkInProcessPage.vue          |    2 +-
 src/components/agents/AddAgentDialog.vue      |   90 +-
 .../agents/ShowAgentCommandDialog.vue         |   41 +-
 src/components/agents/generateToken.ts        |   15 +-
 src/components/batch-exec/CodeCard.vue        |   20 +-
 src/components/batch-exec/ResultCard.vue      |    8 +-
 src/components/batch-exec/SelectNodesCard.vue |   32 +-
 src/components/batch-exec/widgets/Code.vue    |   10 +-
 .../batch-exec/widgets/ExecResult.vue         |   16 +-
 .../widgets/ScriptsSelectDialog.vue           |   22 +-
 .../batch-exec/widgets/SelectNodes.vue        |   42 +-
 src/components/cron/CronFormDialog.vue        |  141 ++-
 .../cron/CronHistoryDetailDialog.vue          |  101 +-
 src/components/cron/CronHistoryFilter.vue     |   41 +-
 src/components/cron/CronHistoryTable.vue      |  100 +-
 src/components/cron/CronNodeSelectDialog.vue  |   31 +-
 src/components/cron/CronTable.vue             |   79 +-
 src/components/extensions/ExtensionDetail.vue |  171 ++-
 src/components/extensions/ExtensionIcon.vue   |    5 +-
 .../extensions/ExtensionInstallDialog.vue     |  136 +-
 .../extensions/QuickExtensionDialog.vue       |   36 +-
 .../js-runtime/WorkerFormDialog.vue           |   33 +-
 src/components/js-runtime/WorkerTable.vue     |   51 +-
 src/components/kv/KvCreateNamespaceDialog.vue |   11 +-
 src/components/kv/KvEntryTable.vue            |   37 +-
 src/components/kv/KvFlatTable.vue             |   12 +-
 src/components/kv/KvNamespaceTable.vue        |   37 +-
 src/components/kv/KvNodeTable.vue             |   73 +-
 src/components/kv/KvSetDialog.vue             |   15 +-
 src/components/kv/KvViewDialog.vue            |   11 +-
 .../logsPanel/components/headerFilter.vue     |   72 +-
 .../logsPanel/components/logsItem.vue         |   45 +-
 .../logsPanel/components/logsList.vue         |   16 +-
 src/components/logsPanel/logsView.vue         |    3 +-
 src/components/map/FlatWorldMap.vue           |   99 +-
 src/components/map/Globe3DMap.vue             |  167 ++-
 src/components/map/countryName.ts             |    5 +-
 src/components/map/theme.ts                   |    6 +-
 src/components/misc/mockInput.vue             |    4 +-
 .../node-manage/NodeManageTabAgents.vue       |  152 ++-
 .../node-manage/NodeManageTabServers.vue      |   90 +-
 src/components/node-manage/ShareDialog.vue    |    7 +-
 src/components/node-manage/VersionDialog.vue  |   15 +-
 src/components/node-manage/codeCopy.vue       |    6 +-
 src/components/node/NodeMetadataForm.vue      |   51 +-
 .../node/latency/LatencyQualityCanvas.vue     |   11 +-
 src/components/node/latency/latency.vue       |   31 +-
 src/components/node/latency/utils.ts          |   19 +-
 .../node/setting/NodeSettingTabBasic.vue      |   20 +-
 .../node/setting/NodeSettingTabConfig.vue     |  172 ++-
 .../node/setting/NodeSettingTabDelete.vue     |   49 +-
 .../node/setting/NodeSettingTabStorage.vue    |   49 +-
 .../node/setting/NodeSettingTabUpstream.vue   |   57 +-
 .../node/setting/UpstreamDetailDialog.vue     |   37 +-
 src/components/node/status/StatusCpuTab.vue   |  127 +-
 src/components/node/status/StatusDiskTab.vue  |  115 +-
 .../node/status/StatusMemoryTab.vue           |   87 +-
 .../node/status/StatusNetworkTab.vue          |  228 +++-
 src/components/node/status/StatusTabBar.vue   |   18 +-
 .../node/status/StatusWindowControls.vue      |   16 +-
 .../status/composables/useDatabaseLimits.ts   |   14 +-
 .../node/status/composables/useLiveLabel.ts   |    4 +-
 .../node/status/composables/useStatusPage.ts  |   18 +-
 .../status/composables/useTabSummaries.ts     |   19 +-
 src/components/node/status/constants.ts       |    9 +-
 src/components/node/status/types.ts           |    5 +-
 .../node/traffic/TrafficBarChart.vue          |   28 +-
 src/components/ping/PingChinaMapNative.vue    |   92 +-
 src/components/ping/PingHistogram.vue         |   48 +-
 src/components/ping/PingResultTable.vue       |   30 +-
 src/components/ping/PingView.vue              |   75 +-
 src/components/ping/usePingTask.ts            |   37 +-
 .../rpc-debug-panel/RpcDebugPanel.vue         |   32 +-
 .../rpc-debug-panel/RpcDebugPanelDialog.vue   |   36 +-
 .../components/RpcAuthView.vue                |   21 +-
 .../components/RpcComposerView.vue            |   87 +-
 .../components/RpcDebugDataTable.vue          |   41 +-
 .../components/RpcNetworkDrawer.vue           |   73 +-
 .../components/RpcNetworkView.vue             |   65 +-
 .../components/RpcSettingsView.vue            |   45 +-
 .../components/RpcStreamsView.vue             |   34 +-
 .../rpc-debug-panel/rpcDebugStore.ts          |   59 +-
 .../rpc-debug-panel/rpcMethodCatalog.ts       |   34 +-
 src/components/rpc-debug-panel/types.ts       |    7 +-
 .../rpc-debug-panel/websocketPatch.ts         |   13 +-
 src/components/script/ScriptFormDialog.vue    |   17 +-
 src/components/script/ScriptTable.vue         |   57 +-
 .../servers-detail/DatabaseStorageTab.vue     |   46 +-
 .../static-bucket/StaticBucketDialog.vue      |   46 +-
 .../StaticBucketFileUploadDialog.vue          |   23 +-
 .../static-bucket/StaticBucketFileView.vue    |   85 +-
 .../static-bucket/StaticBucketTable.vue       |   47 +-
 .../static-bucket/StaticBucketTreeNode.vue    |   35 +-
 .../StaticBucketUploadDirDialog.vue           |   72 +-
 .../theme-management/ThemeDetail.vue          |  131 +-
 .../ThemeRemoteImportDialog.vue               |  113 +-
 .../ThemeTokenPresetDialog.vue                |   25 +-
 .../ThemeUploadLocalDialog.vue                |   90 +-
 .../components/TokenCreateModeSelect.vue      |   18 +-
 .../token/components/TokenEditorWorkspace.vue |   22 +-
 .../token/components/TokenSuccessDialog.vue   |   39 +-
 .../token/components/TokenTemplateList.vue    |    4 +-
 .../token/components/baseInfoFrom.vue         |   18 +-
 .../token/components/limitScopeConfig.vue     |   66 +-
 .../permissions/CrontabPermission.vue         |   44 +-
 .../permissions/CrontabResultPermission.vue   |   35 +-
 .../DynamicMonitoringPermission.vue           |   53 +-
 .../DynamicMonitoringSummaryPermission.vue    |   12 +-
 .../permissions/JsResultPermission.vue        |   36 +-
 .../permissions/JsWorkerPermission.vue        |   86 +-
 .../components/permissions/KvPermission.vue   |   61 +-
 .../permissions/NodeGetPermission.vue         |   28 +-
 .../StaticMonitoringPermission.vue            |   42 +-
 .../components/permissions/TaskPermission.vue |   56 +-
 .../permissions/TerminalPermission.vue        |   21 +-
 .../permissions/kvPermissionState.ts          |   13 +-
 .../permissions/permissionsCard.vue           |   30 +-
 .../permissions/permissionsItem.vue           |   14 +-
 .../permissions/permissionsState.ts           |   10 +-
 .../permissions/usePermissionModuleOpen.ts    |    4 +-
 .../token/components/previewTokenJson.vue     |    6 +-
 .../token/components/tokenDetailPreview.vue   |   72 +-
 .../token/components/tokenLimitItem.vue       |   26 +-
 .../token/create-token/CreateTokenCard.vue    |    4 +-
 .../token/detailToken/detailTokenCard.vue     |   30 +-
 .../token/editToken/editTokenCard.vue         |   11 +-
 .../token/importToken/ImportTokenCard.vue     |   11 +-
 src/components/token/scopeCodec.ts            |   48 +-
 .../token/token-list/tokenListCard.vue        |   88 +-
 src/components/token/tokenPayload.ts          |   56 +-
 .../token/tokenPermissionTemplates.ts         |   49 +-
 src/components/token/tokenTemplates.ts        |   15 +-
 src/components/token/useAgent.ts              |    9 +-
 src/components/token/useKv.ts                 |    5 +-
 .../ui/alert-dialog/AlertDialog.vue           |    6 +-
 .../ui/alert-dialog/AlertDialogAction.vue     |    9 +-
 .../ui/alert-dialog/AlertDialogCancel.vue     |    8 +-
 .../ui/alert-dialog/AlertDialogContent.vue    |    4 +-
 .../alert-dialog/AlertDialogDescription.vue   |    4 +-
 .../ui/alert-dialog/AlertDialogFooter.vue     |    4 +-
 .../ui/alert-dialog/AlertDialogTitle.vue      |    4 +-
 src/components/ui/alert/Alert.vue             |   20 +-
 src/components/ui/alert/AlertDescription.vue  |   15 +-
 src/components/ui/alert/AlertTitle.vue        |    8 +-
 src/components/ui/alert/index.ts              |   14 +-
 src/components/ui/badge/Badge.vue             |   26 +-
 src/components/ui/badge/index.ts              |   18 +-
 src/components/ui/button/Button.vue           |   20 +-
 src/components/ui/button/index.ts             |    6 +-
 src/components/ui/card/CardAction.vue         |    8 +-
 src/components/ui/card/CardContent.vue        |   13 +-
 src/components/ui/card/CardDescription.vue    |   13 +-
 src/components/ui/card/CardFooter.vue         |   13 +-
 src/components/ui/card/CardHeader.vue         |   15 +-
 src/components/ui/card/CardTitle.vue          |   13 +-
 src/components/ui/card/index.ts               |   14 +-
 src/components/ui/checkbox/Checkbox.vue       |   27 +-
 src/components/ui/checkbox/index.ts           |    2 +-
 src/components/ui/command/Command.vue         |    6 +-
 src/components/ui/command/CommandEmpty.vue    |    8 +-
 src/components/ui/command/CommandGroup.vue    |    8 +-
 src/components/ui/command/CommandInput.vue    |    7 +-
 src/components/ui/command/CommandItem.vue     |    7 +-
 src/components/ui/command/CommandList.vue     |   11 +-
 .../ui/command/CommandSeparator.vue           |    6 +-
 src/components/ui/command/CommandShortcut.vue |    4 +-
 src/components/ui/dialog/Dialog.vue           |   16 +-
 src/components/ui/dialog/DialogClose.vue      |   11 +-
 src/components/ui/dialog/DialogContent.vue    |   41 +-
 .../ui/dialog/DialogDescription.vue           |   16 +-
 src/components/ui/dialog/DialogFooter.vue     |    6 +-
 src/components/ui/dialog/DialogHeader.vue     |    8 +-
 src/components/ui/dialog/DialogOverlay.vue    |   21 +-
 .../ui/dialog/DialogScrollContent.vue         |   47 +-
 src/components/ui/dialog/DialogTitle.vue      |   16 +-
 src/components/ui/dialog/DialogTrigger.vue    |   11 +-
 src/components/ui/dialog/index.ts             |   20 +-
 .../ui/dropdown-menu/DropdownMenuContent.vue  |    2 +-
 .../ui/dropdown-menu/DropdownMenuItem.vue     |    2 +-
 .../ui/flickering-grid/FlickeringGrid.vue     |    3 +-
 src/components/ui/input/Input.vue             |   36 +-
 src/components/ui/input/index.ts              |    2 +-
 src/components/ui/label/Label.vue             |   14 +-
 src/components/ui/label/index.ts              |    2 +-
 .../ui/number-field/NumberField.vue           |   12 +-
 .../ui/pagination/PaginationContent.vue       |    4 +-
 .../ui/pagination/PaginationEllipsis.vue      |    4 +-
 .../ui/pagination/PaginationFirst.vue         |    8 +-
 .../ui/pagination/PaginationLast.vue          |    8 +-
 .../ui/pagination/PaginationNext.vue          |    8 +-
 .../ui/pagination/PaginationPrevious.vue      |    8 +-
 src/components/ui/pop-confirm/PopConfirm.vue  |    8 +-
 src/components/ui/popover/PopoverContent.vue  |    2 +-
 src/components/ui/progress/Progress.vue       |   31 +-
 src/components/ui/progress/index.ts           |    2 +-
 src/components/ui/radio-group/RadioGroup.vue  |    4 +-
 .../ui/radio-group/RadioGroupItem.vue         |    4 +-
 .../ui/rainbow-button/RainbowButton.vue       |    6 +-
 src/components/ui/scroll-area/ScrollArea.vue  |    6 +-
 src/components/ui/scroll-area/ScrollBar.vue   |   11 +-
 src/components/ui/select/Select.vue           |   16 +-
 src/components/ui/select/SelectContent.vue    |   50 +-
 src/components/ui/select/SelectGroup.vue      |   11 +-
 src/components/ui/select/SelectItem.vue       |   23 +-
 src/components/ui/select/SelectItemText.vue   |   11 +-
 src/components/ui/select/SelectLabel.vue      |   10 +-
 .../ui/select/SelectScrollDownButton.vue      |   18 +-
 .../ui/select/SelectScrollUpButton.vue        |   18 +-
 src/components/ui/select/SelectSeparator.vue  |   14 +-
 src/components/ui/select/SelectTrigger.vue    |   30 +-
 src/components/ui/select/SelectValue.vue      |   11 +-
 src/components/ui/select/index.ts             |   22 +-
 src/components/ui/separator/Separator.vue     |   18 +-
 src/components/ui/separator/index.ts          |    2 +-
 src/components/ui/skeleton/Skeleton.vue       |    5 +-
 src/components/ui/spinner/Spinner.vue         |    6 +-
 src/components/ui/switch/Switch.vue           |    4 +-
 src/components/ui/table/Table.vue             |    5 +-
 src/components/ui/table/TableBody.vue         |   13 +-
 src/components/ui/table/TableCaption.vue      |   13 +-
 src/components/ui/table/TableCell.vue         |    8 +-
 src/components/ui/table/TableEmpty.vue        |   34 +-
 src/components/ui/table/TableFooter.vue       |    8 +-
 src/components/ui/table/TableHead.vue         |   15 +-
 src/components/ui/table/TableHeader.vue       |   13 +-
 src/components/ui/table/TableRow.vue          |   12 +-
 src/components/ui/table/index.ts              |   18 +-
 src/components/ui/table/utils.ts              |   10 +-
 src/components/ui/tabs/Tabs.vue               |   18 +-
 src/components/ui/tabs/TabsContent.vue        |   14 +-
 src/components/ui/tabs/TabsList.vue           |   24 +-
 src/components/ui/tabs/TabsTrigger.vue        |   26 +-
 src/components/ui/tabs/index.ts               |  134 +-
 src/components/ui/tags-input/TagsInput.vue    |    6 +-
 .../ui/tags-input/TagsInputInput.vue          |   11 +-
 .../ui/tags-input/TagsInputItem.vue           |    6 +-
 .../ui/tags-input/TagsInputItemDelete.vue     |    8 +-
 .../ui/tags-input/TagsInputItemText.vue       |    6 +-
 .../monitoring/dynamic/useDynamicSingle.ts    |    3 +-
 .../dynamic/useDynamicSummaryMultiLast.ts     |   18 +-
 .../monitoring/useStaticMonitoring.ts         |   26 +-
 src/composables/token/tokenSecret.ts          |    6 +-
 src/composables/token/useCreateToken.ts       |    4 +-
 src/composables/token/useEditToken.ts         |    5 +-
 src/composables/token/useTokenList.ts         |   12 +-
 src/composables/useAgentConfig.ts             |   46 +-
 src/composables/useAgentInfo.ts               |   33 +-
 src/composables/useBackendExtra.ts            |   22 +-
 src/composables/useBackendStore.ts            |   14 +-
 src/composables/useBatchExec.ts               |    4 +-
 src/composables/useBatchRun.ts                |    6 +-
 src/composables/useCron.ts                    |   10 +-
 src/composables/useCronHistory.ts             |   11 +-
 src/composables/useExtensions.ts              |  140 ++-
 src/composables/useFileUploadParsing.ts       |    4 +-
 src/composables/useInFlightDedupe.ts          |    4 +-
 src/composables/useJsRuntime.ts               |    5 +-
 src/composables/useKv.ts                      |   43 +-
 src/composables/useLifecycle.ts               |   26 +-
 src/composables/useLogs.ts                    |   46 +-
 src/composables/useNodeMetadata.ts            |   15 +-
 src/composables/useOverviewData.ts            |   18 +-
 src/composables/useScreenshot.ts              |   21 +-
 src/composables/useScripts.ts                 |    4 +-
 src/composables/useStaticBucket.ts            |    8 +-
 src/composables/useStaticBucketFile.ts        |   45 +-
 src/composables/useTask.ts                    |   77 +-
 src/composables/useThemeBucketUpload.ts       |   35 +-
 src/composables/useThemeTokenPresets.ts       |   20 +-
 src/composables/useWsConnection.ts            |   23 +-
 src/layout/components/AppMain.vue             |    2 +-
 src/layout/components/DashboardHeader.vue     |   35 +-
 src/layout/components/Sidebar.vue             |   49 +-
 src/layout/components/SidebarItem.vue         |   47 +-
 src/layout/index.vue                          |    6 +-
 src/lib/migration.ts                          |   19 +-
 src/lib/utils.ts                              |    8 +-
 src/locales/en.ts                             |   69 +-
 src/locales/zh_cn.ts                          |   18 +-
 src/main.ts                                   |    8 +-
 src/pages/[...404].vue                        |  181 +++
 src/pages/dashboard/about.vue                 |    5 +-
 src/pages/dashboard/agents.vue                |   75 +-
 src/pages/dashboard/app-panel/[id].vue        |   25 +-
 src/pages/dashboard/app-panel/list.vue        |   54 +-
 src/pages/dashboard/app/[extensionRoute].vue  |   14 +-
 src/pages/dashboard/batch-exec.vue            |    9 +-
 src/pages/dashboard/bucket/[name].vue         |   19 +-
 src/pages/dashboard/cost.vue                  |  199 ++-
 .../dashboard/cron-history/[cronName].vue     |   21 +-
 src/pages/dashboard/cron.vue                  |   31 +-
 src/pages/dashboard/js-runtime.vue            |   13 +-
 src/pages/dashboard/js-runtime/[id].vue       |  561 ++++++---
 src/pages/dashboard/kv.vue                    |   30 +-
 src/pages/dashboard/logs.vue                  |    2 +-
 src/pages/dashboard/map.vue                   |  112 +-
 src/pages/dashboard/node-manage.vue           |    2 +-
 src/pages/dashboard/node/[uuid].vue           |    9 +-
 .../dashboard/node/[uuid]/LatencyView.vue     |  130 +-
 .../node/[uuid]/[extensionRoute].vue          |   17 +-
 src/pages/dashboard/node/[uuid]/latency.vue   |  117 +-
 src/pages/dashboard/node/[uuid]/ping.vue      |    6 +-
 src/pages/dashboard/node/[uuid]/setting.vue   |    8 +-
 src/pages/dashboard/node/[uuid]/status.vue    |   14 +-
 src/pages/dashboard/node/[uuid]/traffic.vue   |   70 +-
 src/pages/dashboard/node/[uuid]/webshell.vue  |   13 +-
 src/pages/dashboard/overview.vue              |  145 ++-
 src/pages/dashboard/scripts.vue               |   18 +-
 .../servers-detail/[backendName].vue          |  209 +++-
 src/pages/dashboard/servers.vue               |   39 +-
 src/pages/dashboard/settings/general.vue      |   47 +-
 src/pages/dashboard/settings/site.vue         |   30 +-
 src/pages/dashboard/static-bucket.vue         |   13 +-
 src/pages/dashboard/theme-management.vue      |   65 +-
 src/pages/dashboard/theme/[name].vue          |   12 +-
 src/pages/dashboard/token.vue                 |   27 +-
 src/pages/dashboard/worker-route-preview.vue  |   24 +-
 src/pages/index.deprecated.vue                |  121 +-
 src/pages/index.vue                           |   42 +-
 .../[uuid].vue}                               |  363 ++++--
 src/router/index.ts                           |    8 +-
 src/router/prefetchPlugin.ts                  | 1096 ++++++++++-------
 src/stores/permission/index.ts                |   21 +-
 src/stores/permission/types.ts                |   52 +-
 src/stores/permission/utils.ts                |  229 ++--
 src/stores/systemSettings.ts                  |   20 +-
 src/stores/theme.ts                           |   10 +-
 src/theme/palettes.ts                         |   30 +-
 src/types/monitoring.ts                       |    8 +-
 src/utils/cookie.ts                           |   20 +-
 src/utils/costSummary.ts                      |  101 +-
 src/utils/groupBy.ts                          |    5 +-
 src/utils/show.ts                             |   12 +-
 src/utils/themeConfig.ts                      |    6 +-
 src/views/dashboard/token/TokenCreateView.vue |   13 +-
 src/views/dashboard/token/TokenDetailView.vue |    2 +-
 src/views/dashboard/token/TokenEditView.vue   |   13 +-
 src/views/dashboard/token/TokenImportView.vue |   13 +-
 src/views/dashboard/token/TokenManageView.vue |    2 +-
 vite.config.ts                                |   12 +-
 355 files changed, 9115 insertions(+), 4227 deletions(-)
 delete mode 100644 .prettierrc.json
 create mode 100644 prettier.config.mjs
 create mode 100644 scripts/typed-router.d.ts/config.ts
 create mode 100644 scripts/typed-router.d.ts/input.ts
 create mode 100644 scripts/typed-router.d.ts/shared.ts
 create mode 100644 src/pages/[...404].vue
 rename src/pages/{server-detail.vue => server-detail/[uuid].vue} (73%)

diff --git a/.prettierrc.json b/.prettierrc.json
deleted file mode 100644
index 1ac19d3d..00000000
--- a/.prettierrc.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-  "$schema": "https://json.schemastore.org/prettierrc",
-  "semi": true,
-  "singleQuote": false,
-  "plugins": [
-    "prettier-plugin-tailwindcss"
-  ],
-  "printWidth": 100
-}
\ No newline at end of file
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
index aecab6cc..a7cea0b0 100644
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -1,6 +1,3 @@
 {
-  "recommendations": [
-    "Vue.volar",
-    "esbenp.prettier-vscode"
-  ]
+  "recommendations": ["Vue.volar"]
 }
diff --git a/package.json b/package.json
index 7d90a18d..20f3290f 100644
--- a/package.json
+++ b/package.json
@@ -5,13 +5,15 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
-    "build": "run-p type-check \"build-only {@}\" --",
+    "build": "run-s generate:typed-router \"build:app {@}\" --",
+    "build:app": "run-p type-check \"build-only {@}\" --",
     "preview": "vite preview",
     "build-only": "vite build",
     "type-check": "vue-tsc --build",
-    "format": "prettier --write src/",
+    "format": "prettier --write .",
     "test": "node --test --experimental-strip-types tests/*.test.ts",
-    "prepare": "husky"
+    "prepare": "husky",
+    "generate:typed-router": "vite build --config scripts/typed-router.d.ts/config.ts"
   },
   "dependencies": {
     "@codemirror/lang-javascript": "^6.2.5",
@@ -23,6 +25,7 @@
     "@tailwindcss/typography": "^0.5.19",
     "@tailwindcss/vite": "^4.1.18",
     "@tanstack/vue-table": "^8.21.3",
+    "@vue/devtools-api": "6.6.4",
     "@types/qrcode": "^1.5.6",
     "@vueuse/core": "^14.2.0",
     "@xterm/addon-fit": "^0.11.0",
@@ -91,4 +94,4 @@
       "prettier --write"
     ]
   }
-}
+}
\ No newline at end of file
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 020f9e06..24d25e33 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -35,6 +35,9 @@ importers:
       '@tanstack/vue-table':
         specifier: ^8.21.3
         version: 8.21.3(vue@3.5.27(typescript@5.9.3))
+      '@vue/devtools-api':
+        specifier: 6.6.4
+        version: 6.6.4
       '@types/qrcode':
         specifier: ^1.5.6
         version: 1.5.6
diff --git a/prettier.config.mjs b/prettier.config.mjs
new file mode 100644
index 00000000..c3661943
--- /dev/null
+++ b/prettier.config.mjs
@@ -0,0 +1,6 @@
+/** @type {import("prettier").Config & import("prettier-plugin-tailwindcss").PluginOptions} */
+export default {
+  plugins: ["prettier-plugin-tailwindcss"],
+  tailwindStylesheet: "./src/style/app.css",
+  tailwindFunctions: ["cn", "clsx", "cva"],
+};
diff --git a/scripts/typed-router.d.ts/config.ts b/scripts/typed-router.d.ts/config.ts
new file mode 100644
index 00000000..080b8191
--- /dev/null
+++ b/scripts/typed-router.d.ts/config.ts
@@ -0,0 +1,13 @@
+import { defineConfig } from "vite";
+import { unpluginVueRouterInstance } from "./shared";
+
+export default defineConfig({
+  plugins: [unpluginVueRouterInstance],
+
+  build: {
+    write: false,
+    rollupOptions: {
+      input: "scripts/typed-router.d.ts/input.ts",
+    },
+  },
+});
diff --git a/scripts/typed-router.d.ts/input.ts b/scripts/typed-router.d.ts/input.ts
new file mode 100644
index 00000000..ff8b4c56
--- /dev/null
+++ b/scripts/typed-router.d.ts/input.ts
@@ -0,0 +1 @@
+export default {};
diff --git a/scripts/typed-router.d.ts/shared.ts b/scripts/typed-router.d.ts/shared.ts
new file mode 100644
index 00000000..29a27caf
--- /dev/null
+++ b/scripts/typed-router.d.ts/shared.ts
@@ -0,0 +1,12 @@
+import unpluginVueRouter from "unplugin-vue-router/vite";
+
+/** 自动路由插件实例 */
+export const unpluginVueRouterInstance = unpluginVueRouter({
+  routesFolder: [
+    {
+      src: "./src/pages",
+      exclude: ["**/__*.vue"],
+    },
+  ],
+  dts: "./src/types/typed-router.d.ts",
+});
diff --git a/src/App.vue b/src/App.vue
index 6503c29f..f0a7dc70 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -6,13 +6,8 @@ import FlickeringGrid from "@/components/ui/flickering-grid/FlickeringGrid.vue";
 import { ref, provide, onMounted, watch } from "vue";
 import { useBackendStore } from "@/composables/useBackendStore";
 import { usePermissionStore } from "@/stores/permission";
-import { getWsConnection } from "@/composables/useWsConnection";
-import { useRouter, useRoute } from "vue-router";
-import RpcDebugPanelDialog from "@/components/rpc-debug-panel/RpcDebugPanelDialog.vue";
 import "@/utils/detectUpdate";
-
-const router = useRouter();
-const route = useRoute();
+import RpcDebugPanelDialog from "@/components/rpc-debug-panel/RpcDebugPanelDialog.vue";
 
 const background = ref<"default" | "flickering">("default");
 
@@ -24,7 +19,7 @@ const setBackground = (val: "default" | "flickering") => {
 provide("background", background);
 provide("setBackground", setBackground);
 
-const { backends, currentBackend } = useBackendStore();
+const { currentBackend } = useBackendStore();
 const permissionStore = usePermissionStore();
 
 onMounted(() => {
@@ -37,37 +32,6 @@ onMounted(() => {
   }
 });
 
-async function ensureBackend() {
-  // Check if we need to force open backend switcher
-  await router.isReady();
-
-  if (backends.value.length === 0) {
-    if (route.name !== "/dashboard/node-manage" || !route.query.fill)
-      router.push({
-        name: "/dashboard/node-manage",
-        query: {
-          fill: "empty",
-          tab: "servers",
-        },
-      });
-  } else if (!route.fullPath.startsWith("/dashboard/")) {
-    // force pathname starts with /dashboard/
-    router.replace({
-      name: "/dashboard/overview",
-    });
-  }
-}
-
-watch(
-  () => route.fullPath,
-  () => {
-    ensureBackend();
-  },
-  {
-    immediate: true,
-  },
-);
-
 watch(
   currentBackend,
   async (backend) => {
diff --git a/src/components/BackendSwitcher.vue b/src/components/BackendSwitcher.vue
index 5cf65737..abb7050f 100644
--- a/src/components/BackendSwitcher.vue
+++ b/src/components/BackendSwitcher.vue
@@ -62,7 +62,8 @@ const isOpen = computed({
   set: (val) => emit("update:open", val),
 });
 
-const { backends, currentBackend, addBackend, removeBackend, selectBackend } = useBackendStore();
+const { backends, currentBackend, addBackend, removeBackend, selectBackend } =
+  useBackendStore();
 const { serverInfo, refreshAll } = useBackendExtra();
 
 const newName = ref(props.initForm.newName);
@@ -206,13 +207,16 @@ watch(
         </DialogDescription>
       </DialogHeader>
 
-      <div class="grid gap-4 py-4" :class="{ 'pointer-events-none opacity-50': isLoading }">
+      <div
+        class="grid gap-4 py-4"
+        :class="{ 'pointer-events-none opacity-50': isLoading }"
+      >
         <!-- 主控列表：仅在 showList !== false 时显示 -->
         <template v-if="showList !== false">
           <div class="flex max-h-[300px] flex-col gap-2 overflow-y-auto">
             <div
               v-if="backends.length === 0"
-              class="text-muted-foreground py-4 text-center text-sm"
+              class="py-4 text-center text-sm text-muted-foreground"
             >
               No backends added. Add one below :D
             </div>
@@ -222,7 +226,8 @@ watch(
               class="flex items-center justify-between rounded-md border p-3"
               :class="{
                 'border-primary bg-primary/5':
-                  currentBackend?.url === backend.url && currentBackend?.token === backend.token,
+                  currentBackend?.url === backend.url &&
+                  currentBackend?.token === backend.token,
               }"
             >
               <div class="mr-4 flex min-w-0 flex-1 flex-col">
@@ -230,22 +235,26 @@ watch(
                   <span class="truncate font-medium">{{ backend.name }}</span>
                   <span
                     v-if="
-                      currentBackend?.url === backend.url && currentBackend?.token === backend.token
+                      currentBackend?.url === backend.url &&
+                      currentBackend?.token === backend.token
                     "
-                    class="bg-primary/10 text-primary rounded-full px-2 py-0.5 text-xs"
+                    class="rounded-full bg-primary/10 px-2 py-0.5 text-xs text-primary"
                     >Active</span
                   >
                 </div>
-                <span class="text-muted-foreground truncate text-xs" :title="backend.url">{{
-                  backend.url
-                }}</span>
+                <span
+                  class="truncate text-xs text-muted-foreground"
+                  :title="backend.url"
+                  >{{ backend.url }}</span
+                >
               </div>
 
               <div class="flex items-center gap-2">
                 <Button
                   v-if="
                     !(
-                      currentBackend?.url === backend.url && currentBackend?.token === backend.token
+                      currentBackend?.url === backend.url &&
+                      currentBackend?.token === backend.token
                     )
                   "
                   size="sm"
@@ -257,7 +266,7 @@ watch(
                   size="icon"
                   variant="ghost"
                   :disabled="backend.name === 'Dev'"
-                  class="text-destructive hover:text-destructive/90 h-8 w-8"
+                  class="h-8 w-8 text-destructive hover:text-destructive/90"
                   @click="handleRemove(backend)"
                 >
                   <Trash2 class="h-4 w-4" />
@@ -270,7 +279,9 @@ watch(
 
         <!-- 添加表单 -->
         <div class="grid gap-4">
-          <span class="text-sm font-medium">{{ t("dashboard.servers.addServer") }}</span>
+          <span class="text-sm font-medium">{{
+            t("dashboard.servers.addServer")
+          }}</span>
           <div class="grid grid-cols-2 gap-4">
             <div class="space-y-2">
               <Label for="name">{{ t("dashboard.servers.fieldName") }}</Label>
@@ -288,22 +299,32 @@ watch(
           </div>
           <div class="grid grid-cols-2 gap-4">
             <div class="space-y-2">
-              <Label for="protocol">{{ t("dashboard.servers.fieldProtocol") }}</Label>
+              <Label for="protocol">{{
+                t("dashboard.servers.fieldProtocol")
+              }}</Label>
               <!-- <Input id="protocol" v-model="newProtocol" placeholder="wss" /> -->
               <Select v-model="newProtocol">
                 <SelectTrigger class="w-full">
                   <SelectValue />
                 </SelectTrigger>
                 <SelectContent>
-                  <SelectItem v-for="item in protocolList" :value="item + ':'">{{
-                    item
-                  }}</SelectItem>
+                  <SelectItem
+                    v-for="item in protocolList"
+                    :value="item + ':'"
+                    >{{ item }}</SelectItem
+                  >
                 </SelectContent>
               </Select>
             </div>
             <div class="space-y-2">
-              <Label for="pathname">{{ t("dashboard.servers.fieldPathname") }}</Label>
-              <Input id="pathname" v-model="newPathname" placeholder="/nodeget/rpc" />
+              <Label for="pathname">{{
+                t("dashboard.servers.fieldPathname")
+              }}</Label>
+              <Input
+                id="pathname"
+                v-model="newPathname"
+                placeholder="/nodeget/rpc"
+              />
             </div>
           </div>
           <div class="space-y-2">
@@ -330,7 +351,9 @@ watch(
             <Loader2 v-if="isLoading" class="mr-2 h-4 w-4 animate-spin" />
             <Plus v-else class="mr-2 h-4 w-4" />
             {{
-              isLoading ? t("dashboard.servers.addServerLoading") : t("dashboard.servers.addServer")
+              isLoading
+                ? t("dashboard.servers.addServerLoading")
+                : t("dashboard.servers.addServer")
             }}
           </RainbowButton>
           <Button v-else disabled variant="outline" class="h-11 rounded-xl">
diff --git a/src/components/FooterView.vue b/src/components/FooterView.vue
index 9479581e..e0e660e0 100644
--- a/src/components/FooterView.vue
+++ b/src/components/FooterView.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import { Github } from "lucide-vue-next";
+import { Github } from 'lucide-vue-next'
 </script>
 
 <template>
-  <footer class="mt-8 border-t py-6 md:py-8">
+  <footer class="border-t py-6 md:py-8 mt-8">
     <div class="container flex flex-col items-center justify-between gap-4 md:h-14 md:flex-row">
-      <p class="text-muted-foreground text-center text-sm leading-loose md:text-left">
+      <p class="text-center text-sm leading-loose text-muted-foreground md:text-left">
         Made with ❤️ by NodeSeekDev
       </p>
       <div class="flex items-center gap-4">
@@ -13,12 +13,13 @@ import { Github } from "lucide-vue-next";
           href="https://github.com/NodeSeekDev/NodeGet"
           target="_blank"
           rel="noreferrer"
-          class="text-muted-foreground hover:text-foreground flex items-center gap-2 text-sm font-medium underline-offset-4 transition-colors hover:underline"
+          class="text-sm font-medium hover:underline underline-offset-4 flex items-center gap-2 text-muted-foreground hover:text-foreground transition-colors"
         >
           <Github class="h-4 w-4" />
           GitHub
         </a>
       </div>
+      
     </div>
   </footer>
 </template>
diff --git a/src/components/HeaderView.vue b/src/components/HeaderView.vue
index cea04006..324c4d51 100644
--- a/src/components/HeaderView.vue
+++ b/src/components/HeaderView.vue
@@ -13,9 +13,9 @@ defineProps<{
 <template>
   <div class="flex items-center justify-between">
     <div class="flex items-center gap-3">
-      <h1 class="animate-pulse text-3xl font-bold tracking-tight">NodeGet</h1>
+      <h1 class="text-3xl font-bold tracking-tight animate-pulse">NodeGet</h1>
     </div>
-    <div class="text-muted-foreground flex items-center gap-2 text-sm">
+    <div class="flex items-center gap-2 text-sm text-muted-foreground">
       <RouterLink :to="{ name: '/dashboard/overview' }">
         <Button variant="ghost" size="icon" title="管理后台">
           <LayoutDashboard class="h-4 w-4" />
@@ -27,11 +27,19 @@ defineProps<{
 
       <Badge
         :variant="
-          status === 'connected' ? 'default' : status === 'connecting' ? 'secondary' : 'destructive'
+          status === 'connected'
+            ? 'default'
+            : status === 'connecting'
+              ? 'secondary'
+              : 'destructive'
         "
       >
         {{
-          status === "connected" ? "Online" : status === "connecting" ? "Connecting..." : "Offline"
+          status === "connected"
+            ? "Online"
+            : status === "connecting"
+              ? "Connecting..."
+              : "Offline"
         }}
       </Badge>
     </div>
diff --git a/src/components/SettingsDialog.vue b/src/components/SettingsDialog.vue
index 59682d53..f849cd9a 100644
--- a/src/components/SettingsDialog.vue
+++ b/src/components/SettingsDialog.vue
@@ -15,7 +15,8 @@ import { Separator } from "@/components/ui/separator";
 import { useThemeStore } from "@/stores/theme";
 
 const background = inject<Ref<"default" | "flickering">>("background");
-const setBackground = inject<(val: "default" | "flickering") => void>("setBackground");
+const setBackground =
+  inject<(val: "default" | "flickering") => void>("setBackground");
 const { locale, t } = useI18n();
 const themeStore = useThemeStore();
 
@@ -66,7 +67,7 @@ const handleBackgroundToggle = () => {
           <Label>{{ t("settings.background") }}</Label>
           <Button
             variant="outline"
-            class="h-12 w-full justify-start gap-3 transition-all duration-300"
+            class="w-full justify-start gap-3 h-12 transition-all duration-300"
             :class="[animatingBackground && 'scale-[1.02]']"
             @click="handleBackgroundToggle"
           >
@@ -89,7 +90,7 @@ const handleBackgroundToggle = () => {
           <Label>{{ t("settings.theme") }}</Label>
           <Button
             variant="outline"
-            class="h-12 w-full justify-start gap-3 transition-all duration-300"
+            class="w-full justify-start gap-3 h-12 transition-all duration-300"
             :class="[animatingTheme && 'scale-[1.02]']"
             @click="handleThemeToggle"
           >
@@ -103,7 +104,9 @@ const handleBackgroundToggle = () => {
               class="h-5 w-5 text-orange-600"
               :class="{ 'animate-spin-once': animatingTheme }"
             />
-            <span class="font-medium">{{ themeStore.isDark ? "Dark" : "Light" }}</span>
+            <span class="font-medium">{{
+              themeStore.isDark ? "Dark" : "Light"
+            }}</span>
           </Button>
         </div>
 
diff --git a/src/components/UPlotChart.vue b/src/components/UPlotChart.vue
index 4b1deb8c..8009ace2 100644
--- a/src/components/UPlotChart.vue
+++ b/src/components/UPlotChart.vue
@@ -377,14 +377,14 @@ watch(
 </script>
 
 <template>
-  <div class="relative h-full w-full">
-    <div ref="chartRef" class="h-full w-full" />
+  <div class="relative w-full h-full">
+    <div ref="chartRef" class="w-full h-full" />
     <Transition name="uplot-loading">
       <div
         v-if="props.loading"
-        class="bg-background/40 absolute inset-0 flex items-center justify-center"
+        class="absolute inset-0 flex items-center justify-center bg-background/40"
       >
-        <Spinner class="text-muted-foreground size-5" />
+        <Spinner class="size-5 text-muted-foreground" />
       </div>
     </Transition>
   </div>
diff --git a/src/components/WebTerminal.vue b/src/components/WebTerminal.vue
index 3a2fb7a3..4fe530e9 100644
--- a/src/components/WebTerminal.vue
+++ b/src/components/WebTerminal.vue
@@ -38,7 +38,9 @@ const emit = defineEmits<{
 
 const wrapperRef = ref<HTMLElement | null>(null);
 const containerRef = ref<HTMLDivElement | null>(null);
-const status = ref<"idle" | "connecting" | "connected" | "disconnected" | "error">("idle");
+const status = ref<
+  "idle" | "connecting" | "connected" | "disconnected" | "error"
+>("idle");
 const statusText = ref("Waiting");
 
 const { isFullscreen, toggle: toggleFullscreen } = useFullscreen(wrapperRef);
@@ -60,7 +62,10 @@ let heartbeatTimer: number | null = null;
 let connectId = 0;
 
 const generateId = (): string => {
-  if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
+  if (
+    typeof crypto !== "undefined" &&
+    typeof crypto.randomUUID === "function"
+  ) {
     return crypto.randomUUID();
   }
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
@@ -77,7 +82,8 @@ const initTerminal = () => {
 
   terminal = new Terminal({
     cursorBlink: true,
-    fontFamily: '"Cascadia Code", Menlo, Monaco, Consolas, "Courier New", monospace',
+    fontFamily:
+      '"Cascadia Code", Menlo, Monaco, Consolas, "Courier New", monospace',
     fontSize: 14,
     theme: {
       background: "#000000",
@@ -213,7 +219,8 @@ const connect = async () => {
   const connectWs = (retryCount = 0) => {
     if (currentId !== connectId) return;
 
-    statusText.value = retryCount > 0 ? `Connecting (Retry ${retryCount})...` : "Connecting";
+    statusText.value =
+      retryCount > 0 ? `Connecting (Retry ${retryCount})...` : "Connecting";
 
     if (retryCount > 0) {
       destroySocket();
@@ -300,14 +307,18 @@ const connect = async () => {
       }
 
       if (!connectionEstablished && retryCount < 4) {
-        terminal?.writeln(`\r\n\x1b[1;33mConnection dropped, retrying in 1s...\x1b[0m`);
+        terminal?.writeln(
+          `\r\n\x1b[1;33mConnection dropped, retrying in 1s...\x1b[0m`,
+        );
         setTimeout(() => connectWs(retryCount + 1), 1000);
         return;
       }
 
       status.value = "disconnected";
       statusText.value = `Disconnected (${event.code})`;
-      terminal?.writeln(`\r\n\x1b[1;31mDisconnected [code: ${event.code}]\x1b[0m`);
+      terminal?.writeln(
+        `\r\n\x1b[1;31mDisconnected [code: ${event.code}]\x1b[0m`,
+      );
       emit("disconnected", event.code);
     };
 
@@ -440,13 +451,16 @@ watch(
 <template>
   <div
     ref="wrapperRef"
-    class="bg-card text-card-foreground relative box-border flex flex-col overflow-hidden rounded-lg border shadow-sm"
+    class="rounded-lg border bg-card text-card-foreground shadow-sm overflow-hidden flex flex-col box-border relative"
     :class="{
-      'fixed inset-0 z-50 h-screen w-screen rounded-none border-0': isWindowFull,
+      'fixed inset-0 z-50 w-screen h-screen rounded-none border-0':
+        isWindowFull,
     }"
   >
-    <div class="bg-muted/30 flex h-11 shrink-0 items-center justify-between border-b px-3">
-      <div class="text-muted-foreground text-sm">
+    <div
+      class="h-11 px-3 border-b bg-muted/30 flex items-center justify-between shrink-0"
+    >
+      <div class="text-sm text-muted-foreground">
         Status: <span class="font-mono">{{ statusText }}</span>
       </div>
       <div class="flex items-center gap-2">
@@ -456,53 +470,71 @@ watch(
           @click="scriptShow = !scriptShow"
           :title="$t('dashboard.webterminal.scripts.name')"
         >
-          <FileTerminal class="h-4 w-4" />
+          <FileTerminal class="w-4 h-4" />
         </Button>
-        <Button size="icon" variant="ghost" @click="toggleWindowFull" title="Toggle Full Window">
-          <Minimize2 v-if="isWindowFull" class="h-4 w-4" />
-          <Maximize2 v-else class="h-4 w-4" />
+        <Button
+          size="icon"
+          variant="ghost"
+          @click="toggleWindowFull"
+          title="Toggle Full Window"
+        >
+          <Minimize2 v-if="isWindowFull" class="w-4 h-4" />
+          <Maximize2 v-else class="w-4 h-4" />
         </Button>
-        <Button size="icon" variant="ghost" @click="toggleFullscreen" title="Toggle Full Screen">
-          <Minimize v-if="isFullscreen" class="h-4 w-4" />
-          <Maximize v-else class="h-4 w-4" />
+        <Button
+          size="icon"
+          variant="ghost"
+          @click="toggleFullscreen"
+          title="Toggle Full Screen"
+        >
+          <Minimize v-if="isFullscreen" class="w-4 h-4" />
+          <Maximize v-else class="w-4 h-4" />
         </Button>
-        <Button size="sm" variant="secondary" @click="connect">Reconnect</Button>
+        <Button size="sm" variant="secondary" @click="connect"
+          >Reconnect</Button
+        >
       </div>
     </div>
     <div
       ref="containerRef"
       class="w-full bg-black"
-      :class="isFullscreen || isWindowFull ? 'h-0 flex-1' : 'h-full'"
+      :class="isFullscreen || isWindowFull ? 'flex-1 h-0' : 'h-full'"
     />
 
     <div
-      class="absolute top-11 right-0 bottom-0 z-1 flex w-[300px] flex-col overflow-hidden rounded-tl-lg rounded-bl-lg bg-white p-4 shadow-sm transition-all duration-300 dark:bg-[#1d1d20]"
+      class="flex flex-col p-4 rounded-tl-lg rounded-bl-lg shadow-sm absolute top-11 bottom-0 right-0 bg-white dark:bg-[#1d1d20] w-[300px] transition-all duration-300 overflow-hidden z-1"
       :class="scriptShow ? 'translate-x-0' : 'translate-x-full'"
     >
       <div
-        class="mb-3 flex items-end justify-between gap-2 text-lg font-semibold text-gray-800 dark:text-white"
+        class="text-lg font-semibold text-gray-800 mb-3 dark:text-white items-end gap-2 justify-between flex"
       >
         <div class="flex items-center">
-          <PanelRightClose @click="scriptShow = false" class="mr-2 h-5 w-5 cursor-pointer" />
+          <PanelRightClose
+            @click="scriptShow = false"
+            class="mr-2 cursor-pointer w-5 h-5"
+          />
           {{ $t("dashboard.webterminal.scripts.name") }}
         </div>
         <label class="flex items-center">
-          <span class="color-gray-500 mr-1 text-sm opacity-60">自动回车</span>
-          <Switch v-model="autoRun" :title="$t('dashboard.webterminal.scripts.autoRun')" />
+          <span class="text-sm color-gray-500 mr-1 opacity-60">自动回车</span>
+          <Switch
+            v-model="autoRun"
+            :title="$t('dashboard.webterminal.scripts.autoRun')"
+          />
         </label>
       </div>
       <div v-if="loading" class="text-gray-500">
         {{ $t("dashboard.webterminal.scripts.loading") }}
       </div>
-      <div v-else class="flex min-h-0 flex-1 flex-wrap gap-2 overflow-auto">
+      <div v-else class="flex flex-wrap gap-2 flex-1 overflow-auto min-h-0">
         <Button
           variant="outline"
-          class="flex h-auto w-full flex-col items-start gap-1 border"
+          class="w-full flex flex-col gap-1 items-start h-auto border"
           v-for="(script, index) in scriptsList"
           @click="codeIn(script.content)"
         >
-          <div class="flex w-full flex-row items-start gap-1">
-            <div class="font-blod flex-1 truncate text-left text-base">
+          <div class="flex flex-row gap-1 items-start w-full">
+            <div class="text-base font-blod flex-1 truncate text-left">
               {{ script.name }}
             </div>
             <div
@@ -510,12 +542,15 @@ watch(
               :title="$t('dashboard.webterminal.scripts.copy')"
               class="cursor-pointer"
             >
-              <Copy class="opacity-50 dark:opacity-65" v-if="script.copyStatus == false"></Copy>
+              <Copy
+                class="opacity-50 dark:opacity-65"
+                v-if="script.copyStatus == false"
+              ></Copy>
               <CopyCheck class="opacity-80" v-else></CopyCheck>
             </div>
           </div>
-          <div class="flex w-full flex-col items-start gap-1 text-left">
-            <div class="w-full truncate text-xs break-words opacity-80">
+          <div class="flex flex-col gap-1 items-start w-full text-left">
+            <div class="truncate text-xs opacity-80 break-words w-full">
               {{ script.content }}
             </div>
           </div>
diff --git a/src/components/WorkInProcessPage.vue b/src/components/WorkInProcessPage.vue
index f488d854..8a4a408b 100644
--- a/src/components/WorkInProcessPage.vue
+++ b/src/components/WorkInProcessPage.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <h1 class="mb-2 text-2xl font-bold">
+    <h1 class="text-2xl font-bold mb-2">
       {{ route.meta.title ? $t(route.meta.title as string) : "" }}
     </h1>
 
diff --git a/src/components/agents/AddAgentDialog.vue b/src/components/agents/AddAgentDialog.vue
index 8715475e..57ce23b6 100644
--- a/src/components/agents/AddAgentDialog.vue
+++ b/src/components/agents/AddAgentDialog.vue
@@ -2,7 +2,13 @@
 import { ref, computed, watch, onUnmounted } from "vue";
 import { useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
-import { Loader2, CircleCheckBig, RefreshCw, Copy, Check } from "lucide-vue-next";
+import {
+  Loader2,
+  CircleCheckBig,
+  RefreshCw,
+  Copy,
+  Check,
+} from "lucide-vue-next";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Checkbox } from "@/components/ui/checkbox";
@@ -127,7 +133,9 @@ getDbLimit();
 const loadCrons = async () => {
   if (!currentBackendInfo.value) return;
   try {
-    const cv = await listCrons().then((r) => r.filter((c) => "agent" in c.cron_type));
+    const cv = await listCrons().then((r) =>
+      r.filter((c) => "agent" in c.cron_type),
+    );
     cv.sort((a, b) => (a.name > b.name ? -1 : 1));
     cronList.value = cv;
     // 加载上次保存的选择
@@ -138,7 +146,10 @@ const loadCrons = async () => {
 };
 
 const isAllCronsSelected = () => {
-  return cronList.value.length > 0 && selectedCronIds.value.size === cronList.value.length;
+  return (
+    cronList.value.length > 0 &&
+    selectedCronIds.value.size === cronList.value.length
+  );
 };
 
 const toggleSelectAllCrons = () => {
@@ -160,9 +171,10 @@ const checkOnline = async () => {
   if (!currentBackendInfo.value) return;
   try {
     const conn = getWsConnection(currentBackendInfo.value.url);
-    const result = await conn.call<{ uuids: string[] }>("nodeget-server_list_all_agent_uuid", {
-      token: currentBackendInfo.value.token,
-    });
+    const result = await conn.call<{ uuids: string[] }>(
+      "nodeget-server_list_all_agent_uuid",
+      { token: currentBackendInfo.value.token },
+    );
     if (result?.uuids?.includes(nodeUuid.value)) {
       stopPolling();
       const formatMinute = (t: typeof dynamicRetention) => {
@@ -175,7 +187,9 @@ const checkOnline = async () => {
       await afterAgentCreate(nodeUuid.value, {
         cronList: cronList.value.filter((v) => selectedCronIds.value.has(v.id)),
         databaseLimit: {
-          database_limit_dynamic_monitoring_summary: formatMinute(dynamicSummaryRetention),
+          database_limit_dynamic_monitoring_summary: formatMinute(
+            dynamicSummaryRetention,
+          ),
           database_limit_dynamic_monitoring: formatMinute(dynamicRetention),
           database_limit_static_monitoring: formatMinute(staticRetention),
           database_limit_task: formatMinute(agentTaskRetention),
@@ -225,7 +239,9 @@ const installScript = computed(() => {
   const uuid = nodeUuid.value || "{AGENT_UUID}";
   const token = generatedToken.value || "{TOKEN}";
   const serverWs =
-    currentBackendInfo.value?.agentConfigWsUrl || currentBackendInfo.value?.url || "{Server_WS}";
+    currentBackendInfo.value?.agentConfigWsUrl ||
+    currentBackendInfo.value?.url ||
+    "{Server_WS}";
   const serverName = currentBackendInfo.value?.name || "{Server_NAME}";
   return `bash <(curl -sL ${import.meta.env.VITE_INSTALL_URL}) install-agent  \\
   --agent-id "${uuid}" \\
@@ -317,7 +333,9 @@ const steps = [
 
 <template>
   <Dialog v-model:open="open">
-    <DialogContent class="max-h-[80vh] grid-rows-[auto_1fr_auto] p-0 sm:max-w-xl">
+    <DialogContent
+      class="max-h-[80vh] grid-rows-[auto_1fr_auto] p-0 sm:max-w-xl"
+    >
       <DialogHeader class="px-6 pt-6 pb-2">
         <DialogTitle>{{ t("dashboard.agents.addTitle") }}</DialogTitle>
         <DialogDescription>
@@ -327,11 +345,17 @@ const steps = [
               <div class="flex items-center gap-1.5">
                 <div
                   class="size-2 rounded-full transition-colors"
-                  :class="step >= s.key ? 'bg-primary' : 'bg-muted-foreground/30'"
+                  :class="
+                    step >= s.key ? 'bg-primary' : 'bg-muted-foreground/30'
+                  "
                 />
                 <span
                   class="text-xs"
-                  :class="step >= s.key ? 'text-foreground font-medium' : 'text-muted-foreground'"
+                  :class="
+                    step >= s.key
+                      ? 'font-medium text-foreground'
+                      : 'text-muted-foreground'
+                  "
                 >
                   {{ t(`dashboard.agents.${s.label}`) }}
                 </span>
@@ -385,7 +409,9 @@ const steps = [
         <div v-if="step === 2" class="space-y-4 py-2">
           <div class="space-y-2">
             <div class="flex items-center justify-between">
-              <Label class="text-base">{{ t("dashboard.agents.cronSection") }}</Label>
+              <Label class="text-base">{{
+                t("dashboard.agents.cronSection")
+              }}</Label>
               <Button
                 v-if="cronList.length > 0"
                 variant="ghost"
@@ -399,11 +425,18 @@ const steps = [
                 }}
               </Button>
             </div>
-            <div v-if="cronList.length === 0" class="text-muted-foreground py-2 text-sm">
+            <div
+              v-if="cronList.length === 0"
+              class="py-2 text-sm text-muted-foreground"
+            >
               -- 暂无Agent定时任务 --
             </div>
             <div v-else class="max-h-40 space-y-2 overflow-y-auto">
-              <div v-for="cron in cronList" :key="cron.id" class="flex items-center gap-2">
+              <div
+                v-for="cron in cronList"
+                :key="cron.id"
+                class="flex items-center gap-2"
+              >
                 <Checkbox
                   :id="`cron-${cron.id}`"
                   :model-value="selectedCronIds.has(cron.id)"
@@ -419,7 +452,7 @@ const steps = [
                   class="flex cursor-pointer items-center gap-2 select-none"
                 >
                   <span class="text-sm">{{ cron.name }}</span>
-                  <span class="text-muted-foreground font-mono text-xs">
+                  <span class="font-mono text-xs text-muted-foreground">
                     {{ cron.cron_expression }}
                   </span>
                 </label>
@@ -428,7 +461,9 @@ const steps = [
           </div>
 
           <div class="space-y-3">
-            <Label class="text-base">{{ t("dashboard.agents.storageSection") }}</Label>
+            <Label class="text-base">{{
+              t("dashboard.agents.storageSection")
+            }}</Label>
 
             <div class="flex items-center justify-between gap-4">
               <span class="text-sm">
@@ -441,7 +476,7 @@ const steps = [
                   class="w-38"
                   @update:model-value="dynamicSummaryRetention = $event"
                 />
-                <span class="text-muted-foreground text-sm whitespace-nowrap">
+                <span class="text-sm whitespace-nowrap text-muted-foreground">
                   {{ t("dashboard.agents.minuteUnit") }}
                 </span>
               </div>
@@ -457,7 +492,7 @@ const steps = [
                   class="w-38"
                   @update:model-value="dynamicRetention = $event"
                 />
-                <span class="text-muted-foreground text-sm whitespace-nowrap">
+                <span class="text-sm whitespace-nowrap text-muted-foreground">
                   {{ t("dashboard.agents.minuteUnit") }}
                 </span>
               </div>
@@ -474,7 +509,7 @@ const steps = [
                   class="w-38"
                   @update:model-value="staticRetention = $event"
                 />
-                <span class="text-muted-foreground text-sm whitespace-nowrap">
+                <span class="text-sm whitespace-nowrap text-muted-foreground">
                   {{ t("dashboard.agents.minuteUnit") }}
                 </span>
               </div>
@@ -490,14 +525,14 @@ const steps = [
                   class="w-38"
                   @update:model-value="agentTaskRetention = $event"
                 />
-                <span class="text-muted-foreground text-sm whitespace-nowrap">
+                <span class="text-sm whitespace-nowrap text-muted-foreground">
                   {{ t("dashboard.agents.minuteUnit") }}
                 </span>
               </div>
             </div>
           </div>
 
-          <p class="text-muted-foreground text-xs">
+          <p class="text-xs text-muted-foreground">
             {{ t("dashboard.agents.storageHint") }}
           </p>
         </div>
@@ -508,7 +543,7 @@ const steps = [
             <h3 class="text-base font-medium">
               {{ t("dashboard.agents.installTitle") }}
             </h3>
-            <p class="text-muted-foreground text-sm">
+            <p class="text-sm text-muted-foreground">
               {{ t("dashboard.agents.installSubtitle") }}
             </p>
           </div>
@@ -516,11 +551,11 @@ const steps = [
             <button
               type="button"
               @click="copyInstallScript"
-              class="border-border/50 bg-background/80 hover:border-border hover:bg-background absolute top-2 right-2 z-10 rounded-md border p-1.5 transition-colors"
+              class="absolute top-2 right-2 z-10 rounded-md border border-border/50 bg-background/80 p-1.5 transition-colors hover:border-border hover:bg-background"
               :title="isCopied ? 'Copied!' : 'Copy to clipboard'"
             >
               <Check v-if="isCopied" class="h-4 w-4 text-green-500" />
-              <Copy v-else class="text-muted-foreground h-4 w-4" />
+              <Copy v-else class="h-4 w-4 text-muted-foreground" />
             </button>
             <Codemirror
               :model-value="installScript"
@@ -529,13 +564,16 @@ const steps = [
               :style="{ minHeight: '120px' }"
             />
           </div>
-          <p class="text-muted-foreground text-xs">
+          <p class="text-xs text-muted-foreground">
             {{ t("dashboard.agents.onlineHint") }}
           </p>
         </div>
 
         <!-- Step 4: 完成 -->
-        <div v-if="step === 4" class="flex flex-col items-center justify-center gap-4 py-8">
+        <div
+          v-if="step === 4"
+          class="flex flex-col items-center justify-center gap-4 py-8"
+        >
           <CircleCheckBig class="h-16 w-16 text-green-500" />
           <h3 class="text-xl font-semibold">
             {{ t("dashboard.agents.completed") }}
diff --git a/src/components/agents/ShowAgentCommandDialog.vue b/src/components/agents/ShowAgentCommandDialog.vue
index 08458372..acad5a26 100644
--- a/src/components/agents/ShowAgentCommandDialog.vue
+++ b/src/components/agents/ShowAgentCommandDialog.vue
@@ -2,7 +2,13 @@
 import { ref, computed, watch, onMounted, onUnmounted } from "vue";
 import { useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
-import { Loader2, CircleCheckBig, RefreshCw, Copy, Check } from "lucide-vue-next";
+import {
+  Loader2,
+  CircleCheckBig,
+  RefreshCw,
+  Copy,
+  Check,
+} from "lucide-vue-next";
 import { Button } from "@/components/ui/button";
 import {
   Dialog,
@@ -18,7 +24,10 @@ import { StreamLanguage } from "@codemirror/language";
 import { oneDark } from "@codemirror/theme-one-dark";
 import { useThemeStore } from "@/stores/theme";
 import { getWsConnection } from "@/composables/useWsConnection";
-import { useTask, type CreateTaskBlockingResponse } from "@/composables/useTask";
+import {
+  useTask,
+  type CreateTaskBlockingResponse,
+} from "@/composables/useTask";
 import { useBackendExtra } from "@/composables/useBackendExtra";
 import { reGenerateToken } from "@/components/agents/generateToken";
 import { toast } from "vue-sonner";
@@ -66,9 +75,10 @@ const checkOnline = async () => {
   if (!currentBackendInfo.value) return;
   try {
     const conn = getWsConnection(currentBackendInfo.value.url);
-    const result = await conn.call<{ uuids: string[] }>("nodeget-server_list_all_agent_uuid", {
-      token: currentBackendInfo.value.token,
-    });
+    const result = await conn.call<{ uuids: string[] }>(
+      "nodeget-server_list_all_agent_uuid",
+      { token: currentBackendInfo.value.token },
+    );
     const version = await createVersionTask(props.uuid, true, 1500);
     isOnline.value = (version as CreateTaskBlockingResponse).success;
   } catch {
@@ -107,7 +117,9 @@ const installScript = computed(() => {
   const uuid = props.uuid || "{AGENT_UUID}";
   const token = generatedToken.value || "{TOKEN}";
   const serverWs =
-    currentBackendInfo.value?.agentConfigWsUrl || currentBackendInfo.value?.url || "{Server_WS}";
+    currentBackendInfo.value?.agentConfigWsUrl ||
+    currentBackendInfo.value?.url ||
+    "{Server_WS}";
   const serverName = currentBackendInfo.value?.name || "{Server_NAME}";
   return `bash <(curl -sL ${import.meta.env.VITE_INSTALL_URL}) install-agent  \\
   --agent-id "${uuid}" \\
@@ -128,7 +140,9 @@ onUnmounted(stopPolling);
 
 <template>
   <Dialog v-model:open="open">
-    <DialogContent class="max-h-[80vh] grid-rows-[auto_1fr_auto] p-0 sm:max-w-xl">
+    <DialogContent
+      class="max-h-[80vh] grid-rows-[auto_1fr_auto] p-0 sm:max-w-xl"
+    >
       <DialogHeader class="px-6 pt-6 pb-2">
         <DialogTitle>{{ t("dashboard.agents.addTitle") }}</DialogTitle>
         <DialogDescription>
@@ -142,7 +156,7 @@ onUnmounted(stopPolling);
             <h3 class="text-base font-medium">
               {{ t("dashboard.agents.installTitle") }}
             </h3>
-            <p class="text-muted-foreground text-sm">
+            <p class="text-sm text-muted-foreground">
               {{ t("dashboard.agents.installSubtitle") }}
             </p>
           </div>
@@ -150,11 +164,11 @@ onUnmounted(stopPolling);
             <button
               type="button"
               @click="copyInstallScript"
-              class="border-border/50 bg-background/80 hover:border-border hover:bg-background absolute top-2 right-2 z-10 rounded-md border p-1.5 transition-colors"
+              class="absolute top-2 right-2 z-10 rounded-md border border-border/50 bg-background/80 p-1.5 transition-colors hover:border-border hover:bg-background"
               :title="isCopied ? 'Copied!' : 'Copy to clipboard'"
             >
               <Check v-if="isCopied" class="h-4 w-4 text-green-500" />
-              <Copy v-else class="text-muted-foreground h-4 w-4" />
+              <Copy v-else class="h-4 w-4 text-muted-foreground" />
             </button>
             <Codemirror
               :model-value="installScript"
@@ -163,12 +177,15 @@ onUnmounted(stopPolling);
               :style="{ minHeight: '120px' }"
             />
           </div>
-          <p class="text-muted-foreground text-xs">
+          <p class="text-xs text-muted-foreground">
             定时器每3秒检查一次agent是否在线，运行后请耐心等待agent上线
           </p>
         </div>
 
-        <div class="flex flex-col items-center justify-center gap-4 py-8" v-if="isOnline">
+        <div
+          class="flex flex-col items-center justify-center gap-4 py-8"
+          v-if="isOnline"
+        >
           <CircleCheckBig class="h-16 w-16 text-green-500" />
           <h3 class="text-xl font-semibold">
             {{ t("dashboard.agents.completed") }}
diff --git a/src/components/agents/generateToken.ts b/src/components/agents/generateToken.ts
index f6065fc1..fcccf389 100644
--- a/src/components/agents/generateToken.ts
+++ b/src/components/agents/generateToken.ts
@@ -28,7 +28,10 @@ function makeTokenObject(nodeUuid: string) {
 }
 
 // 预生成 token
-export async function preGenerateToken(nodeUuid: string, backend = currentBackend) {
+export async function preGenerateToken(
+  nodeUuid: string,
+  backend = currentBackend,
+) {
   if (!backend.value) return;
   try {
     const result = await getWsConnection(backend.value.url).call<{
@@ -46,7 +49,10 @@ export async function preGenerateToken(nodeUuid: string, backend = currentBacken
   }
 }
 
-export async function reGenerateToken(nodeUuid: string, backend = currentBackend) {
+export async function reGenerateToken(
+  nodeUuid: string,
+  backend = currentBackend,
+) {
   if (!backend.value) return;
   try {
     try {
@@ -65,7 +71,10 @@ export async function reGenerateToken(nodeUuid: string, backend = currentBackend
   }
 }
 
-export async function upgradeTokenLimit(nodeUuid: string, backend = currentBackend) {
+export async function upgradeTokenLimit(
+  nodeUuid: string,
+  backend = currentBackend,
+) {
   if (!backend.value) return;
   const rpc = makeRpcFunction();
   try {
diff --git a/src/components/batch-exec/CodeCard.vue b/src/components/batch-exec/CodeCard.vue
index af097060..31d7de2a 100644
--- a/src/components/batch-exec/CodeCard.vue
+++ b/src/components/batch-exec/CodeCard.vue
@@ -30,24 +30,30 @@ const codeProxy = computed({
 <template>
   <Card>
     <CardHeader>
-      <CardTitle class="flex items-center justify-between">
+      <CardTitle class="flex justify-between items-center">
         <div class="flex items-center gap-2">
           <Code class="h-5 w-5" />{{ $t("dashboard.batchExec.codeInputLabel") }}
         </div>
         <label class="flex items-center">
-          <span class="color-gray-500 mr-1 text-sm opacity-60">{{
+          <span class="text-sm color-gray-500 mr-1 opacity-60">{{
             $t("dashboard.batchExec.codeTips")
           }}</span>
-          <Switch v-model="codeTips" :title="$t('dashboard.batchExec.codeTips')" />
+          <Switch
+            v-model="codeTips"
+            :title="$t('dashboard.batchExec.codeTips')"
+          />
         </label>
       </CardTitle>
     </CardHeader>
     <CardContent>
       <CodeCard v-model="codeProxy" :codeTips="codeTips" />
-      <div class="mt-1 flex items-center justify-end gap-2">
-        <Button @click="emits('openScriptsSelect')" variant="outline" class="w-full md:w-auto">{{
-          $t("dashboard.batchExec.scriptsSelect")
-        }}</Button>
+      <div class="flex gap-2 mt-1 items-center justify-end">
+        <Button
+          @click="emits('openScriptsSelect')"
+          variant="outline"
+          class="w-full md:w-auto"
+          >{{ $t("dashboard.batchExec.scriptsSelect") }}</Button
+        >
       </div>
     </CardContent>
   </Card>
diff --git a/src/components/batch-exec/ResultCard.vue b/src/components/batch-exec/ResultCard.vue
index 1e871100..f2f164a2 100644
--- a/src/components/batch-exec/ResultCard.vue
+++ b/src/components/batch-exec/ResultCard.vue
@@ -16,7 +16,7 @@ const toggleExpandAll = () => {
 <template>
   <Card>
     <CardHeader>
-      <CardTitle class="flex w-full items-center justify-between">
+      <CardTitle class="flex items-center justify-between w-full">
         <div class="flex items-center gap-2">
           <CheckCircle class="h-5 w-5" />{{ $t("dashboard.batchExec.results") }}
         </div>
@@ -33,7 +33,11 @@ const toggleExpandAll = () => {
       </CardTitle>
     </CardHeader>
     <CardContent>
-      <ExecResultCard :result="result" :nodes="nodes" :expanded-all="expandedAll" />
+      <ExecResultCard
+        :result="result"
+        :nodes="nodes"
+        :expanded-all="expandedAll"
+      />
     </CardContent>
   </Card>
 </template>
diff --git a/src/components/batch-exec/SelectNodesCard.vue b/src/components/batch-exec/SelectNodesCard.vue
index 839466a4..a073da5d 100644
--- a/src/components/batch-exec/SelectNodesCard.vue
+++ b/src/components/batch-exec/SelectNodesCard.vue
@@ -53,17 +53,23 @@ const selectedProxy = computed({
       </CardTitle>
     </CardHeader>
     <CardContent class="flex flex-col items-end space-y-4">
-      <SelectNodes :nodes="nodes" v-model:selected="selectedProxy" class="w-full" />
-      <div class="flex w-full flex-col items-end gap-1 md:flex-row">
-        <div class="w-full text-right text-xs text-gray-400 md:text-left">
+      <SelectNodes
+        :nodes="nodes"
+        v-model:selected="selectedProxy"
+        class="w-full"
+      />
+      <div class="w-full flex flex-col gap-1 items-end md:flex-row">
+        <div class="text-gray-400 text-xs text-right w-full md:text-left">
           {{
             $t("dashboard.batchExec.totalNodesCount", {
               count: selected.length,
             })
           }}
         </div>
-        <div class="flex w-full flex-col justify-end gap-1 md:flex-row md:items-end">
-          <div class="text-xs text-gray-400">
+        <div
+          class="w-full flex flex-col gap-1 flex-col md:flex-row justify-end md:items-end"
+        >
+          <div class="text-gray-400 text-xs">
             {{ $t("dashboard.batchExec.cmd") }}
           </div>
           <div class="w-full md:w-30">
@@ -72,12 +78,22 @@ const selectedProxy = computed({
                 <SelectValue />
               </SelectTrigger>
               <SelectContent>
-                <SelectItem v-for="item in cmdList" :value="item">{{ item }}</SelectItem>
+                <SelectItem v-for="item in cmdList" :value="item">{{
+                  item
+                }}</SelectItem>
               </SelectContent>
             </Select>
           </div>
-          <Button class="w-full md:w-auto" :disabled="runStatus" @click="$emit('run')">
-            {{ runStatus ? $t("dashboard.batchExec.running") : $t("dashboard.batchExec.run") }}
+          <Button
+            class="w-full md:w-auto"
+            :disabled="runStatus"
+            @click="$emit('run')"
+          >
+            {{
+              runStatus
+                ? $t("dashboard.batchExec.running")
+                : $t("dashboard.batchExec.run")
+            }}
           </Button>
         </div>
       </div>
diff --git a/src/components/batch-exec/widgets/Code.vue b/src/components/batch-exec/widgets/Code.vue
index c9a12f4c..2695675e 100644
--- a/src/components/batch-exec/widgets/Code.vue
+++ b/src/components/batch-exec/widgets/Code.vue
@@ -112,17 +112,21 @@ onMounted(async () => {
   <div class="text-muted-foreground relative flex flex-col md:flex-row">
     <Textarea
       v-model="code"
-      class="flex-1 resize-none font-mono text-sm"
+      class="font-mono text-sm flex-1 resize-none"
       :placeholder="$t('dashboard.batchExec.enterCode')"
       ref="textareaRef"
       :rows="6"
     />
     <div
-      class="mt-2 ml-0 flex w-full flex-col space-y-1 overflow-auto rounded-md border border-gray-200 p-2 text-xs md:mt-0 md:ml-4 md:w-50"
+      class="space-y-1 md:w-50 w-full ml-0 md:ml-4 mt-2 md:mt-0 text-xs overflow-auto border border-gray-200 p-2 rounded-md flex flex-col"
       :style="{ height: warningHeight }"
       v-if="codeTips"
     >
-      <div v-for="(w, idx) in allWarnings" :key="idx" :class="levelStyles[w.text.type]">
+      <div
+        v-for="(w, idx) in allWarnings"
+        :key="idx"
+        :class="levelStyles[w.text.type]"
+      >
         Line {{ w.line }} : {{ w.text.text }}
       </div>
     </div>
diff --git a/src/components/batch-exec/widgets/ExecResult.vue b/src/components/batch-exec/widgets/ExecResult.vue
index 0685012f..a4865572 100644
--- a/src/components/batch-exec/widgets/ExecResult.vue
+++ b/src/components/batch-exec/widgets/ExecResult.vue
@@ -74,18 +74,22 @@ watch(
   <div class="text-muted-foreground flex flex-col gap-1">
     <div
       v-if="props.result.length === 0"
-      class="flex h-20 w-full items-center justify-center space-x-2 p-4"
+      class="flex items-center justify-center space-x-2 p-4 w-full h-20"
     >
       <div class="text-center">{{ $t("dashboard.batchExec.waitToRun") }}</div>
     </div>
-    <div v-for="node in props.result" :key="node.uuid" class="rounded-md border p-2">
+    <div
+      v-for="node in props.result"
+      :key="node.uuid"
+      class="border rounded-md p-2"
+    >
       <div
-        class="flex cursor-pointer flex-row items-center gap-2 select-none"
-        :class="expandedMap[node.uuid] ? 'mb-2 border-b pb-2' : ''"
+        class="flex flex-row gap-2 items-center cursor-pointer select-none"
+        :class="expandedMap[node.uuid] ? 'border-b pb-2 mb-2' : ''"
         @click="toggleItem(node.uuid)"
       >
         <ChevronRight
-          class="h-4 w-4 transition-transform duration-200"
+          class="w-4 h-4 transition-transform duration-200"
           :class="{ 'rotate-90': expandedMap[node.uuid] }"
         />
         <div>
@@ -98,7 +102,7 @@ watch(
 
       <pre
         v-show="expandedMap[node.uuid]"
-        class="max-h-[300px] overflow-auto rounded bg-black p-4 font-mono text-green-400 shadow-lg"
+        class="bg-black text-green-400 font-mono p-4 rounded overflow-auto shadow-lg max-h-[300px]"
         :key="`${node.uuid}-${node.status}`"
       >
         {{
diff --git a/src/components/batch-exec/widgets/ScriptsSelectDialog.vue b/src/components/batch-exec/widgets/ScriptsSelectDialog.vue
index d9d0def7..03609057 100644
--- a/src/components/batch-exec/widgets/ScriptsSelectDialog.vue
+++ b/src/components/batch-exec/widgets/ScriptsSelectDialog.vue
@@ -79,26 +79,30 @@ const pickScript = (script: Script) => {
         </div>
         <div class="space-y-1.5">
           <Label>{{ t("dashboard.batchExec.scripts.search") }}</Label>
-          <div class="flex h-[20vh] flex-col gap-1 overflow-y-auto">
+          <div class="flex flex-col gap-1 h-[20vh] overflow-y-auto">
             <Button
-              :variant="selectScript.name == script.name ? 'default' : 'outline'"
-              class="flex h-auto flex-col items-start gap-1 border"
+              :variant="
+                selectScript.name == script.name ? 'default' : 'outline'
+              "
+              class="flex flex-col gap-1 items-start h-auto border"
               v-for="script in scripts"
               @click="pickScript(script)"
             >
-              <div class="flex flex-row items-start gap-1">
-                <div class="font-blod text-base">{{ script.name }}</div>
+              <div class="flex flex-row gap-1 items-start">
+                <div class="text-base font-blod">{{ script.name }}</div>
                 <div>
                   <Badge
-                    class="font-mono text-xs"
-                    :variant="selectScript.name == script.name ? 'secondary' : 'outline'"
+                    class="text-xs font-mono"
+                    :variant="
+                      selectScript.name == script.name ? 'secondary' : 'outline'
+                    "
                   >
                     {{ script.lang }}
                   </Badge>
                 </div>
               </div>
-              <div class="flex w-full flex-col items-start gap-1 text-left">
-                <div class="w-full truncate text-xs break-words opacity-80">
+              <div class="flex flex-col gap-1 items-start w-full text-left">
+                <div class="truncate text-xs opacity-80 break-words w-full">
                   {{ script.content }}
                 </div>
               </div>
diff --git a/src/components/batch-exec/widgets/SelectNodes.vue b/src/components/batch-exec/widgets/SelectNodes.vue
index 20ae2724..9b5dfd8a 100644
--- a/src/components/batch-exec/widgets/SelectNodes.vue
+++ b/src/components/batch-exec/widgets/SelectNodes.vue
@@ -85,7 +85,8 @@ const filteredNodes = computed(() => {
   const text = searchText.value.trim().toLowerCase();
   return props.nodes.filter((node) => {
     const matchesText =
-      node.name.toLowerCase().includes(text) || node.uuid.toLowerCase().includes(text);
+      node.name.toLowerCase().includes(text) ||
+      node.uuid.toLowerCase().includes(text);
     const matchesTag = tag.value === "all" || node.tags.includes(tag.value);
     return matchesText && matchesTag;
   });
@@ -96,29 +97,38 @@ const filteredNodes = computed(() => {
   <div>
     <div
       v-if="props.nodes.length === 0"
-      class="bg-background/60 absolute inset-0 z-50 flex h-full w-full items-center justify-center space-x-2 p-4"
+      class="flex items-center justify-center space-x-2 p-4 w-full h-full absolute inset-0 bg-background/60 z-50"
     >
-      <Loader2 class="h-6 w-6 animate-spin text-gray-500" />
+      <Loader2 class="w-6 h-6 animate-spin text-gray-500" />
       <span class="text-gray-500">Loading...</span>
     </div>
-    <div class="mb-2 flex flex-col items-center justify-between gap-1 md:flex-row">
-      <div class="flex w-full flex-col gap-1 md:w-auto md:flex-row">
+    <div
+      class="flex flex-col md:flex-row gap-1 items-center justify-between mb-2"
+    >
+      <div class="flex flex-col md:flex-row w-full md:w-auto gap-1">
         <div class="flex-1 md:w-32">
           <Select v-model="tag">
             <SelectTrigger class="w-full">
               <SelectValue />
             </SelectTrigger>
             <SelectContent>
-              <SelectItem value="all">{{ $t("dashboard.batchExec.selectTag") }}</SelectItem>
-              <SelectItem v-for="item in tags" :value="item">{{ item }}</SelectItem>
+              <SelectItem value="all">{{
+                $t("dashboard.batchExec.selectTag")
+              }}</SelectItem>
+              <SelectItem v-for="item in tags" :value="item">{{
+                item
+              }}</SelectItem>
             </SelectContent>
           </Select>
         </div>
         <div class="flex-1 md:w-60">
-          <Input v-model="searchText" :placeholder="$t('dashboard.batchExec.searchNodesTips')" />
+          <Input
+            v-model="searchText"
+            :placeholder="$t('dashboard.batchExec.searchNodesTips')"
+          />
         </div>
       </div>
-      <div class="flex w-full items-center justify-end gap-1 md:w-auto">
+      <div class="flex items-center justify-end w-full md:w-auto gap-1">
         <div class="flex-1">
           <Button @click="pickAll()" class="w-full">{{
             $t("dashboard.batchExec.selectAll")
@@ -130,12 +140,12 @@ const filteredNodes = computed(() => {
           }}</Button>
         </div>
         <div
-          class="hidden h-6 w-6 cursor-pointer md:block"
+          class="cursor-pointer w-6 h-6 hidden md:block"
           @click="showFunction = !showFunction"
           :title="$t('dashboard.batchExec.toggleArrangementMode')"
         >
-          <LayoutGrid class="h-6 w-6 text-gray-500" v-if="showFunction" />
-          <StretchHorizontal class="h-6 w-6 text-gray-500" v-else />
+          <LayoutGrid class="w-6 h-6 text-gray-500" v-if="showFunction" />
+          <StretchHorizontal class="w-6 h-6 text-gray-500" v-else />
         </div>
       </div>
     </div>
@@ -144,7 +154,7 @@ const filteredNodes = computed(() => {
       class="max-h-50 overflow-auto"
       :class="
         showFunction
-          ? 'grid grid-cols-1 gap-1 md:grid-cols-3 xl:grid-cols-4'
+          ? 'grid grid-cols-1 md:grid-cols-3 xl:grid-cols-4 gap-1'
           : 'flex flex-col space-y-1'
       "
     >
@@ -155,9 +165,9 @@ const filteredNodes = computed(() => {
         class="h-16 text-left whitespace-normal"
         @click="pickNode(node.uuid)"
       >
-        <div class="flex w-full flex-col items-start">
-          <p class="w-full truncate font-medium">{{ node.name }}</p>
-          <p class="w-full truncate text-xs break-words opacity-80">
+        <div class="flex flex-col items-start w-full">
+          <p class="truncate font-medium w-full">{{ node.name }}</p>
+          <p class="truncate text-xs opacity-80 break-words w-full">
             {{ node.uuid }}
           </p>
         </div>
diff --git a/src/components/cron/CronFormDialog.vue b/src/components/cron/CronFormDialog.vue
index 8fd23cac..ac1a421f 100644
--- a/src/components/cron/CronFormDialog.vue
+++ b/src/components/cron/CronFormDialog.vue
@@ -98,7 +98,11 @@ const normalizeCronExpression = (value: string) => {
   return tokens.join(" ");
 };
 
-const validateCronSegment = (segment: string, min: number, max: number): boolean => {
+const validateCronSegment = (
+  segment: string,
+  min: number,
+  max: number,
+): boolean => {
   if (segment === "*" || segment === "?") return true;
   if (/^\d+$/.test(segment)) {
     const value = Number(segment);
@@ -106,11 +110,15 @@ const validateCronSegment = (segment: string, min: number, max: number): boolean
   }
   if (/^\*\/\d+$/.test(segment)) return Number(segment.slice(2)) > 0;
   if (/^\d+\/\d+$/.test(segment)) {
-    const [start = Number.NaN, step = Number.NaN] = segment.split("/").map(Number);
+    const [start = Number.NaN, step = Number.NaN] = segment
+      .split("/")
+      .map(Number);
     return start >= min && start <= max && step > 0;
   }
   if (/^\d+-\d+$/.test(segment)) {
-    const [start = Number.NaN, end = Number.NaN] = segment.split("-").map(Number);
+    const [start = Number.NaN, end = Number.NaN] = segment
+      .split("-")
+      .map(Number);
     return start >= min && end <= max && start <= end;
   }
   if (/^\d+(,\d+)+$/.test(segment)) {
@@ -186,7 +194,9 @@ const getCronValidationMessage = (value: string) => {
   const tokens = normalized.split(" ");
   if (tokens.length !== 6) {
     return (
-      t("dashboard.cron.expressionFieldCount") + " " + t("dashboard.cron.expressionFormatHint")
+      t("dashboard.cron.expressionFieldCount") +
+      " " +
+      t("dashboard.cron.expressionFormatHint")
     );
   }
 
@@ -210,7 +220,8 @@ const getCronValidationMessage = (value: string) => {
 };
 
 const describeCronSegment = (segment: string, fieldLabel: string) => {
-  if (segment === "*") return t("dashboard.cron.expressionEveryField", { field: fieldLabel });
+  if (segment === "*")
+    return t("dashboard.cron.expressionEveryField", { field: fieldLabel });
   if (segment === "?")
     return t("dashboard.cron.expressionUnspecifiedField", {
       field: fieldLabel,
@@ -254,7 +265,9 @@ const describeCronSegment = (segment: string, fieldLabel: string) => {
   });
 };
 
-const cronExpressionNormalized = computed(() => normalizeCronExpression(form.value.cronExpression));
+const cronExpressionNormalized = computed(() =>
+  normalizeCronExpression(form.value.cronExpression),
+);
 const cronExpressionValidationMessage = computed(() =>
   getCronValidationMessage(form.value.cronExpression),
 );
@@ -265,7 +278,10 @@ const cronExpressionMeaning = computed(() => {
   return tokens
     .map((token, index) => {
       const field = cronFieldDefs[index];
-      return describeCronSegment(token, t(field?.label ?? "dashboard.cron.expression"));
+      return describeCronSegment(
+        token,
+        t(field?.label ?? "dashboard.cron.expression"),
+      );
     })
     .join("；");
 });
@@ -287,12 +303,17 @@ const stringifyExecuteArgs = (args: string[]) =>
   args.map((arg) => (/\s/.test(arg) ? JSON.stringify(arg) : arg)).join(" ");
 
 const nodeNameMap = computed(
-  () => new Map(props.nodes.map((node) => [node.uuid, node.customName || node.uuid])),
+  () =>
+    new Map(
+      props.nodes.map((node) => [node.uuid, node.customName || node.uuid]),
+    ),
 );
 
 const selectedNodeSummary = computed(() => {
   if (!form.value.agentIds.length) return t("dashboard.cron.noNodes");
-  return form.value.agentIds.map((id) => nodeNameMap.value.get(id) ?? id).join(", ");
+  return form.value.agentIds
+    .map((id) => nodeNameMap.value.get(id) ?? id)
+    .join(", ");
 });
 
 const validateForm = (): boolean => {
@@ -311,7 +332,9 @@ const validateForm = (): boolean => {
   if (form.value.taskKind === "agent") {
     if (form.value.agentTaskType === "execute") {
       if (!form.value.agentExecuteCommand.trim()) {
-        errors.value.agentExecuteCommand = t("dashboard.cron.execCommandRequired");
+        errors.value.agentExecuteCommand = t(
+          "dashboard.cron.execCommandRequired",
+        );
       }
     } else {
       if (!form.value.agentTaskTarget.trim()) {
@@ -329,7 +352,8 @@ watch(
     if (val) {
       if (props.task) {
         const isJsWorker =
-          typeof props.task.serverTask === "object" && "js_worker" in props.task.serverTask;
+          typeof props.task.serverTask === "object" &&
+          "js_worker" in props.task.serverTask;
         form.value = {
           name: props.mode === "duplicate" ? "" : props.task.name,
           cronExpression: props.task.cronExpression,
@@ -338,16 +362,26 @@ watch(
           agentTaskType: props.task.agentTaskType,
           agentTaskTarget: props.task.agentTaskTarget,
           agentExecuteCommand: props.task.agentExecuteCommand,
-          agentExecuteArgsText: stringifyExecuteArgs(props.task.agentExecuteArgs),
+          agentExecuteArgsText: stringifyExecuteArgs(
+            props.task.agentExecuteArgs,
+          ),
           serverTaskType: isJsWorker ? "js_worker" : "string",
           serverTask:
-            typeof props.task.serverTask === "string" ? props.task.serverTask : "clean_up_database",
-          jsWorkerName: isJsWorker ? ((props.task.serverTask as any).js_worker?.[0] ?? "") : "",
+            typeof props.task.serverTask === "string"
+              ? props.task.serverTask
+              : "clean_up_database",
+          jsWorkerName: isJsWorker
+            ? ((props.task.serverTask as any).js_worker?.[0] ?? "")
+            : "",
           jsWorkerTask: isJsWorker
             ? ((props.task.serverTask as any).js_worker?.[1]?.task ?? "")
             : "",
           jsWorkerParams: isJsWorker
-            ? JSON.stringify((props.task.serverTask as any).js_worker?.[1] ?? {}, null, 2)
+            ? JSON.stringify(
+                (props.task.serverTask as any).js_worker?.[1] ?? {},
+                null,
+                2,
+              )
             : "{}",
         };
       } else {
@@ -398,7 +432,9 @@ const handleSave = () => {
     <DialogContent class="flex max-h-[85vh] flex-col sm:max-w-md">
       <DialogHeader>
         <DialogTitle>
-          {{ isEditMode ? t("dashboard.cron.edit") : t("dashboard.cron.create") }}
+          {{
+            isEditMode ? t("dashboard.cron.edit") : t("dashboard.cron.create")
+          }}
         </DialogTitle>
         <DialogDescription>
           {{ t("dashboard.cron.desc") }}
@@ -412,7 +448,7 @@ const handleSave = () => {
             :placeholder="t('dashboard.cron.name')"
             :disabled="isEditMode || saving"
           />
-          <p v-if="errors.name" class="text-destructive text-xs">
+          <p v-if="errors.name" class="text-xs text-destructive">
             {{ errors.name }}
           </p>
         </div>
@@ -425,7 +461,7 @@ const handleSave = () => {
               v-for="preset in cronPresets"
               :key="preset.value"
               variant="secondary"
-              class="hover:bg-primary/20 cursor-pointer transition-colors"
+              class="cursor-pointer hover:bg-primary/20 transition-colors"
               @click="applyPreset(preset.value)"
             >
               {{ preset.label }}
@@ -438,13 +474,19 @@ const handleSave = () => {
             placeholder="* * * * * *"
             class="font-mono"
             :disabled="saving"
-            @update:model-value="form.cronExpression = sanitizeCronExpressionInput(String($event))"
-            @blur="form.cronExpression = normalizeCronExpression(form.cronExpression)"
+            @update:model-value="
+              form.cronExpression = sanitizeCronExpressionInput(String($event))
+            "
+            @blur="
+              form.cronExpression = normalizeCronExpression(form.cronExpression)
+            "
           />
 
           <!-- 使用说明 -->
-          <div class="bg-muted/60 text-muted-foreground rounded-md border px-3 py-2 text-xs">
-            <p class="mb-1 font-medium">
+          <div
+            class="rounded-md border bg-muted/60 px-3 py-2 text-xs text-muted-foreground"
+          >
+            <p class="font-medium mb-1">
               {{ t("dashboard.cron.expressionSyntaxTitle") }}
             </p>
             <ul class="space-y-1">
@@ -472,15 +514,18 @@ const handleSave = () => {
           </div>
 
           <!-- 语义对照 -->
-          <div v-if="cronExpressionMeaning" class="bg-muted/60 rounded-md border px-3 py-2 text-xs">
-            <p class="mb-1 font-medium">
+          <div
+            v-if="cronExpressionMeaning"
+            class="rounded-md border bg-muted/60 px-3 py-2 text-xs"
+          >
+            <p class="font-medium mb-1">
               {{ t("dashboard.cron.expressionMeaningTitle") }}
             </p>
             <p class="text-muted-foreground">{{ cronExpressionMeaning }}</p>
           </div>
 
           <!-- 错误提示 -->
-          <p v-if="errors.cronExpression" class="text-destructive text-xs">
+          <p v-if="errors.cronExpression" class="text-xs text-destructive">
             {{ errors.cronExpression }}
           </p>
         </div>
@@ -491,8 +536,12 @@ const handleSave = () => {
               <SelectValue />
             </SelectTrigger>
             <SelectContent>
-              <SelectItem value="agent">{{ t("dashboard.cron.agentTask") }}</SelectItem>
-              <SelectItem value="server">{{ t("dashboard.cron.serverTask") }}</SelectItem>
+              <SelectItem value="agent">{{
+                t("dashboard.cron.agentTask")
+              }}</SelectItem>
+              <SelectItem value="server">{{
+                t("dashboard.cron.serverTask")
+              }}</SelectItem>
             </SelectContent>
           </Select>
         </div>
@@ -509,13 +558,15 @@ const handleSave = () => {
             >
               <div class="min-w-0 text-left">
                 <div>{{ t("dashboard.cron.selectNodes") }}</div>
-                <div class="text-muted-foreground truncate text-xs">
+                <div class="text-xs text-muted-foreground truncate">
                   {{ selectedNodeSummary }}
                 </div>
               </div>
-              <span class="text-muted-foreground shrink-0">{{ form.agentIds.length }}</span>
+              <span class="shrink-0 text-muted-foreground">{{
+                form.agentIds.length
+              }}</span>
             </Button>
-            <p v-if="errors.agentIds" class="text-destructive text-xs">
+            <p v-if="errors.agentIds" class="text-xs text-destructive">
               {{ errors.agentIds }}
             </p>
           </div>
@@ -549,13 +600,15 @@ const handleSave = () => {
               v-else
               v-model="form.agentTaskTarget"
               :placeholder="
-                form.agentTaskType === 'tcp_ping' ? 'www.example.com:80' : 'www.example.com'
+                form.agentTaskType === 'tcp_ping'
+                  ? 'www.example.com:80'
+                  : 'www.example.com'
               "
               :disabled="saving"
             />
             <p
               v-if="errors.agentExecuteCommand || errors.agentTaskTarget"
-              class="text-destructive text-xs"
+              class="text-xs text-destructive"
             >
               {{ errors.agentExecuteCommand || errors.agentTaskTarget }}
             </p>
@@ -570,7 +623,7 @@ const handleSave = () => {
           </div>
           <div
             v-if="form.agentTaskType === 'execute'"
-            class="bg-muted/60 text-muted-foreground space-y-1 rounded-md border px-3 py-2 text-xs"
+            class="rounded-md border bg-muted/60 px-3 py-2 text-xs text-muted-foreground space-y-1"
           >
             <p>{{ t("dashboard.cron.execGuide") }}</p>
             <p class="font-mono text-[11px]">
@@ -607,7 +660,9 @@ const handleSave = () => {
                   <SelectValue />
                 </SelectTrigger>
                 <SelectContent>
-                  <SelectItem value="clean_up_database">clean_up_database</SelectItem>
+                  <SelectItem value="clean_up_database"
+                    >clean_up_database</SelectItem
+                  >
                 </SelectContent>
               </Select>
             </div>
@@ -630,11 +685,11 @@ const handleSave = () => {
                 placeholder='{
   "task": "update"
 }'
-                class="border-input bg-background text-foreground w-full resize-none rounded-md border px-3 py-2 font-mono text-sm"
+                class="w-full rounded-md border border-input bg-background px-3 py-2 font-mono text-sm text-foreground resize-none"
                 :disabled="saving"
                 rows="5"
               ></textarea>
-              <p v-if="errors.jsWorkerParams" class="text-destructive text-xs">
+              <p v-if="errors.jsWorkerParams" class="text-xs text-destructive">
                 {{ errors.jsWorkerParams }}
               </p>
             </div>
@@ -642,10 +697,16 @@ const handleSave = () => {
         </template>
       </div>
       <DialogFooter>
-        <Button variant="outline" :disabled="saving" @click="emit('update:open', false)">{{
-          t("dashboard.cron.cancel")
-        }}</Button>
-        <Button :disabled="saving || !!cronExpressionValidationMessage" @click="handleSave">
+        <Button
+          variant="outline"
+          :disabled="saving"
+          @click="emit('update:open', false)"
+          >{{ t("dashboard.cron.cancel") }}</Button
+        >
+        <Button
+          :disabled="saving || !!cronExpressionValidationMessage"
+          @click="handleSave"
+        >
           <Loader2 v-if="saving" class="mr-2 h-4 w-4 animate-spin" />
           {{ saving ? t("dashboard.saving") : t("dashboard.save") }}
         </Button>
diff --git a/src/components/cron/CronHistoryDetailDialog.vue b/src/components/cron/CronHistoryDetailDialog.vue
index e90d1e0d..ece5b542 100644
--- a/src/components/cron/CronHistoryDetailDialog.vue
+++ b/src/components/cron/CronHistoryDetailDialog.vue
@@ -12,7 +12,12 @@ import {
   Inbox,
   Loader2,
 } from "lucide-vue-next";
-import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/components/ui/dialog";
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
 import { Badge } from "@/components/ui/badge";
 import {
   useCronHistory,
@@ -51,7 +56,9 @@ const formatResult = (taskType: string, result: any): string => {
   if (!result) return "";
   if (typeof result === "object") {
     if (
-      (taskType === "ping" || taskType === "tcp_ping" || taskType === "http_ping") &&
+      (taskType === "ping" ||
+        taskType === "tcp_ping" ||
+        taskType === "http_ping") &&
       typeof result[taskType] === "number"
     ) {
       return `${result[taskType].toFixed(3)} ms`;
@@ -75,7 +82,9 @@ const getTaskTarget = (taskEventType: Record<string, any>): string => {
   if (typeof value === "string") return value;
   if (typeof value === "object") {
     if (key === "execute" && value.cmd) {
-      return value.args?.length ? `${value.cmd} ${value.args.join(" ")}` : value.cmd;
+      return value.args?.length
+        ? `${value.cmd} ${value.args.join(" ")}`
+        : value.cmd;
     }
     return value.cmd ?? JSON.stringify(value);
   }
@@ -113,34 +122,42 @@ watch(
 
 <template>
   <Dialog :open="open" @update:open="emit('update:open', $event)">
-    <DialogContent class="bg-background max-w-3xl overflow-hidden p-0 sm:rounded-2xl">
+    <DialogContent
+      class="max-w-3xl sm:rounded-2xl p-0 overflow-hidden bg-background"
+    >
       <DialogHeader class="p-6 pb-0">
-        <DialogTitle class="flex items-center gap-2 text-lg font-semibold">
+        <DialogTitle class="text-lg font-semibold flex items-center gap-2">
           {{ t("dashboard.cron.history.detailTitle") }}
         </DialogTitle>
       </DialogHeader>
 
-      <div v-if="record" class="flex max-h-[85vh] flex-col gap-6 overflow-y-auto p-6 pt-4">
-        <div class="bg-muted/30 flex flex-col gap-1.5 rounded-xl border p-4">
+      <div
+        v-if="record"
+        class="flex flex-col gap-6 p-6 pt-4 max-h-[85vh] overflow-y-auto"
+      >
+        <div class="flex flex-col gap-1.5 p-4 bg-muted/30 border rounded-xl">
           <div class="flex items-center justify-between">
             <div class="flex items-center gap-2">
-              <span class="text-muted-foreground text-xs font-medium tracking-wider uppercase"
+              <span
+                class="text-xs font-medium text-muted-foreground uppercase tracking-wider"
                 >Cron ID</span
               >
-              <span class="font-mono text-sm font-semibold">{{ record.cron_id }}</span>
+              <span class="font-mono text-sm font-semibold">{{
+                record.cron_id
+              }}</span>
             </div>
 
             <div class="flex shrink-0">
               <div
-                class="inline-flex items-center gap-1.5 rounded-full border px-2.5 py-1 text-xs font-medium"
+                class="inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium border"
                 :class="
                   record.success
-                    ? 'border-emerald-500/20 bg-emerald-500/10 text-emerald-600 dark:text-emerald-400'
+                    ? 'bg-emerald-500/10 text-emerald-600 border-emerald-500/20 dark:text-emerald-400'
                     : 'bg-destructive/10 text-destructive border-destructive/20'
                 "
               >
-                <CheckCircle2 v-if="record.success" class="h-3.5 w-3.5" />
-                <XCircle v-else class="h-3.5 w-3.5" />
+                <CheckCircle2 v-if="record.success" class="w-3.5 h-3.5" />
+                <XCircle v-else class="w-3.5 h-3.5" />
                 {{
                   record.success
                     ? t("dashboard.cron.history.success")
@@ -150,7 +167,7 @@ watch(
             </div>
           </div>
 
-          <div class="text-muted-foreground flex items-center gap-1.5 text-xs">
+          <div class="flex items-center gap-1.5 text-xs text-muted-foreground">
             <span>{{ t("dashboard.cron.history.executionTime") }}:</span>
             <span class="font-mono">{{ formatTime(record.run_time) }}</span>
           </div>
@@ -158,15 +175,17 @@ watch(
 
         <div
           v-if="loadingTask"
-          class="text-muted-foreground flex flex-col items-center justify-center space-y-3 py-12"
+          class="flex flex-col items-center justify-center py-12 text-muted-foreground space-y-3"
         >
-          <Loader2 class="text-muted-foreground/50 h-8 w-8 animate-spin" />
+          <Loader2 class="w-8 h-8 animate-spin text-muted-foreground/50" />
           <span class="text-sm font-medium">{{ t("common.loading") }}</span>
         </div>
 
         <div v-else-if="taskResults.length" class="space-y-4">
-          <h3 class="text-foreground/80 flex items-center gap-2 text-sm font-semibold">
-            <Terminal class="h-4 w-4" />
+          <h3
+            class="text-sm font-semibold text-foreground/80 flex items-center gap-2"
+          >
+            <Terminal class="w-4 h-4" />
             {{ t("dashboard.cron.history.taskResults") }}
           </h3>
 
@@ -174,29 +193,32 @@ watch(
             <div
               v-for="(task, index) in taskResults"
               :key="index"
-              class="bg-card overflow-hidden rounded-xl border shadow-sm transition-all hover:shadow-md"
+              class="border rounded-xl bg-card shadow-sm overflow-hidden transition-all hover:shadow-md"
             >
-              <div class="bg-muted/20 flex items-center justify-between border-b p-3.5">
+              <div
+                class="flex items-center justify-between p-3.5 border-b bg-muted/20"
+              >
                 <div class="flex items-center gap-2.5">
-                  <span class="text-foreground/90 text-sm font-medium capitalize">{{
-                    getTaskType(task.task_event_type)
-                  }}</span>
                   <span
-                    class="bg-muted/60 text-muted-foreground rounded-md border px-2 py-0.5 font-mono text-xs break-all"
+                    class="text-sm font-medium text-foreground/90 capitalize"
+                    >{{ getTaskType(task.task_event_type) }}</span
+                  >
+                  <span
+                    class="font-mono text-xs bg-muted/60 text-muted-foreground border px-2 py-0.5 rounded-md break-all"
                   >
                     {{ getTaskTarget(task.task_event_type) }}
                   </span>
                 </div>
                 <div
-                  class="inline-flex shrink-0 items-center gap-1 rounded-full border px-2.5 py-1 text-xs font-medium"
+                  class="inline-flex items-center gap-1 px-2.5 py-1 rounded-full text-xs font-medium border shrink-0"
                   :class="
                     task.success
-                      ? 'border-emerald-500/20 bg-emerald-500/10 text-emerald-600 dark:text-emerald-400'
+                      ? 'bg-emerald-500/10 text-emerald-600 border-emerald-500/20 dark:text-emerald-400'
                       : 'bg-destructive/10 text-destructive border-destructive/20'
                   "
                 >
-                  <CheckCircle2 v-if="task.success" class="h-3 w-3" />
-                  <XCircle v-else class="h-3 w-3" />
+                  <CheckCircle2 v-if="task.success" class="w-3 h-3" />
+                  <XCircle v-else class="w-3 h-3" />
                   {{
                     task.success
                       ? t("dashboard.cron.history.success")
@@ -205,26 +227,29 @@ watch(
                 </div>
               </div>
 
-              <div class="space-y-4 p-4">
+              <div class="p-4 space-y-4">
                 <div
                   v-if="task.error_message"
-                  class="text-destructive bg-destructive/10 border-destructive/20 flex gap-2 rounded-lg border px-4 py-3 text-sm"
+                  class="flex gap-2 text-sm text-destructive bg-destructive/10 border border-destructive/20 px-4 py-3 rounded-lg"
                 >
-                  <AlertCircle class="mt-0.5 h-4 w-4 shrink-0" />
-                  <span class="flex-1 break-words whitespace-pre-wrap">{{
+                  <AlertCircle class="w-4 h-4 shrink-0 mt-0.5" />
+                  <span class="break-words whitespace-pre-wrap flex-1">{{
                     task.error_message
                   }}</span>
                 </div>
 
                 <div
                   v-if="task.task_event_result"
-                  class="bg-muted/40 relative overflow-x-auto rounded-lg border px-4 py-3 font-mono text-sm"
+                  class="relative text-sm bg-muted/40 border px-4 py-3 rounded-lg font-mono overflow-x-auto"
                 >
                   <pre
                     class="text-muted-foreground text-[13px] leading-relaxed break-words whitespace-pre-wrap"
                     style="word-break: break-word"
                     >{{
-                      formatResult(getTaskType(task.task_event_type), task.task_event_result)
+                      formatResult(
+                        getTaskType(task.task_event_type),
+                        task.task_event_result,
+                      )
                     }}</pre
                   >
                 </div>
@@ -235,10 +260,12 @@ watch(
 
         <div
           v-else
-          class="text-muted-foreground flex flex-col items-center justify-center space-y-3 py-12"
+          class="flex flex-col items-center justify-center py-12 text-muted-foreground space-y-3"
         >
-          <div class="bg-muted/50 flex h-12 w-12 items-center justify-center rounded-full">
-            <Inbox class="text-muted-foreground/60 h-6 w-6" />
+          <div
+            class="w-12 h-12 rounded-full bg-muted/50 flex items-center justify-center"
+          >
+            <Inbox class="w-6 h-6 text-muted-foreground/60" />
           </div>
           <p class="text-sm font-medium">
             {{ t("dashboard.cron.history.noTaskResult") }}
diff --git a/src/components/cron/CronHistoryFilter.vue b/src/components/cron/CronHistoryFilter.vue
index da37d52c..8afdbd46 100644
--- a/src/components/cron/CronHistoryFilter.vue
+++ b/src/components/cron/CronHistoryFilter.vue
@@ -79,10 +79,10 @@ const formatDateTimeLocal = (date: Date): string => {
 </script>
 
 <template>
-  <div class="bg-card rounded-xl border p-5 shadow-sm transition-all">
-    <div class="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4">
+  <div class="bg-card border rounded-xl shadow-sm p-5 transition-all">
+    <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
       <div class="space-y-1.5">
-        <label class="text-foreground/80 text-sm font-medium">
+        <label class="text-sm font-medium text-foreground/80">
           {{ t("dashboard.cron.history.recordId") }}
         </label>
         <Input
@@ -95,7 +95,7 @@ const formatDateTimeLocal = (date: Date): string => {
       </div>
 
       <div class="space-y-1.5">
-        <label class="text-foreground/80 text-sm font-medium">
+        <label class="text-sm font-medium text-foreground/80">
           {{ t("dashboard.cron.history.filterStatus") }}
         </label>
         <Select v-model="localFilter.status" @update:model-value="updateFilter">
@@ -123,7 +123,7 @@ const formatDateTimeLocal = (date: Date): string => {
       </div>
 
       <div class="space-y-1.5">
-        <label class="text-foreground/80 text-sm font-medium">
+        <label class="text-sm font-medium text-foreground/80">
           {{ t("dashboard.cron.history.limit") }}
         </label>
         <Input
@@ -132,13 +132,15 @@ const formatDateTimeLocal = (date: Date): string => {
           min="1"
           max="500"
           class="bg-background/50 h-9"
-          @update:model-value="localFilter.limit = Math.max(1, Number($event) || 20)"
+          @update:model-value="
+            localFilter.limit = Math.max(1, Number($event) || 20)
+          "
           @change="updateFilter"
         />
       </div>
 
       <div class="space-y-1.5">
-        <label class="text-foreground/80 text-sm font-medium">
+        <label class="text-sm font-medium text-foreground/80">
           {{ t("dashboard.cron.history.latestOnly") }}
         </label>
         <Select
@@ -152,14 +154,18 @@ const formatDateTimeLocal = (date: Date): string => {
             <SelectValue />
           </SelectTrigger>
           <SelectContent>
-            <SelectItem value="no">{{ t("dashboard.cron.history.disabled") }}</SelectItem>
-            <SelectItem value="yes">{{ t("dashboard.cron.history.enabled") }}</SelectItem>
+            <SelectItem value="no">{{
+              t("dashboard.cron.history.disabled")
+            }}</SelectItem>
+            <SelectItem value="yes">{{
+              t("dashboard.cron.history.enabled")
+            }}</SelectItem>
           </SelectContent>
         </Select>
       </div>
 
       <div class="space-y-1.5">
-        <label class="text-foreground/80 text-sm font-medium">
+        <label class="text-sm font-medium text-foreground/80">
           {{ t("dashboard.cron.history.startTime") }}
         </label>
         <Input
@@ -171,7 +177,7 @@ const formatDateTimeLocal = (date: Date): string => {
       </div>
 
       <div class="space-y-1.5">
-        <label class="text-foreground/80 text-sm font-medium">
+        <label class="text-sm font-medium text-foreground/80">
           {{ t("dashboard.cron.history.endTime") }}
         </label>
         <Input
@@ -182,20 +188,25 @@ const formatDateTimeLocal = (date: Date): string => {
         />
       </div>
 
-      <div class="mt-2 flex w-full items-end justify-end gap-3 sm:col-span-2 sm:mt-0">
+      <div
+        class="sm:col-span-2 flex items-end justify-end gap-3 mt-2 sm:mt-0 w-full"
+      >
         <Button
           :disabled="loading"
           @click="handleReset"
           variant="outline"
-          class="hover:bg-muted h-9 flex-1 px-4 transition-all sm:flex-none"
+          class="flex-1 sm:flex-none h-9 px-4 transition-all hover:bg-muted"
         >
-          <RotateCcw class="mr-2 h-4 w-4" :class="{ 'animate-spin': loading }" />
+          <RotateCcw
+            class="mr-2 h-4 w-4"
+            :class="{ 'animate-spin': loading }"
+          />
           {{ t("dashboard.cron.history.reset") }}
         </Button>
         <Button
           :disabled="loading"
           @click="handleSearch"
-          class="h-9 flex-1 px-6 shadow-sm transition-all hover:shadow-md active:scale-95 sm:flex-none"
+          class="flex-1 sm:flex-none h-9 px-6 shadow-sm transition-all hover:shadow-md active:scale-95"
         >
           <Search v-if="!loading" class="mr-2 h-4 w-4" />
           <Loader2 v-else class="mr-2 h-4 w-4 animate-spin" />
diff --git a/src/components/cron/CronHistoryTable.vue b/src/components/cron/CronHistoryTable.vue
index 5552b267..59141f7f 100644
--- a/src/components/cron/CronHistoryTable.vue
+++ b/src/components/cron/CronHistoryTable.vue
@@ -66,14 +66,14 @@ const formatTime = (ts: number) => {
 <template>
   <div class="space-y-4">
     <div
-      class="bg-card text-card-foreground relative flex flex-col overflow-hidden rounded-xl border shadow-sm transition-all"
+      class="rounded-xl border bg-card text-card-foreground shadow-sm overflow-hidden flex flex-col transition-all relative"
     >
       <!-- 有数据时的加载遮罩 -->
       <div
         v-if="loading && records.length"
-        class="bg-background/40 absolute inset-0 z-10 flex flex-col items-center justify-center backdrop-blur-[1px]"
+        class="absolute inset-0 z-10 bg-background/40 backdrop-blur-[1px] flex flex-col items-center justify-center"
       >
-        <Loader2 class="text-muted-foreground h-8 w-8 animate-spin" />
+        <Loader2 class="h-8 w-8 animate-spin text-muted-foreground" />
       </div>
 
       <Table>
@@ -82,40 +82,56 @@ const formatTime = (ts: number) => {
             <TableHead class="font-medium whitespace-nowrap">{{
               t("dashboard.cron.history.recordId")
             }}</TableHead>
-            <TableHead v-if="taskType === 'agent'" class="font-medium whitespace-nowrap">{{
-              t("dashboard.cron.history.taskId")
-            }}</TableHead>
+            <TableHead
+              v-if="taskType === 'agent'"
+              class="font-medium whitespace-nowrap"
+              >{{ t("dashboard.cron.history.taskId") }}</TableHead
+            >
             <TableHead class="font-medium whitespace-nowrap">{{
               t("dashboard.cron.history.executionTime")
             }}</TableHead>
             <TableHead class="font-medium whitespace-nowrap">{{
               t("dashboard.cron.history.status")
             }}</TableHead>
-            <TableHead class="max-w-[300px] font-medium">{{
+            <TableHead class="font-medium max-w-[300px]">{{
               t("dashboard.cron.history.message")
             }}</TableHead>
-            <TableHead v-if="taskType === 'agent'" class="pr-6 text-right font-medium">{{
-              t("dashboard.cron.actions")
-            }}</TableHead>
+            <TableHead
+              v-if="taskType === 'agent'"
+              class="font-medium text-right pr-6"
+              >{{ t("dashboard.cron.actions") }}</TableHead
+            >
           </TableRow>
         </TableHeader>
         <TableBody>
           <TableRow v-if="loading && !records.length">
-            <TableCell :colspan="taskType === 'agent' ? 6 : 4" class="h-[300px] text-center">
+            <TableCell
+              :colspan="taskType === 'agent' ? 6 : 4"
+              class="h-[300px] text-center"
+            >
               <div class="flex flex-col items-center justify-center space-y-3">
-                <Loader2 class="text-muted-foreground/50 h-6 w-6 animate-spin" />
-                <span class="text-sm font-medium">{{ t("common.loading") }}</span>
+                <Loader2
+                  class="w-6 h-6 animate-spin text-muted-foreground/50"
+                />
+                <span class="text-sm font-medium">{{
+                  t("common.loading")
+                }}</span>
               </div>
             </TableCell>
           </TableRow>
 
           <TableRow v-else-if="!records.length">
-            <TableCell :colspan="taskType === 'agent' ? 6 : 4" class="h-[300px] text-center">
+            <TableCell
+              :colspan="taskType === 'agent' ? 6 : 4"
+              class="h-[300px] text-center"
+            >
               <div
-                class="text-muted-foreground flex flex-col items-center justify-center space-y-3"
+                class="flex flex-col items-center justify-center text-muted-foreground space-y-3"
               >
-                <div class="bg-muted/50 flex h-12 w-12 items-center justify-center rounded-full">
-                  <Inbox class="text-muted-foreground/60 h-6 w-6" />
+                <div
+                  class="w-12 h-12 rounded-full bg-muted/50 flex items-center justify-center"
+                >
+                  <Inbox class="w-6 h-6 text-muted-foreground/60" />
                 </div>
                 <p class="text-sm">{{ t("dashboard.cron.history.noData") }}</p>
               </div>
@@ -125,37 +141,37 @@ const formatTime = (ts: number) => {
           <TableRow
             v-for="record in records"
             :key="record.id"
-            class="group hover:bg-muted/40 transition-colors"
+            class="group transition-colors hover:bg-muted/40"
           >
-            <TableCell class="text-foreground/80 py-3 font-mono text-sm">
+            <TableCell class="font-mono text-sm text-foreground/80 py-3">
               {{ record.id }}
             </TableCell>
 
             <TableCell
               v-if="taskType === 'agent'"
-              class="text-foreground/80 py-3 font-mono text-sm"
+              class="font-mono text-sm text-foreground/80 py-3"
             >
               <span v-if="record.relative_id">{{ record.relative_id }}</span>
               <span v-else class="text-muted-foreground/50">-</span>
             </TableCell>
 
             <TableCell class="py-3">
-              <div class="text-foreground/90 flex items-center gap-2 text-sm">
+              <div class="flex items-center gap-2 text-sm text-foreground/90">
                 <span class="font-mono">{{ formatTime(record.run_time) }}</span>
               </div>
             </TableCell>
 
             <TableCell class="py-3">
               <div
-                class="inline-flex items-center gap-1.5 rounded-full border px-2.5 py-1 text-xs font-medium"
+                class="inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium border"
                 :class="
                   record.success
-                    ? 'border-emerald-500/20 bg-emerald-500/10 text-emerald-600 dark:text-emerald-400'
+                    ? 'bg-emerald-500/10 text-emerald-600 border-emerald-500/20 dark:text-emerald-400'
                     : 'bg-destructive/10 text-destructive border-destructive/20'
                 "
               >
-                <CheckCircle2 v-if="record.success" class="h-3.5 w-3.5" />
-                <XCircle v-else class="h-3.5 w-3.5" />
+                <CheckCircle2 v-if="record.success" class="w-3.5 h-3.5" />
+                <XCircle v-else class="w-3.5 h-3.5" />
                 {{
                   record.success
                     ? t("dashboard.cron.history.success")
@@ -164,18 +180,22 @@ const formatTime = (ts: number) => {
               </div>
             </TableCell>
 
-            <TableCell class="max-w-[300px] py-3">
+            <TableCell class="py-3 max-w-[300px]">
               <div
-                class="line-clamp-5 text-sm break-words whitespace-pre-wrap"
+                class="text-sm line-clamp-5 break-words whitespace-pre-wrap"
                 style="word-break: break-word"
-                :class="record.success ? 'text-muted-foreground' : 'text-destructive font-medium'"
+                :class="
+                  record.success
+                    ? 'text-muted-foreground'
+                    : 'text-destructive font-medium'
+                "
                 :title="record.message"
               >
                 {{ record.message }}
               </div>
             </TableCell>
 
-            <TableCell v-if="taskType === 'agent'" class="py-3 pr-4 text-right">
+            <TableCell v-if="taskType === 'agent'" class="py-3 text-right pr-4">
               <div class="flex items-center justify-end gap-1">
                 <Button
                   size="icon"
@@ -192,7 +212,7 @@ const formatTime = (ts: number) => {
                   <Button
                     size="icon"
                     variant="ghost"
-                    class="text-destructive hover:text-destructive h-7 w-7"
+                    class="h-7 w-7 text-destructive hover:text-destructive"
                   >
                     <Trash2 class="h-3.5 w-3.5" />
                   </Button>
@@ -205,20 +225,24 @@ const formatTime = (ts: number) => {
 
       <div
         v-if="totalPages > 1 || records.length > 0"
-        class="bg-muted/10 flex flex-col gap-3 border-t px-4 py-3 md:flex-row md:items-center md:justify-between"
+        class="border-t bg-muted/10 px-4 py-3 flex flex-col gap-3 md:flex-row md:items-center md:justify-between"
       >
-        <div class="text-muted-foreground flex items-center gap-3 text-sm">
+        <div class="flex items-center gap-3 text-sm text-muted-foreground">
           <div class="flex items-center gap-2">
             <span>{{ t("dashboard.cron.history.pageSize") }}</span>
             <Select
               :model-value="String(pageSize)"
               @update:model-value="emit('pageSizeChange', Number($event))"
             >
-              <SelectTrigger class="bg-background h-8 w-[88px]">
+              <SelectTrigger class="h-8 w-[88px] bg-background">
                 <SelectValue />
               </SelectTrigger>
               <SelectContent>
-                <SelectItem v-for="option in pageSizeOptions" :key="option" :value="String(option)">
+                <SelectItem
+                  v-for="option in pageSizeOptions"
+                  :key="option"
+                  :value="String(option)"
+                >
                   {{ option }}
                 </SelectItem>
               </SelectContent>
@@ -230,22 +254,22 @@ const formatTime = (ts: number) => {
           <Button
             variant="outline"
             size="sm"
-            class="bg-background hover:bg-muted h-8 px-3 shadow-sm transition-colors"
+            class="h-8 px-3 shadow-sm bg-background transition-colors hover:bg-muted"
             :disabled="currentPage <= 1 || loading"
             @click="emit('pageChange', currentPage - 1)"
           >
-            <ChevronLeft class="mr-1 h-4 w-4" />
+            <ChevronLeft class="w-4 h-4 mr-1" />
             {{ t("common.previous") }}
           </Button>
           <Button
             variant="outline"
             size="sm"
-            class="bg-background hover:bg-muted h-8 px-3 shadow-sm transition-colors"
+            class="h-8 px-3 shadow-sm bg-background transition-colors hover:bg-muted"
             :disabled="currentPage >= totalPages || loading"
             @click="emit('pageChange', currentPage + 1)"
           >
             {{ t("common.next") }}
-            <ChevronRight class="ml-1 h-4 w-4" />
+            <ChevronRight class="w-4 h-4 ml-1" />
           </Button>
         </div>
       </div>
diff --git a/src/components/cron/CronNodeSelectDialog.vue b/src/components/cron/CronNodeSelectDialog.vue
index 2c59f40f..b3528514 100644
--- a/src/components/cron/CronNodeSelectDialog.vue
+++ b/src/components/cron/CronNodeSelectDialog.vue
@@ -52,7 +52,9 @@ const toggle = (uuid: string, checked: boolean) => {
 };
 
 const isAllSelected = () => {
-  return props.nodes.length > 0 && localSelected.value.length === props.nodes.length;
+  return (
+    props.nodes.length > 0 && localSelected.value.length === props.nodes.length
+  );
 };
 
 const toggleSelectAll = () => {
@@ -74,9 +76,11 @@ const handleConfirm = () => {
     <DialogContent class="sm:max-w-md">
       <DialogHeader>
         <DialogTitle>{{ t("dashboard.cron.selectNodes") }}</DialogTitle>
-        <DialogDescription>{{ t("dashboard.cron.selectNodesDesc") }}</DialogDescription>
+        <DialogDescription>{{
+          t("dashboard.cron.selectNodesDesc")
+        }}</DialogDescription>
       </DialogHeader>
-      <div class="max-h-72 space-y-2 overflow-y-auto py-2">
+      <div class="max-h-72 overflow-y-auto space-y-2 py-2">
         <Button
           v-if="nodes.length > 0"
           variant="ghost"
@@ -84,7 +88,11 @@ const handleConfirm = () => {
           class="ml-1"
           @click="toggleSelectAll"
         >
-          {{ isAllSelected() ? t("dashboard.cron.deselectAll") : t("dashboard.cron.selectAll") }}
+          {{
+            isAllSelected()
+              ? t("dashboard.cron.deselectAll")
+              : t("dashboard.cron.selectAll")
+          }}
         </Button>
         <div
           v-for="node in nodes"
@@ -95,12 +103,19 @@ const handleConfirm = () => {
             :model-value="localSelected.includes(node.uuid)"
             @update:model-value="(checked) => toggle(node.uuid, !!checked)"
           />
-          <div class="flex min-w-0 flex-col">
-            <span class="truncate text-sm font-medium">{{ node.customName || node.uuid }}</span>
-            <span class="text-muted-foreground truncate font-mono text-xs">{{ node.uuid }}</span>
+          <div class="flex flex-col min-w-0">
+            <span class="text-sm font-medium truncate">{{
+              node.customName || node.uuid
+            }}</span>
+            <span class="text-xs text-muted-foreground font-mono truncate">{{
+              node.uuid
+            }}</span>
           </div>
         </div>
-        <p v-if="!nodes.length" class="text-muted-foreground py-4 text-center text-sm">
+        <p
+          v-if="!nodes.length"
+          class="text-sm text-muted-foreground text-center py-4"
+        >
           {{ t("dashboard.cron.noNodes") }}
         </p>
       </div>
diff --git a/src/components/cron/CronTable.vue b/src/components/cron/CronTable.vue
index 19c1c97e..e718e9a7 100644
--- a/src/components/cron/CronTable.vue
+++ b/src/components/cron/CronTable.vue
@@ -38,7 +38,10 @@ const { t } = useI18n();
 const router = useRouter();
 
 const nodeNameMap = computed(
-  () => new Map(props.nodes.map((node) => [node.uuid, node.customName || node.uuid])),
+  () =>
+    new Map(
+      props.nodes.map((node) => [node.uuid, node.customName || node.uuid]),
+    ),
 );
 
 const taskKindVariant = (kind: string) => {
@@ -103,7 +106,8 @@ const formatSingleNodeLabel = (agentId: string) => {
 
 const nodeBadgeLabel = (task: CronTask) => {
   if (!task.agentIds.length) return "x 0";
-  if (task.agentIds.length === 1) return formatSingleNodeLabel(task.agentIds[0] ?? "");
+  if (task.agentIds.length === 1)
+    return formatSingleNodeLabel(task.agentIds[0] ?? "");
   return `x ${task.agentIds.length}`;
 };
 
@@ -127,9 +131,9 @@ const isDeleting = (name: string) => props.deletingNames.includes(name);
   <div class="relative w-full">
     <div
       v-if="loading && tasks.length"
-      class="bg-background/40 absolute inset-0 z-10 flex flex-col items-center justify-center rounded-md backdrop-blur-[1px]"
+      class="absolute inset-0 z-10 bg-background/40 backdrop-blur-[1px] flex flex-col items-center justify-center rounded-md"
     >
-      <Loader2 class="text-muted-foreground h-8 w-8 animate-spin" />
+      <Loader2 class="h-8 w-8 animate-spin text-muted-foreground" />
     </div>
     <Table>
       <TableHeader>
@@ -145,15 +149,18 @@ const isDeleting = (name: string) => props.deletingNames.includes(name);
       </TableHeader>
       <TableBody>
         <TableRow v-if="loading && !tasks.length">
-          <TableCell colspan="7" class="text-muted-foreground h-32 text-center">
+          <TableCell colspan="7" class="h-32 text-center text-muted-foreground">
             <div class="flex flex-col items-center justify-center space-y-3">
-              <Loader2 class="text-muted-foreground/50 h-6 w-6 animate-spin" />
+              <Loader2 class="w-6 h-6 animate-spin text-muted-foreground/50" />
               <span class="text-sm font-medium">{{ t("common.loading") }}</span>
             </div>
           </TableCell>
         </TableRow>
         <TableRow v-else-if="!tasks.length">
-          <TableCell colspan="7" class="text-muted-foreground py-12 text-center">
+          <TableCell
+            colspan="7"
+            class="text-center text-muted-foreground py-12"
+          >
             {{ t("dashboard.cron.empty") }}
           </TableCell>
         </TableRow>
@@ -161,16 +168,25 @@ const isDeleting = (name: string) => props.deletingNames.includes(name);
           <TableCell class="font-medium">{{ task.name }}</TableCell>
           <TableCell>
             <div class="flex flex-col gap-1">
-              <Badge :variant="taskKindVariant(task.taskKind)">{{ task.taskKind }}</Badge>
-              <span class="text-muted-foreground font-mono text-xs">{{ taskLabel(task) }}</span>
+              <Badge :variant="taskKindVariant(task.taskKind)">{{
+                task.taskKind
+              }}</Badge>
+              <span class="text-xs text-muted-foreground font-mono">{{
+                taskLabel(task)
+              }}</span>
             </div>
           </TableCell>
-          <TableCell class="font-mono text-sm">{{ task.cronExpression }}</TableCell>
+          <TableCell class="font-mono text-sm">{{
+            task.cronExpression
+          }}</TableCell>
           <TableCell>
-            <div v-if="task.taskKind === 'agent'" class="flex flex-col items-start gap-1">
+            <div
+              v-if="task.taskKind === 'agent'"
+              class="flex flex-col items-start gap-1"
+            >
               <Badge
                 variant="outline"
-                class="hover:bg-muted cursor-pointer"
+                class="cursor-pointer hover:bg-muted"
                 @click="openNodeSelect(task)"
               >
                 {{ nodeBadgeLabel(task) }}
@@ -178,7 +194,7 @@ const isDeleting = (name: string) => props.deletingNames.includes(name);
             </div>
             <Badge v-else variant="outline">-</Badge>
           </TableCell>
-          <TableCell class="text-muted-foreground text-sm">{{
+          <TableCell class="text-sm text-muted-foreground">{{
             formatTime(task.lastRunTime)
           }}</TableCell>
           <TableCell>
@@ -190,9 +206,11 @@ const isDeleting = (name: string) => props.deletingNames.includes(name);
               :disabled="isToggling(task.name)"
               :class="
                 cn(
-                  'focus-visible:ring-ring relative inline-flex h-5 w-9 shrink-0 items-center rounded-full border-2 border-transparent transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none',
+                  'relative inline-flex h-5 w-9 shrink-0 items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',
                   task.enabled ? 'bg-primary' : 'bg-input',
-                  isToggling(task.name) ? 'cursor-not-allowed opacity-50' : 'cursor-pointer',
+                  isToggling(task.name)
+                    ? 'cursor-not-allowed opacity-50'
+                    : 'cursor-pointer',
                 )
               "
               @click.stop="handleToggleEnabled(task)"
@@ -200,31 +218,48 @@ const isDeleting = (name: string) => props.deletingNames.includes(name);
               <span
                 :class="
                   cn(
-                    'bg-background pointer-events-none flex h-4 w-4 items-center justify-center rounded-full shadow-lg ring-0 transition-transform',
+                    'pointer-events-none flex h-4 w-4 items-center justify-center rounded-full bg-background shadow-lg ring-0 transition-transform',
                     task.enabled ? 'translate-x-4' : 'translate-x-0',
                   )
                 "
               >
                 <Loader2
                   v-if="isToggling(task.name)"
-                  class="text-muted-foreground h-3 w-3 animate-spin"
+                  class="h-3 w-3 animate-spin text-muted-foreground"
                 />
               </span>
             </button>
           </TableCell>
           <TableCell>
             <div class="flex items-center gap-1">
-              <Button size="icon" variant="ghost" class="h-7 w-7" @click="openHistory(task)">
+              <Button
+                size="icon"
+                variant="ghost"
+                class="h-7 w-7"
+                @click="openHistory(task)"
+              >
                 <History class="h-3.5 w-3.5" />
               </Button>
-              <Button size="icon" variant="ghost" class="h-7 w-7" @click="emit('edit', task)">
+              <Button
+                size="icon"
+                variant="ghost"
+                class="h-7 w-7"
+                @click="emit('edit', task)"
+              >
                 <Pencil class="h-3.5 w-3.5" />
               </Button>
-              <Button size="icon" variant="ghost" class="h-7 w-7" @click="emit('duplicate', task)">
+              <Button
+                size="icon"
+                variant="ghost"
+                class="h-7 w-7"
+                @click="emit('duplicate', task)"
+              >
                 <Copy class="h-3.5 w-3.5" />
               </Button>
               <PopConfirm
-                :description="t('dashboard.cron.deleteConfirm', { name: task.name })"
+                :description="
+                  t('dashboard.cron.deleteConfirm', { name: task.name })
+                "
                 :loading="isDeleting(task.name)"
                 @confirm="emit('delete', task.name)"
               >
@@ -232,7 +267,7 @@ const isDeleting = (name: string) => props.deletingNames.includes(name);
                   size="icon"
                   variant="ghost"
                   :disabled="isDeleting(task.name)"
-                  class="text-destructive hover:text-destructive h-7 w-7"
+                  class="h-7 w-7 text-destructive hover:text-destructive"
                 >
                   <Trash2 class="h-3.5 w-3.5" />
                 </Button>
diff --git a/src/components/extensions/ExtensionDetail.vue b/src/components/extensions/ExtensionDetail.vue
index 2a8911b5..dfe82b4f 100644
--- a/src/components/extensions/ExtensionDetail.vue
+++ b/src/components/extensions/ExtensionDetail.vue
@@ -36,7 +36,11 @@ import { Badge } from "@/components/ui/badge";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
 import { Tabs, TabsList, TabsTrigger, TabsContent } from "@/components/ui/tabs";
-import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@/components/ui/popover";
 import type { Extension } from "@/composables/useExtensions";
 import { useExtensions } from "@/composables/useExtensions";
 import { useJsRuntime } from "@/composables/useJsRuntime";
@@ -56,7 +60,8 @@ const { currentBackend } = useBackendStore();
 const backendUrl = computed(() => currentBackend.value?.url ?? "");
 const router = useRouter();
 
-const { saveExtension, deleteExtension, getStaticUrl, uploadFile } = useExtensions();
+const { saveExtension, deleteExtension, getStaticUrl, uploadFile } =
+  useExtensions();
 const { getWorker } = useJsRuntime();
 
 const backendToken = computed(() => currentBackend.value?.token ?? "");
@@ -69,24 +74,24 @@ const fetchNodeUuids = async () => {
   if (!backendUrl.value) return;
   const conn = getWsConnection(backendUrl.value);
   try {
-    const result = await conn.call<{ uuids: string[] }>("nodeget-server_list_all_agent_uuid", {
-      token: backendToken.value,
-    });
+    const result = await conn.call<{ uuids: string[] }>(
+      "nodeget-server_list_all_agent_uuid",
+      { token: backendToken.value },
+    );
     const uuids = Array.isArray(result?.uuids) ? result.uuids : [];
     nodeUuids.value = uuids;
 
     // 批量拉取节点名称
     if (uuids.length > 0) {
-      const names = await conn.call<{ namespace: string; key: string; value: unknown }[]>(
-        "kv_get_multi_value",
-        {
-          token: backendToken.value,
-          namespace_key: uuids.map((uuid) => ({
-            namespace: uuid,
-            key: "metadata_name",
-          })),
-        },
-      );
+      const names = await conn.call<
+        { namespace: string; key: string; value: unknown }[]
+      >("kv_get_multi_value", {
+        token: backendToken.value,
+        namespace_key: uuids.map((uuid) => ({
+          namespace: uuid,
+          key: "metadata_name",
+        })),
+      });
       const map: Record<string, string> = {};
       if (Array.isArray(names)) {
         for (const item of names) {
@@ -310,7 +315,9 @@ const buildFileTree = (files: { path: string }[]): TreeNode[] => {
   return root;
 };
 
-const resourceFiles = computed(() => buildFileTree(props.extension.files ?? []));
+const resourceFiles = computed(() =>
+  buildFileTree(props.extension.files ?? []),
+);
 
 const specialFiles = [
   { name: "app.json", path: VIRTUAL.APP_JSON, isDir: false },
@@ -392,7 +399,8 @@ const handleSaveToken = async () => {
 };
 
 const handleDelete = async () => {
-  if (!confirm(`确认删除扩展「${props.extension.app.name}」？此操作不可撤销。`)) return;
+  if (!confirm(`确认删除扩展「${props.extension.app.name}」？此操作不可撤销。`))
+    return;
   deleting.value = true;
   try {
     await deleteExtension(props.extension.id);
@@ -485,7 +493,10 @@ const ExtensionFileNode = defineComponent({
           class: `flex items-center gap-1.5 w-full text-left text-xs px-2 py-1 rounded hover:bg-muted transition-colors ${props.selected === node.path ? "bg-muted" : ""}`,
           onClick: () => emit("select", node.path),
         },
-        [h(File, { class: "h-3 w-3 text-muted-foreground flex-shrink-0" }), h("span", node.name)],
+        [
+          h(File, { class: "h-3 w-3 text-muted-foreground flex-shrink-0" }),
+          h("span", node.name),
+        ],
       );
     };
   },
@@ -506,21 +517,23 @@ const ExtensionFileNode = defineComponent({
         <!-- 基本字段 -->
         <div class="space-y-2 text-sm">
           <div class="flex gap-2">
-            <span class="text-muted-foreground w-12 shrink-0">名称</span>
+            <span class="w-12 shrink-0 text-muted-foreground">名称</span>
             <span class="font-medium">{{ extension.app.name }}</span>
           </div>
           <div class="flex gap-2">
-            <span class="text-muted-foreground w-12 shrink-0">ID</span>
+            <span class="w-12 shrink-0 text-muted-foreground">ID</span>
             <span class="truncate font-mono text-xs">{{ extension.id }}</span>
           </div>
           <div class="flex gap-2">
-            <span class="text-muted-foreground w-12 shrink-0">描述</span>
+            <span class="w-12 shrink-0 text-muted-foreground">描述</span>
             <span>{{ extension.app.description || "—" }}</span>
           </div>
           <div class="flex gap-4">
             <div class="flex gap-2">
               <span class="text-muted-foreground">创建于</span>
-              <span>{{ new Date(extension.created_at).toLocaleDateString("zh-CN") }}</span>
+              <span>{{
+                new Date(extension.created_at).toLocaleDateString("zh-CN")
+              }}</span>
             </div>
             <div class="flex gap-2">
               <span class="text-muted-foreground">编辑于</span>
@@ -538,7 +551,7 @@ const ExtensionFileNode = defineComponent({
                 <!-- global 路由：直接跳转 -->
                 <button
                   v-if="route.type === 'global'"
-                  class="border-primary/30 text-primary hover:bg-muted inline-flex items-center gap-1.5 rounded-md border px-2 py-1 font-mono text-xs transition-colors"
+                  class="inline-flex items-center gap-1.5 rounded-md border border-primary/30 px-2 py-1 font-mono text-xs text-primary transition-colors hover:bg-muted"
                   @click="navigateRoute(route.name, route.type)"
                 >
                   {{ route.name }}
@@ -558,7 +571,7 @@ const ExtensionFileNode = defineComponent({
                 >
                   <PopoverTrigger as-child>
                     <button
-                      class="border-border text-muted-foreground hover:bg-muted inline-flex items-center gap-1.5 rounded-md border px-2 py-1 font-mono text-xs transition-colors"
+                      class="inline-flex items-center gap-1.5 rounded-md border border-border px-2 py-1 font-mono text-xs text-muted-foreground transition-colors hover:bg-muted"
                       @click="navigateRoute(route.name, route.type)"
                     >
                       {{ route.name }}
@@ -567,18 +580,23 @@ const ExtensionFileNode = defineComponent({
                     </button>
                   </PopoverTrigger>
                   <PopoverContent class="w-64 p-2">
-                    <p class="text-muted-foreground mb-2 px-1 text-xs">选择节点</p>
+                    <p class="mb-2 px-1 text-xs text-muted-foreground">
+                      选择节点
+                    </p>
                     <div class="max-h-48 space-y-0.5 overflow-y-auto">
                       <button
                         v-for="uuid in nodeUuids"
                         :key="uuid"
-                        class="hover:bg-muted w-full rounded px-2 py-1.5 text-left text-xs transition-colors"
+                        class="w-full rounded px-2 py-1.5 text-left text-xs transition-colors hover:bg-muted"
                         @click="pickNode(uuid)"
                       >
-                        <span class="font-medium">{{ nodeNames[uuid] || "未命名节点" }}</span>
-                        <span class="text-muted-foreground block truncate font-mono text-[10px]">{{
-                          uuid
+                        <span class="font-medium">{{
+                          nodeNames[uuid] || "未命名节点"
                         }}</span>
+                        <span
+                          class="block truncate font-mono text-[10px] text-muted-foreground"
+                          >{{ uuid }}</span
+                        >
                       </button>
                     </div>
                   </PopoverContent>
@@ -591,10 +609,15 @@ const ExtensionFileNode = defineComponent({
         <!-- README -->
         <div
           v-if="extension.readme"
-          class="prose prose-sm prose-neutral dark:prose-invert max-w-none overflow-y-auto rounded border p-3 text-sm"
+          class="prose prose-sm max-w-none overflow-y-auto rounded border p-3 text-sm prose-neutral dark:prose-invert"
           v-html="renderMarkdown(extension.readme)"
         />
-        <div v-else class="text-muted-foreground rounded border p-3 text-xs italic">无 README</div>
+        <div
+          v-else
+          class="rounded border p-3 text-xs text-muted-foreground italic"
+        >
+          无 README
+        </div>
       </div>
     </TabsContent>
 
@@ -602,7 +625,7 @@ const ExtensionFileNode = defineComponent({
     <TabsContent value="files" class="min-h-0 flex-1">
       <div class="grid h-full grid-cols-3 gap-4">
         <div class="col-span-1 flex min-h-0 flex-col rounded-lg border p-3">
-          <p class="text-muted-foreground mb-2 shrink-0 text-xs">普通文件</p>
+          <p class="mb-2 shrink-0 text-xs text-muted-foreground">普通文件</p>
           <div class="flex-1 space-y-0.5 overflow-y-auto">
             <component
               :is="ExtensionFileNode"
@@ -612,26 +635,31 @@ const ExtensionFileNode = defineComponent({
               :selected="selectedFile"
               @select="loadFileContent"
             />
-            <p v-if="!resourceFiles.length" class="text-muted-foreground text-xs italic">
+            <p
+              v-if="!resourceFiles.length"
+              class="text-xs text-muted-foreground italic"
+            >
               无资源文件
             </p>
-            <p class="text-muted-foreground mt-3 mb-2 text-xs">特殊文件</p>
+            <p class="mt-3 mb-2 text-xs text-muted-foreground">特殊文件</p>
             <button
               v-for="sf in specialFiles"
               :key="sf.path"
-              class="hover:bg-muted flex w-full items-center gap-1.5 rounded px-2 py-1 text-left text-xs transition-colors"
+              class="flex w-full items-center gap-1.5 rounded px-2 py-1 text-left text-xs transition-colors hover:bg-muted"
               :class="{ 'bg-muted': selectedFile === sf.path }"
               @click="loadFileContent(sf.path)"
             >
-              <File class="text-muted-foreground h-3 w-3" />{{ sf.name }}
+              <File class="h-3 w-3 text-muted-foreground" />{{ sf.name }}
             </button>
             <template v-if="workerDisplayName">
               <button
-                class="hover:bg-muted mt-0.5 flex w-full items-center gap-1.5 rounded px-2 py-1 text-left text-xs transition-colors"
+                class="mt-0.5 flex w-full items-center gap-1.5 rounded px-2 py-1 text-left text-xs transition-colors hover:bg-muted"
                 :class="{ 'bg-muted': selectedFile === VIRTUAL.WORKER }"
                 @click="loadFileContent(VIRTUAL.WORKER)"
               >
-                <Cpu class="text-muted-foreground h-3 w-3" />{{ workerDisplayName }}
+                <Cpu class="h-3 w-3 text-muted-foreground" />{{
+                  workerDisplayName
+                }}
               </button>
             </template>
           </div>
@@ -639,9 +667,11 @@ const ExtensionFileNode = defineComponent({
 
         <div class="col-span-2 flex min-h-0 flex-col rounded-lg border p-3">
           <div class="mb-2 flex shrink-0 items-center justify-between">
-            <p class="text-muted-foreground text-xs">内容预览</p>
+            <p class="text-xs text-muted-foreground">内容预览</p>
             <div
-              v-if="selectedFile && !fileLoading && !fileError && !isSpecialFile"
+              v-if="
+                selectedFile && !fileLoading && !fileError && !isSpecialFile
+              "
               class="flex items-center gap-1"
             >
               <input
@@ -670,16 +700,22 @@ const ExtensionFileNode = defineComponent({
               </Button>
             </div>
           </div>
-          <div v-if="!selectedFile" class="text-muted-foreground text-xs italic">
+          <div
+            v-if="!selectedFile"
+            class="text-xs text-muted-foreground italic"
+          >
             选择左侧文件查看内容
           </div>
           <div
             v-else-if="fileLoading"
-            class="text-muted-foreground flex items-center gap-2 text-xs"
+            class="flex items-center gap-2 text-xs text-muted-foreground"
           >
             <Loader2 class="h-3 w-3 animate-spin" />加载中...
           </div>
-          <div v-else-if="fileError" class="text-destructive flex items-center gap-1 text-xs">
+          <div
+            v-else-if="fileError"
+            class="flex items-center gap-1 text-xs text-destructive"
+          >
             <AlertCircle class="h-3 w-3" />{{ fileError }}
           </div>
           <div v-else class="min-h-0 flex-1 overflow-hidden rounded border">
@@ -699,7 +735,7 @@ const ExtensionFileNode = defineComponent({
       <!-- 启用 -->
       <div class="grid grid-cols-[auto_1fr_auto] items-center gap-3">
         <Label class="text-sm font-medium">启用</Label>
-        <span class="text-muted-foreground text-xs"
+        <span class="text-xs text-muted-foreground"
           >（当前是{{ extension.disabled ? "disabled" : "enabled" }}状态）</span
         >
         <button
@@ -728,14 +764,19 @@ const ExtensionFileNode = defineComponent({
             />
             <button
               type="button"
-              class="text-muted-foreground hover:text-foreground absolute top-1/2 right-2 -translate-y-1/2 transition-colors"
+              class="absolute top-1/2 right-2 -translate-y-1/2 text-muted-foreground transition-colors hover:text-foreground"
               @click="showToken = !showToken"
             >
               <Eye v-if="!showToken" class="h-4 w-4" />
               <EyeOff v-else class="h-4 w-4" />
             </button>
           </div>
-          <Button size="sm" class="shrink-0" :disabled="savingToken" @click="handleSaveToken">
+          <Button
+            size="sm"
+            class="shrink-0"
+            :disabled="savingToken"
+            @click="handleSaveToken"
+          >
             <Loader2 v-if="savingToken" class="mr-1 h-3 w-3 animate-spin" />
             <Save v-else class="mr-1 h-3 w-3" />确认
           </Button>
@@ -749,39 +790,59 @@ const ExtensionFileNode = defineComponent({
           <table class="w-full text-xs">
             <thead class="bg-muted/50">
               <tr>
-                <th class="text-muted-foreground px-3 py-2 text-left font-medium">name</th>
-                <th class="text-muted-foreground px-3 py-2 text-left font-medium">type</th>
-                <th class="text-muted-foreground px-3 py-2 text-left font-medium">entry</th>
-                <th class="text-muted-foreground px-3 py-2 text-left font-medium">icon path</th>
+                <th
+                  class="px-3 py-2 text-left font-medium text-muted-foreground"
+                >
+                  name
+                </th>
+                <th
+                  class="px-3 py-2 text-left font-medium text-muted-foreground"
+                >
+                  type
+                </th>
+                <th
+                  class="px-3 py-2 text-left font-medium text-muted-foreground"
+                >
+                  entry
+                </th>
+                <th
+                  class="px-3 py-2 text-left font-medium text-muted-foreground"
+                >
+                  icon path
+                </th>
               </tr>
             </thead>
             <tbody>
-              <tr v-for="(route, i) in editableRoutes" :key="i" class="border-t">
+              <tr
+                v-for="(route, i) in editableRoutes"
+                :key="i"
+                class="border-t"
+              >
                 <td class="px-2 py-1">
                   <input
                     v-model="route.name"
-                    class="border-border focus:ring-ring w-full rounded border bg-transparent px-1 py-0.5 font-mono transition-colors outline-none focus:ring-1"
+                    class="w-full rounded border border-border bg-transparent px-1 py-0.5 font-mono transition-colors outline-none focus:ring-1 focus:ring-ring"
                     @input="onRouteInput"
                   />
                 </td>
                 <td class="px-2 py-1">
                   <input
                     v-model="route.type"
-                    class="border-border focus:ring-ring w-full rounded border bg-transparent px-1 py-0.5 font-mono transition-colors outline-none focus:ring-1"
+                    class="w-full rounded border border-border bg-transparent px-1 py-0.5 font-mono transition-colors outline-none focus:ring-1 focus:ring-ring"
                     @input="onRouteInput"
                   />
                 </td>
                 <td class="px-2 py-1">
                   <input
                     v-model="route.entry"
-                    class="border-border text-muted-foreground focus:ring-ring w-full rounded border bg-transparent px-1 py-0.5 font-mono transition-colors outline-none focus:ring-1"
+                    class="w-full rounded border border-border bg-transparent px-1 py-0.5 font-mono text-muted-foreground transition-colors outline-none focus:ring-1 focus:ring-ring"
                     @input="onRouteInput"
                   />
                 </td>
                 <td class="px-2 py-1">
                   <input
                     v-model="route.icon"
-                    class="border-border text-muted-foreground focus:ring-ring w-full rounded border bg-transparent px-1 py-0.5 font-mono transition-colors outline-none focus:ring-1"
+                    class="w-full rounded border border-border bg-transparent px-1 py-0.5 font-mono text-muted-foreground transition-colors outline-none focus:ring-1 focus:ring-ring"
                     @input="onRouteInput"
                   />
                 </td>
diff --git a/src/components/extensions/ExtensionIcon.vue b/src/components/extensions/ExtensionIcon.vue
index 33e7dd21..4939131e 100644
--- a/src/components/extensions/ExtensionIcon.vue
+++ b/src/components/extensions/ExtensionIcon.vue
@@ -24,7 +24,8 @@ watch(
       }
       const text = await resp.text();
       // 确认是 SVG 内容
-      svgContent.value = text.trim().startsWith("<svg") || text.includes("<svg ") ? text : null;
+      svgContent.value =
+        text.trim().startsWith("<svg") || text.includes("<svg ") ? text : null;
     } catch {
       svgContent.value = null;
     }
@@ -36,7 +37,7 @@ watch(
 <template>
   <span
     v-if="svgContent"
-    class="flex items-center justify-center [&>svg]:h-full [&>svg]:w-full"
+    class="flex items-center justify-center [&>svg]:w-full [&>svg]:h-full"
     :style="{ width: `${size ?? 24}px`, height: `${size ?? 24}px` }"
     v-html="svgContent"
   />
diff --git a/src/components/extensions/ExtensionInstallDialog.vue b/src/components/extensions/ExtensionInstallDialog.vue
index 41ca362a..f3f37d1c 100644
--- a/src/components/extensions/ExtensionInstallDialog.vue
+++ b/src/components/extensions/ExtensionInstallDialog.vue
@@ -1,7 +1,13 @@
 <script setup lang="ts">
 import { ref, computed } from "vue";
 import { diffLines } from "diff";
-import { FolderOpen, Upload, CheckCircle, AlertCircle, Loader2 } from "lucide-vue-next";
+import {
+  FolderOpen,
+  Upload,
+  CheckCircle,
+  AlertCircle,
+  Loader2,
+} from "lucide-vue-next";
 import {
   Dialog,
   DialogContent,
@@ -43,7 +49,8 @@ const tokenAgreed = ref(false);
 const fileInputRef = ref<HTMLInputElement | null>(null);
 const zipInputRef = ref<HTMLInputElement | null>(null);
 
-const routeTypeLabel = (type: string) => (type === "global" ? "全局路由" : "节点路由");
+const routeTypeLabel = (type: string) =>
+  type === "global" ? "全局路由" : "节点路由";
 const routeTypeBadgeVariant = (type: string) =>
   type === "global" ? ("default" as const) : ("secondary" as const);
 
@@ -63,19 +70,33 @@ const normalizeJson = (val: unknown): unknown => {
 
 const limitsChanged = computed(() => {
   if (!isReinstall.value || !props.reinstallTarget) return true;
-  const oldLimits = JSON.stringify(normalizeJson(props.reinstallTarget.app.limits ?? []));
-  const newLimits = JSON.stringify(normalizeJson(parsedApp.value?.limits ?? []));
+  const oldLimits = JSON.stringify(
+    normalizeJson(props.reinstallTarget.app.limits ?? []),
+  );
+  const newLimits = JSON.stringify(
+    normalizeJson(parsedApp.value?.limits ?? []),
+  );
   return oldLimits !== newLimits;
 });
 
-const needsTokenConfirm = computed(() => !isReinstall.value || limitsChanged.value);
+const needsTokenConfirm = computed(
+  () => !isReinstall.value || limitsChanged.value,
+);
 
 type DiffLine = { text: string; added: boolean; removed: boolean };
 
 const limitsDiff = computed((): DiffLine[] | null => {
   if (!isReinstall.value || !props.reinstallTarget) return null;
-  const oldStr = JSON.stringify(normalizeJson(props.reinstallTarget.app.limits ?? []), null, 2);
-  const newStr = JSON.stringify(normalizeJson(parsedApp.value?.limits ?? []), null, 2);
+  const oldStr = JSON.stringify(
+    normalizeJson(props.reinstallTarget.app.limits ?? []),
+    null,
+    2,
+  );
+  const newStr = JSON.stringify(
+    normalizeJson(parsedApp.value?.limits ?? []),
+    null,
+    2,
+  );
   return diffLines(oldStr, newStr).flatMap((part) => {
     const prefix = part.added ? "+" : part.removed ? "-" : " ";
     const lines = part.value.split("\n");
@@ -190,7 +211,9 @@ defineExpose({ onProgress, onInstallDone, onInstallError });
     <DialogContent class="max-w-lg">
       <DialogHeader>
         <DialogTitle>{{
-          isReinstall ? `重装「${props.reinstallTarget?.app.name}」` : "安装扩展"
+          isReinstall
+            ? `重装「${props.reinstallTarget?.app.name}」`
+            : "安装扩展"
         }}</DialogTitle>
         <DialogDescription>
           {{
@@ -204,25 +227,32 @@ defineExpose({ onProgress, onInstallDone, onInstallError });
       <!-- 步骤：选择文件 -->
       <template v-if="step === 'select'">
         <div class="flex flex-col items-center gap-4 py-6">
-          <div class="grid w-full grid-cols-2 gap-3">
+          <div class="grid grid-cols-2 gap-3 w-full">
             <div
-              class="border-muted-foreground/30 hover:border-muted-foreground/60 flex cursor-pointer flex-col items-center gap-2 rounded-lg border-2 border-dashed p-6 transition-colors"
+              class="border-2 border-dashed border-muted-foreground/30 rounded-lg p-6 flex flex-col items-center gap-2 cursor-pointer hover:border-muted-foreground/60 transition-colors"
               @click="openFolderPicker"
             >
-              <FolderOpen class="text-muted-foreground h-8 w-8" />
-              <p class="text-muted-foreground text-center text-xs">打开文件夹</p>
+              <FolderOpen class="h-8 w-8 text-muted-foreground" />
+              <p class="text-xs text-muted-foreground text-center">
+                打开文件夹
+              </p>
             </div>
             <div
-              class="border-muted-foreground/30 hover:border-muted-foreground/60 flex cursor-pointer flex-col items-center gap-2 rounded-lg border-2 border-dashed p-6 transition-colors"
+              class="border-2 border-dashed border-muted-foreground/30 rounded-lg p-6 flex flex-col items-center gap-2 cursor-pointer hover:border-muted-foreground/60 transition-colors"
               @click="openZipPicker"
             >
-              <Upload class="text-muted-foreground h-8 w-8" />
-              <p class="text-muted-foreground text-center text-xs">打开 ZIP</p>
+              <Upload class="h-8 w-8 text-muted-foreground" />
+              <p class="text-xs text-muted-foreground text-center">打开 ZIP</p>
             </div>
           </div>
-          <p class="text-muted-foreground text-xs">需包含 app.json 和 resources/ 目录</p>
+          <p class="text-xs text-muted-foreground">
+            需包含 app.json 和 resources/ 目录
+          </p>
 
-          <p v-if="parseError" class="text-destructive flex items-center gap-1 text-sm">
+          <p
+            v-if="parseError"
+            class="text-sm text-destructive flex items-center gap-1"
+          >
             <AlertCircle class="h-4 w-4 flex-shrink-0" />{{ parseError }}
           </p>
 
@@ -254,7 +284,7 @@ defineExpose({ onProgress, onInstallDone, onInstallError });
             <!-- 基本信息 -->
             <div class="space-y-2">
               <h4 class="text-sm font-medium">扩展信息</h4>
-              <div class="space-y-1 rounded-md border p-3 text-sm">
+              <div class="rounded-md border p-3 space-y-1 text-sm">
                 <div class="flex justify-between">
                   <span class="text-muted-foreground">名称</span>
                   <span class="font-medium">{{ parsedApp?.name || "—" }}</span>
@@ -265,7 +295,7 @@ defineExpose({ onProgress, onInstallDone, onInstallError });
                 </div>
                 <div class="flex justify-between">
                   <span class="text-muted-foreground">描述</span>
-                  <span class="max-w-48 truncate text-right">{{
+                  <span class="text-right max-w-48 truncate">{{
                     parsedApp?.description || "—"
                   }}</span>
                 </div>
@@ -278,7 +308,9 @@ defineExpose({ onProgress, onInstallDone, onInstallError });
 
             <!-- 路由信息 -->
             <div v-if="parsedApp?.routes?.length" class="space-y-2">
-              <h4 class="text-sm font-medium">注册路由 ({{ parsedApp.routes.length }})</h4>
+              <h4 class="text-sm font-medium">
+                注册路由 ({{ parsedApp.routes.length }})
+              </h4>
               <div class="space-y-1">
                 <div
                   v-for="route in parsedApp.routes"
@@ -286,7 +318,10 @@ defineExpose({ onProgress, onInstallDone, onInstallError });
                   class="flex items-center justify-between rounded-md border px-3 py-2 text-sm"
                 >
                   <span class="font-mono text-xs">{{ route.name }}</span>
-                  <Badge :variant="routeTypeBadgeVariant(route.type)" class="text-xs">
+                  <Badge
+                    :variant="routeTypeBadgeVariant(route.type)"
+                    class="text-xs"
+                  >
                     {{ routeTypeLabel(route.type) }}
                   </Badge>
                 </div>
@@ -300,8 +335,10 @@ defineExpose({ onProgress, onInstallDone, onInstallError });
               </h4>
 
               <!-- 重装且权限有变化：显示 diff -->
-              <div v-if="limitsDiff" class="overflow-hidden rounded-md border">
-                <pre class="max-h-48 overflow-x-auto p-3 font-mono text-xs leading-5"><span
+              <div v-if="limitsDiff" class="rounded-md border overflow-hidden">
+                <pre
+                  class="p-3 text-xs font-mono overflow-x-auto max-h-48 leading-5"
+                ><span
                   v-for="(line, i) in limitsDiff"
                   :key="i"
                   :class="[
@@ -315,27 +352,45 @@ defineExpose({ onProgress, onInstallDone, onInstallError });
 
               <!-- 新安装：显示完整 JSON -->
               <template v-else>
-                <div v-if="limitsCount > 0" class="overflow-hidden rounded-md border">
+                <div
+                  v-if="limitsCount > 0"
+                  class="rounded-md border overflow-hidden"
+                >
                   <pre
-                    class="bg-muted/30 max-h-32 overflow-x-auto p-3 font-mono text-xs break-all whitespace-pre-wrap"
-                    >{{ JSON.stringify(normalizeJson(parsedApp?.limits ?? []), null, 2) }}</pre
+                    class="p-3 text-xs font-mono bg-muted/30 overflow-x-auto whitespace-pre-wrap break-all max-h-32"
+                    >{{
+                      JSON.stringify(
+                        normalizeJson(parsedApp?.limits ?? []),
+                        null,
+                        2,
+                      )
+                    }}</pre
                   >
                 </div>
                 <div
                   v-else
-                  class="text-muted-foreground bg-muted/30 rounded-md border p-3 font-mono text-xs"
+                  class="rounded-md border p-3 text-xs text-muted-foreground font-mono bg-muted/30"
                 >
                   默认只读监控权限（cpu、system）
                 </div>
               </template>
-              <label class="flex cursor-pointer items-center gap-2 text-sm select-none">
-                <input v-model="tokenAgreed" type="checkbox" class="h-4 w-4 rounded" />
+              <label
+                class="flex items-center gap-2 cursor-pointer select-none text-sm"
+              >
+                <input
+                  v-model="tokenAgreed"
+                  type="checkbox"
+                  class="h-4 w-4 rounded"
+                />
                 我同意为此扩展创建上述权限的 Token
               </label>
             </div>
 
             <!-- 安装错误提示 -->
-            <p v-if="installError" class="text-destructive flex items-center gap-1 text-sm">
+            <p
+              v-if="installError"
+              class="text-sm text-destructive flex items-center gap-1"
+            >
               <AlertCircle class="h-4 w-4 flex-shrink-0" />
               {{ installError }}
             </p>
@@ -344,8 +399,11 @@ defineExpose({ onProgress, onInstallDone, onInstallError });
 
         <DialogFooter class="mt-4">
           <Button variant="outline" @click="step = 'select'">返回</Button>
-          <Button :disabled="needsTokenConfirm && !tokenAgreed" @click="handleInstall">
-            <Upload class="mr-2 h-4 w-4" />
+          <Button
+            :disabled="needsTokenConfirm && !tokenAgreed"
+            @click="handleInstall"
+          >
+            <Upload class="h-4 w-4 mr-2" />
             {{ isReinstall ? "确认重装" : "创建 Token 并安装" }}
           </Button>
         </DialogFooter>
@@ -353,13 +411,13 @@ defineExpose({ onProgress, onInstallDone, onInstallError });
 
       <!-- 步骤：安装中 -->
       <template v-else-if="step === 'installing'">
-        <div class="space-y-4 py-4">
-          <div class="text-muted-foreground flex items-center gap-2 text-sm">
+        <div class="py-4 space-y-4">
+          <div class="flex items-center gap-2 text-sm text-muted-foreground">
             <Loader2 class="h-4 w-4 animate-spin" />
             正在安装扩展，请稍候...
           </div>
-          <div class="bg-muted/30 h-40 overflow-y-auto rounded-md border p-2">
-            <div class="text-muted-foreground space-y-1 font-mono text-xs">
+          <div class="h-40 overflow-y-auto rounded-md border bg-muted/30 p-2">
+            <div class="space-y-1 font-mono text-xs text-muted-foreground">
               <p v-for="(msg, i) in progressMessages" :key="i">{{ msg }}</p>
             </div>
           </div>
@@ -368,10 +426,12 @@ defineExpose({ onProgress, onInstallDone, onInstallError });
 
       <!-- 步骤：完成 -->
       <template v-else-if="step === 'done'">
-        <div class="flex flex-col items-center gap-3 py-6">
+        <div class="py-6 flex flex-col items-center gap-3">
           <CheckCircle class="h-10 w-10 text-green-500" />
           <p class="text-sm font-medium">扩展安装成功！</p>
-          <p class="text-muted-foreground font-mono text-xs">ID: {{ installedId }}</p>
+          <p class="text-xs text-muted-foreground font-mono">
+            ID: {{ installedId }}
+          </p>
         </div>
 
         <DialogFooter>
diff --git a/src/components/extensions/QuickExtensionDialog.vue b/src/components/extensions/QuickExtensionDialog.vue
index 009139fe..e5ee6756 100644
--- a/src/components/extensions/QuickExtensionDialog.vue
+++ b/src/components/extensions/QuickExtensionDialog.vue
@@ -86,9 +86,13 @@ const handleConfirm = async () => {
   progressMessages.value = [];
 
   try {
-    const id = await createQuickExtension(extName.value.trim(), workerName.value, (msg) => {
-      progressMessages.value.push(msg);
-    });
+    const id = await createQuickExtension(
+      extName.value.trim(),
+      workerName.value,
+      (msg) => {
+        progressMessages.value.push(msg);
+      },
+    );
     createdId.value = id;
     step.value = "done";
   } catch (e: unknown) {
@@ -143,12 +147,18 @@ const handleDone = () => {
                 </SelectItem>
               </SelectContent>
             </Select>
-            <p v-if="workerList.length === 0" class="text-muted-foreground text-xs">
+            <p
+              v-if="workerList.length === 0"
+              class="text-xs text-muted-foreground"
+            >
               暂无可用 Worker
             </p>
           </div>
 
-          <p v-if="formError" class="text-destructive flex items-center gap-1 text-sm">
+          <p
+            v-if="formError"
+            class="text-sm text-destructive flex items-center gap-1"
+          >
             <AlertCircle class="h-4 w-4 flex-shrink-0" />
             {{ formError }}
           </p>
@@ -157,7 +167,7 @@ const handleDone = () => {
         <DialogFooter>
           <Button variant="outline" @click="handleClose">取消</Button>
           <Button @click="handleConfirm">
-            <Zap class="mr-2 h-4 w-4" />
+            <Zap class="h-4 w-4 mr-2" />
             创建
           </Button>
         </DialogFooter>
@@ -165,13 +175,13 @@ const handleDone = () => {
 
       <!-- 步骤：创建中 -->
       <template v-else-if="step === 'creating'">
-        <div class="space-y-4 py-4">
-          <div class="text-muted-foreground flex items-center gap-2 text-sm">
+        <div class="py-4 space-y-4">
+          <div class="flex items-center gap-2 text-sm text-muted-foreground">
             <Loader2 class="h-4 w-4 animate-spin" />
             正在创建快捷扩展，请稍候...
           </div>
-          <div class="bg-muted/30 h-32 overflow-y-auto rounded-md border p-2">
-            <div class="text-muted-foreground space-y-1 font-mono text-xs">
+          <div class="h-32 overflow-y-auto rounded-md border bg-muted/30 p-2">
+            <div class="space-y-1 font-mono text-xs text-muted-foreground">
               <p v-for="(msg, i) in progressMessages" :key="i">{{ msg }}</p>
             </div>
           </div>
@@ -180,10 +190,12 @@ const handleDone = () => {
 
       <!-- 步骤：完成 -->
       <template v-else-if="step === 'done'">
-        <div class="flex flex-col items-center gap-3 py-6">
+        <div class="py-6 flex flex-col items-center gap-3">
           <CheckCircle class="h-10 w-10 text-green-500" />
           <p class="text-sm font-medium">快捷扩展创建成功！</p>
-          <p class="text-muted-foreground font-mono text-xs">ID: {{ createdId }}</p>
+          <p class="text-xs text-muted-foreground font-mono">
+            ID: {{ createdId }}
+          </p>
         </div>
 
         <DialogFooter>
diff --git a/src/components/js-runtime/WorkerFormDialog.vue b/src/components/js-runtime/WorkerFormDialog.vue
index ad1de00b..d0ff4303 100644
--- a/src/components/js-runtime/WorkerFormDialog.vue
+++ b/src/components/js-runtime/WorkerFormDialog.vue
@@ -50,7 +50,10 @@ const defaultContent = `export default {
   }
 };`;
 
-const extensions = computed(() => [javascript(), ...(themeStore.isDark ? [oneDark] : [])]);
+const extensions = computed(() => [
+  javascript(),
+  ...(themeStore.isDark ? [oneDark] : []),
+]);
 
 watch(
   () => props.open,
@@ -72,22 +75,28 @@ const close = () => emit("update:open", false);
 
 <template>
   <Dialog :open="open" @update:open="emit('update:open', $event)">
-    <DialogContent class="flex h-[80vh] max-w-3xl flex-col">
+    <DialogContent class="max-w-3xl h-[80vh] flex flex-col">
       <DialogHeader>
         <DialogTitle>{{
-          editWorker ? t("dashboard.jsRuntime.editWorker") : t("dashboard.jsRuntime.addWorker")
+          editWorker
+            ? t("dashboard.jsRuntime.editWorker")
+            : t("dashboard.jsRuntime.addWorker")
         }}</DialogTitle>
       </DialogHeader>
 
-      <div class="flex flex-1 flex-col space-y-4 overflow-hidden">
+      <div class="flex-1 overflow-hidden space-y-4 flex flex-col">
         <div class="space-y-2">
           <Label for="worker-name">{{ t("dashboard.jsRuntime.name") }}</Label>
-          <Input id="worker-name" v-model="name" :placeholder="t('dashboard.jsRuntime.name')" />
+          <Input
+            id="worker-name"
+            v-model="name"
+            :placeholder="t('dashboard.jsRuntime.name')"
+          />
         </div>
 
-        <div class="flex flex-1 flex-col space-y-2 overflow-hidden">
+        <div class="space-y-2 flex-1 flex flex-col overflow-hidden">
           <Label>{{ t("dashboard.jsRuntime.content") }}</Label>
-          <div class="min-h-0 flex-1 overflow-hidden rounded-md border">
+          <div class="flex-1 rounded-md border overflow-hidden min-h-0">
             <Codemirror
               v-model="content"
               :extensions="extensions"
@@ -99,10 +108,16 @@ const close = () => emit("update:open", false);
       </div>
 
       <DialogFooter class="pt-4">
-        <Button variant="outline" @click="close">{{ t("dashboard.jsRuntime.cancel") }}</Button>
+        <Button variant="outline" @click="close">{{
+          t("dashboard.jsRuntime.cancel")
+        }}</Button>
         <Button :disabled="loading || !name.trim()" @click="handleSave">
           <Loader2 v-if="loading" class="h-4 w-4 animate-spin" />
-          {{ editWorker ? t("dashboard.jsRuntime.save") : t("dashboard.jsRuntime.create") }}
+          {{
+            editWorker
+              ? t("dashboard.jsRuntime.save")
+              : t("dashboard.jsRuntime.create")
+          }}
         </Button>
       </DialogFooter>
     </DialogContent>
diff --git a/src/components/js-runtime/WorkerTable.vue b/src/components/js-runtime/WorkerTable.vue
index f2859fe2..5eb7bfbe 100644
--- a/src/components/js-runtime/WorkerTable.vue
+++ b/src/components/js-runtime/WorkerTable.vue
@@ -44,9 +44,9 @@ const isDeleting = (name: string) => props.deletingIds.includes(name);
   <div class="relative w-full">
     <div
       v-if="loading && workers.length"
-      class="bg-background/40 absolute inset-0 z-10 flex flex-col items-center justify-center rounded-md backdrop-blur-[1px]"
+      class="absolute inset-0 z-10 bg-background/40 backdrop-blur-[1px] flex flex-col items-center justify-center rounded-md"
     >
-      <Loader2 class="text-muted-foreground h-8 w-8 animate-spin" />
+      <Loader2 class="h-8 w-8 animate-spin text-muted-foreground" />
     </div>
     <Table>
       <TableHeader>
@@ -55,63 +55,82 @@ const isDeleting = (name: string) => props.deletingIds.includes(name);
           <TableHead>{{ t("dashboard.jsRuntime.route") }}</TableHead>
           <TableHead>{{ t("dashboard.jsRuntime.createdAt") }}</TableHead>
           <TableHead>{{ t("dashboard.jsRuntime.updatedAt") }}</TableHead>
-          <TableHead class="text-right">{{ t("dashboard.jsRuntime.actions") }}</TableHead>
+          <TableHead class="text-right">{{
+            t("dashboard.jsRuntime.actions")
+          }}</TableHead>
         </TableRow>
       </TableHeader>
       <TableBody>
         <TableRow v-if="loading && !workers.length">
-          <TableCell colspan="5" class="text-muted-foreground h-32 text-center">
+          <TableCell colspan="5" class="h-32 text-center text-muted-foreground">
             <div class="flex flex-col items-center justify-center space-y-3">
-              <Loader2 class="text-muted-foreground/50 h-6 w-6 animate-spin" />
+              <Loader2 class="w-6 h-6 animate-spin text-muted-foreground/50" />
               <span class="text-sm font-medium">{{ t("common.loading") }}</span>
             </div>
           </TableCell>
         </TableRow>
         <TableRow v-else-if="!workers.length">
-          <TableCell colspan="5" class="text-muted-foreground py-12 text-center">
+          <TableCell
+            colspan="5"
+            class="text-center text-muted-foreground py-12"
+          >
             {{ t("common.noData") }}
           </TableCell>
         </TableRow>
         <TableRow v-for="worker in workers" :key="worker.id">
           <TableCell
-            class="text-primary cursor-pointer font-medium hover:underline"
+            class="font-medium hover:underline cursor-pointer text-primary"
             @click="openDetail(worker)"
           >
             {{ worker.name }}
           </TableCell>
-          <TableCell class="py-0 font-mono text-sm">
+          <TableCell class="font-mono text-sm py-0">
             <Button
               v-if="worker.route"
               variant="link"
-              class="text-primary h-auto p-0 font-mono hover:underline"
-              @click="router.push(`/dashboard/worker-route-preview?route=${worker.route}`)"
+              class="h-auto p-0 font-mono text-primary hover:underline"
+              @click="
+                router.push(
+                  `/dashboard/worker-route-preview?route=${worker.route}`,
+                )
+              "
             >
               {{ worker.route }}
             </Button>
             <span v-else class="text-muted-foreground">-</span>
           </TableCell>
-          <TableCell class="text-muted-foreground text-sm">{{
+          <TableCell class="text-sm text-muted-foreground">{{
             formatTime(worker.created_at)
           }}</TableCell>
-          <TableCell class="text-muted-foreground text-sm">{{
+          <TableCell class="text-sm text-muted-foreground">{{
             formatTime(worker.updated_at)
           }}</TableCell>
           <TableCell class="text-right">
             <div class="flex items-center justify-end gap-1">
-              <Button size="icon" variant="ghost" class="h-8 w-8" @click="openDetail(worker)">
+              <Button
+                size="icon"
+                variant="ghost"
+                class="h-8 w-8"
+                @click="openDetail(worker)"
+              >
                 <Pencil class="h-4 w-4" />
               </Button>
               <PopConfirm
-                :description="t('dashboard.jsRuntime.deleteConfirm', { name: worker.name })"
+                :description="
+                  t('dashboard.jsRuntime.deleteConfirm', { name: worker.name })
+                "
                 @confirm="emit('delete', worker.name)"
               >
                 <Button
                   size="icon"
                   variant="ghost"
-                  class="text-destructive hover:text-destructive hover:bg-destructive/10 h-8 w-8"
+                  class="h-8 w-8 text-destructive hover:text-destructive hover:bg-destructive/10"
                   :disabled="isDeleting(worker.name)"
                 >
-                  <Loader2 v-if="isDeleting(worker.name)" class="h-4 w-4 animate-spin" />
+                  <Loader2
+                    v-if="isDeleting(worker.name)"
+                    class="h-4 w-4 animate-spin"
+                  />
                   <Trash2 v-else class="h-4 w-4" />
                 </Button>
               </PopConfirm>
diff --git a/src/components/kv/KvCreateNamespaceDialog.vue b/src/components/kv/KvCreateNamespaceDialog.vue
index 507dc31a..b41dc759 100644
--- a/src/components/kv/KvCreateNamespaceDialog.vue
+++ b/src/components/kv/KvCreateNamespaceDialog.vue
@@ -46,7 +46,9 @@ const close = () => emit("update:open", false);
     <DialogContent>
       <DialogHeader>
         <DialogTitle>创建命名空间</DialogTitle>
-        <DialogDescription>命名空间用于隔离不同的 KV 数据集合</DialogDescription>
+        <DialogDescription
+          >命名空间用于隔离不同的 KV 数据集合</DialogDescription
+        >
       </DialogHeader>
 
       <div class="space-y-2">
@@ -57,12 +59,15 @@ const close = () => emit("update:open", false);
           placeholder="输入命名空间名称，例如 global"
           @keydown.enter="handleCreate"
         />
-        <p v-if="error" class="text-destructive text-sm">{{ error }}</p>
+        <p v-if="error" class="text-sm text-destructive">{{ error }}</p>
       </div>
 
       <DialogFooter>
         <Button variant="outline" @click="close">取消</Button>
-        <Button :disabled="loading || !namespaceName.trim()" @click="handleCreate">
+        <Button
+          :disabled="loading || !namespaceName.trim()"
+          @click="handleCreate"
+        >
           {{ loading ? "创建中..." : "创建" }}
         </Button>
       </DialogFooter>
diff --git a/src/components/kv/KvEntryTable.vue b/src/components/kv/KvEntryTable.vue
index b7000440..a018d218 100644
--- a/src/components/kv/KvEntryTable.vue
+++ b/src/components/kv/KvEntryTable.vue
@@ -33,8 +33,13 @@ const truncate = (val: unknown, len = 80): string => {
 
 <template>
   <div>
-    <div v-if="loading" class="text-muted-foreground py-10 text-center">加载中...</div>
-    <div v-else-if="entries.length === 0" class="text-muted-foreground py-10 text-center">
+    <div v-if="loading" class="text-center py-10 text-muted-foreground">
+      加载中...
+    </div>
+    <div
+      v-else-if="entries.length === 0"
+      class="text-center py-10 text-muted-foreground"
+    >
       暂无数据
     </div>
     <Table v-else>
@@ -49,21 +54,37 @@ const truncate = (val: unknown, len = 80): string => {
       <TableBody>
         <TableRow
           v-for="entry in entries"
-          :key="(entry as any).namespace ? `${(entry as any).namespace}:${entry.key}` : entry.key"
+          :key="
+            (entry as any).namespace
+              ? `${(entry as any).namespace}:${entry.key}`
+              : entry.key
+          "
         >
           <TableCell v-if="showNamespace" class="font-mono text-sm">
             {{ (entry as any).namespace }}
           </TableCell>
-          <TableCell class="font-mono text-sm font-medium">{{ entry.key }}</TableCell>
-          <TableCell class="text-muted-foreground max-w-xs truncate font-mono text-sm">
+          <TableCell class="font-mono text-sm font-medium">{{
+            entry.key
+          }}</TableCell>
+          <TableCell
+            class="font-mono text-sm text-muted-foreground max-w-xs truncate"
+          >
             {{ truncate(entry.value) }}
           </TableCell>
           <TableCell class="text-right">
             <div class="flex justify-end gap-1">
-              <Button variant="ghost" size="icon" class="h-8 w-8" @click="emit('view', entry.key)"
+              <Button
+                variant="ghost"
+                size="icon"
+                class="h-8 w-8"
+                @click="emit('view', entry.key)"
                 ><Eye class="h-4 w-4"
               /></Button>
-              <Button variant="ghost" size="icon" class="h-8 w-8" @click="emit('edit', entry.key)"
+              <Button
+                variant="ghost"
+                size="icon"
+                class="h-8 w-8"
+                @click="emit('edit', entry.key)"
                 ><Pencil class="h-4 w-4"
               /></Button>
               <PopConfirm
@@ -75,7 +96,7 @@ const truncate = (val: unknown, len = 80): string => {
                 <Button
                   variant="ghost"
                   size="icon"
-                  class="text-destructive hover:text-destructive h-8 w-8"
+                  class="h-8 w-8 text-destructive hover:text-destructive"
                   ><Trash2 class="h-4 w-4"
                 /></Button>
               </PopConfirm>
diff --git a/src/components/kv/KvFlatTable.vue b/src/components/kv/KvFlatTable.vue
index 5c6dee2e..948fa956 100644
--- a/src/components/kv/KvFlatTable.vue
+++ b/src/components/kv/KvFlatTable.vue
@@ -54,14 +54,18 @@ const loadAll = async () => {
 onMounted(loadAll);
 
 const handleView = (ns: string, key: string) => {
-  const entry = flatEntries.value.find((x) => x.namespace === ns && x.key === key);
+  const entry = flatEntries.value.find(
+    (x) => x.namespace === ns && x.key === key,
+  );
   viewKey.value = key;
   viewValue.value = entry?.value;
   viewOpen.value = true;
 };
 
 const handleEdit = (ns: string, key: string) => {
-  const entry = flatEntries.value.find((x) => x.namespace === ns && x.key === key);
+  const entry = flatEntries.value.find(
+    (x) => x.namespace === ns && x.key === key,
+  );
   editNamespace.value = ns;
   editKey.value = key;
   editValue.value = entry?.value;
@@ -86,7 +90,9 @@ const handleDelete = async (ns: string, key: string) => {
   kv.namespace.value = ns;
   try {
     await kv.deleteKey(key);
-    flatEntries.value = flatEntries.value.filter((e) => !(e.namespace === ns && e.key === key));
+    flatEntries.value = flatEntries.value.filter(
+      (e) => !(e.namespace === ns && e.key === key),
+    );
     toast.success("删除成功");
   } catch (e: unknown) {
     toast.error(e instanceof Error ? e.message : "删除失败");
diff --git a/src/components/kv/KvNamespaceTable.vue b/src/components/kv/KvNamespaceTable.vue
index 10cfe8c9..523c6af1 100644
--- a/src/components/kv/KvNamespaceTable.vue
+++ b/src/components/kv/KvNamespaceTable.vue
@@ -50,17 +50,24 @@ const filteredNamespaces = computed(() => {
 <template>
   <div class="space-y-4">
     <div class="flex items-center gap-2">
-      <div class="relative w-full max-w-xs">
+      <div class="relative max-w-xs w-full">
         <Search
-          class="text-muted-foreground pointer-events-none absolute top-1/2 left-2.5 h-3.5 w-3.5 -translate-y-1/2"
+          class="absolute left-2.5 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground pointer-events-none"
+        />
+        <Input
+          v-model="searchQuery"
+          placeholder="搜索命名空间..."
+          class="pl-8"
         />
-        <Input v-model="searchQuery" placeholder="搜索命名空间..." class="pl-8" />
       </div>
       <label
         v-if="agentUuids"
-        class="text-muted-foreground flex cursor-pointer items-center gap-2 text-sm select-none"
+        class="flex items-center gap-2 text-sm text-muted-foreground cursor-pointer select-none"
       >
-        <Checkbox :model-value="onlyAgents" @update:model-value="(v: any) => (onlyAgents = !!v)" />
+        <Checkbox
+          :model-value="onlyAgents"
+          @update:model-value="(v: any) => (onlyAgents = !!v)"
+        />
         {{ t("dashboard.kv.onlyAgents") }}
       </label>
       <div class="flex-1" />
@@ -68,21 +75,23 @@ const filteredNamespaces = computed(() => {
         variant="outline"
         size="sm"
         :disabled="loading"
-        class="mr-2 ml-auto"
+        class="ml-auto mr-2"
         @click="emit('refresh')"
       >
         <RefreshCw class="h-4 w-4" :class="{ 'animate-spin': loading }" />
       </Button>
       <Button size="sm" @click="emit('openCreate')">
-        <Plus class="mr-1 h-4 w-4" />
+        <Plus class="h-4 w-4 mr-1" />
         创建命名空间
       </Button>
     </div>
 
-    <div v-if="loading" class="text-muted-foreground py-10 text-center">加载中...</div>
+    <div v-if="loading" class="text-center py-10 text-muted-foreground">
+      加载中...
+    </div>
     <div
       v-else-if="filteredNamespaces.length === 0"
-      class="text-muted-foreground py-10 text-center"
+      class="text-center py-10 text-muted-foreground"
     >
       暂无命名空间
     </div>
@@ -96,7 +105,11 @@ const filteredNamespaces = computed(() => {
       <TableBody>
         <TableRow v-for="ns in filteredNamespaces" :key="ns">
           <TableCell>
-            <Button variant="link" class="h-auto p-0 font-mono" @click="emit('select', ns)">
+            <Button
+              variant="link"
+              class="p-0 h-auto font-mono"
+              @click="emit('select', ns)"
+            >
               {{ ns }}
             </Button>
           </TableCell>
@@ -112,7 +125,7 @@ const filteredNamespaces = computed(() => {
                 <Button
                   variant="ghost"
                   size="sm"
-                  class="text-destructive hover:text-destructive h-7 w-7 p-0"
+                  class="h-7 w-7 p-0 text-destructive hover:text-destructive"
                 >
                   <Trash2 class="h-3.5 w-3.5" />
                 </Button>
@@ -122,7 +135,7 @@ const filteredNamespaces = computed(() => {
                 variant="ghost"
                 size="sm"
                 disabled
-                class="text-destructive h-7 w-7 p-0"
+                class="h-7 w-7 p-0 text-destructive"
               >
                 <Loader2 class="h-3.5 w-3.5 animate-spin" />
               </Button>
diff --git a/src/components/kv/KvNodeTable.vue b/src/components/kv/KvNodeTable.vue
index 8ca4833c..e37cdd6b 100644
--- a/src/components/kv/KvNodeTable.vue
+++ b/src/components/kv/KvNodeTable.vue
@@ -26,7 +26,8 @@ import { useKv } from "@/composables/useKv";
 import { useNodeMetadata } from "@/composables/useNodeMetadata";
 
 const kv = useKv();
-const { parseMetadataFields, buildMetadataBatch, initDefaultMetadata } = useNodeMetadata(kv);
+const { parseMetadataFields, buildMetadataBatch, initDefaultMetadata } =
+  useNodeMetadata(kv);
 
 function getRegionLabel(code: string) {
   const r = REGIONS.find((r) => r.code === code);
@@ -36,7 +37,10 @@ function getRegionLabel(code: string) {
 const nodes = ref<NodeItem[]>([]);
 const loading = ref(false);
 
-function parseNode(ns: string, entries: { key: string; value: unknown }[]): NodeItem | null {
+function parseNode(
+  ns: string,
+  entries: { key: string; value: unknown }[],
+): NodeItem | null {
   return { id: ns, ...parseMetadataFields(entries, ns) };
 }
 
@@ -56,23 +60,10 @@ async function loadNodes() {
       namespace: uuid,
       key: "metadata_*",
     }));
-    let results: { namespace: string; key: string; value: unknown }[] = [];
-
-    for (let attempt = 0; attempt <= uuids.length; attempt++) {
-      try {
-        results = await kv.getMultiValue(namespaceKeys);
-        break;
-      } catch (e: unknown) {
-        const msg = e instanceof Error ? e.message : String(e);
-        const match = msg.match(/Namespace '([^']+)' not found/);
-        if (match && attempt < uuids.length) {
-          await kv.createNamespace(match[1]!);
-          continue;
-        }
-        throw e;
-      }
-    }
+    let results: { namespace: string; key: string; value: unknown }[] =
+      await kv.getMultiValue(namespaceKeys);
 
+    /*
     // Step 3: detect empty UUIDs and initialize default metadata values
     const namespacesWithData = new Set(results.map((r) => r.namespace));
     const emptyUuids = uuids.filter((uuid) => !namespacesWithData.has(uuid));
@@ -88,6 +79,7 @@ async function loadNodes() {
       );
       results = [...results, ...newResults];
     }
+    */
 
     // Step 5: group by namespace
     const grouped = new Map<string, { key: string; value: unknown }[]>();
@@ -166,12 +158,18 @@ async function handleSaveEdit() {
 </script>
 
 <template>
-  <div v-if="loading" class="text-muted-foreground flex items-center justify-center py-12">
-    <Loader2 class="mr-2 h-5 w-5 animate-spin" />
+  <div
+    v-if="loading"
+    class="flex items-center justify-center py-12 text-muted-foreground"
+  >
+    <Loader2 class="h-5 w-5 animate-spin mr-2" />
     加载中...
   </div>
 
-  <div v-else-if="nodes.length === 0" class="text-muted-foreground py-12 text-center text-sm">
+  <div
+    v-else-if="nodes.length === 0"
+    class="py-12 text-center text-muted-foreground text-sm"
+  >
     暂无节点数据
   </div>
 
@@ -192,29 +190,41 @@ async function handleSaveEdit() {
       <TableRow v-for="node in nodes" :key="node.id">
         <TableCell class="font-medium">
           {{ node.customName }}
-          <span class="text-muted-foreground ml-1.5 font-mono text-xs font-normal">{{
-            node.id
-          }}</span>
+          <span
+            class="ml-1.5 text-xs text-muted-foreground font-normal font-mono"
+            >{{ node.id }}</span
+          >
         </TableCell>
         <TableCell>
           <div class="flex flex-wrap gap-1">
-            <Badge v-for="tag in node.tags" :key="tag" variant="secondary">{{ tag }}</Badge>
+            <Badge v-for="tag in node.tags" :key="tag" variant="secondary">{{
+              tag
+            }}</Badge>
           </div>
         </TableCell>
-        <TableCell class="text-right font-mono">{{ node.priceUnit }}{{ node.price }}</TableCell>
+        <TableCell class="text-right font-mono"
+          >{{ node.priceUnit }}{{ node.price }}</TableCell
+        >
         <TableCell>{{ node.priceCycle }}</TableCell>
-        <TableCell class="font-mono text-sm">{{ node.expireTime || "—" }}</TableCell>
+        <TableCell class="font-mono text-sm">{{
+          node.expireTime || "—"
+        }}</TableCell>
         <TableCell>{{ getRegionLabel(node.region) }}</TableCell>
         <TableCell>
           <Badge
             v-if="!node.hidden"
-            class="border-0 bg-green-500/15 text-green-600 hover:bg-green-500/25"
+            class="bg-green-500/15 text-green-600 hover:bg-green-500/25 border-0"
             >显示</Badge
           >
           <Badge v-else variant="secondary">隐藏</Badge>
         </TableCell>
         <TableCell class="text-right">
-          <Button variant="ghost" size="icon" class="h-8 w-8" @click="handleEdit(node)">
+          <Button
+            variant="ghost"
+            size="icon"
+            class="h-8 w-8"
+            @click="handleEdit(node)"
+          >
             <Pencil class="h-4 w-4" />
           </Button>
         </TableCell>
@@ -229,7 +239,10 @@ async function handleSaveEdit() {
       </DialogHeader>
       <NodeMetadataForm v-model="editForm" />
       <DialogFooter>
-        <Button variant="outline" :disabled="saveLoading" @click="editDialogOpen = false"
+        <Button
+          variant="outline"
+          :disabled="saveLoading"
+          @click="editDialogOpen = false"
           >取消</Button
         >
         <Button :disabled="saveLoading" @click="handleSaveEdit">
diff --git a/src/components/kv/KvSetDialog.vue b/src/components/kv/KvSetDialog.vue
index e7a86a89..d93725f4 100644
--- a/src/components/kv/KvSetDialog.vue
+++ b/src/components/kv/KvSetDialog.vue
@@ -34,7 +34,10 @@ const themeStore = useThemeStore();
 const key = ref("");
 const editorValue = ref("");
 
-const extensions = computed(() => [json(), ...(themeStore.isDark ? [oneDark] : [])]);
+const extensions = computed(() => [
+  json(),
+  ...(themeStore.isDark ? [oneDark] : []),
+]);
 
 watch(
   () => props.open,
@@ -42,7 +45,9 @@ watch(
     if (open) {
       key.value = props.editKey ?? "";
       editorValue.value =
-        props.editValue !== undefined ? JSON.stringify(props.editValue, null, 2) : "{}";
+        props.editValue !== undefined
+          ? JSON.stringify(props.editValue, null, 2)
+          : "{}";
     }
   },
 );
@@ -66,7 +71,9 @@ const close = () => emit("update:open", false);
   <Dialog :open="open" @update:open="emit('update:open', $event)">
     <DialogContent class="max-w-2xl">
       <DialogHeader>
-        <DialogTitle>{{ isEditMode() ? "编辑 Key-Value" : "新增 Key-Value" }}</DialogTitle>
+        <DialogTitle>{{
+          isEditMode() ? "编辑 Key-Value" : "新增 Key-Value"
+        }}</DialogTitle>
         <DialogDescription>Value 必须为合法的 JSON 格式</DialogDescription>
       </DialogHeader>
 
@@ -78,7 +85,7 @@ const close = () => emit("update:open", false);
 
         <div class="space-y-2">
           <Label>Value</Label>
-          <div class="overflow-hidden rounded-md border">
+          <div class="rounded-md border overflow-hidden">
             <Codemirror
               v-model="editorValue"
               :extensions="extensions"
diff --git a/src/components/kv/KvViewDialog.vue b/src/components/kv/KvViewDialog.vue
index 69d92384..38923e83 100644
--- a/src/components/kv/KvViewDialog.vue
+++ b/src/components/kv/KvViewDialog.vue
@@ -25,7 +25,10 @@ const emit = defineEmits<{
 
 const themeStore = useThemeStore();
 
-const extensions = computed(() => [json(), ...(themeStore.isDark ? [oneDark] : [])]);
+const extensions = computed(() => [
+  json(),
+  ...(themeStore.isDark ? [oneDark] : []),
+]);
 
 const displayValue = computed(() =>
   props.value !== undefined ? JSON.stringify(props.value, null, 2) : "",
@@ -40,8 +43,10 @@ const displayValue = computed(() =>
         <DialogDescription class="font-mono">{{ kvKey }}</DialogDescription>
       </DialogHeader>
 
-      <div v-if="loading" class="text-muted-foreground py-8 text-center">加载中...</div>
-      <div v-else class="overflow-hidden rounded-md border">
+      <div v-if="loading" class="text-center py-8 text-muted-foreground">
+        加载中...
+      </div>
+      <div v-else class="rounded-md border overflow-hidden">
         <Codemirror
           :model-value="displayValue"
           :extensions="extensions"
diff --git a/src/components/logsPanel/components/headerFilter.vue b/src/components/logsPanel/components/headerFilter.vue
index b0dbdd25..e38bd9a6 100644
--- a/src/components/logsPanel/components/headerFilter.vue
+++ b/src/components/logsPanel/components/headerFilter.vue
@@ -12,7 +12,15 @@ import {
 } from "@/components/ui/select";
 import { Button } from "@/components/ui/button";
 import { Badge } from "@/components/ui/badge";
-import { Loader2, Pause, Play, Plus, RefreshCcw, Square, X } from "lucide-vue-next";
+import {
+  Loader2,
+  Pause,
+  Play,
+  Plus,
+  RefreshCcw,
+  Square,
+  X,
+} from "lucide-vue-next";
 import type {
   LogActionStatus,
   LogFilterRule,
@@ -66,7 +74,10 @@ const connectStatus = computed(() => props.status);
 const isConnecting = computed(() => props.actionStatus === "connecting");
 const isDisconnecting = computed(() => props.actionStatus === "disconnecting");
 const isReconnecting = computed(() => {
-  return props.actionStatus === "reconnecting" || props.actionStatus === "updatingFilters";
+  return (
+    props.actionStatus === "reconnecting" ||
+    props.actionStatus === "updatingFilters"
+  );
 });
 
 const addSearchParams = () => {
@@ -101,7 +112,9 @@ const removeSearchParam = (index: number) => {
 
 <template>
   <div class="space-y-4">
-    <div class="flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between">
+    <div
+      class="flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between"
+    >
       <div class="flex flex-1 flex-wrap items-center gap-2">
         <div class="w-[220px] max-w-full">
           <Select
@@ -109,12 +122,20 @@ const removeSearchParam = (index: number) => {
             :placeholder="t('dashboard.logsPanel.filters.select')"
           >
             <SelectTrigger class="w-full">
-              <SelectValue :placeholder="t('dashboard.logsPanel.filters.target')" />
+              <SelectValue
+                :placeholder="t('dashboard.logsPanel.filters.target')"
+              />
             </SelectTrigger>
             <SelectContent>
               <SelectGroup>
-                <SelectLabel>{{ t("dashboard.logsPanel.filters.target") }}</SelectLabel>
-                <SelectItem v-for="target in targetOptions" :key="target" :value="target">
+                <SelectLabel>{{
+                  t("dashboard.logsPanel.filters.target")
+                }}</SelectLabel>
+                <SelectItem
+                  v-for="target in targetOptions"
+                  :key="target"
+                  :value="target"
+                >
                   {{ target }}
                 </SelectItem>
               </SelectGroup>
@@ -128,12 +149,20 @@ const removeSearchParam = (index: number) => {
             :placeholder="t('dashboard.logsPanel.filters.select')"
           >
             <SelectTrigger class="w-full">
-              <SelectValue :placeholder="t('dashboard.logsPanel.filters.level')" />
+              <SelectValue
+                :placeholder="t('dashboard.logsPanel.filters.level')"
+              />
             </SelectTrigger>
             <SelectContent>
               <SelectGroup>
-                <SelectLabel>{{ t("dashboard.logsPanel.filters.level") }}</SelectLabel>
-                <SelectItem v-for="level in levelOptions" :key="level" :value="level">
+                <SelectLabel>{{
+                  t("dashboard.logsPanel.filters.level")
+                }}</SelectLabel>
+                <SelectItem
+                  v-for="level in levelOptions"
+                  :key="level"
+                  :value="level"
+                >
                   {{ level.toUpperCase() }}
                 </SelectItem>
               </SelectGroup>
@@ -142,7 +171,10 @@ const removeSearchParam = (index: number) => {
         </div>
         <div>
           <Button :disabled="isBusy" @click="addSearchParams">
-            <Loader2 v-if="actionStatus === 'updatingFilters'" class="h-4 w-4 animate-spin" />
+            <Loader2
+              v-if="actionStatus === 'updatingFilters'"
+              class="h-4 w-4 animate-spin"
+            />
             <Plus v-else />
             {{ t("dashboard.logsPanel.actions.addFilter") }}
           </Button>
@@ -163,17 +195,27 @@ const removeSearchParam = (index: number) => {
               : t("dashboard.logsPanel.actions.connect")
           }}
         </Button>
-        <Button v-show="connectStatus === 'connected'" :disabled="isBusy" @click="emit('pause')">
+        <Button
+          v-show="connectStatus === 'connected'"
+          :disabled="isBusy"
+          @click="emit('pause')"
+        >
           <Pause />
           {{ t("dashboard.logsPanel.actions.pause") }}
         </Button>
-        <Button v-show="connectStatus === 'paused'" :disabled="isBusy" @click="emit('resume')">
+        <Button
+          v-show="connectStatus === 'paused'"
+          :disabled="isBusy"
+          @click="emit('resume')"
+        >
           <Play />
           {{ t("dashboard.logsPanel.actions.resume") }}
         </Button>
         <Button
           v-show="
-            connectStatus === 'connected' || connectStatus === 'paused' || connectStatus === 'error'
+            connectStatus === 'connected' ||
+            connectStatus === 'paused' ||
+            connectStatus === 'error'
           "
           :disabled="isBusy"
           @click="emit('stop')"
@@ -188,7 +230,9 @@ const removeSearchParam = (index: number) => {
         </Button>
         <Button
           v-show="
-            connectStatus === 'connected' || connectStatus === 'paused' || connectStatus === 'error'
+            connectStatus === 'connected' ||
+            connectStatus === 'paused' ||
+            connectStatus === 'error'
           "
           :disabled="isBusy"
           @click="emit('reconnect')"
diff --git a/src/components/logsPanel/components/logsItem.vue b/src/components/logsPanel/components/logsItem.vue
index 6e7fb35b..76e2ac9d 100644
--- a/src/components/logsPanel/components/logsItem.vue
+++ b/src/components/logsPanel/components/logsItem.vue
@@ -3,7 +3,11 @@ import { computed, ref } from "vue";
 import { useI18n } from "vue-i18n";
 import { ChevronDown, ChevronRight } from "lucide-vue-next";
 import { Badge } from "@/components/ui/badge";
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@/components/ui/collapsible";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from "@/components/ui/collapsible";
 import { cn } from "@/lib/utils";
 import type { LogEntry } from "@/composables/useLogs";
 
@@ -49,7 +53,7 @@ const formattedFields = computed(() => {
 <template>
   <Collapsible v-model:open="isOpen">
     <div
-      class="border-border/70 bg-background/80 hover:bg-muted/10 overflow-hidden rounded-md border transition-colors"
+      class="overflow-hidden rounded-md border border-border/70 bg-background/80 transition-colors hover:bg-muted/10"
     >
       <CollapsibleTrigger as-child>
         <button
@@ -63,12 +67,15 @@ const formattedFields = computed(() => {
           <div class="flex min-w-0 flex-1 items-center gap-1.5">
             <component
               :is="isOpen ? ChevronDown : ChevronRight"
-              class="text-muted-foreground size-3.5 shrink-0"
+              class="size-3.5 shrink-0 text-muted-foreground"
             />
             <Badge
               variant="outline"
               :class="
-                cn('h-5 shrink-0 rounded-sm px-1.5 font-mono text-[10px] leading-none', levelClass)
+                cn(
+                  'h-5 shrink-0 rounded-sm px-1.5 font-mono text-[10px] leading-none',
+                  levelClass,
+                )
               "
             >
               {{ item.level }}
@@ -79,58 +86,66 @@ const formattedFields = computed(() => {
             >
               {{ item.target }}
             </Badge>
-            <div class="min-w-0 flex-1 truncate text-xs leading-[1.2rem] font-medium">
+            <div
+              class="min-w-0 flex-1 truncate text-xs font-medium leading-[1.2rem]"
+            >
               {{ item.message || "-" }}
             </div>
           </div>
 
           <div
-            class="text-muted-foreground pl-5 font-mono text-[10px] leading-4 sm:w-auto sm:shrink-0 sm:pl-0"
+            class="pl-5 font-mono text-[10px] leading-4 text-muted-foreground sm:w-auto sm:shrink-0 sm:pl-0"
           >
             {{ formattedTimestamp }}
           </div>
         </button>
       </CollapsibleTrigger>
 
-      <CollapsibleContent v-if="isOpen" class="bg-muted/10 space-y-1.5 border-t px-2.5 pt-1.5 pb-2">
+      <CollapsibleContent
+        v-if="isOpen"
+        class="space-y-1.5 border-t bg-muted/10 px-2.5 pt-1.5 pb-2"
+      >
         <div>
-          <div class="text-muted-foreground mb-1 text-[11px] font-medium">
+          <div class="mb-1 text-[11px] font-medium text-muted-foreground">
             {{ t("dashboard.logsPanel.details.fields") }}
           </div>
           <pre
             v-if="formattedFields"
-            class="bg-muted/70 overflow-x-auto rounded-md p-1.5 text-[11px] leading-4"
+            class="overflow-x-auto rounded-md bg-muted/70 p-1.5 text-[11px] leading-4"
             >{{ formattedFields }}</pre
           >
           <div
             v-else
-            class="text-muted-foreground rounded-md border border-dashed px-2 py-1 text-[11px]"
+            class="rounded-md border border-dashed px-2 py-1 text-[11px] text-muted-foreground"
           >
             {{ t("common.noData") }}
           </div>
         </div>
 
         <div class="space-y-1">
-          <div class="text-muted-foreground text-[11px] font-medium">
+          <div class="text-[11px] font-medium text-muted-foreground">
             {{ t("dashboard.logsPanel.details.spans") }}
           </div>
           <template v-if="item.spans.length > 0">
             <div
               v-for="(span, index) in item.spans"
               :key="`${item.id}-span-${index}`"
-              class="bg-background/70 rounded-md border px-2 py-1"
+              class="rounded-md border bg-background/70 px-2 py-1"
             >
-              <div class="font-mono text-[11px] leading-4 font-medium">
+              <div class="font-mono text-[11px] font-medium leading-4">
                 {{ span.name || "-" }}
               </div>
-              <div v-if="span.fields" class="text-muted-foreground mt-0.5 text-[11px] leading-4">
+              <div
+                v-if="span.fields"
+                class="mt-0.5 text-[11px] leading-4 text-muted-foreground"
+              >
                 {{ span.fields }}
               </div>
             </div>
           </template>
           <div
             v-else
-            class="text-muted-foreground rounded-md border border-dashed px-2.5 py-1.5 text-[11px]"
+            class="rounded-md border border-dashed px-2.5 py-1.5 text-[11px] text-muted-foreground"
           >
             {{ t("common.noData") }}
           </div>
diff --git a/src/components/logsPanel/components/logsList.vue b/src/components/logsPanel/components/logsList.vue
index b27e242b..d08b8680 100644
--- a/src/components/logsPanel/components/logsList.vue
+++ b/src/components/logsPanel/components/logsList.vue
@@ -2,7 +2,11 @@
 import { computed } from "vue";
 import { useI18n } from "vue-i18n";
 import { Loader2 } from "lucide-vue-next";
-import type { LogActionStatus, LogEntry, LogStatus } from "@/composables/useLogs";
+import type {
+  LogActionStatus,
+  LogEntry,
+  LogStatus,
+} from "@/composables/useLogs";
 import LogsItem from "./logsItem.vue";
 
 interface LogsListProps {
@@ -35,11 +39,13 @@ const loadingText = computed(() => {
 </script>
 
 <template>
-  <div class="bg-background/30 mt-4 max-h-[60vh] overflow-y-auto rounded-md border p-2">
+  <div
+    class="mt-4 max-h-[60vh] overflow-y-auto rounded-md border bg-background/30 p-2"
+  >
     <div class="space-y-2">
       <div
         v-if="isBusy"
-        class="bg-muted/40 text-muted-foreground flex items-center gap-2 rounded-md border px-2.5 py-1.5 text-xs"
+        class="flex items-center gap-2 rounded-md border bg-muted/40 px-2.5 py-1.5 text-xs text-muted-foreground"
       >
         <Loader2 class="h-3.5 w-3.5 animate-spin" />
         <span>{{ loadingText }}</span>
@@ -47,14 +53,14 @@ const loadingText = computed(() => {
 
       <div
         v-if="error"
-        class="border-destructive/40 bg-destructive/10 text-destructive rounded-md border px-2.5 py-1.5 text-xs"
+        class="rounded-md border border-destructive/40 bg-destructive/10 px-2.5 py-1.5 text-xs text-destructive"
       >
         {{ error }}
       </div>
 
       <div
         v-if="logs.length === 0"
-        class="text-muted-foreground rounded-md border border-dashed px-3 py-6 text-center text-xs"
+        class="rounded-md border border-dashed px-3 py-6 text-center text-xs text-muted-foreground"
       >
         <span v-if="status === 'connecting'">
           {{ t("dashboard.logsPanel.empty.connecting") }}
diff --git a/src/components/logsPanel/logsView.vue b/src/components/logsPanel/logsView.vue
index f2e2ac49..00b037f8 100644
--- a/src/components/logsPanel/logsView.vue
+++ b/src/components/logsPanel/logsView.vue
@@ -63,7 +63,8 @@ const {
 
 const localFilters = ref<LogFilterRule[]>([]);
 
-const cloneFilters = (value: LogFilterRule[] = []) => value.map((item) => ({ ...item }));
+const cloneFilters = (value: LogFilterRule[] = []) =>
+  value.map((item) => ({ ...item }));
 const serializeFilters = (value: LogFilterRule[] = []) => JSON.stringify(value);
 
 const syncFilters = async (nextFilters: LogFilterRule[] = []) => {
diff --git a/src/components/map/FlatWorldMap.vue b/src/components/map/FlatWorldMap.vue
index e576b3a9..b6acceab 100644
--- a/src/components/map/FlatWorldMap.vue
+++ b/src/components/map/FlatWorldMap.vue
@@ -47,7 +47,9 @@ let cnameMap = new Map<string, string>();
 
 const WORLD_MAP_URL = `${import.meta.env.BASE_URL}geo/world.json`;
 
-const themeMode = computed(() => (themeStore.isDark ? MAP_THEME.dark : MAP_THEME.light));
+const themeMode = computed(() =>
+  themeStore.isDark ? MAP_THEME.dark : MAP_THEME.light,
+);
 const palette = computed(() => themeMode.value.flat);
 
 const shellClass = computed(() => themeMode.value.shellBorderClass);
@@ -56,7 +58,11 @@ const frameClass = computed(() => themeMode.value.frameClass);
 
 const overlayClass = computed(() => themeMode.value.overlayClass);
 
-const HEAT: [[number, number, number], [number, number, number], [number, number, number]] = [
+const HEAT: [
+  [number, number, number],
+  [number, number, number],
+  [number, number, number],
+] = [
   [167, 243, 208],
   [52, 211, 153],
   [6, 95, 70],
@@ -71,7 +77,9 @@ function heatColor(t: number): string {
   return `rgb(${Math.round(a[0] + (b[0] - a[0]) * f)},${Math.round(a[1] + (b[1] - a[1]) * f)},${Math.round(a[2] + (b[2] - a[2]) * f)})`;
 }
 
-function buildGeoRegions(unlockedCountries: string[]): echarts.GeoComponentOption["regions"] {
+function buildGeoRegions(
+  unlockedCountries: string[],
+): echarts.GeoComponentOption["regions"] {
   if (!unlockedCountries.length) return [];
   const nodeCountByIso = new Map<string, number>();
   for (const point of props.points) {
@@ -124,12 +132,15 @@ function getScatterData(points: MapPoint[]) {
   const colors = palette.value;
   return points.map((point) => {
     const isSelected =
-      point.nodeIds?.includes(props.selectedNodeId ?? "") ?? point.id === props.selectedNodeId;
+      point.nodeIds?.includes(props.selectedNodeId ?? "") ??
+      point.id === props.selectedNodeId;
     return {
       ...point,
       itemStyle: {
         color: isSelected ? colors.nodeSelectedPoint : colors.nodePoint,
-        borderColor: isSelected ? colors.nodeSelectedPointBorder : colors.nodePointBorder,
+        borderColor: isSelected
+          ? colors.nodeSelectedPointBorder
+          : colors.nodePointBorder,
         borderWidth: isSelected ? 3 : 2,
         shadowBlur: isSelected ? 22 : 18,
         shadowColor: isSelected ? colors.nodeSelectedShadow : colors.nodeShadow,
@@ -163,7 +174,10 @@ function buildOption(): echarts.EChartsOption {
       formatter: (params: any) => {
         if (params.componentType === "geo") {
           const iso = params.name as string;
-          const countryDisplay = getDisplayCountryName(cnameMap.get(iso) ?? iso, locale.value);
+          const countryDisplay = getDisplayCountryName(
+            cnameMap.get(iso) ?? iso,
+            locale.value,
+          );
           const countryNodes = props.points.filter((p) => p.isoCode === iso);
           if (!countryNodes.length) return `<b>${countryDisplay}</b>`;
           const allNodeNames = countryNodes.flatMap((p) => p.nodes);
@@ -256,7 +270,9 @@ function buildOption(): echarts.EChartsOption {
           fontSize: window.innerWidth < 640 ? 11 : 13,
           fontWeight: 700,
           formatter: (params: any) =>
-            userLabelPlacement.position === "left" ? `${params.name} →` : `← ${params.name}`,
+            userLabelPlacement.position === "left"
+              ? `${params.name} →`
+              : `← ${params.name}`,
           backgroundColor: colors.userLabelBackground,
           borderColor: colors.userLabelBorder,
           borderWidth: 1,
@@ -274,7 +290,8 @@ function buildOption(): echarts.EChartsOption {
           brushType: "stroke",
         },
         showEffectOn: "render",
-        symbolSize: (value: number[]) => 9 + Math.min(Number(value[2] || 1) * 2.2, 18),
+        symbolSize: (value: number[]) =>
+          9 + Math.min(Number(value[2] || 1) * 2.2, 18),
         itemStyle: {
           color: colors.nodePoint,
           borderColor: colors.nodePointBorder,
@@ -390,7 +407,13 @@ onMounted(async () => {
 });
 
 watch(
-  () => [props.points, props.userLocation, props.selectedNodeId, props.unlockedCountries] as const,
+  () =>
+    [
+      props.points,
+      props.userLocation,
+      props.selectedNodeId,
+      props.unlockedCountries,
+    ] as const,
   ([points, userLocation, selectedNodeId, unlockedCountries]) => {
     if (!chart) return;
     const colors = palette.value;
@@ -442,7 +465,10 @@ onUnmounted(() => {
 </script>
 
 <template>
-  <div class="map-shell relative overflow-hidden rounded-[1.4rem] border" :class="shellClass">
+  <div
+    class="map-shell relative overflow-hidden rounded-[1.4rem] border"
+    :class="shellClass"
+  >
     <div class="map-grid pointer-events-none absolute inset-0 z-0" />
     <div class="map-vignette pointer-events-none absolute inset-0 z-0" />
     <div
@@ -461,27 +487,36 @@ onUnmounted(() => {
       class="pointer-events-none absolute right-[0.9rem] bottom-[0.9rem] z-0 h-[2.8rem] w-[2.8rem] rounded-br-[0.6rem] border-r-2 border-b-2"
       :class="frameClass"
     />
-    <div ref="chartEl" class="relative z-[1] aspect-[5/3] w-full md:aspect-auto md:h-[540px]" />
+    <div
+      ref="chartEl"
+      class="relative z-[1] aspect-[5/3] w-full md:aspect-auto md:h-[540px]"
+    />
 
     <Transition name="map-popover">
       <div
         v-if="pickedPoint"
-        class="border-border bg-popover text-popover-foreground absolute z-20 w-64 overflow-hidden rounded-xl border shadow-xl"
+        class="absolute z-20 w-64 overflow-hidden rounded-xl border border-border bg-popover text-popover-foreground shadow-xl"
         :style="{ left: `${popoverPos.x}px`, top: `${popoverPos.y}px` }"
         @click.stop
         @mousedown.stop
       >
-        <div class="border-border/70 flex items-center gap-2 border-b px-3 py-2.5">
+        <div
+          class="flex items-center gap-2 border-b border-border/70 px-3 py-2.5"
+        >
           <div class="min-w-0 flex-1">
-            <div class="flex items-baseline gap-1.5 truncate text-sm leading-tight font-semibold">
-              <span class="truncate">{{ popoverCountryName(pickedPoint) }}</span>
+            <div
+              class="flex items-baseline gap-1.5 truncate text-sm leading-tight font-semibold"
+            >
+              <span class="truncate">{{
+                popoverCountryName(pickedPoint)
+              }}</span>
               <span
                 v-if="pickedPoint.isoCode"
-                class="text-muted-foreground shrink-0 font-mono text-xs font-normal"
+                class="shrink-0 font-mono text-xs font-normal text-muted-foreground"
                 >{{ pickedPoint.isoCode }}</span
               >
             </div>
-            <div class="text-muted-foreground mt-0.5 font-mono text-[11px]">
+            <div class="mt-0.5 font-mono text-[11px] text-muted-foreground">
               {{
                 t("dashboard.map.tooltip.nodeCount", {
                   count: pickedPoint.count,
@@ -490,7 +525,7 @@ onUnmounted(() => {
             </div>
           </div>
           <button
-            class="text-muted-foreground hover:bg-accent hover:text-foreground -mr-1 inline-flex h-6 w-6 shrink-0 items-center justify-center rounded"
+            class="-mr-1 inline-flex h-6 w-6 shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground"
             @click="closePopover"
           >
             <X class="h-3.5 w-3.5" />
@@ -501,12 +536,16 @@ onUnmounted(() => {
             v-for="(nodeName, i) in pickedPoint.nodes"
             :key="pickedPoint.nodeIds?.[i] ?? `${i}-${nodeName}`"
             type="button"
-            class="group hover:bg-accent flex w-full items-center gap-2 px-3 py-1.5 text-left text-xs transition-colors"
-            @click="selectNodeFromPopover(pickedPoint.nodeIds?.[i] ?? pickedPoint.id)"
+            class="group flex w-full items-center gap-2 px-3 py-1.5 text-left text-xs transition-colors hover:bg-accent"
+            @click="
+              selectNodeFromPopover(pickedPoint.nodeIds?.[i] ?? pickedPoint.id)
+            "
           >
-            <span class="text-foreground/90 flex-1 truncate">{{ nodeName }}</span>
+            <span class="flex-1 truncate text-foreground/90">{{
+              nodeName
+            }}</span>
             <ChevronRight
-              class="text-muted-foreground/40 group-hover:text-muted-foreground h-3 w-3 shrink-0 transition-transform group-hover:translate-x-0.5"
+              class="h-3 w-3 shrink-0 text-muted-foreground/40 transition-transform group-hover:translate-x-0.5 group-hover:text-muted-foreground"
             />
           </button>
         </div>
@@ -518,7 +557,9 @@ onUnmounted(() => {
       class="absolute inset-0 z-[2] flex items-center justify-center text-sm backdrop-blur-[8px]"
       :class="[
         overlayClass,
-        loadError ? themeMode.overlayErrorTextClass : themeMode.overlayLoadingTextClass,
+        loadError
+          ? themeMode.overlayErrorTextClass
+          : themeMode.overlayLoadingTextClass,
       ]"
     >
       {{ loadError || t("dashboard.map.loading") }}
@@ -529,8 +570,16 @@ onUnmounted(() => {
 <style scoped>
 .map-shell {
   background:
-    radial-gradient(circle at top, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0) 34%),
-    linear-gradient(180deg, rgba(244, 247, 250, 0.98) 0%, rgba(231, 237, 243, 0.98) 100%);
+    radial-gradient(
+      circle at top,
+      rgba(255, 255, 255, 0.7),
+      rgba(255, 255, 255, 0) 34%
+    ),
+    linear-gradient(
+      180deg,
+      rgba(244, 247, 250, 0.98) 0%,
+      rgba(231, 237, 243, 0.98) 100%
+    );
   box-shadow:
     inset 0 1px 0 rgba(255, 255, 255, 0.82),
     inset 0 0 0 1px rgba(148, 163, 184, 0.12),
diff --git a/src/components/map/Globe3DMap.vue b/src/components/map/Globe3DMap.vue
index 13ab0038..2f8c1838 100644
--- a/src/components/map/Globe3DMap.vue
+++ b/src/components/map/Globe3DMap.vue
@@ -105,7 +105,9 @@ const raycaster = new THREE.Raycaster();
 const pointer = new THREE.Vector2();
 let hoveredMarker: THREE.Group | null = null;
 
-const themeMode = computed(() => (themeStore.isDark ? MAP_THEME.dark : MAP_THEME.light));
+const themeMode = computed(() =>
+  themeStore.isDark ? MAP_THEME.dark : MAP_THEME.light,
+);
 const themePalette = computed(() => themeMode.value.globe);
 
 const shellClass = computed(() => themeMode.value.shellBorderClass);
@@ -120,7 +122,10 @@ const tooltipMetaClass = computed(() => themeMode.value.tooltipMetaClass);
 
 const tooltipListClass = computed(() => themeMode.value.tooltipListClass);
 
-function getStateSignature(points: MapPoint[], userLocation?: UserLocation | null) {
+function getStateSignature(
+  points: MapPoint[],
+  userLocation?: UserLocation | null,
+) {
   return JSON.stringify({
     points: points.map((point) => ({
       region: point.region,
@@ -134,7 +139,12 @@ function getStateSignature(points: MapPoint[], userLocation?: UserLocation | nul
   });
 }
 
-function projectTexturePoint(lon: number, lat: number, width: number, height: number) {
+function projectTexturePoint(
+  lon: number,
+  lat: number,
+  width: number,
+  height: number,
+) {
   const x = ((lon + 180) / 360) * width;
   const y = ((90 - lat) / 180) * height;
   return [x, y] as const;
@@ -231,7 +241,9 @@ function buildEarthTextureCanvas(geoJson: GeoJson) {
     const countryName = feature.properties?.name ?? "";
     const isUnlocked = unlockedCountries.has(countryName);
     ctx.fillStyle = isUnlocked ? colors.unlockedLandFill : colors.landFill;
-    ctx.strokeStyle = isUnlocked ? colors.unlockedLandStroke : colors.landStroke;
+    ctx.strokeStyle = isUnlocked
+      ? colors.unlockedLandStroke
+      : colors.landStroke;
     ctx.fill();
     ctx.stroke();
   }
@@ -334,11 +346,13 @@ function clearMarkerGroup() {
   markerGroup.traverse((child: THREE.Object3D) => {
     if (child instanceof THREE.Mesh) {
       child.geometry.dispose();
-      if (Array.isArray(child.material)) child.material.forEach((m: THREE.Material) => m.dispose());
+      if (Array.isArray(child.material))
+        child.material.forEach((m: THREE.Material) => m.dispose());
       else child.material.dispose();
     }
     if (child instanceof THREE.Sprite) {
-      if (Array.isArray(child.material)) child.material.forEach((m: THREE.Material) => m.dispose());
+      if (Array.isArray(child.material))
+        child.material.forEach((m: THREE.Material) => m.dispose());
       else child.material.dispose();
     }
   });
@@ -352,11 +366,13 @@ function clearRouteGroup() {
   routeGroup.traverse((child: THREE.Object3D) => {
     if (child instanceof THREE.Mesh || child instanceof THREE.Line) {
       child.geometry.dispose();
-      if (Array.isArray(child.material)) child.material.forEach((m: THREE.Material) => m.dispose());
+      if (Array.isArray(child.material))
+        child.material.forEach((m: THREE.Material) => m.dispose());
       else child.material.dispose();
     }
     if (child instanceof THREE.Sprite) {
-      if (Array.isArray(child.material)) child.material.forEach((m: THREE.Material) => m.dispose());
+      if (Array.isArray(child.material))
+        child.material.forEach((m: THREE.Material) => m.dispose());
       else child.material.dispose();
     }
   });
@@ -398,14 +414,19 @@ function isPointInRing(lon: number, lat: number, ring: [number, number][]) {
     const [xi, yi] = ring[i]!;
     const [xj, yj] = ring[j]!;
     const intersects =
-      yi > lat !== yj > lat && lon < ((xj - xi) * (lat - yi)) / (yj - yi || Number.EPSILON) + xi;
+      yi > lat !== yj > lat &&
+      lon < ((xj - xi) * (lat - yi)) / (yj - yi || Number.EPSILON) + xi;
     if (intersects) inside = !inside;
   }
 
   return inside;
 }
 
-function isPointInPolygon(lon: number, lat: number, polygon: [number, number][][]) {
+function isPointInPolygon(
+  lon: number,
+  lat: number,
+  polygon: [number, number][][],
+) {
   const [outerRing, ...holes] = polygon;
   if (!outerRing || !isPointInRing(lon, lat, outerRing)) return false;
   return !holes.some((ring) => isPointInRing(lon, lat, ring));
@@ -417,7 +438,9 @@ function findCountryByLonLat(geoJson: GeoJson, lon: number, lat: number) {
     if (!geometry) continue;
 
     if (geometry.type === "Polygon") {
-      if (isPointInPolygon(lon, lat, geometry.coordinates as [number, number][][])) {
+      if (
+        isPointInPolygon(lon, lat, geometry.coordinates as [number, number][][])
+      ) {
         return feature.properties?.name ?? "";
       }
       continue;
@@ -456,7 +479,11 @@ function setMarkerHoverState(marker: THREE.Group | null, hovered: boolean) {
     const material = glowMaterial as THREE.SpriteMaterial;
     material.opacity = hovered || isSelected ? 1 : 0.9;
     material.color.set(
-      isSelected ? colors.markerGlowSelected : hovered ? colors.markerGlowHover : colors.markerGlow,
+      isSelected
+        ? colors.markerGlowSelected
+        : hovered
+          ? colors.markerGlowHover
+          : colors.markerGlow,
     );
   }
 
@@ -464,7 +491,11 @@ function setMarkerHoverState(marker: THREE.Group | null, hovered: boolean) {
   if (coreMaterial && !Array.isArray(coreMaterial)) {
     const material = coreMaterial as THREE.MeshBasicMaterial;
     material.color.set(
-      isSelected ? colors.markerCoreSelected : hovered ? colors.markerCoreHover : colors.markerCore,
+      isSelected
+        ? colors.markerCoreSelected
+        : hovered
+          ? colors.markerCoreHover
+          : colors.markerCore,
     );
   }
 }
@@ -490,7 +521,8 @@ function rebuildMarkers() {
       nodes: point.nodes,
       nodeIds: point.nodeIds ?? [point.id],
       selected:
-        point.nodeIds?.includes(props.selectedNodeId ?? "") ?? point.id === props.selectedNodeId,
+        point.nodeIds?.includes(props.selectedNodeId ?? "") ??
+        point.id === props.selectedNodeId,
     };
     marker.position.copy(position);
     marker.lookAt(position.clone().multiplyScalar(2));
@@ -569,7 +601,11 @@ function rebuildRoutes() {
   routeGroup.add(userCore);
 
   for (const point of props.points) {
-    const targetPosition = lonLatToVector3(point.value[0], point.value[1], radius + 0.028);
+    const targetPosition = lonLatToVector3(
+      point.value[0],
+      point.value[1],
+      radius + 0.028,
+    );
     const distance = userPosition.distanceTo(targetPosition);
     const arcHeight = Math.min(1.18, 0.46 + distance * 0.16);
     const controlPoint = userPosition
@@ -578,7 +614,11 @@ function rebuildRoutes() {
       .multiplyScalar(0.5)
       .normalize()
       .multiplyScalar(radius + arcHeight);
-    const curve = new THREE.QuadraticBezierCurve3(userPosition, controlPoint, targetPosition);
+    const curve = new THREE.QuadraticBezierCurve3(
+      userPosition,
+      controlPoint,
+      targetPosition,
+    );
     const pointsOnCurve = curve.getPoints(72);
     const geometry = new THREE.BufferGeometry().setFromPoints(pointsOnCurve);
     const material = new THREE.LineBasicMaterial({
@@ -622,13 +662,18 @@ function handlePointerMove(event: PointerEvent) {
         const countryName = findCountryByLonLat(currentGeoJson, lon, lat);
 
         if (countryName) {
-          const countryNodes = props.points.filter((p) => p.isoCode === countryName);
+          const countryNodes = props.points.filter(
+            (p) => p.isoCode === countryName,
+          );
           const allNodeNames = countryNodes.flatMap((p) => p.nodes);
           tooltip.value = {
             visible: true,
             x: event.clientX - rect.left + 14,
             y: event.clientY - rect.top + 14,
-            title: getDisplayCountryName(cnameMap.get(countryName) ?? countryName, locale.value),
+            title: getDisplayCountryName(
+              cnameMap.get(countryName) ?? countryName,
+              locale.value,
+            ),
             count: allNodeNames.length,
             nodes: allNodeNames,
           };
@@ -649,7 +694,9 @@ function handlePointerMove(event: PointerEvent) {
     if (hoveredMarker) setMarkerHoverState(hoveredMarker, true);
   }
 
-  const data = marker?.userData as { region: string; count: number; nodes: string[] } | undefined;
+  const data = marker?.userData as
+    | { region: string; count: number; nodes: string[] }
+    | undefined;
 
   if (!data) {
     hideTooltip();
@@ -731,13 +778,16 @@ function animate() {
     const cameraDir = camera.position.clone().normalize();
     const worldPos = new THREE.Vector3();
     for (const marker of markerGroup.children) {
-      const glow = (marker as THREE.Group).userData.glow as THREE.Sprite | undefined;
+      const glow = (marker as THREE.Group).userData.glow as
+        | THREE.Sprite
+        | undefined;
       if (!glow) continue;
       marker.getWorldPosition(worldPos);
       const dot = worldPos.clone().normalize().dot(cameraDir);
       // dot < 0.12 完全隐藏，dot > 0.28 完全显示，中间线性过渡
       const limbFade = Math.max(0, Math.min(1, (dot - 0.12) / 0.16));
-      const baseOpacity = ((marker as THREE.Group).userData.selected ? 1 : 0.9) * limbFade;
+      const baseOpacity =
+        ((marker as THREE.Group).userData.selected ? 1 : 0.9) * limbFade;
       (glow.material as THREE.SpriteMaterial).opacity = baseOpacity;
     }
   }
@@ -950,7 +1000,10 @@ onUnmounted(() => {
 </script>
 
 <template>
-  <div class="globe-shell relative overflow-hidden rounded-[1.4rem] border" :class="shellClass">
+  <div
+    class="globe-shell relative overflow-hidden rounded-[1.4rem] border"
+    :class="shellClass"
+  >
     <div class="globe-grid pointer-events-none absolute inset-0" />
     <div
       class="pointer-events-none absolute top-[0.9rem] left-[0.9rem] z-[1] h-[2.8rem] w-[2.8rem] rounded-tl-[0.6rem] border-t-2 border-l-2"
@@ -975,22 +1028,26 @@ onUnmounted(() => {
     <Transition name="globe-popover">
       <div
         v-if="pickedMarker"
-        class="border-border bg-popover text-popover-foreground absolute z-[9] w-64 overflow-hidden rounded-xl border shadow-xl"
+        class="absolute z-[9] w-64 overflow-hidden rounded-xl border border-border bg-popover text-popover-foreground shadow-xl"
         :style="{ left: `${pickedPos.x}px`, top: `${pickedPos.y}px` }"
         @click.stop
         @mousedown.stop
       >
-        <div class="border-border/70 flex items-center gap-2 border-b px-3 py-2.5">
+        <div
+          class="flex items-center gap-2 border-b border-border/70 px-3 py-2.5"
+        >
           <div class="min-w-0 flex-1">
-            <div class="flex items-baseline gap-1.5 truncate text-sm leading-tight font-semibold">
+            <div
+              class="flex items-baseline gap-1.5 truncate text-sm leading-tight font-semibold"
+            >
               <span class="truncate">{{ pickedMarker.region }}</span>
               <span
                 v-if="pickedMarker.isoCode"
-                class="text-muted-foreground shrink-0 font-mono text-xs font-normal"
+                class="shrink-0 font-mono text-xs font-normal text-muted-foreground"
                 >{{ pickedMarker.isoCode }}</span
               >
             </div>
-            <div class="text-muted-foreground mt-0.5 font-mono text-[11px]">
+            <div class="mt-0.5 font-mono text-[11px] text-muted-foreground">
               {{
                 t("dashboard.map.tooltip.nodeCount", {
                   count: pickedMarker.nodes.length,
@@ -999,7 +1056,7 @@ onUnmounted(() => {
             </div>
           </div>
           <button
-            class="text-muted-foreground hover:bg-accent hover:text-foreground -mr-1 inline-flex h-6 w-6 shrink-0 items-center justify-center rounded"
+            class="-mr-1 inline-flex h-6 w-6 shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground"
             @click="closeGlobePopover"
           >
             <X class="h-3.5 w-3.5" />
@@ -1010,12 +1067,18 @@ onUnmounted(() => {
             v-for="(nodeName, i) in pickedMarker.nodes"
             :key="pickedMarker.nodeIds[i] ?? `${i}-${nodeName}`"
             type="button"
-            class="group hover:bg-accent flex w-full items-center gap-2 px-3 py-1.5 text-left text-xs transition-colors"
-            @click="selectNodeFromGlobePopover(pickedMarker.nodeIds[i] ?? pickedMarker.nodeIds[0]!)"
+            class="group flex w-full items-center gap-2 px-3 py-1.5 text-left text-xs transition-colors hover:bg-accent"
+            @click="
+              selectNodeFromGlobePopover(
+                pickedMarker.nodeIds[i] ?? pickedMarker.nodeIds[0]!,
+              )
+            "
           >
-            <span class="text-foreground/90 flex-1 truncate">{{ nodeName }}</span>
+            <span class="flex-1 truncate text-foreground/90">{{
+              nodeName
+            }}</span>
             <ChevronRight
-              class="text-muted-foreground/40 group-hover:text-muted-foreground h-3 w-3 shrink-0 transition-transform group-hover:translate-x-0.5"
+              class="h-3 w-3 shrink-0 text-muted-foreground/40 transition-transform group-hover:translate-x-0.5 group-hover:text-muted-foreground"
             />
           </button>
         </div>
@@ -1032,7 +1095,11 @@ onUnmounted(() => {
       <div v-if="tooltip.count > 0" :class="tooltipMetaClass">
         {{ t("dashboard.map.tooltip.nodeCount", { count: tooltip.count }) }}
       </div>
-      <div v-if="tooltip.nodes.length" class="mt-2 flex flex-col gap-1" :class="tooltipListClass">
+      <div
+        v-if="tooltip.nodes.length"
+        class="mt-2 flex flex-col gap-1"
+        :class="tooltipListClass"
+      >
         <span v-for="node in tooltip.nodes" :key="node">{{ node }}</span>
       </div>
     </div>
@@ -1041,7 +1108,9 @@ onUnmounted(() => {
       class="absolute inset-0 z-[5] flex items-center justify-center text-sm backdrop-blur-[8px]"
       :class="[
         overlayClass,
-        loadError ? themeMode.overlayErrorTextClass : themeMode.overlayLoadingTextClass,
+        loadError
+          ? themeMode.overlayErrorTextClass
+          : themeMode.overlayLoadingTextClass,
       ]"
     >
       {{ loadError || t("dashboard.map.globeLoading") }}
@@ -1052,8 +1121,16 @@ onUnmounted(() => {
 <style scoped>
 .globe-shell {
   background:
-    radial-gradient(circle at top, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0) 30%),
-    linear-gradient(180deg, rgba(244, 247, 250, 0.98) 0%, rgba(231, 237, 243, 0.98) 100%);
+    radial-gradient(
+      circle at top,
+      rgba(255, 255, 255, 0.72),
+      rgba(255, 255, 255, 0) 30%
+    ),
+    linear-gradient(
+      180deg,
+      rgba(244, 247, 250, 0.98) 0%,
+      rgba(231, 237, 243, 0.98) 100%
+    );
   box-shadow:
     inset 0 1px 0 rgba(255, 255, 255, 0.8),
     inset 0 0 0 1px rgba(148, 163, 184, 0.12),
@@ -1066,7 +1143,11 @@ onUnmounted(() => {
     linear-gradient(90deg, rgba(100, 116, 139, 0.045) 1px, transparent 1px);
   background-size: 40px 40px;
   opacity: 0.2;
-  mask-image: radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0.88), transparent 100%);
+  mask-image: radial-gradient(
+    circle at 50% 50%,
+    rgba(0, 0, 0, 0.88),
+    transparent 100%
+  );
 }
 
 .canvas-host :deep(canvas) {
@@ -1077,8 +1158,16 @@ onUnmounted(() => {
 
 .globe-shell.theme-dark {
   background:
-    radial-gradient(circle at 50% 30%, rgba(34, 211, 238, 0.16), transparent 28%),
-    radial-gradient(circle at 18% 18%, rgba(255, 255, 255, 0.04), transparent 18%),
+    radial-gradient(
+      circle at 50% 30%,
+      rgba(34, 211, 238, 0.16),
+      transparent 28%
+    ),
+    radial-gradient(
+      circle at 18% 18%,
+      rgba(255, 255, 255, 0.04),
+      transparent 18%
+    ),
     linear-gradient(180deg, rgba(7, 17, 29, 0.96) 0%, rgba(2, 8, 20, 0.98) 100%);
   box-shadow:
     inset 0 1px 0 rgba(255, 255, 255, 0.04),
diff --git a/src/components/map/countryName.ts b/src/components/map/countryName.ts
index b6789a34..c53b0f27 100644
--- a/src/components/map/countryName.ts
+++ b/src/components/map/countryName.ts
@@ -340,7 +340,10 @@ const COUNTRY_NAME_FALLBACK: Record<string, { zh: string; en: string }> = {
   Antarctica: { zh: "南极洲", en: "Antarctica" },
 };
 
-export function getDisplayCountryName(countryName: string, locale: string | undefined) {
+export function getDisplayCountryName(
+  countryName: string,
+  locale: string | undefined,
+) {
   const normalizedLocale = locale?.toLowerCase() ?? "zh-cn";
   const preferredLanguage = normalizedLocale.startsWith("zh") ? "zh" : "en";
   const fallback = COUNTRY_NAME_FALLBACK[countryName];
diff --git a/src/components/map/theme.ts b/src/components/map/theme.ts
index 699d302b..9dee69d1 100644
--- a/src/components/map/theme.ts
+++ b/src/components/map/theme.ts
@@ -80,7 +80,8 @@ export const MAP_THEME: Record<"dark" | "light", MapThemeMode> = {
   dark: {
     shellBorderClass: "theme-dark border-[rgba(103,232,249,0.14)]",
     frameClass: "border-[rgba(103,232,249,0.34)] opacity-100",
-    overlayClass: "bg-[linear-gradient(180deg,rgba(3,10,20,0.82),rgba(5,15,28,0.9))]",
+    overlayClass:
+      "bg-[linear-gradient(180deg,rgba(3,10,20,0.82),rgba(5,15,28,0.9))]",
     overlayLoadingTextClass: "text-slate-300",
     overlayErrorTextClass: "text-red-300",
     tooltipPanelClass:
@@ -154,7 +155,8 @@ export const MAP_THEME: Record<"dark" | "light", MapThemeMode> = {
   light: {
     shellBorderClass: "border-[rgba(191,219,254,0.72)]",
     frameClass: "border-[rgba(59,130,246,0.16)] opacity-90",
-    overlayClass: "bg-[linear-gradient(180deg,rgba(246,249,252,0.82),rgba(233,240,247,0.9))]",
+    overlayClass:
+      "bg-[linear-gradient(180deg,rgba(246,249,252,0.82),rgba(233,240,247,0.9))]",
     overlayLoadingTextClass: "text-slate-600",
     overlayErrorTextClass: "text-red-500",
     tooltipPanelClass:
diff --git a/src/components/misc/mockInput.vue b/src/components/misc/mockInput.vue
index 532e7618..47f79f5b 100644
--- a/src/components/misc/mockInput.vue
+++ b/src/components/misc/mockInput.vue
@@ -86,9 +86,9 @@ onMounted(() => {
     :contenteditable="editable"
     :data-placeholder="placeholder"
     :class="[
-      'border-input min-h-9 w-full rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow]',
+      'min-h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow]',
       'outline-none',
-      'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[1px]',
+      'focus-visible:border-ring focus-visible:ring-[1px] focus-visible:ring-ring/50',
       'selection:bg-primary selection:text-primary-foreground',
       'disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',
       '[&:empty:before]:text-muted-foreground',
diff --git a/src/components/node-manage/NodeManageTabAgents.vue b/src/components/node-manage/NodeManageTabAgents.vue
index 949dbcfe..a58227de 100644
--- a/src/components/node-manage/NodeManageTabAgents.vue
+++ b/src/components/node-manage/NodeManageTabAgents.vue
@@ -41,7 +41,12 @@ import {
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
 
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
 import codeCopy from "@/components/node-manage/codeCopy.vue";
 
 import { useBackendStore } from "@/composables/useBackendStore";
@@ -51,6 +56,7 @@ import ShowAgentCommandDialog from "@/components/agents/ShowAgentCommandDialog.v
 import { useAgentInfo } from "@/composables/useAgentInfo";
 import VersionDialog from "@/components/node-manage/VersionDialog.vue";
 import { PopConfirm } from "@/components/ui/pop-confirm";
+import { useLifecycle } from "@/composables/useLifecycle";
 
 import { compareVersions } from "compare-versions";
 import { useTask } from "@/composables/useTask";
@@ -64,6 +70,7 @@ const currentAgentInfo = useAgentInfo(undefined, {
   withIP: true,
   withVersion: true,
 });
+const { afterAgentCreate } = useLifecycle();
 
 const { createSelfUpdateTask } = useTask();
 
@@ -95,7 +102,8 @@ const filteredAgents = computed(() => {
   if (!q) return agents.value;
   return agents.value.filter(
     (a) =>
-      (a.metadata?.customName && a.metadata?.customName.toLowerCase().includes(q)) ||
+      (a.metadata?.customName &&
+        a.metadata?.customName.toLowerCase().includes(q)) ||
       a.uuid.toLowerCase().includes(q),
   );
 });
@@ -205,7 +213,9 @@ const latestVersion = computed(() => {
   if (availableVersions.value.length === 0) {
     return "";
   }
-  const sorted = availableVersions.value.map((v) => v.replace(/^v/g, "")).sort(compareVersions);
+  const sorted = availableVersions.value
+    .map((v) => v.replace(/^v/g, ""))
+    .sort(compareVersions);
 
   return sorted[sorted.length - 1] as string;
 });
@@ -214,7 +224,9 @@ function extractVersion(version: string) {
   return version.split("-")[0] || "";
 }
 
-const upgradeStatus = ref<Map<string, "waiting" | "upgrading" | "confirming">>(new Map());
+const upgradeStatus = ref<Map<string, "waiting" | "upgrading" | "confirming">>(
+  new Map(),
+);
 async function confirmVersion(version: string) {
   version = version.replace(/^v/g, "");
 
@@ -279,7 +291,9 @@ async function confirmVersion(version: string) {
             await applyPostProces(uuid, oldVersion, version);
           } catch (error) {
             console.error("升级后处理失败", error);
-            toast.error(`agent ${agent.metadata?.customName || agent.uuid} 升级后处理失败`);
+            toast.error(
+              `agent ${agent.metadata?.customName || agent.uuid} 升级后处理失败`,
+            );
           }
 
           break;
@@ -292,19 +306,36 @@ async function confirmVersion(version: string) {
     }
     upgradeStatus.value.delete(uuid);
     if (!finished) {
-      toast.success(`agent ${agent.metadata?.customName || agent.uuid} 升级失败, 请尝试手动升级`);
+      toast.success(
+        `agent ${agent.metadata?.customName || agent.uuid} 升级失败, 请尝试手动升级`,
+      );
     }
   }
 
   toast.success("agent升级完成");
 }
 
+async function reinitAgent(uuid: string) {
+  await afterAgentCreate(
+    uuid,
+    {
+      cronList: [],
+      metadata: {},
+      databaseLimit: {},
+    },
+    currentBackend,
+  );
+  await refresh();
+}
+
 function fetchVersion() {
   const repo = import.meta.env.VITE_RELEASE_REPO;
   return fetch(`https://api.github.com/repos/${repo}/releases`)
     .then((r) => r.json())
     .then((r) =>
-      (r as { tag_name: string }[]).map((v) => v.tag_name).filter((v) => v.startsWith("v")),
+      (r as { tag_name: string }[])
+        .map((v) => v.tag_name)
+        .filter((v) => v.startsWith("v")),
     )
     .then((r) => {
       availableVersions.value = r;
@@ -327,7 +358,9 @@ refresh();
   <div class="space-y-4">
     <div class="flex items-center gap-3">
       <div class="relative max-w-sm flex-1">
-        <Search class="text-muted-foreground absolute top-1/2 left-2.5 h-4 w-4 -translate-y-1/2" />
+        <Search
+          class="absolute top-1/2 left-2.5 h-4 w-4 -translate-y-1/2 text-muted-foreground"
+        />
         <Input
           v-model="searchQuery"
           :placeholder="t('dashboard.agents.searchPlaceholder')"
@@ -345,7 +378,12 @@ refresh();
           {{ t("dashboard.agents.batchUpgrade") }}
         </Button>
         <!-- temp disabled -->
-        <Button size="sm" variant="outline" @click="handleBatchAction('move')" v-if="false">
+        <Button
+          size="sm"
+          variant="outline"
+          @click="handleBatchAction('move')"
+          v-if="false"
+        >
           <FolderInput class="mr-1.5 h-4 w-4" />
           {{ t("dashboard.agents.batchMove") }}
         </Button>
@@ -367,7 +405,13 @@ refresh();
           </DropdownMenuContent>
         </DropdownMenu>
       </div>
-      <Button variant="outline" size="sm" :disabled="loading" class="ml-auto" @click="fetchAgents">
+      <Button
+        variant="outline"
+        size="sm"
+        :disabled="loading"
+        class="ml-auto"
+        @click="fetchAgents"
+      >
         <RefreshCw class="h-4 w-4" :class="{ 'animate-spin': loading }" />
       </Button>
       <Button
@@ -377,7 +421,11 @@ refresh();
         @click="sortable = !sortable"
       >
         <Menu class="mr-1.5 h-4 w-4" />
-        {{ sortable ? t("dashboard.agents.sortSave") : t("dashboard.agents.sortEdit") }}
+        {{
+          sortable
+            ? t("dashboard.agents.sortSave")
+            : t("dashboard.agents.sortEdit")
+        }}
       </Button>
       <Button @click="addAgentOpen = true">
         <Plus class="mr-1.5 h-4 w-4" />
@@ -385,12 +433,18 @@ refresh();
       </Button>
     </div>
 
-    <div v-if="loading" class="text-muted-foreground flex items-center justify-center py-12">
+    <div
+      v-if="loading"
+      class="flex items-center justify-center py-12 text-muted-foreground"
+    >
       <Loader2 class="mr-2 h-5 w-5 animate-spin" />
       {{ t("common.loading") }}
     </div>
 
-    <div v-else-if="agents.length === 0" class="text-muted-foreground py-12 text-center text-sm">
+    <div
+      v-else-if="agents.length === 0"
+      class="py-12 text-center text-sm text-muted-foreground"
+    >
       {{ t("dashboard.agents.noAgents") }}
     </div>
 
@@ -408,7 +462,9 @@ refresh();
             <TableHead>{{ t("dashboard.agents.colId") }}</TableHead>
             <TableHead>{{ t("dashboard.agents.colIp") }}</TableHead>
             <TableHead>{{ t("dashboard.agents.colVersion") }}</TableHead>
-            <TableHead class="text-right">{{ t("dashboard.agents.colActions") }}</TableHead>
+            <TableHead class="text-right">{{
+              t("dashboard.agents.colActions")
+            }}</TableHead>
           </TableRow>
         </TableHeader>
         <TableBody>
@@ -425,7 +481,10 @@ refresh();
             @drop="(e: DragEvent) => onDrop(e, index)"
           >
             <TableCell>
-              <GripVertical v-if="sortable" class="text-muted-foreground h-4 w-4" />
+              <GripVertical
+                v-if="sortable"
+                class="h-4 w-4 text-muted-foreground"
+              />
               <Checkbox
                 v-else
                 :modelValue="selectedUuids.has(agent.uuid)"
@@ -437,27 +496,39 @@ refresh();
               />
             </TableCell>
             <TableCell class="font-medium">
-              <RouterLink :to="`/dashboard/node/${agent.uuid}`" class="hover:underline">
+              <RouterLink
+                :to="`/dashboard/node/${agent.uuid}`"
+                class="hover:underline"
+              >
                 {{ agent?.metadata?.customName || "--" }}
               </RouterLink>
             </TableCell>
-            <TableCell class="text-muted-foreground font-mono text-xs">
+            <TableCell class="font-mono text-xs text-muted-foreground">
               {{ agent.uuid.slice(0, 8) }}
             </TableCell>
             <TableCell class="min-w-20">
               <Loader2
                 v-if="agent.ip === undefined"
-                class="text-muted-foreground h-3.5 w-3.5 animate-spin"
+                class="h-3.5 w-3.5 animate-spin text-muted-foreground"
               />
-              <span v-else-if="agent.ip" class="font-mono text-xs">{{ agent.ip }}</span>
+              <span v-else-if="agent.ip" class="font-mono text-xs">{{
+                agent.ip
+              }}</span>
               <span v-else class="text-muted-foreground">--</span>
             </TableCell>
-            <TableCell class="text-muted-foreground" v-if="!upgradeStatus.has(agent.uuid)">
+            <TableCell
+              class="text-muted-foreground"
+              v-if="!upgradeStatus.has(agent.uuid)"
+            >
               <span :title="agent.version || ''">
                 {{ agent.version?.slice(0, 20) || "--" }}
               </span>
               <template v-if="agent.version">
-                <TooltipProvider v-if="compareVersions(extractVersion(agent.version), '0.1.3') < 0">
+                <TooltipProvider
+                  v-if="
+                    compareVersions(extractVersion(agent.version), '0.1.3') < 0
+                  "
+                >
                   <Tooltip>
                     <TooltipTrigger as-child>
                       <Badge
@@ -472,7 +543,8 @@ refresh();
                       <div class="w-150">
                         <article class="prose prose-sm mb-2">
                           <h4 class="mb-1">
-                            版本太老，不支持 API 更新，只能通过脚本来更新到新版本
+                            版本太老，不支持 API
+                            更新，只能通过脚本来更新到新版本
                           </h4>
                           <p>
                             你可以下面的命令，到
@@ -489,7 +561,12 @@ refresh();
                 <template v-else-if="availableVersions.length">
                   <Badge
                     variant="outline"
-                    v-if="compareVersions(extractVersion(agent.version), latestVersion) < 0"
+                    v-if="
+                      compareVersions(
+                        extractVersion(agent.version),
+                        latestVersion,
+                      ) < 0
+                    "
                     class="ml-2 bg-amber-50 text-amber-700 dark:bg-amber-950 dark:text-amber-300"
                     >可更新</Badge
                   >
@@ -519,6 +596,22 @@ refresh();
               >
                 <CloudDownload class="h-4 w-4" />
               </Button>
+              <PopConfirm
+                title="重新初始化agent？"
+                description="是否重新初始化agent，这会初始化agent的名称，经纬度，费用等等信息"
+                :confirm-text="t('dashboard.servers.refreshConfirm')"
+                :cancel-text="t('dashboard.servers.deleteCancel')"
+                @confirm="reinitAgent(agent.uuid)"
+              >
+                <Button
+                  size="icon"
+                  variant="ghost"
+                  class="h-8 w-8"
+                  title="重新初始化"
+                >
+                  <RefreshCw class="h-4 w-4" />
+                </Button>
+              </PopConfirm>
               <PopConfirm
                 title="重新连接agent？(危险操作)"
                 description="会关闭已授权此agent的token，并生成新的连接命令和token，已连接的agent（如果存在）会被强制断开连接，直至使用新的连接命令重新连接，适用于重装系统后恢复连接"
@@ -529,7 +622,12 @@ refresh();
                   showAgentCommandOpen = true;
                 "
               >
-                <Button size="icon" variant="ghost" class="h-8 w-8" title="重新显示连接命令">
+                <Button
+                  size="icon"
+                  variant="ghost"
+                  class="h-8 w-8"
+                  title="重新显示连接命令"
+                >
                   <LifeBuoyIcon class="h-4 w-4" />
                 </Button>
               </PopConfirm>
@@ -547,7 +645,11 @@ refresh();
         </TableBody>
       </Table>
     </div>
-    <AddAgentDialog v-if="addAgentOpen" v-model:open="addAgentOpen" @added="refresh()" />
+    <AddAgentDialog
+      v-if="addAgentOpen"
+      v-model:open="addAgentOpen"
+      @added="refresh()"
+    />
     <ShowAgentCommandDialog
       v-if="showAgentCommandOpen"
       v-model:open="showAgentCommandOpen"
diff --git a/src/components/node-manage/NodeManageTabServers.vue b/src/components/node-manage/NodeManageTabServers.vue
index 4e72456a..637663dc 100644
--- a/src/components/node-manage/NodeManageTabServers.vue
+++ b/src/components/node-manage/NodeManageTabServers.vue
@@ -16,7 +16,12 @@ import { Button } from "@/components/ui/button";
 import { Badge } from "@/components/ui/badge";
 import { PopConfirm } from "@/components/ui/pop-confirm";
 import { Spinner } from "@/components/ui/spinner";
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
 import { toast } from "vue-sonner";
 import {
   Table,
@@ -29,7 +34,10 @@ import {
 } from "@/components/ui/table";
 import { useBackendStore, type Backend } from "@/composables/useBackendStore";
 import BackendSwitcher from "@/components/BackendSwitcher.vue";
-import { useBackendExtra, getSingleBackendProperty } from "@/composables/useBackendExtra";
+import {
+  useBackendExtra,
+  getSingleBackendProperty,
+} from "@/composables/useBackendExtra";
 import type { ServerVersionInfo } from "@/composables/useBackendExtra";
 import { useLifecycle } from "@/composables/useLifecycle";
 import { useTask } from "@/composables/useTask";
@@ -43,9 +51,16 @@ import codeCopy from "@/components/node-manage/codeCopy.vue";
 const { t } = useI18n();
 const route = useRoute();
 const router = useRouter();
-const { backends, selectBackend, removeBackend, addBackend } = useBackendStore();
-const { refreshAll, isActive, serverInfo, serverInfoLoading, updateServer, fetchServerInfo } =
-  useBackendExtra();
+const { backends, selectBackend, removeBackend, addBackend } =
+  useBackendStore();
+const {
+  refreshAll,
+  isActive,
+  serverInfo,
+  serverInfoLoading,
+  updateServer,
+  fetchServerInfo,
+} = useBackendExtra();
 const { afterServerCreate } = useLifecycle();
 
 const installScript = ref(
@@ -60,7 +75,9 @@ const shareOpen = ref(false);
 const shareBackend = ref<Backend | null>(null);
 const availableVersions = ref<string[]>([]);
 const pendingUpdateUrl = ref<string>("");
-const upgradeStatus = ref<Map<string, "waiting" | "upgrading" | "confirming">>(new Map());
+const upgradeStatus = ref<Map<string, "waiting" | "upgrading" | "confirming">>(
+  new Map(),
+);
 const initForm = ref<{
   newName: string;
   newUrl: string;
@@ -89,7 +106,9 @@ const latestVersion = computed(() => {
   if (availableVersions.value.length === 0) {
     return "";
   }
-  const sorted = availableVersions.value.map((v) => v.replace(/^v/g, "")).sort(compareVersions);
+  const sorted = availableVersions.value
+    .map((v) => v.replace(/^v/g, ""))
+    .sort(compareVersions);
 
   return sorted[sorted.length - 1] as string;
 });
@@ -178,14 +197,18 @@ function fetchVersion() {
   return fetch(`https://api.github.com/repos/${repo}/releases`)
     .then((r) => r.json())
     .then((r) =>
-      (r as { tag_name: string }[]).map((v) => v.tag_name).filter((v) => v.startsWith("v")),
+      (r as { tag_name: string }[])
+        .map((v) => v.tag_name)
+        .filter((v) => v.startsWith("v")),
     )
     .then((r) => {
       availableVersions.value = r;
     })
     .catch((e) => {
       console.error(e);
-      toast.error("Failed to fetch GitHub releases, check if api.github.com is accessible");
+      toast.error(
+        "Failed to fetch GitHub releases, check if api.github.com is accessible",
+      );
     });
 }
 
@@ -203,7 +226,9 @@ watch(
       const decoded = JSON.parse(atob(raw)) as Backend;
       if (!decoded.url || !decoded.token || !decoded.name) return;
 
-      const exists = backends.value.some((b) => b.url === decoded.url && b.token === decoded.token);
+      const exists = backends.value.some(
+        (b) => b.url === decoded.url && b.token === decoded.token,
+      );
       if (!exists) {
         initForm.value.newName = decoded.name;
         initForm.value.newUrl = decoded.url;
@@ -227,7 +252,10 @@ fetchVersion();
   <div class="space-y-4">
     <div class="flex items-center justify-end gap-2">
       <Button variant="outline" size="sm" @click="refreshAll">
-        <RefreshCw class="h-4 w-4" :class="{ 'animate-spin': serverInfoLoading }" />
+        <RefreshCw
+          class="h-4 w-4"
+          :class="{ 'animate-spin': serverInfoLoading }"
+        />
       </Button>
       <Button size="sm" @click="addOpen = true">
         <Plus class="mr-1.5 h-4 w-4" />
@@ -244,7 +272,9 @@ fetchVersion();
             <TableHead>{{ t("dashboard.servers.colEndpoint") }}</TableHead>
             <TableHead>{{ t("dashboard.servers.colVersion") }}</TableHead>
             <TableHead>{{ t("dashboard.servers.colStatus") }}</TableHead>
-            <TableHead class="text-right">{{ t("dashboard.servers.colActions") }}</TableHead>
+            <TableHead class="text-right">{{
+              t("dashboard.servers.colActions")
+            }}</TableHead>
           </TableRow>
         </TableHeader>
         <TableBody>
@@ -260,10 +290,13 @@ fetchVersion();
                 {{ backend.name }}
               </RouterLink>
             </TableCell>
-            <TableCell class="text-muted-foreground font-mono text-xs">
+            <TableCell class="font-mono text-xs text-muted-foreground">
               {{ serverInfo[backend.url]?.uuid ?? "--" }}
             </TableCell>
-            <TableCell class="max-w-[200px] truncate font-mono text-xs" :title="backend.url">
+            <TableCell
+              class="max-w-[200px] truncate font-mono text-xs"
+              :title="backend.url"
+            >
               {{ backend.url }}
             </TableCell>
             <TableCell class="text-muted-foreground">
@@ -293,7 +326,8 @@ fetchVersion();
                       <TooltipContent>
                         <div class="w-150">
                           <h2 class="my-2 text-base">
-                            版本太老，不支持 API 更新，只能通过在终端运行脚本来更新到新版本
+                            版本太老，不支持 API
+                            更新，只能通过在终端运行脚本来更新到新版本
                           </h2>
                           <codeCopy :code="installScript"></codeCopy>
                         </div>
@@ -306,7 +340,9 @@ fetchVersion();
                       variant="outline"
                       v-if="
                         compareVersions(
-                          extractVersion(serverInfo[backend.url]?.version || ''),
+                          extractVersion(
+                            serverInfo[backend.url]?.version || '',
+                          ),
                           latestVersion,
                         ) < 0
                       "
@@ -334,7 +370,12 @@ fetchVersion();
               <Badge v-if="isActive(backend)" variant="default">
                 {{ t("dashboard.servers.active") }}
               </Badge>
-              <Button v-else size="sm" variant="secondary" @click="handleSelect(backend)">
+              <Button
+                v-else
+                size="sm"
+                variant="secondary"
+                @click="handleSelect(backend)"
+              >
                 {{ t("dashboard.servers.select") }}
               </Button>
             </TableCell>
@@ -368,7 +409,12 @@ fetchVersion();
                   :cancel-text="t('dashboard.servers.deleteCancel')"
                   @confirm="afterServerCreate(backend, true)"
                 >
-                  <Button size="icon" variant="ghost" class="h-8 w-8" title="重新初始化">
+                  <Button
+                    size="icon"
+                    variant="ghost"
+                    class="h-8 w-8"
+                    title="重新初始化"
+                  >
                     <RefreshCw class="h-4 w-4" />
                   </Button>
                 </PopConfirm>
@@ -391,7 +437,7 @@ fetchVersion();
                   <Button
                     size="icon"
                     variant="ghost"
-                    class="text-destructive hover:text-destructive/90 h-8 w-8"
+                    class="h-8 w-8 text-destructive hover:text-destructive/90"
                   >
                     <Trash2 class="h-4 w-4" />
                   </Button>
@@ -403,7 +449,11 @@ fetchVersion();
       </Table>
     </div>
 
-    <BackendSwitcher v-model:open="addOpen" :init-form="initForm" :show-list="false" />
+    <BackendSwitcher
+      v-model:open="addOpen"
+      :init-form="initForm"
+      :show-list="false"
+    />
     <VersionDialog
       v-if="changeVersionOpen"
       :availableVersions="availableVersions"
diff --git a/src/components/node-manage/ShareDialog.vue b/src/components/node-manage/ShareDialog.vue
index 855b1a13..6967c139 100644
--- a/src/components/node-manage/ShareDialog.vue
+++ b/src/components/node-manage/ShareDialog.vue
@@ -12,7 +12,12 @@ import {
 } from "@/components/ui/select";
 import { computed, onMounted, ref, watch } from "vue";
 import { Loader2, Check } from "lucide-vue-next";
-import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/components/ui/dialog";
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
 import { Badge } from "@/components/ui/badge";
 import { useI18n } from "vue-i18n";
 import { type Backend } from "@/composables/useBackendStore";
diff --git a/src/components/node-manage/VersionDialog.vue b/src/components/node-manage/VersionDialog.vue
index 1404b1f1..bc33c218 100644
--- a/src/components/node-manage/VersionDialog.vue
+++ b/src/components/node-manage/VersionDialog.vue
@@ -12,7 +12,12 @@ import {
 } from "@/components/ui/select";
 import { computed, onMounted, ref, watch } from "vue";
 import { Loader2 } from "lucide-vue-next";
-import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/components/ui/dialog";
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
 import { Badge } from "@/components/ui/badge";
 import { useI18n } from "vue-i18n";
 import { toast } from "vue-sonner";
@@ -75,9 +80,11 @@ watch(
               <SelectValue />
             </SelectTrigger>
             <SelectContent>
-              <SelectItem v-for="version in availableVersions" :value="version">{{
-                version
-              }}</SelectItem>
+              <SelectItem
+                v-for="version in availableVersions"
+                :value="version"
+                >{{ version }}</SelectItem
+              >
             </SelectContent>
           </Select>
         </div>
diff --git a/src/components/node-manage/codeCopy.vue b/src/components/node-manage/codeCopy.vue
index 160c5529..9a0e60e9 100644
--- a/src/components/node-manage/codeCopy.vue
+++ b/src/components/node-manage/codeCopy.vue
@@ -33,15 +33,15 @@ const editorExtensions = computed(() => [
 ]);
 </script>
 <template>
-  <div class="relative overflow-hidden rounded-md border">
+  <div class="rounded-md border overflow-hidden relative">
     <Button
       type="button"
       @click="copyInstallScript"
-      class="bg-background/80 hover:bg-background border-border/50 hover:border-border absolute top-2 right-2 z-10 rounded-md border p-1.5 transition-colors"
+      class="absolute top-2 right-2 z-10 p-1.5 rounded-md bg-background/80 hover:bg-background border border-border/50 hover:border-border transition-colors"
       :title="isCopied ? 'Copied!' : 'Copy to clipboard'"
     >
       <Check v-if="isCopied" class="h-4 w-4 text-green-500" />
-      <Copy v-else class="text-muted-foreground h-4 w-4" />
+      <Copy v-else class="h-4 w-4 text-muted-foreground" />
     </Button>
     <Codemirror
       :model-value="code"
diff --git a/src/components/node/NodeMetadataForm.vue b/src/components/node/NodeMetadataForm.vue
index ce060ff8..c3ed0096 100644
--- a/src/components/node/NodeMetadataForm.vue
+++ b/src/components/node/NodeMetadataForm.vue
@@ -106,7 +106,7 @@ const filteredRegions = computed(() => {
     <!-- tags -->
     <div class="space-y-2">
       <Label>{{ $t("dashboard.node.metadata.tags") }}</Label>
-      <div class="mb-2 flex flex-wrap gap-2">
+      <div class="flex flex-wrap gap-2 mb-2">
         <Badge
           v-for="(tag, i) in modelValue.tags"
           :key="tag"
@@ -116,7 +116,7 @@ const filteredRegions = computed(() => {
           {{ tag }}
           <button
             type="button"
-            class="hover:bg-muted-foreground/20 ml-0.5 rounded-full p-0.5"
+            class="ml-0.5 rounded-full hover:bg-muted-foreground/20 p-0.5"
             @click="removeTag(i)"
           >
             <X class="h-3 w-3" />
@@ -150,10 +150,16 @@ const filteredRegions = computed(() => {
           @update:model-value="update({ priceUnit: $event as string })"
         >
           <SelectTrigger>
-            <SelectValue :placeholder="$t('dashboard.node.metadata.priceUnitPlaceholder')" />
+            <SelectValue
+              :placeholder="$t('dashboard.node.metadata.priceUnitPlaceholder')"
+            />
           </SelectTrigger>
           <SelectContent>
-            <SelectItem v-for="u in PRICE_UNITS" :key="u.symbol" :value="u.symbol">
+            <SelectItem
+              v-for="u in PRICE_UNITS"
+              :key="u.symbol"
+              :value="u.symbol"
+            >
               {{ u.label }}
             </SelectItem>
           </SelectContent>
@@ -163,7 +169,9 @@ const filteredRegions = computed(() => {
 
     <!-- priceCycle -->
     <div class="space-y-2">
-      <Label for="nm-price-cycle">{{ $t("dashboard.node.metadata.priceCycle") }}</Label>
+      <Label for="nm-price-cycle">{{
+        $t("dashboard.node.metadata.priceCycle")
+      }}</Label>
       <NumberField
         id="nm-price-cycle"
         :model-value="modelValue.priceCycle"
@@ -175,13 +183,17 @@ const filteredRegions = computed(() => {
 
     <!-- expireTime -->
     <div class="space-y-2">
-      <Label for="nm-expire-time">{{ $t("dashboard.node.metadata.expireTime") }}</Label>
+      <Label for="nm-expire-time">{{
+        $t("dashboard.node.metadata.expireTime")
+      }}</Label>
       <input
         id="nm-expire-time"
         type="date"
         :value="modelValue.expireTime"
-        class="placeholder:text-muted-foreground border-input dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 h-9 w-full rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[1px] md:text-sm"
-        @change="update({ expireTime: ($event.target as HTMLInputElement).value })"
+        class="placeholder:text-muted-foreground border-input dark:bg-input/30 h-9 w-full rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[1px] md:text-sm"
+        @change="
+          update({ expireTime: ($event.target as HTMLInputElement).value })
+        "
       />
     </div>
 
@@ -206,7 +218,7 @@ const filteredRegions = computed(() => {
             "
           />
           <ChevronsUpDown
-            class="text-muted-foreground pointer-events-none absolute top-2.5 right-2.5 h-4 w-4 shrink-0"
+            class="pointer-events-none absolute right-2.5 top-2.5 h-4 w-4 shrink-0 text-muted-foreground"
           />
         </AutocompleteAnchor>
         <AutocompletePortal>
@@ -215,7 +227,7 @@ const filteredRegions = computed(() => {
             :side-offset="4"
             :class="
               cn(
-                'bg-popover text-popover-foreground z-50 w-[var(--reka-combobox-trigger-width)] min-w-48 overflow-hidden rounded-md border shadow-md',
+                'z-50 min-w-48 w-[var(--reka-combobox-trigger-width)] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md',
                 'data-[state=open]:animate-in data-[state=closed]:animate-out',
                 'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',
                 'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',
@@ -224,7 +236,9 @@ const filteredRegions = computed(() => {
             "
           >
             <AutocompleteViewport class="p-1">
-              <AutocompleteEmpty class="text-muted-foreground py-6 text-center text-sm">
+              <AutocompleteEmpty
+                class="py-6 text-center text-sm text-muted-foreground"
+              >
                 {{ $t("dashboard.node.metadata.regionEmpty") }}
               </AutocompleteEmpty>
               <AutocompleteItem
@@ -234,18 +248,21 @@ const filteredRegions = computed(() => {
                 :text-value="`${r.code} · ${r.name}`"
                 :class="
                   cn(
-                    'relative flex cursor-pointer items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none',
+                    'relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none',
                     'data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground',
                     'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
                   )
                 "
                 @select="update({ region: r.code })"
               >
-                <span class="text-muted-foreground w-8 font-mono text-xs">
+                <span class="w-8 font-mono text-xs text-muted-foreground">
                   {{ r.code }}
                 </span>
                 <span class="ml-2">{{ r.name }}</span>
-                <Check v-if="modelValue.region === r.code" class="ml-auto h-4 w-4" />
+                <Check
+                  v-if="modelValue.region === r.code"
+                  class="ml-auto h-4 w-4"
+                />
               </AutocompleteItem>
             </AutocompleteViewport>
           </AutocompleteContent>
@@ -257,17 +274,17 @@ const filteredRegions = computed(() => {
     <div class="flex items-center justify-between">
       <div class="space-y-0.5">
         <Label>{{ $t("dashboard.node.metadata.hidden") }}</Label>
-        <p class="text-muted-foreground text-sm">
+        <p class="text-sm text-muted-foreground">
           {{ $t("dashboard.node.metadata.hiddenDesc") }}
         </p>
       </div>
       <SwitchRoot
         :checked="modelValue.hidden"
-        class="focus-visible:ring-ring data-[state=checked]:bg-primary data-[state=unchecked]:bg-input relative inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50"
+        class="relative inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input"
         @update:checked="update({ hidden: $event })"
       >
         <SwitchThumb
-          class="bg-background pointer-events-none block h-5 w-5 rounded-full shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
+          class="pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
         />
       </SwitchRoot>
     </div>
diff --git a/src/components/node/latency/LatencyQualityCanvas.vue b/src/components/node/latency/LatencyQualityCanvas.vue
index cdc404df..0b4beac2 100644
--- a/src/components/node/latency/LatencyQualityCanvas.vue
+++ b/src/components/node/latency/LatencyQualityCanvas.vue
@@ -1,7 +1,10 @@
 <script setup lang="ts">
 import { onMounted, ref, watch } from "vue";
 import { useElementSize } from "@vueuse/core";
-import { LATENCY_SEGMENTS, LOSS_COLOR } from "@/components/ping/pingLatencyConfig";
+import {
+  LATENCY_SEGMENTS,
+  LOSS_COLOR,
+} from "@/components/ping/pingLatencyConfig";
 
 const CANVAS_HEIGHT = 16;
 const HEIGHT_CAP_MS = 400;
@@ -73,5 +76,9 @@ watch(canvasWidth, () => draw());
 </script>
 
 <template>
-  <canvas ref="canvasRef" :height="CANVAS_HEIGHT" class="block h-4 w-full bg-black/4" />
+  <canvas
+    ref="canvasRef"
+    :height="CANVAS_HEIGHT"
+    class="block h-4 w-full bg-black/4"
+  />
 </template>
diff --git a/src/components/node/latency/latency.vue b/src/components/node/latency/latency.vue
index 86332f16..81f9292a 100644
--- a/src/components/node/latency/latency.vue
+++ b/src/components/node/latency/latency.vue
@@ -3,7 +3,12 @@ import { shallowRef, onMounted, onUnmounted, watch } from "vue";
 import uPlot from "uplot";
 import "uplot/dist/uPlot.min.css";
 import type { TaskQueryResult } from "@/composables/useCronHistory";
-import { getStableCronNames, normalizeCronName, normalizeTs, SERIES_COLORS } from "./utils";
+import {
+  getStableCronNames,
+  normalizeCronName,
+  normalizeTs,
+  SERIES_COLORS,
+} from "./utils";
 
 const emit = defineEmits<{
   xRangeChange: [{ min: number; max: number } | null];
@@ -34,10 +39,12 @@ function buildData(): {
 
   // 对齐到 30s bucket，消除不同 cron 任务执行时间偏差导致的折线断裂
   const BUCKET_S = 30;
-  const snapBucket = (tsSeconds: number) => Math.floor(tsSeconds / BUCKET_S) * BUCKET_S;
+  const snapBucket = (tsSeconds: number) =>
+    Math.floor(tsSeconds / BUCKET_S) * BUCKET_S;
 
   const tsSet = new Set<number>();
-  for (const r of props.data) tsSet.add(snapBucket(Math.floor(normalizeTs(r.timestamp) / 1000)));
+  for (const r of props.data)
+    tsSet.add(snapBucket(Math.floor(normalizeTs(r.timestamp) / 1000)));
   const xs = [...tsSet].sort((a, b) => a - b);
 
   const PEAK_CAP = 500;
@@ -49,7 +56,9 @@ function buildData(): {
       if (normalizeCronName(r.cron_source) !== name) continue;
       const t = snapBucket(Math.floor(normalizeTs(r.timestamp) / 1000));
       const isTimeout =
-        !r.success || !r.task_event_result || typeof r.task_event_result[props.type] !== "number";
+        !r.success ||
+        !r.task_event_result ||
+        typeof r.task_event_result[props.type] !== "number";
       flagMap.set(t, isTimeout);
       let v: number | null;
       if (isTimeout) {
@@ -150,7 +159,11 @@ function tooltipPlugin(): uPlot.Plugin {
   };
 }
 
-function makeOpts(width: number, height: number, cronNames: string[]): uPlot.Options {
+function makeOpts(
+  width: number,
+  height: number,
+  cronNames: string[],
+): uPlot.Options {
   return {
     width,
     height,
@@ -265,7 +278,11 @@ function build(width: number, height: number) {
   const { cronNames, aligned, timeoutFlags } = buildData();
   currentCronNames.value = cronNames;
   currentTimeoutFlags = timeoutFlags;
-  chart = new uPlot(makeOpts(width, height, cronNames), aligned, containerRef.value);
+  chart = new uPlot(
+    makeOpts(width, height, cronNames),
+    aligned,
+    containerRef.value,
+  );
   applyVisibility();
   applySeriesEmphasis();
   if (userZoomRange != null) {
@@ -342,5 +359,5 @@ watch(
 </script>
 
 <template>
-  <div ref="containerRef" class="h-full w-full overflow-hidden" />
+  <div ref="containerRef" class="w-full h-full overflow-hidden" />
 </template>
diff --git a/src/components/node/latency/utils.ts b/src/components/node/latency/utils.ts
index 8e065b18..dff19dfc 100644
--- a/src/components/node/latency/utils.ts
+++ b/src/components/node/latency/utils.ts
@@ -30,8 +30,8 @@ export function normalizeCronName(name?: string | null): string {
 }
 
 export function getStableCronNames(data: TaskQueryResult[]): string[] {
-  return [...new Set(data.map((r) => normalizeCronName(r.cron_source)))].sort((a, b) =>
-    a.localeCompare(b),
+  return [...new Set(data.map((r) => normalizeCronName(r.cron_source)))].sort(
+    (a, b) => a.localeCompare(b),
   );
 }
 
@@ -54,7 +54,9 @@ export function computeStats(
   const cronNames = getStableCronNames(data);
   return cronNames
     .map((name) => {
-      const rows = data.filter((r) => normalizeCronName(r.cron_source) === name);
+      const rows = data.filter(
+        (r) => normalizeCronName(r.cron_source) === name,
+      );
       const total = rows.length;
       const color = colorMap[name] ?? SERIES_COLORS[0]!;
       const qualityBars = rows
@@ -77,17 +79,22 @@ export function computeStats(
 
       const vals = rows
         .filter(
-          (r) => r.success && r.task_event_result && typeof r.task_event_result[type] === "number",
+          (r) =>
+            r.success &&
+            r.task_event_result &&
+            typeof r.task_event_result[type] === "number",
         )
         .map((r) => r.task_event_result![type] as number);
 
       const lossRate = ((total - vals.length) / total) * 100;
-      if (vals.length === 0) return { name, color, avg: null, jitter: null, lossRate, qualityBars };
+      if (vals.length === 0)
+        return { name, color, avg: null, jitter: null, lossRate, qualityBars };
 
       const avg = vals.reduce((s, v) => s + v, 0) / vals.length;
       const jitter =
         vals.length >= 2
-          ? vals.slice(1).reduce((s, v, i) => s + Math.abs(v - vals[i]!), 0) / (vals.length - 1)
+          ? vals.slice(1).reduce((s, v, i) => s + Math.abs(v - vals[i]!), 0) /
+            (vals.length - 1)
           : null;
 
       return { name, color, avg, jitter, lossRate, qualityBars };
diff --git a/src/components/node/setting/NodeSettingTabBasic.vue b/src/components/node/setting/NodeSettingTabBasic.vue
index c1028bcb..5159de6f 100644
--- a/src/components/node/setting/NodeSettingTabBasic.vue
+++ b/src/components/node/setting/NodeSettingTabBasic.vue
@@ -14,7 +14,8 @@ const props = defineProps<{ uuid: string }>();
 
 const { t } = useI18n();
 const kv = useKv();
-const { parseMetadataFields, buildMetadataBatch, initDefaultMetadata } = useNodeMetadata(kv);
+const { parseMetadataFields, buildMetadataBatch, initDefaultMetadata } =
+  useNodeMetadata(kv);
 
 const loading = ref(false);
 const saveLoading = ref(false);
@@ -41,11 +42,15 @@ onMounted(async () => {
     }
 
     kv.namespace.value = props.uuid;
-    let results = await kv.getMultiValue([{ namespace: props.uuid, key: "metadata_*" }]);
+    let results = await kv.getMultiValue([
+      { namespace: props.uuid, key: "metadata_*" },
+    ]);
 
     if (results.length === 0) {
       await initDefaultMetadata(props.uuid);
-      results = await kv.getMultiValue([{ namespace: props.uuid, key: "metadata_*" }]);
+      results = await kv.getMultiValue([
+        { namespace: props.uuid, key: "metadata_*" },
+      ]);
     }
 
     form.value = parseMetadataFields(results, shorterUUID(props.uuid));
@@ -60,7 +65,9 @@ async function handleSave() {
   saveLoading.value = true;
   try {
     kv.namespace.value = props.uuid;
-    const { partialFailures } = await kv.setValueBatch(buildMetadataBatch(form.value));
+    const { partialFailures } = await kv.setValueBatch(
+      buildMetadataBatch(form.value),
+    );
     if (partialFailures.length > 0) {
       toast.warning(`Partial save failure: ${partialFailures.join(", ")}`);
     } else {
@@ -76,7 +83,10 @@ async function handleSave() {
 
 <template>
   <div class="max-w-lg space-y-6">
-    <div v-if="loading" class="text-muted-foreground flex items-center gap-2 py-4 text-sm">
+    <div
+      v-if="loading"
+      class="flex items-center gap-2 py-4 text-sm text-muted-foreground"
+    >
       <Loader2 class="h-4 w-4 animate-spin" />
       {{ $t("common.loading") }}
     </div>
diff --git a/src/components/node/setting/NodeSettingTabConfig.vue b/src/components/node/setting/NodeSettingTabConfig.vue
index 4a3acd6d..907e3a0d 100644
--- a/src/components/node/setting/NodeSettingTabConfig.vue
+++ b/src/components/node/setting/NodeSettingTabConfig.vue
@@ -63,14 +63,16 @@ function syncFromConfig(config: splitConfig) {
   logLevel.value = basicConfig.log_level || "info";
   ipProvider.value = basicConfig.ip_provider || "ipinfo";
   dynamicReportInterval.value = basicConfig.dynamic_report_interval_ms || 1000;
-  dynamicSummaryReportInterval.value = basicConfig.dynamic_summary_report_interval_ms || 1000;
+  dynamicSummaryReportInterval.value =
+    basicConfig.dynamic_summary_report_interval_ms || 1000;
   staticReportInterval.value = basicConfig.static_report_interval_ms || 300000;
   terminalShell.value = basicConfig.terminal_shell || "bash";
   execMaxCharacter.value = basicConfig.exec_max_character;
   connectTimeout.value = basicConfig.connect_timeout_ms;
   dynamic_summary_select_network_interface.value =
     basicConfig.dynamic_summary_select_network_interface || [];
-  dynamic_summary_select_disk.value = basicConfig.dynamic_summary_select_disk || [];
+  dynamic_summary_select_disk.value =
+    basicConfig.dynamic_summary_select_disk || [];
 
   // 从 server 配置中提取第一个 server 的 allow_* 属性
   if (currentUpstream) {
@@ -104,7 +106,8 @@ function buildConfig(): AgentConfig {
   config.log_level = logLevel.value;
   config.ip_provider = ipProvider.value;
   config.dynamic_report_interval_ms = dynamicReportInterval.value;
-  config.dynamic_summary_report_interval_ms = dynamicSummaryReportInterval.value;
+  config.dynamic_summary_report_interval_ms =
+    dynamicSummaryReportInterval.value;
   config.static_report_interval_ms = staticReportInterval.value;
   config.terminal_shell = terminalShell.value;
 
@@ -150,7 +153,9 @@ onMounted(async () => {
     // todo: find current backend, watch
     syncFromConfig(config);
   } catch (e: unknown) {
-    toast.error(e instanceof Error ? e.message : t("dashboard.node.config.loadFailed"));
+    toast.error(
+      e instanceof Error ? e.message : t("dashboard.node.config.loadFailed"),
+    );
   } finally {
     loading.value = false;
   }
@@ -163,13 +168,17 @@ onMounted(async () => {
     if (!latest) {
       return;
     }
-    if (Array.isArray(latest.network?.interfaces) && latest.network.interfaces.length > 0) {
-      dynamic_summary_select_network_interface_list.value = latest.network.interfaces.map(
-        (i) => i.interface_name,
-      );
+    if (
+      Array.isArray(latest.network?.interfaces) &&
+      latest.network.interfaces.length > 0
+    ) {
+      dynamic_summary_select_network_interface_list.value =
+        latest.network.interfaces.map((i) => i.interface_name);
     }
     if (Array.isArray(latest.disk) && latest.disk.length > 0) {
-      dynamic_summary_select_disk_list.value = latest.disk.map((d) => d.mount_point);
+      dynamic_summary_select_disk_list.value = latest.disk.map(
+        (d) => d.mount_point,
+      );
     }
   });
 });
@@ -191,7 +200,9 @@ async function handleSave() {
       toast.error(t("dashboard.saveFailed"));
     }
   } catch (e: unknown) {
-    toast.error(e instanceof Error ? e.message : t("dashboard.node.config.saveFailed"));
+    toast.error(
+      e instanceof Error ? e.message : t("dashboard.node.config.saveFailed"),
+    );
   } finally {
     saveLoading.value = false;
   }
@@ -200,7 +211,10 @@ async function handleSave() {
 
 <template>
   <div class="max-w-lg space-y-5">
-    <div v-if="loading" class="text-muted-foreground flex items-center gap-2 py-4 text-sm">
+    <div
+      v-if="loading"
+      class="flex items-center gap-2 py-4 text-sm text-muted-foreground"
+    >
       <Loader2 class="h-4 w-4 animate-spin" />
       {{ $t("common.loading") }}
     </div>
@@ -240,10 +254,16 @@ async function handleSave() {
 
         <!-- 动态监控上报间隔 (ms) -->
         <div class="space-y-1.5">
-          <Label>{{ $t("dashboard.node.config.dynamicSummaryReportInterval") }}</Label>
+          <Label>{{
+            $t("dashboard.node.config.dynamicSummaryReportInterval")
+          }}</Label>
           <div class="flex items-center gap-2">
-            <NumberField v-model="dynamicSummaryReportInterval" :min="1000" class="w-40" />
-            <span class="text-muted-foreground text-sm">
+            <NumberField
+              v-model="dynamicSummaryReportInterval"
+              :min="1000"
+              class="w-40"
+            />
+            <span class="text-sm text-muted-foreground">
               {{ $t("dashboard.node.config.msUnit") }}
             </span>
           </div>
@@ -253,8 +273,12 @@ async function handleSave() {
         <div class="space-y-1.5">
           <Label>{{ $t("dashboard.node.config.dynamicReportInterval") }}</Label>
           <div class="flex items-center gap-2">
-            <NumberField v-model="dynamicReportInterval" :min="1000" class="w-40" />
-            <span class="text-muted-foreground text-sm">
+            <NumberField
+              v-model="dynamicReportInterval"
+              :min="1000"
+              class="w-40"
+            />
+            <span class="text-sm text-muted-foreground">
               {{ $t("dashboard.node.config.msUnit") }}
             </span>
           </div>
@@ -264,8 +288,12 @@ async function handleSave() {
         <div class="space-y-1.5">
           <Label>{{ $t("dashboard.node.config.staticReportInterval") }}</Label>
           <div class="flex items-center gap-2">
-            <NumberField v-model="staticReportInterval" :min="1000" class="w-40" />
-            <span class="text-muted-foreground text-sm">
+            <NumberField
+              v-model="staticReportInterval"
+              :min="1000"
+              class="w-40"
+            />
+            <span class="text-sm text-muted-foreground">
               {{ $t("dashboard.node.config.msUnit") }}
             </span>
           </div>
@@ -281,7 +309,7 @@ async function handleSave() {
               class="w-40"
               @update:model-value="connectTimeout = $event"
             />
-            <span class="text-muted-foreground text-sm">
+            <span class="text-sm text-muted-foreground">
               {{ $t("dashboard.node.config.msUnit") }}
             </span>
           </div>
@@ -323,7 +351,9 @@ async function handleSave() {
             <SelectTrigger class="w-48">
               <SelectValue
                 :placeholder="
-                  dynamic_summary_select_disk_list.length === 0 ? '无可选磁盘' : '请选择磁盘'
+                  dynamic_summary_select_disk_list.length === 0
+                    ? '无可选磁盘'
+                    : '请选择磁盘'
                 "
               />
             </SelectTrigger>
@@ -344,7 +374,9 @@ async function handleSave() {
           <Select
             v-model="dynamic_summary_select_network_interface"
             multiple
-            :disabled="dynamic_summary_select_network_interface_list.length === 0"
+            :disabled="
+              dynamic_summary_select_network_interface_list.length === 0
+            "
           >
             <SelectTrigger class="w-48">
               <SelectValue
@@ -376,32 +408,45 @@ async function handleSave() {
         <template v-if="allowTaskType.size > 0">
           <div class="space-y-2 pt-2">
             <div class="flex items-center justify-between">
-              <span class="text-sm">{{ $t("dashboard.node.config.featureIcmpPing") }}</span>
+              <span class="text-sm">{{
+                $t("dashboard.node.config.featureIcmpPing")
+              }}</span>
               <Switch
                 :modelValue="allowTaskType.has('ping')"
                 @update:model-value="
-                  (v) => (v ? allowTaskType.add('ping') : allowTaskType.delete('ping'))
+                  (v) =>
+                    v ? allowTaskType.add('ping') : allowTaskType.delete('ping')
                 "
                 :disabled="!allowTaskType.has('edit_config')"
               />
             </div>
             <div class="flex items-center justify-between">
-              <span class="text-sm">{{ $t("dashboard.node.config.featureTcpPing") }}</span>
+              <span class="text-sm">{{
+                $t("dashboard.node.config.featureTcpPing")
+              }}</span>
               <Switch
                 :modelValue="allowTaskType.has('tcp_ping')"
                 @update:model-value="
-                  (v) => (v ? allowTaskType.add('tcp_ping') : allowTaskType.delete('tcp_ping'))
+                  (v) =>
+                    v
+                      ? allowTaskType.add('tcp_ping')
+                      : allowTaskType.delete('tcp_ping')
                 "
                 :disabled="!allowTaskType.has('edit_config')"
               />
             </div>
             <div class="flex items-center justify-between">
-              <span class="text-sm">{{ $t("dashboard.node.config.featureHttpPing") }}</span>
+              <span class="text-sm">{{
+                $t("dashboard.node.config.featureHttpPing")
+              }}</span>
               <Switch
                 :modelValue="allowTaskType.has('http_ping')"
                 :disabled="!allowTaskType.has('edit_config')"
                 @update:model-value="
-                  (v) => (v ? allowTaskType.add('http_ping') : allowTaskType.delete('http_ping'))
+                  (v) =>
+                    v
+                      ? allowTaskType.add('http_ping')
+                      : allowTaskType.delete('http_ping')
                 "
               />
             </div>
@@ -410,90 +455,127 @@ async function handleSave() {
               <Switch
                 :modelValue="allowTaskType.has('dns')"
                 @update:model-value="
-                  (v) => (v ? allowTaskType.add('dns') : allowTaskType.delete('dns'))
+                  (v) =>
+                    v ? allowTaskType.add('dns') : allowTaskType.delete('dns')
                 "
                 :disabled="!allowTaskType.has('edit_config')"
               />
             </div>
             <div class="flex items-center justify-between">
-              <span class="text-sm">{{ $t("dashboard.node.config.featureHttpRequest") }}</span>
+              <span class="text-sm">{{
+                $t("dashboard.node.config.featureHttpRequest")
+              }}</span>
               <Switch
                 :modelValue="allowTaskType.has('http_request')"
                 @update:model-value="
                   (v) =>
-                    v ? allowTaskType.add('http_request') : allowTaskType.delete('http_request')
+                    v
+                      ? allowTaskType.add('http_request')
+                      : allowTaskType.delete('http_request')
                 "
                 :disabled="!allowTaskType.has('edit_config')"
               />
             </div>
             <div class="flex items-center justify-between">
-              <span class="text-sm">{{ $t("dashboard.node.config.featureSelfUpdate") }}</span>
+              <span class="text-sm">{{
+                $t("dashboard.node.config.featureSelfUpdate")
+              }}</span>
               <Switch
                 :modelValue="allowTaskType.has('self_update')"
                 @update:model-value="
                   (v) =>
-                    v ? allowTaskType.add('self_update') : allowTaskType.delete('self_update')
+                    v
+                      ? allowTaskType.add('self_update')
+                      : allowTaskType.delete('self_update')
                 "
                 :disabled="!allowTaskType.has('edit_config')"
               />
             </div>
             <div class="flex items-center justify-between">
-              <span class="text-sm">{{ $t("dashboard.node.config.featureWebShell") }}</span>
+              <span class="text-sm">{{
+                $t("dashboard.node.config.featureWebShell")
+              }}</span>
               <Switch
                 :modelValue="allowTaskType.has('web_shell')"
                 @update:model-value="
-                  (v) => (v ? allowTaskType.add('web_shell') : allowTaskType.delete('web_shell'))
+                  (v) =>
+                    v
+                      ? allowTaskType.add('web_shell')
+                      : allowTaskType.delete('web_shell')
                 "
                 :disabled="!allowTaskType.has('edit_config')"
               />
             </div>
             <div class="flex items-center justify-between">
-              <span class="text-sm">{{ $t("dashboard.node.config.featureExecute") }}</span>
+              <span class="text-sm">{{
+                $t("dashboard.node.config.featureExecute")
+              }}</span>
               <Switch
                 :modelValue="allowTaskType.has('execute')"
                 @update:model-value="
-                  (v) => (v ? allowTaskType.add('execute') : allowTaskType.delete('execute'))
+                  (v) =>
+                    v
+                      ? allowTaskType.add('execute')
+                      : allowTaskType.delete('execute')
                 "
                 :disabled="!allowTaskType.has('edit_config')"
               />
             </div>
             <div class="flex items-center justify-between gap-4">
-              <span class="text-sm">{{ $t("dashboard.node.config.featureIp") }}</span>
+              <span class="text-sm">{{
+                $t("dashboard.node.config.featureIp")
+              }}</span>
               <Switch
                 :modelValue="allowTaskType.has('ip')"
                 @update:model-value="
-                  (v) => (v ? allowTaskType.add('ip') : allowTaskType.delete('ip'))
+                  (v) =>
+                    v ? allowTaskType.add('ip') : allowTaskType.delete('ip')
                 "
                 :disabled="!allowTaskType.has('edit_config')"
               />
             </div>
             <div class="flex items-center justify-between">
-              <span class="text-sm">{{ $t("dashboard.node.config.featureVersion") }}</span>
+              <span class="text-sm">{{
+                $t("dashboard.node.config.featureVersion")
+              }}</span>
               <Switch
                 :modelValue="allowTaskType.has('version')"
                 @update:model-value="
-                  (v) => (v ? allowTaskType.add('version') : allowTaskType.delete('version'))
+                  (v) =>
+                    v
+                      ? allowTaskType.add('version')
+                      : allowTaskType.delete('version')
                 "
                 :disabled="!allowTaskType.has('edit_config')"
               />
             </div>
             <div class="flex items-center justify-between">
-              <span class="text-sm">{{ $t("dashboard.node.config.featureReadConfig") }}</span>
+              <span class="text-sm">{{
+                $t("dashboard.node.config.featureReadConfig")
+              }}</span>
               <Switch
                 :modelValue="allowTaskType.has('read_config')"
                 @update:model-value="
                   (v) =>
-                    v ? allowTaskType.add('read_config') : allowTaskType.delete('read_config')
+                    v
+                      ? allowTaskType.add('read_config')
+                      : allowTaskType.delete('read_config')
                 "
                 :disabled="!allowTaskType.has('edit_config')"
               />
             </div>
             <div class="flex items-center justify-between">
-              <span class="text-sm">{{ $t("dashboard.node.config.featureEditConfig") }}</span>
+              <span class="text-sm">{{
+                $t("dashboard.node.config.featureEditConfig")
+              }}</span>
               <PopConfirm
-                :title="$t('dashboard.node.config.featureEditConfigConfirmTitle')"
+                :title="
+                  $t('dashboard.node.config.featureEditConfigConfirmTitle')
+                "
                 v-if="allowTaskType.has('edit_config')"
-                :description="$t('dashboard.node.config.featureEditConfigConfirmDesc')"
+                :description="
+                  $t('dashboard.node.config.featureEditConfigConfirmDesc')
+                "
                 @confirm="allowTaskType.delete('edit_config')"
               >
                 <div>
diff --git a/src/components/node/setting/NodeSettingTabDelete.vue b/src/components/node/setting/NodeSettingTabDelete.vue
index a458367d..e800ef4c 100644
--- a/src/components/node/setting/NodeSettingTabDelete.vue
+++ b/src/components/node/setting/NodeSettingTabDelete.vue
@@ -46,7 +46,9 @@ const nodeName = ref("");
 
 onMounted(async () => {
   try {
-    const results = await kv.getMultiValue([{ namespace: props.uuid, key: "metadata_name" }]);
+    const results = await kv.getMultiValue([
+      { namespace: props.uuid, key: "metadata_name" },
+    ]);
     const entry = results.find((r) => r.key === "metadata_name");
     if (entry) nodeName.value = String(entry.value);
   } catch {
@@ -58,7 +60,12 @@ const dialogOpen = ref(false);
 const confirmName = ref("");
 const progress = ref(0);
 const activeStep = ref(0); // 0=idle
-const stepStatus = ref<("idle" | "running" | "done")[]>(["idle", "idle", "idle", "idle"]);
+const stepStatus = ref<("idle" | "running" | "done")[]>([
+  "idle",
+  "idle",
+  "idle",
+  "idle",
+]);
 
 function openDialog() {
   confirmName.value = "";
@@ -69,7 +76,9 @@ function openDialog() {
 }
 
 const confirmDisabled = () =>
-  !confirmName.value || confirmName.value !== nodeName.value || activeStep.value > 0;
+  !confirmName.value ||
+  confirmName.value !== nodeName.value ||
+  activeStep.value > 0;
 
 function setStep(i: number, status: "running" | "done") {
   stepStatus.value = stepStatus.value.map((s, idx) => (idx === i ? status : s));
@@ -178,10 +187,12 @@ async function handleDelete() {
       <h2 class="text-lg font-semibold">
         {{ $t("dashboard.node.delete.title") }}
       </h2>
-      <p class="text-muted-foreground mt-1 text-sm">
+      <p class="mt-1 text-sm text-muted-foreground">
         {{ $t("dashboard.node.delete.desc") }}
       </p>
-      <ul class="text-muted-foreground mt-3 list-inside list-disc space-y-1 text-sm">
+      <ul
+        class="mt-3 list-inside list-disc space-y-1 text-sm text-muted-foreground"
+      >
         <li>{{ $t("dashboard.node.delete.step1") }}</li>
         <li>{{ $t("dashboard.node.delete.step2") }}</li>
         <li>{{ $t("dashboard.node.delete.step3") }}</li>
@@ -214,14 +225,23 @@ async function handleDelete() {
             >
               <Loader2
                 v-if="stepStatus[i] === 'running'"
-                class="text-muted-foreground h-4 w-4 animate-spin"
+                class="h-4 w-4 animate-spin text-muted-foreground"
+              />
+              <CheckCircle2
+                v-else-if="stepStatus[i] === 'done'"
+                class="h-4 w-4 text-green-500"
               />
-              <CheckCircle2 v-else-if="stepStatus[i] === 'done'" class="h-4 w-4 text-green-500" />
               <span
                 v-else
-                class="border-muted-foreground/30 inline-block h-4 w-4 rounded-full border"
+                class="inline-block h-4 w-4 rounded-full border border-muted-foreground/30"
               />
-              <span :class="stepStatus[i] === 'done' ? 'text-foreground' : 'text-muted-foreground'">
+              <span
+                :class="
+                  stepStatus[i] === 'done'
+                    ? 'text-foreground'
+                    : 'text-muted-foreground'
+                "
+              >
                 {{ $t(`dashboard.node.delete.${stepKey}`) }}
               </span>
             </div>
@@ -238,10 +258,17 @@ async function handleDelete() {
         </div>
 
         <AlertDialogFooter>
-          <AlertDialogCancel :disabled="activeStep > 0" @click="dialogOpen = false">
+          <AlertDialogCancel
+            :disabled="activeStep > 0"
+            @click="dialogOpen = false"
+          >
             {{ $t("dashboard.node.delete.cancel") }}
           </AlertDialogCancel>
-          <Button variant="destructive" :disabled="confirmDisabled()" @click="handleDelete">
+          <Button
+            variant="destructive"
+            :disabled="confirmDisabled()"
+            @click="handleDelete"
+          >
             {{ $t("dashboard.node.delete.confirm") }}
           </Button>
         </AlertDialogFooter>
diff --git a/src/components/node/setting/NodeSettingTabStorage.vue b/src/components/node/setting/NodeSettingTabStorage.vue
index eb41606c..9bbfdbf8 100644
--- a/src/components/node/setting/NodeSettingTabStorage.vue
+++ b/src/components/node/setting/NodeSettingTabStorage.vue
@@ -5,7 +5,13 @@ import { Loader2 } from "lucide-vue-next";
 import { Button } from "@/components/ui/button";
 import { NumberField } from "@/components/ui/number-field";
 import { PopConfirm } from "@/components/ui/pop-confirm";
-import { Card, CardHeader, CardTitle, CardDescription, CardContent } from "@/components/ui/card";
+import {
+  Card,
+  CardHeader,
+  CardTitle,
+  CardDescription,
+  CardContent,
+} from "@/components/ui/card";
 import { useKv } from "@/composables/useKv";
 import { useI18n } from "vue-i18n";
 import { useCron, taskToCronType } from "@/composables/useCron";
@@ -48,13 +54,19 @@ onMounted(async () => {
   loading.value = true;
   try {
     kv.namespace.value = props.uuid;
-    const results = await kv.getMultiValue([{ namespace: props.uuid, key: "database_limit_*" }]);
+    const results = await kv.getMultiValue([
+      { namespace: props.uuid, key: "database_limit_*" },
+    ]);
     const get = (key: string) => results.find((r) => r.key === key)?.value;
 
     if (get("database_limit_dynamic_monitoring_summary") !== undefined)
-      storageDynamicSummary.value = tsToMinute(get("database_limit_dynamic_monitoring_summary"));
+      storageDynamicSummary.value = tsToMinute(
+        get("database_limit_dynamic_monitoring_summary"),
+      );
     if (get("database_limit_dynamic_monitoring") !== undefined)
-      storageDynamic.value = tsToMinute(get("database_limit_dynamic_monitoring"));
+      storageDynamic.value = tsToMinute(
+        get("database_limit_dynamic_monitoring"),
+      );
     if (get("database_limit_static_monitoring") !== undefined)
       storageStatic.value = tsToMinute(get("database_limit_static_monitoring"));
     if (get("database_limit_task") !== undefined)
@@ -139,13 +151,18 @@ async function cleanExpiredData() {
         </CardTitle>
       </CardHeader>
       <CardContent>
-        <div v-if="loading" class="text-muted-foreground flex items-center gap-2 py-2 text-sm">
+        <div
+          v-if="loading"
+          class="flex items-center gap-2 text-muted-foreground text-sm py-2"
+        >
           <Loader2 class="h-4 w-4 animate-spin" />
           {{ $t("common.loading") }}
         </div>
         <div v-else class="space-y-3">
           <div class="flex items-center justify-between gap-4">
-            <span class="text-sm">{{ $t("dashboard.agents.dynamicMonitoringSummary") }}</span>
+            <span class="text-sm">{{
+              $t("dashboard.agents.dynamicMonitoringSummary")
+            }}</span>
             <div class="flex items-center gap-1.5">
               <NumberField
                 :model-value="storageDynamicSummary"
@@ -153,13 +170,15 @@ async function cleanExpiredData() {
                 class="w-36"
                 @update:model-value="storageDynamicSummary = $event"
               />
-              <span class="text-muted-foreground text-sm whitespace-nowrap">
+              <span class="text-sm text-muted-foreground whitespace-nowrap">
                 {{ $t("dashboard.agents.minuteUnit") }}
               </span>
             </div>
           </div>
           <div class="flex items-center justify-between gap-4">
-            <span class="text-sm">{{ $t("dashboard.agents.dynamicMonitoring") }}</span>
+            <span class="text-sm">{{
+              $t("dashboard.agents.dynamicMonitoring")
+            }}</span>
             <div class="flex items-center gap-1.5">
               <NumberField
                 :model-value="storageDynamic"
@@ -167,7 +186,7 @@ async function cleanExpiredData() {
                 class="w-36"
                 @update:model-value="storageDynamic = $event"
               />
-              <span class="text-muted-foreground text-sm whitespace-nowrap">
+              <span class="text-sm text-muted-foreground whitespace-nowrap">
                 {{ $t("dashboard.agents.minuteUnit") }}
               </span>
             </div>
@@ -175,7 +194,9 @@ async function cleanExpiredData() {
 
           <!-- no need to change -->
           <div class="flex items-center justify-between gap-4" v-if="false">
-            <span class="text-sm">{{ $t("dashboard.agents.staticMonitoring") }}</span>
+            <span class="text-sm">{{
+              $t("dashboard.agents.staticMonitoring")
+            }}</span>
             <div class="flex items-center gap-1.5">
               <NumberField
                 :model-value="storageStatic"
@@ -183,7 +204,7 @@ async function cleanExpiredData() {
                 class="w-36"
                 @update:model-value="storageStatic = $event"
               />
-              <span class="text-muted-foreground text-sm whitespace-nowrap">
+              <span class="text-sm text-muted-foreground whitespace-nowrap">
                 {{ $t("dashboard.agents.minuteUnit") }}
               </span>
             </div>
@@ -197,14 +218,14 @@ async function cleanExpiredData() {
                 class="w-36"
                 @update:model-value="storageAgentTask = $event"
               />
-              <span class="text-muted-foreground text-sm whitespace-nowrap">
+              <span class="text-sm text-muted-foreground whitespace-nowrap">
                 {{ $t("dashboard.agents.minuteUnit") }}
               </span>
             </div>
           </div>
           <div class="pt-2">
             <Button :disabled="saveLoading" @click="handleSave">
-              <Loader2 v-if="saveLoading" class="mr-2 h-4 w-4 animate-spin" />
+              <Loader2 v-if="saveLoading" class="h-4 w-4 animate-spin mr-2" />
               {{ saveLoading ? $t("dashboard.saving") : $t("dashboard.save") }}
             </Button>
           </div>
@@ -232,7 +253,7 @@ async function cleanExpiredData() {
           @confirm="cleanExpiredData"
         >
           <Button variant="destructive" :disabled="cleanLoading">
-            <Loader2 v-if="cleanLoading" class="mr-2 h-4 w-4 animate-spin" />
+            <Loader2 v-if="cleanLoading" class="h-4 w-4 animate-spin mr-2" />
             {{
               cleanLoading
                 ? $t("dashboard.node.storage.cleaning")
diff --git a/src/components/node/setting/NodeSettingTabUpstream.vue b/src/components/node/setting/NodeSettingTabUpstream.vue
index 1a17185b..dd6370e7 100644
--- a/src/components/node/setting/NodeSettingTabUpstream.vue
+++ b/src/components/node/setting/NodeSettingTabUpstream.vue
@@ -59,7 +59,9 @@ async function refresh() {
     const config = await getAgentConfigExtra(props.uuid);
     agentConfig.value = config;
   } catch (e: unknown) {
-    toast.error(e instanceof Error ? e.message : t("dashboard.node.config.loadFailed"));
+    toast.error(
+      e instanceof Error ? e.message : t("dashboard.node.config.loadFailed"),
+    );
   } finally {
     loading.value = false;
   }
@@ -69,7 +71,11 @@ async function refresh() {
 const currentUpstreamIndex = ref(0);
 
 const copiedKey = ref<string | null>(null);
-const copyText = (key: string, index: number, text: string | null | undefined) => {
+const copyText = (
+  key: string,
+  index: number,
+  text: string | null | undefined,
+) => {
   if (!text) return;
   navigator.clipboard.writeText(text);
   copiedKey.value = key;
@@ -107,7 +113,9 @@ const openCreate = () => {
 const openEdit = (index: number) => {
   if (Array.isArray(agentConfig.value?.upstreams)) {
     formMode.value = "edit";
-    editingUpstream.value = JSON.parse(JSON.stringify(agentConfig.value.upstreams[index]));
+    editingUpstream.value = JSON.parse(
+      JSON.stringify(agentConfig.value.upstreams[index]),
+    );
     currentUpstreamIndex.value = index;
     formOpen.value = true;
   }
@@ -165,7 +173,9 @@ const handleSave = async (newUpstream: UpstreamServer) => {
 
 const handleDelete = async (index: number) => {
   if (saveLoading.value) return;
-  let server: Array<any> = JSON.parse(JSON.stringify(agentConfig.value?.upstreams || []));
+  let server: Array<any> = JSON.parse(
+    JSON.stringify(agentConfig.value?.upstreams || []),
+  );
   if (server.length <= 1) {
     toast.error("Must have at least one upstreams");
     return;
@@ -211,7 +221,7 @@ const handleDelete = async (index: number) => {
     >
       <!-- 名称 -->
       <div class="flex items-center gap-4 px-4 py-3">
-        <span class="text-muted-foreground w-28 shrink-0 text-sm">
+        <span class="w-28 shrink-0 text-sm text-muted-foreground">
           {{ t("dashboard.servers.detail.infoName") }}
         </span>
         <div class="flex min-w-0 items-center gap-1.5">
@@ -226,17 +236,19 @@ const handleDelete = async (index: number) => {
               v-if="currentUpstreamIndex === index && copiedKey === 'name'"
               class="h-3.5 w-3.5 text-green-500"
             />
-            <Copy v-else class="text-muted-foreground h-3.5 w-3.5" />
+            <Copy v-else class="h-3.5 w-3.5 text-muted-foreground" />
           </Button>
         </div>
       </div>
       <!-- UUID -->
       <div class="flex items-center gap-4 px-4 py-3">
-        <span class="text-muted-foreground w-28 shrink-0 text-sm">
+        <span class="w-28 shrink-0 text-sm text-muted-foreground">
           {{ t("dashboard.servers.detail.infoId") }}
         </span>
         <div class="flex min-w-0 items-center gap-1.5">
-          <span class="font-mono text-sm">{{ upstream.server_uuid ?? "--" }}</span>
+          <span class="font-mono text-sm">{{
+            upstream.server_uuid ?? "--"
+          }}</span>
           <Button
             size="icon"
             variant="ghost"
@@ -247,13 +259,13 @@ const handleDelete = async (index: number) => {
               v-if="currentUpstreamIndex === index && copiedKey === 'uuid'"
               class="h-3.5 w-3.5 text-green-500"
             />
-            <Copy v-else class="text-muted-foreground h-3.5 w-3.5" />
+            <Copy v-else class="h-3.5 w-3.5 text-muted-foreground" />
           </Button>
         </div>
       </div>
       <!-- API 地址 -->
       <div class="flex flex-wrap items-center gap-4 px-4 py-3">
-        <span class="text-muted-foreground w-28 shrink-0 text-sm">
+        <span class="w-28 shrink-0 text-sm text-muted-foreground">
           {{ t("dashboard.servers.detail.infoEndpoint") }}
         </span>
         <div class="flex min-w-0 items-center gap-1.5">
@@ -269,16 +281,19 @@ const handleDelete = async (index: number) => {
               v-if="currentUpstreamIndex === index && copiedKey === 'url'"
               class="h-3.5 w-3.5 text-green-500"
             />
-            <Copy v-else class="text-muted-foreground h-3.5 w-3.5" />
+            <Copy v-else class="h-3.5 w-3.5 text-muted-foreground" />
           </Button>
         </div>
       </div>
       <!-- 状态 -->
       <div class="flex items-center gap-4 px-4 py-3">
-        <span class="text-muted-foreground w-28 shrink-0 text-sm">
+        <span class="w-28 shrink-0 text-sm text-muted-foreground">
           {{ t("dashboard.servers.detail.infoStatus") }}
         </span>
-        <Badge v-if="upstream.server_uuid === currentBackendInfo?.uuid" variant="default">
+        <Badge
+          v-if="upstream.server_uuid === currentBackendInfo?.uuid"
+          variant="default"
+        >
           {{ t("dashboard.servers.detail.infoActive") }}
         </Badge>
         <Badge v-else variant="secondary">
@@ -287,11 +302,13 @@ const handleDelete = async (index: number) => {
       </div>
       <!-- Token -->
       <div class="flex items-start gap-4 px-4 py-3">
-        <span class="text-muted-foreground w-28 shrink-0 pt-0.5 text-sm">
+        <span class="w-28 shrink-0 pt-0.5 text-sm text-muted-foreground">
           {{ t("dashboard.servers.detail.infoToken") }}
         </span>
         <div class="flex min-w-0 items-start gap-1.5">
-          <span class="font-mono text-sm break-all">{{ upstream.token ?? "--" }}</span>
+          <span class="font-mono text-sm break-all">{{
+            upstream.token ?? "--"
+          }}</span>
           <Button
             v-if="upstream.token"
             size="icon"
@@ -303,15 +320,19 @@ const handleDelete = async (index: number) => {
               v-if="currentUpstreamIndex === index && copiedKey === 'token'"
               class="h-3.5 w-3.5 text-green-500"
             />
-            <Copy v-else class="text-muted-foreground h-3.5 w-3.5" />
+            <Copy v-else class="h-3.5 w-3.5 text-muted-foreground" />
           </Button>
         </div>
       </div>
       <!-- ignore_cert -->
       <div class="flex items-start gap-4 px-4 py-3">
-        <span class="text-muted-foreground w-28 shrink-0 pt-0.5 text-sm"> 忽略TLS错误 </span>
+        <span class="w-28 shrink-0 pt-0.5 text-sm text-muted-foreground">
+          忽略TLS错误
+        </span>
         <div class="flex min-w-0 items-start gap-1.5">
-          <span class="font-mono text-sm break-all">{{ upstream.ignore_cert ? "是" : "否" }}</span>
+          <span class="font-mono text-sm break-all">{{
+            upstream.ignore_cert ? "是" : "否"
+          }}</span>
         </div>
       </div>
       <!-- Operation -->
diff --git a/src/components/node/setting/UpstreamDetailDialog.vue b/src/components/node/setting/UpstreamDetailDialog.vue
index 3b65cba8..91907c66 100644
--- a/src/components/node/setting/UpstreamDetailDialog.vue
+++ b/src/components/node/setting/UpstreamDetailDialog.vue
@@ -23,7 +23,12 @@ import {
   Inbox,
   Loader2,
 } from "lucide-vue-next";
-import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/components/ui/dialog";
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
 import { Badge } from "@/components/ui/badge";
 import {
   useCronHistory,
@@ -38,7 +43,10 @@ import {
   type splitConfig,
 } from "@/composables/useAgentConfig";
 import { useI18n } from "vue-i18n";
-import { useBackendExtra, type ServerInfo } from "@/composables/useBackendExtra";
+import {
+  useBackendExtra,
+  type ServerInfo,
+} from "@/composables/useBackendExtra";
 import { preGenerateToken } from "@/components/agents/generateToken";
 import { Switch } from "@/components/ui/switch";
 
@@ -73,7 +81,9 @@ const availableServerInfo = computed(() => {
   return upstreams;
 });
 
-const upstreamSelected = ref<string>(availableServerInfo.value[0]?.uuid as string);
+const upstreamSelected = ref<string>(
+  availableServerInfo.value[0]?.uuid as string,
+);
 
 watch(
   upstreamSelected,
@@ -158,7 +168,9 @@ watch(
     <DialogContent class="flex max-h-[85vh] flex-col sm:max-w-md">
       <DialogHeader>
         <DialogTitle>
-          {{ formMode === "edit" ? "Edit Upstream Server" : "Add Upstream Server" }}
+          {{
+            formMode === "edit" ? "Edit Upstream Server" : "Add Upstream Server"
+          }}
         </DialogTitle>
         <!-- <DialogDescription>
         </DialogDescription> -->
@@ -171,9 +183,11 @@ watch(
               <SelectValue />
             </SelectTrigger>
             <SelectContent>
-              <SelectItem v-for="upstream in availableServerInfo" :value="upstream.uuid">{{
-                upstream.name
-              }}</SelectItem>
+              <SelectItem
+                v-for="upstream in availableServerInfo"
+                :value="upstream.uuid"
+                >{{ upstream.name }}</SelectItem
+              >
             </SelectContent>
           </Select>
         </div>
@@ -199,9 +213,12 @@ watch(
         </div>
       </div>
       <DialogFooter>
-        <Button variant="outline" :disabled="saving" @click="emit('update:open', false)">{{
-          t("dashboard.scripts.cancel")
-        }}</Button>
+        <Button
+          variant="outline"
+          :disabled="saving"
+          @click="emit('update:open', false)"
+          >{{ t("dashboard.scripts.cancel") }}</Button
+        >
         <Button :disabled="saving" @click="handleSave">
           <Loader2 v-if="saving" class="mr-2 h-4 w-4 animate-spin" />
           {{ saving ? t("dashboard.saving") : t("dashboard.save") }}
diff --git a/src/components/node/status/StatusCpuTab.vue b/src/components/node/status/StatusCpuTab.vue
index b9b79dc0..e773c653 100644
--- a/src/components/node/status/StatusCpuTab.vue
+++ b/src/components/node/status/StatusCpuTab.vue
@@ -41,15 +41,32 @@ function onRefreshChanged(v: number) {
   props.summary.startTimer();
 }
 
-const cpuAvgTimestamps = computed(() => props.summary.data.map((d) => d.timestamp / 1000));
-const cpuAvgValues = computed(() => props.summary.data.map((d) => d.cpu_usage ?? 0));
-const load1Values = computed(() => props.summary.data.map((d) => d.load_one ?? 0));
-const load5Values = computed(() => props.summary.data.map((d) => d.load_five ?? 0));
-const load15Values = computed(() => props.summary.data.map((d) => d.load_fifteen ?? 0));
+const cpuAvgTimestamps = computed(() =>
+  props.summary.data.map((d) => d.timestamp / 1000),
+);
+const cpuAvgValues = computed(() =>
+  props.summary.data.map((d) => d.cpu_usage ?? 0),
+);
+const load1Values = computed(() =>
+  props.summary.data.map((d) => d.load_one ?? 0),
+);
+const load5Values = computed(() =>
+  props.summary.data.map((d) => d.load_five ?? 0),
+);
+const load15Values = computed(() =>
+  props.summary.data.map((d) => d.load_fifteen ?? 0),
+);
 const maxLoad = computed(() =>
-  Math.max(...load1Values.value, ...load5Values.value, ...load15Values.value, 1),
+  Math.max(
+    ...load1Values.value,
+    ...load5Values.value,
+    ...load15Values.value,
+    1,
+  ),
+);
+const procValues = computed(() =>
+  props.summary.data.map((d) => d.process_count ?? 0),
 );
-const procValues = computed(() => props.summary.data.map((d) => d.process_count ?? 0));
 const maxProc = computed(() => Math.max(...procValues.value, 1));
 
 function formatMHz(mhz: number): string {
@@ -73,9 +90,13 @@ function formatMHz(mhz: number): string {
 
     <!-- Total Utilization -->
     <div>
-      <div class="mb-3 flex flex-wrap items-center gap-3 font-mono text-xs">
-        <span class="text-muted-foreground mr-1 text-sm font-medium">Total Utilization</span>
-        <span class="status-main-text"> {{ showCpuPercent(server).toFixed(1) }}% </span>
+      <div class="flex items-center gap-3 mb-3 text-xs font-mono flex-wrap">
+        <span class="text-sm font-medium text-muted-foreground mr-1"
+          >Total Utilization</span
+        >
+        <span class="status-main-text">
+          {{ showCpuPercent(server).toFixed(1) }}%
+        </span>
         <span class="text-muted-foreground/40">|</span>
         <span class="text-muted-foreground">
           Load
@@ -88,16 +109,18 @@ function formatMHz(mhz: number): string {
           }}</span>
         </span>
         <span class="text-muted-foreground/40">|</span>
-        <span class="text-muted-foreground"> {{ server.process_count ?? "-" }} Processes </span>
+        <span class="text-muted-foreground">
+          {{ server.process_count ?? "-" }} Processes
+        </span>
         <span class="text-muted-foreground/40">|</span>
         <span
-          class="text-muted-foreground max-w-[280px] truncate"
+          class="text-muted-foreground truncate max-w-[280px]"
           :title="server?.cpu_static?.per_core?.[0]?.brand"
         >
           {{ server?.cpu_static?.per_core?.[0]?.brand || "Unknown" }}
         </span>
       </div>
-      <div class="relative h-[340px] w-full overflow-hidden">
+      <div class="h-[340px] w-full relative overflow-hidden">
         <UPlotChart
           :data="cpuAvgValues"
           :timestamps="cpuAvgTimestamps"
@@ -113,15 +136,21 @@ function formatMHz(mhz: number): string {
 
     <!-- Load Average -->
     <div>
-      <div class="mb-3 flex flex-wrap items-center gap-3 font-mono text-xs">
-        <span class="text-muted-foreground mr-1 text-sm font-medium">Load Average</span>
-        <span class="status-main-text">1m {{ (server.load_one ?? 0).toFixed(2) }}</span>
-        <span class="status-sub-text">5m {{ (server.load_five ?? 0).toFixed(2) }}</span>
+      <div class="flex items-center gap-3 mb-3 text-xs font-mono flex-wrap">
+        <span class="text-sm font-medium text-muted-foreground mr-1"
+          >Load Average</span
+        >
+        <span class="status-main-text"
+          >1m {{ (server.load_one ?? 0).toFixed(2) }}</span
+        >
+        <span class="status-sub-text"
+          >5m {{ (server.load_five ?? 0).toFixed(2) }}</span
+        >
         <span :style="{ color: LOAD15_COLOR }"
           >15m {{ (server.load_fifteen ?? 0).toFixed(2) }}</span
         >
       </div>
-      <div class="relative h-[260px] w-full overflow-hidden">
+      <div class="h-[260px] w-full relative overflow-hidden">
         <UPlotChart
           :data="load1Values"
           :data2="load5Values"
@@ -139,17 +168,28 @@ function formatMHz(mhz: number): string {
           @update:zoom-range="onZoomUpdate"
         />
       </div>
-      <div class="text-muted-foreground mt-2 flex items-center gap-4 font-mono text-xs">
+      <div
+        class="flex items-center gap-4 mt-2 text-xs font-mono text-muted-foreground"
+      >
         <span class="flex items-center gap-1">
-          <span class="inline-block h-0.5 w-3" :style="{ backgroundColor: MAIN_COLOR }"></span>
+          <span
+            class="inline-block w-3 h-0.5"
+            :style="{ backgroundColor: MAIN_COLOR }"
+          ></span>
           1m
         </span>
         <span class="flex items-center gap-1">
-          <span class="inline-block h-0.5 w-3" :style="{ backgroundColor: SUB_COLOR }"></span>
+          <span
+            class="inline-block w-3 h-0.5"
+            :style="{ backgroundColor: SUB_COLOR }"
+          ></span>
           5m
         </span>
         <span class="flex items-center gap-1">
-          <span class="inline-block h-0.5 w-3" :style="{ backgroundColor: LOAD15_COLOR }"></span>
+          <span
+            class="inline-block w-3 h-0.5"
+            :style="{ backgroundColor: LOAD15_COLOR }"
+          ></span>
           15m
         </span>
       </div>
@@ -157,13 +197,15 @@ function formatMHz(mhz: number): string {
 
     <!-- Processes -->
     <div>
-      <div class="mb-3 flex flex-wrap items-center gap-3 font-mono text-xs">
-        <span class="text-muted-foreground mr-1 text-sm font-medium">Processes</span>
+      <div class="flex items-center gap-3 mb-3 text-xs font-mono flex-wrap">
+        <span class="text-sm font-medium text-muted-foreground mr-1"
+          >Processes</span
+        >
         <span class="status-main-text">
           {{ server.process_count ?? 0 }}
         </span>
       </div>
-      <div class="relative h-[260px] w-full overflow-hidden">
+      <div class="h-[260px] w-full relative overflow-hidden">
         <UPlotChart
           :data="procValues"
           :timestamps="cpuAvgTimestamps"
@@ -179,22 +221,29 @@ function formatMHz(mhz: number): string {
 
     <!-- Per Core -->
     <div class="flex items-center gap-3">
-      <div class="bg-border h-px flex-1"></div>
-      <span class="text-muted-foreground text-xs tracking-wider uppercase">Per Core</span>
-      <div class="bg-border h-px flex-1"></div>
+      <div class="h-px flex-1 bg-border"></div>
+      <span class="text-xs text-muted-foreground uppercase tracking-wider"
+        >Per Core</span
+      >
+      <div class="h-px flex-1 bg-border"></div>
     </div>
 
-    <div v-if="!cpuDetail.data" class="grid animate-pulse grid-cols-4 gap-2">
-      <div v-for="i in 8" :key="i" class="bg-muted h-16 rounded-lg"></div>
+    <div v-if="!cpuDetail.data" class="grid grid-cols-4 gap-2 animate-pulse">
+      <div v-for="i in 8" :key="i" class="h-16 bg-muted rounded-lg"></div>
     </div>
-    <div v-else-if="cpuDetail.data?.cpu?.per_core?.length" class="grid grid-cols-4 gap-2">
+    <div
+      v-else-if="cpuDetail.data?.cpu?.per_core?.length"
+      class="grid grid-cols-4 gap-2"
+    >
       <div
         v-for="core in cpuDetail.data.cpu.per_core"
         :key="core.id"
-        class="bg-muted/30 border-border space-y-2 rounded-lg border p-3"
+        class="bg-muted/30 border border-border rounded-lg p-3 space-y-2"
       >
-        <div class="text-muted-foreground font-mono text-xs">Core {{ core.id }}</div>
-        <div class="bg-muted h-1.5 overflow-hidden rounded-full">
+        <div class="text-xs text-muted-foreground font-mono">
+          Core {{ core.id }}
+        </div>
+        <div class="h-1.5 bg-muted rounded-full overflow-hidden">
           <div
             class="h-full rounded-full"
             :style="{
@@ -203,9 +252,13 @@ function formatMHz(mhz: number): string {
             }"
           ></div>
         </div>
-        <div class="flex justify-between font-mono text-xs">
-          <span :style="{ color: MAIN_COLOR }">{{ core.cpu_usage.toFixed(1) }}%</span>
-          <span class="text-muted-foreground">{{ formatMHz(core.frequency_mhz) }}</span>
+        <div class="flex justify-between text-xs font-mono">
+          <span :style="{ color: MAIN_COLOR }"
+            >{{ core.cpu_usage.toFixed(1) }}%</span
+          >
+          <span class="text-muted-foreground">{{
+            formatMHz(core.frequency_mhz)
+          }}</span>
         </div>
       </div>
     </div>
diff --git a/src/components/node/status/StatusDiskTab.vue b/src/components/node/status/StatusDiskTab.vue
index 9b203418..7dd50b57 100644
--- a/src/components/node/status/StatusDiskTab.vue
+++ b/src/components/node/status/StatusDiskTab.vue
@@ -37,7 +37,10 @@ function onSummaryRefreshChanged(v: number) {
 }
 
 function startDetailTimer() {
-  const interval = effectiveDetailRefresh(props.detail.windowMs, props.detail.refreshInterval);
+  const interval = effectiveDetailRefresh(
+    props.detail.windowMs,
+    props.detail.refreshInterval,
+  );
   props.detail.startTimer(interval);
 }
 
@@ -51,15 +54,23 @@ function onDetailRefreshChanged(v: number) {
   startDetailTimer();
 }
 
-const detailRefreshList = computed(() => detailRefreshOptions(props.detail.windowMs));
+const detailRefreshList = computed(() =>
+  detailRefreshOptions(props.detail.windowMs),
+);
 const detailEffectiveInterval = computed(() =>
   effectiveDetailRefresh(props.detail.windowMs, props.detail.refreshInterval),
 );
 
 // Summary chart series
-const diskAvgTimestamps = computed(() => props.summary.data.map((d) => d.timestamp / 1000));
-const diskReadAvgValues = computed(() => props.summary.data.map((d) => d.read_speed ?? 0));
-const diskWriteAvgValues = computed(() => props.summary.data.map((d) => d.write_speed ?? 0));
+const diskAvgTimestamps = computed(() =>
+  props.summary.data.map((d) => d.timestamp / 1000),
+);
+const diskReadAvgValues = computed(() =>
+  props.summary.data.map((d) => d.read_speed ?? 0),
+);
+const diskWriteAvgValues = computed(() =>
+  props.summary.data.map((d) => d.write_speed ?? 0),
+);
 const maxDiskSpeed = computed(() =>
   Math.max(...diskReadAvgValues.value, ...diskWriteAvgValues.value, 1),
 );
@@ -74,12 +85,18 @@ function getDiskSpeed(
   return type === "read" ? (disk?.read_speed ?? 0) : (disk?.write_speed ?? 0);
 }
 
-const diskTimestamps = computed(() => props.detail.data.map((d) => d.timestamp / 1000));
+const diskTimestamps = computed(() =>
+  props.detail.data.map((d) => d.timestamp / 1000),
+);
 const displayDiskReadData = computed(() =>
-  props.detail.data.map((record) => getDiskSpeed(record.disk ?? [], "read", selectedDisk.value)),
+  props.detail.data.map((record) =>
+    getDiskSpeed(record.disk ?? [], "read", selectedDisk.value),
+  ),
 );
 const displayDiskWriteData = computed(() =>
-  props.detail.data.map((record) => getDiskSpeed(record.disk ?? [], "write", selectedDisk.value)),
+  props.detail.data.map((record) =>
+    getDiskSpeed(record.disk ?? [], "write", selectedDisk.value),
+  ),
 );
 const latestDiskRecord = computed(() => {
   const data = props.detail.data;
@@ -108,29 +125,38 @@ const maxDiskChartSpeed = computed(() =>
     />
 
     <div>
-      <div class="mb-3 flex flex-wrap items-center gap-3 font-mono text-xs">
-        <span class="text-muted-foreground mr-1 text-sm font-medium">Disk I/O</span>
-        <span class="status-main-text">↓ {{ formatBytes(server.read_speed ?? 0) }}/s</span>
-        <span class="status-sub-text">↑ {{ formatBytes(server.write_speed ?? 0) }}/s</span>
+      <div class="flex items-center gap-3 mb-3 text-xs font-mono flex-wrap">
+        <span class="text-sm font-medium text-muted-foreground mr-1"
+          >Disk I/O</span
+        >
+        <span class="status-main-text"
+          >↓ {{ formatBytes(server.read_speed ?? 0) }}/s</span
+        >
+        <span class="status-sub-text"
+          >↑ {{ formatBytes(server.write_speed ?? 0) }}/s</span
+        >
         <div
           v-if="server.total_space"
-          class="text-muted-foreground ml-auto flex items-center gap-2"
+          class="ml-auto flex items-center gap-2 text-muted-foreground"
         >
           <HardDrive class="h-3 w-3" />
           {{
             (
-              ((server.total_space - (server.available_space ?? 0)) / server.total_space) *
+              ((server.total_space - (server.available_space ?? 0)) /
+                server.total_space) *
               100
             ).toFixed(0)
           }}%
           <span class="font-mono">
-            {{ formatBytes(server.total_space - (server.available_space ?? 0)) }}
+            {{
+              formatBytes(server.total_space - (server.available_space ?? 0))
+            }}
             /
             {{ formatBytes(server.total_space) }}
           </span>
         </div>
       </div>
-      <div class="relative h-[340px] w-full overflow-hidden">
+      <div class="h-[340px] w-full relative overflow-hidden">
         <UPlotChart
           :data="diskReadAvgValues"
           :data2="diskWriteAvgValues"
@@ -148,9 +174,11 @@ const maxDiskChartSpeed = computed(() =>
 
     <!-- Detail divider -->
     <div class="flex items-center gap-3">
-      <div class="bg-border h-px flex-1"></div>
-      <span class="text-muted-foreground text-xs tracking-wider uppercase">Detail</span>
-      <div class="bg-border h-px flex-1"></div>
+      <div class="h-px flex-1 bg-border"></div>
+      <span class="text-xs text-muted-foreground uppercase tracking-wider"
+        >Detail</span
+      >
+      <div class="h-px flex-1 bg-border"></div>
     </div>
 
     <!-- Detail window+refresh controls -->
@@ -166,14 +194,14 @@ const maxDiskChartSpeed = computed(() =>
     <!-- Disk selector cards -->
     <div
       v-if="latestDiskRecord?.disk?.length"
-      class="scrollbar-none flex gap-2 overflow-x-auto pb-1"
+      class="flex gap-2 overflow-x-auto pb-1 scrollbar-none"
     >
       <button
         v-for="disk in latestDiskRecord.disk"
         :key="disk.name"
         @click="selectedDisk = disk.name"
         :class="[
-          'flex w-[300px] shrink-0 flex-col items-start rounded-lg border px-3 py-2.5 text-xs whitespace-nowrap transition-all',
+          'flex flex-col items-start px-3 py-2.5 rounded-lg border text-xs whitespace-nowrap transition-all w-[300px] shrink-0',
           selectedDisk === disk.name
             ? 'border-[var(--status-main-color)] bg-[var(--status-main-color)]/10'
             : 'border-border bg-muted/30 hover:bg-muted/50',
@@ -182,24 +210,27 @@ const maxDiskChartSpeed = computed(() =>
         <span
           :class="
             selectedDisk === disk.name
-              ? 'font-medium text-[var(--status-main-color)]'
+              ? 'text-[var(--status-main-color)] font-medium'
               : 'text-foreground'
           "
-          class="w-full truncate"
+          class="truncate w-full"
           >{{ disk.mount_point }}</span
         >
-        <span class="text-muted-foreground mt-0.5 w-full truncate text-[10px]">{{
-          disk.name
-        }}</span>
-        <div class="mt-1.5 w-full">
-          <div class="bg-muted/50 h-1 w-full overflow-hidden rounded-full">
+        <span
+          class="text-muted-foreground text-[10px] mt-0.5 truncate w-full"
+          >{{ disk.name }}</span
+        >
+        <div class="w-full mt-1.5">
+          <div class="w-full h-1 bg-muted/50 rounded-full overflow-hidden">
             <div
               class="h-full rounded-full transition-all"
               :style="{
                 width:
                   disk.total_space > 0
                     ? Math.min(
-                        ((disk.total_space - disk.available_space) / disk.total_space) * 100,
+                        ((disk.total_space - disk.available_space) /
+                          disk.total_space) *
+                          100,
                         100,
                       ).toFixed(0) + '%'
                     : '0%',
@@ -208,16 +239,20 @@ const maxDiskChartSpeed = computed(() =>
               }"
             ></div>
           </div>
-          <span class="text-muted-foreground font-mono text-[10px]">
+          <span class="font-mono text-[10px] text-muted-foreground">
             {{
               disk.total_space > 0
-                ? Math.round(((disk.total_space - disk.available_space) / disk.total_space) * 100)
+                ? Math.round(
+                    ((disk.total_space - disk.available_space) /
+                      disk.total_space) *
+                      100,
+                  )
                 : 0
             }}% · {{ formatBytes(disk.total_space - disk.available_space) }} /
             {{ formatBytes(disk.total_space) }}
           </span>
         </div>
-        <div class="mt-1 flex gap-2">
+        <div class="flex gap-2 mt-1">
           <span class="font-mono text-[10px]" :style="{ color: MAIN_COLOR }"
             >↓ {{ formatBytes(disk.read_speed) }}/s</span
           >
@@ -230,15 +265,19 @@ const maxDiskChartSpeed = computed(() =>
 
     <!-- Per-Disk I/O Chart -->
     <div v-if="selectedDisk && detail.data.length > 0">
-      <div class="bg-border mb-4 h-px"></div>
-      <div class="mb-3 flex items-center gap-3 font-mono text-xs">
-        <span class="text-muted-foreground mr-1 text-sm font-medium"
+      <div class="h-px bg-border mb-4"></div>
+      <div class="flex items-center gap-3 mb-3 text-xs font-mono">
+        <span class="text-sm font-medium text-muted-foreground mr-1"
           >Disk I/O · {{ selectedDisk }}</span
         >
-        <span class="status-main-text">↓ {{ formatBytes(currentDiskRead) }}/s</span>
-        <span class="status-sub-text">↑ {{ formatBytes(currentDiskWrite) }}/s</span>
+        <span class="status-main-text"
+          >↓ {{ formatBytes(currentDiskRead) }}/s</span
+        >
+        <span class="status-sub-text"
+          >↑ {{ formatBytes(currentDiskWrite) }}/s</span
+        >
       </div>
-      <div class="relative h-[260px] w-full overflow-hidden">
+      <div class="h-[260px] w-full relative overflow-hidden">
         <UPlotChart
           :data="displayDiskReadData"
           :data2="displayDiskWriteData"
diff --git a/src/components/node/status/StatusMemoryTab.vue b/src/components/node/status/StatusMemoryTab.vue
index ca409de9..22d54efc 100644
--- a/src/components/node/status/StatusMemoryTab.vue
+++ b/src/components/node/status/StatusMemoryTab.vue
@@ -29,7 +29,9 @@ function onRefreshChanged(v: number) {
   props.summary.startTimer();
 }
 
-const ramAvgTimestamps = computed(() => props.summary.data.map((d) => d.timestamp / 1000));
+const ramAvgTimestamps = computed(() =>
+  props.summary.data.map((d) => d.timestamp / 1000),
+);
 const ramAvgValues = computed(() =>
   props.summary.data.map((d) => {
     const used = d.used_memory ?? 0;
@@ -51,11 +53,15 @@ const ramAvgValues = computed(() =>
     />
 
     <div>
-      <div class="mb-3 flex flex-wrap items-center gap-3 font-mono text-xs">
-        <span class="text-muted-foreground mr-1 text-sm font-medium">Memory Usage</span>
+      <div class="flex items-center gap-3 mb-3 text-xs font-mono flex-wrap">
+        <span class="text-sm font-medium text-muted-foreground mr-1"
+          >Memory Usage</span
+        >
         <span class="status-main-text">
           RAM {{ showRamPercent(server).toFixed(1) }}%
-          <span class="text-muted-foreground ml-1">{{ showRamText(server) }}</span>
+          <span class="text-muted-foreground ml-1">{{
+            showRamText(server)
+          }}</span>
         </span>
         <span class="text-muted-foreground/40">|</span>
         <span class="text-muted-foreground">
@@ -71,7 +77,7 @@ const ramAvgValues = computed(() =>
           </span>
         </span>
       </div>
-      <div class="relative h-[340px] w-full overflow-hidden">
+      <div class="h-[340px] w-full relative overflow-hidden">
         <UPlotChart
           :data="ramAvgValues"
           :timestamps="ramAvgTimestamps"
@@ -85,19 +91,23 @@ const ramAvgValues = computed(() =>
 
     <!-- Memory Detail: breakdown -->
     <div class="flex items-center gap-3">
-      <div class="bg-border h-px flex-1"></div>
-      <span class="text-muted-foreground text-xs tracking-wider uppercase">Breakdown</span>
-      <div class="bg-border h-px flex-1"></div>
+      <div class="h-px flex-1 bg-border"></div>
+      <span class="text-xs text-muted-foreground uppercase tracking-wider"
+        >Breakdown</span
+      >
+      <div class="h-px flex-1 bg-border"></div>
     </div>
 
     <div class="space-y-5">
       <!-- RAM bar -->
       <div class="space-y-1.5">
-        <div class="text-muted-foreground flex justify-between font-mono text-xs">
+        <div
+          class="flex justify-between text-xs text-muted-foreground font-mono"
+        >
           <span>RAM</span>
           <span>{{ formatBytes(server.total_memory ?? 0) }}</span>
         </div>
-        <div class="bg-muted flex h-3 overflow-hidden rounded-full">
+        <div class="h-3 bg-muted rounded-full overflow-hidden flex">
           <div
             class="h-full rounded-full transition-all"
             :style="{
@@ -106,27 +116,34 @@ const ramAvgValues = computed(() =>
             }"
           ></div>
         </div>
-        <div class="text-muted-foreground flex gap-4 font-mono text-xs">
+        <div class="flex gap-4 text-xs font-mono text-muted-foreground">
           <span class="flex items-center gap-1.5">
-            <span class="h-2 w-2 rounded-sm" :style="{ backgroundColor: MAIN_COLOR }"></span>
+            <span
+              class="w-2 h-2 rounded-sm"
+              :style="{ backgroundColor: MAIN_COLOR }"
+            ></span>
             Used {{ formatBytes(server.used_memory ?? 0) }}
           </span>
           <span class="flex items-center gap-1.5">
-            <span class="bg-muted border-border h-2 w-2 rounded-sm border"></span>
+            <span
+              class="w-2 h-2 rounded-sm bg-muted border border-border"
+            ></span>
             Available {{ formatBytes(server.available_memory ?? 0) }}
           </span>
         </div>
       </div>
 
-      <div class="bg-border h-px"></div>
+      <div class="h-px bg-border"></div>
 
       <!-- Swap bar -->
       <div class="space-y-1.5">
-        <div class="text-muted-foreground flex justify-between font-mono text-xs">
+        <div
+          class="flex justify-between text-xs text-muted-foreground font-mono"
+        >
           <span>Swap</span>
           <span>{{ formatBytes(server.total_swap ?? 0) }}</span>
         </div>
-        <div class="bg-muted flex h-3 overflow-hidden rounded-full">
+        <div class="h-3 bg-muted rounded-full overflow-hidden flex">
           <div
             class="h-full rounded-full transition-all"
             :style="{
@@ -137,40 +154,52 @@ const ramAvgValues = computed(() =>
             }"
           ></div>
         </div>
-        <div class="text-muted-foreground flex gap-4 font-mono text-xs">
+        <div class="flex gap-4 text-xs font-mono text-muted-foreground">
           <span class="flex items-center gap-1.5">
-            <span class="h-2 w-2 rounded-sm" :style="{ backgroundColor: SWAP_COLOR }"></span>
+            <span
+              class="w-2 h-2 rounded-sm"
+              :style="{ backgroundColor: SWAP_COLOR }"
+            ></span>
             Used {{ formatBytes(server.used_swap ?? 0) }}
           </span>
         </div>
       </div>
 
-      <div class="bg-border h-px"></div>
+      <div class="h-px bg-border"></div>
 
       <!-- Stat row -->
-      <div class="grid grid-cols-3 gap-6 font-mono text-sm">
+      <div class="grid grid-cols-3 gap-6 text-sm font-mono">
         <div>
-          <div class="text-muted-foreground text-xs tracking-wider uppercase">Total</div>
-          <div class="mt-1 text-base font-semibold">
+          <div class="text-xs text-muted-foreground uppercase tracking-wider">
+            Total
+          </div>
+          <div class="text-base font-semibold mt-1">
             {{ formatBytes(server.total_memory ?? 0) }}
           </div>
-          <div class="text-muted-foreground mt-0.5 text-xs">Physical RAM</div>
+          <div class="text-xs text-muted-foreground mt-0.5">Physical RAM</div>
         </div>
         <div>
-          <div class="text-muted-foreground text-xs tracking-wider uppercase">Used</div>
-          <div class="mt-1 text-base font-semibold" :style="{ color: MAIN_COLOR }">
+          <div class="text-xs text-muted-foreground uppercase tracking-wider">
+            Used
+          </div>
+          <div
+            class="text-base font-semibold mt-1"
+            :style="{ color: MAIN_COLOR }"
+          >
             {{ formatBytes(server.used_memory ?? 0) }}
           </div>
-          <div class="text-muted-foreground mt-0.5 text-xs">
+          <div class="text-xs text-muted-foreground mt-0.5">
             {{ showRamPercent(server).toFixed(1) }}%
           </div>
         </div>
         <div>
-          <div class="text-muted-foreground text-xs tracking-wider uppercase">Available</div>
-          <div class="mt-1 text-base font-semibold text-green-500">
+          <div class="text-xs text-muted-foreground uppercase tracking-wider">
+            Available
+          </div>
+          <div class="text-base font-semibold mt-1 text-green-500">
             {{ formatBytes(server.available_memory ?? 0) }}
           </div>
-          <div class="text-muted-foreground mt-0.5 text-xs">
+          <div class="text-xs text-muted-foreground mt-0.5">
             {{ (100 - showRamPercent(server)).toFixed(1) }}%
           </div>
         </div>
diff --git a/src/components/node/status/StatusNetworkTab.vue b/src/components/node/status/StatusNetworkTab.vue
index cc392230..d339c135 100644
--- a/src/components/node/status/StatusNetworkTab.vue
+++ b/src/components/node/status/StatusNetworkTab.vue
@@ -46,7 +46,10 @@ function onSummaryRefreshChanged(v: number) {
 }
 
 function startDetailTimer() {
-  const interval = effectiveDetailRefresh(props.detail.windowMs, props.detail.refreshInterval);
+  const interval = effectiveDetailRefresh(
+    props.detail.windowMs,
+    props.detail.refreshInterval,
+  );
   props.detail.startTimer(interval);
 }
 
@@ -60,34 +63,60 @@ function onDetailRefreshChanged(v: number) {
   startDetailTimer();
 }
 
-const detailRefreshList = computed(() => detailRefreshOptions(props.detail.windowMs));
+const detailRefreshList = computed(() =>
+  detailRefreshOptions(props.detail.windowMs),
+);
 const detailEffectiveInterval = computed(() =>
   effectiveDetailRefresh(props.detail.windowMs, props.detail.refreshInterval),
 );
 
 // Summary chart series
-const netAvgTimestamps = computed(() => props.summary.data.map((d) => d.timestamp / 1000));
-const netRxAvgValues = computed(() => props.summary.data.map((d) => d.receive_speed ?? 0));
-const netTxAvgValues = computed(() => props.summary.data.map((d) => d.transmit_speed ?? 0));
-const maxNetSpeed = computed(() => Math.max(...netRxAvgValues.value, ...netTxAvgValues.value, 1));
-const tcpConnAvgValues = computed(() => props.summary.data.map((d) => d.tcp_connections ?? 0));
-const udpConnAvgValues = computed(() => props.summary.data.map((d) => d.udp_connections ?? 0));
+const netAvgTimestamps = computed(() =>
+  props.summary.data.map((d) => d.timestamp / 1000),
+);
+const netRxAvgValues = computed(() =>
+  props.summary.data.map((d) => d.receive_speed ?? 0),
+);
+const netTxAvgValues = computed(() =>
+  props.summary.data.map((d) => d.transmit_speed ?? 0),
+);
+const maxNetSpeed = computed(() =>
+  Math.max(...netRxAvgValues.value, ...netTxAvgValues.value, 1),
+);
+const tcpConnAvgValues = computed(() =>
+  props.summary.data.map((d) => d.tcp_connections ?? 0),
+);
+const udpConnAvgValues = computed(() =>
+  props.summary.data.map((d) => d.udp_connections ?? 0),
+);
 const maxConnCount = computed(() =>
   Math.max(...tcpConnAvgValues.value, ...udpConnAvgValues.value, 1),
 );
 
 // Detail series
-function getIfaceSpeed(ifaces: DynamicNetworkInterface[], type: "rx" | "tx", name: string): number {
+function getIfaceSpeed(
+  ifaces: DynamicNetworkInterface[],
+  type: "rx" | "tx",
+  name: string,
+): number {
   if (name === "all") {
     return ifaces
       .filter((i) => i.interface_name !== "lo")
-      .reduce((s, i) => s + ((type === "rx" ? i.receive_speed : i.transmit_speed) || 0), 0);
+      .reduce(
+        (s, i) =>
+          s + ((type === "rx" ? i.receive_speed : i.transmit_speed) || 0),
+        0,
+      );
   }
   const iface = ifaces.find((i) => i.interface_name === name);
-  return type === "rx" ? (iface?.receive_speed ?? 0) : (iface?.transmit_speed ?? 0);
+  return type === "rx"
+    ? (iface?.receive_speed ?? 0)
+    : (iface?.transmit_speed ?? 0);
 }
 
-const netTimestamps = computed(() => props.detail.data.map((d) => d.timestamp / 1000));
+const netTimestamps = computed(() =>
+  props.detail.data.map((d) => d.timestamp / 1000),
+);
 const displayNetRxData = computed(() =>
   props.detail.data.map((record) =>
     getIfaceSpeed(record.network?.interfaces ?? [], "rx", selectedIface.value),
@@ -103,10 +132,18 @@ const latestNetRecord = computed(() => {
   return data.length > 0 ? data[data.length - 1] : null;
 });
 const currentNetRx = computed(() =>
-  getIfaceSpeed(latestNetRecord.value?.network?.interfaces ?? [], "rx", selectedIface.value),
+  getIfaceSpeed(
+    latestNetRecord.value?.network?.interfaces ?? [],
+    "rx",
+    selectedIface.value,
+  ),
 );
 const currentNetTx = computed(() =>
-  getIfaceSpeed(latestNetRecord.value?.network?.interfaces ?? [], "tx", selectedIface.value),
+  getIfaceSpeed(
+    latestNetRecord.value?.network?.interfaces ?? [],
+    "tx",
+    selectedIface.value,
+  ),
 );
 const maxNetChartSpeed = computed(() =>
   Math.max(...displayNetRxData.value, ...displayNetTxData.value, 1),
@@ -146,16 +183,25 @@ const sortedInterfaces = computed(() => {
 
     <!-- Throughput chart -->
     <div>
-      <div class="mb-3 flex flex-wrap items-center gap-3 font-mono text-xs">
-        <span class="text-muted-foreground mr-1 text-sm font-medium">Network Throughput</span>
-        <span class="status-main-text">↓ {{ formatBytes(server.receive_speed ?? 0) }}/s</span>
-        <span class="status-sub-text">↑ {{ formatBytes(server.transmit_speed ?? 0) }}/s</span>
-        <span v-if="server.tcp_connections != null" class="text-muted-foreground ml-auto">
+      <div class="flex items-center gap-3 mb-3 text-xs font-mono flex-wrap">
+        <span class="text-sm font-medium text-muted-foreground mr-1"
+          >Network Throughput</span
+        >
+        <span class="status-main-text"
+          >↓ {{ formatBytes(server.receive_speed ?? 0) }}/s</span
+        >
+        <span class="status-sub-text"
+          >↑ {{ formatBytes(server.transmit_speed ?? 0) }}/s</span
+        >
+        <span
+          v-if="server.tcp_connections != null"
+          class="ml-auto text-muted-foreground"
+        >
           TCP {{ server.tcp_connections }} &nbsp; UDP
           {{ server.udp_connections }}
         </span>
       </div>
-      <div class="relative h-[340px] w-full overflow-hidden">
+      <div class="h-[340px] w-full relative overflow-hidden">
         <UPlotChart
           :data="netRxAvgValues"
           :data2="netTxAvgValues"
@@ -171,13 +217,21 @@ const sortedInterfaces = computed(() => {
           @update:zoom-range="onZoomUpdate"
         />
       </div>
-      <div class="text-muted-foreground mt-2 flex items-center gap-4 font-mono text-xs">
+      <div
+        class="flex items-center gap-4 mt-2 text-xs font-mono text-muted-foreground"
+      >
         <span class="flex items-center gap-1">
-          <span class="inline-block h-0.5 w-3" :style="{ backgroundColor: MAIN_COLOR }"></span>
+          <span
+            class="inline-block w-3 h-0.5"
+            :style="{ backgroundColor: MAIN_COLOR }"
+          ></span>
           Download (↓)
         </span>
         <span class="flex items-center gap-1">
-          <span class="inline-block h-0.5 w-3" :style="{ backgroundColor: SUB_COLOR }"></span>
+          <span
+            class="inline-block w-3 h-0.5"
+            :style="{ backgroundColor: SUB_COLOR }"
+          ></span>
           Upload (↑)
         </span>
       </div>
@@ -186,27 +240,37 @@ const sortedInterfaces = computed(() => {
     <!-- Traffic Summary -->
     <div
       v-if="server.total_received != null"
-      class="text-muted-foreground flex items-center gap-6 py-1 font-mono text-xs"
+      class="flex items-center gap-6 text-xs font-mono text-muted-foreground py-1"
     >
       <span class="flex items-center gap-1.5">
         <span class="status-main-text">↓</span> Total Received
-        <span class="text-foreground ml-1">{{ formatBytes(server.total_received ?? 0) }}</span>
+        <span class="text-foreground ml-1">{{
+          formatBytes(server.total_received ?? 0)
+        }}</span>
       </span>
       <span class="text-muted-foreground/40">|</span>
       <span class="flex items-center gap-1.5">
         <span class="status-sub-text">↑</span> Total Transmitted
-        <span class="text-foreground ml-1">{{ formatBytes(server.total_transmitted ?? 0) }}</span>
+        <span class="text-foreground ml-1">{{
+          formatBytes(server.total_transmitted ?? 0)
+        }}</span>
       </span>
     </div>
 
     <!-- Connections chart -->
     <div>
-      <div class="mb-3 flex flex-wrap items-center gap-3 font-mono text-xs">
-        <span class="text-muted-foreground mr-1 text-sm font-medium">Connections</span>
-        <span class="status-main-text">TCP {{ server.tcp_connections ?? 0 }}</span>
-        <span class="status-sub-text">UDP {{ server.udp_connections ?? 0 }}</span>
+      <div class="flex items-center gap-3 mb-3 text-xs font-mono flex-wrap">
+        <span class="text-sm font-medium text-muted-foreground mr-1"
+          >Connections</span
+        >
+        <span class="status-main-text"
+          >TCP {{ server.tcp_connections ?? 0 }}</span
+        >
+        <span class="status-sub-text"
+          >UDP {{ server.udp_connections ?? 0 }}</span
+        >
       </div>
-      <div class="relative h-[260px] w-full overflow-hidden">
+      <div class="h-[260px] w-full relative overflow-hidden">
         <UPlotChart
           :data="tcpConnAvgValues"
           :data2="udpConnAvgValues"
@@ -221,13 +285,21 @@ const sortedInterfaces = computed(() => {
           @update:zoom-range="onZoomUpdate"
         />
       </div>
-      <div class="text-muted-foreground mt-2 flex items-center gap-4 font-mono text-xs">
+      <div
+        class="flex items-center gap-4 mt-2 text-xs font-mono text-muted-foreground"
+      >
         <span class="flex items-center gap-1">
-          <span class="inline-block h-0.5 w-3" :style="{ backgroundColor: MAIN_COLOR }"></span>
+          <span
+            class="inline-block w-3 h-0.5"
+            :style="{ backgroundColor: MAIN_COLOR }"
+          ></span>
           TCP
         </span>
         <span class="flex items-center gap-1">
-          <span class="inline-block h-0.5 w-3" :style="{ backgroundColor: SUB_COLOR }"></span>
+          <span
+            class="inline-block w-3 h-0.5"
+            :style="{ backgroundColor: SUB_COLOR }"
+          ></span>
           UDP
         </span>
       </div>
@@ -235,9 +307,11 @@ const sortedInterfaces = computed(() => {
 
     <!-- Detail divider -->
     <div class="flex items-center gap-3">
-      <div class="bg-border h-px flex-1"></div>
-      <span class="text-muted-foreground text-xs tracking-wider uppercase">Detail</span>
-      <div class="bg-border h-px flex-1"></div>
+      <div class="h-px flex-1 bg-border"></div>
+      <span class="text-xs text-muted-foreground uppercase tracking-wider"
+        >Detail</span
+      >
+      <div class="h-px flex-1 bg-border"></div>
     </div>
 
     <StatusWindowControls
@@ -252,13 +326,13 @@ const sortedInterfaces = computed(() => {
     <!-- Network interface selector cards -->
     <div
       v-if="latestNetRecord?.network?.interfaces?.length"
-      class="scrollbar-none flex gap-2 overflow-x-auto pb-1"
+      class="flex gap-2 overflow-x-auto pb-1 scrollbar-none"
     >
       <!-- All -->
       <button
         @click="selectedIface = 'all'"
         :class="[
-          'flex w-[120px] flex-col items-start rounded-lg border px-3 py-2.5 text-xs whitespace-nowrap transition-all',
+          'flex flex-col items-start px-3 py-2.5 rounded-lg border text-xs whitespace-nowrap transition-all w-[120px]',
           selectedIface === 'all'
             ? 'border-[var(--status-main-color)] bg-[var(--status-main-color)]/10'
             : 'border-border bg-muted/30 hover:bg-muted/50',
@@ -267,12 +341,12 @@ const sortedInterfaces = computed(() => {
         <span
           :class="
             selectedIface === 'all'
-              ? 'font-medium text-[var(--status-main-color)]'
+              ? 'text-[var(--status-main-color)] font-medium'
               : 'text-foreground'
           "
           >All</span
         >
-        <span class="mt-1 font-mono text-[10px]" :style="{ color: MAIN_COLOR }"
+        <span class="font-mono text-[10px] mt-1" :style="{ color: MAIN_COLOR }"
           >↑
           {{
             formatBytes(
@@ -298,7 +372,7 @@ const sortedInterfaces = computed(() => {
         :key="iface.interface_name"
         @click="selectedIface = iface.interface_name"
         :class="[
-          'flex w-[120px] flex-col items-start rounded-lg border px-3 py-2.5 text-xs whitespace-nowrap transition-all',
+          'flex flex-col items-start px-3 py-2.5 rounded-lg border text-xs whitespace-nowrap transition-all w-[120px]',
           selectedIface === iface.interface_name
             ? 'border-[var(--status-main-color)] bg-[var(--status-main-color)]/10'
             : 'border-border bg-muted/30 hover:bg-muted/50',
@@ -307,12 +381,12 @@ const sortedInterfaces = computed(() => {
         <span
           :class="
             selectedIface === iface.interface_name
-              ? 'font-medium text-[var(--status-main-color)]'
+              ? 'text-[var(--status-main-color)] font-medium'
               : 'text-foreground'
           "
           >{{ iface.interface_name }}</span
         >
-        <span class="mt-1 font-mono text-[10px]" :style="{ color: MAIN_COLOR }"
+        <span class="font-mono text-[10px] mt-1" :style="{ color: MAIN_COLOR }"
           >↑ {{ formatBytes(iface.transmit_speed) }}/s</span
         >
         <span class="font-mono text-[10px]" :style="{ color: SUB_COLOR }"
@@ -323,22 +397,24 @@ const sortedInterfaces = computed(() => {
 
     <!-- Per-NIC Chart -->
     <div v-if="detail.data.length > 0">
-      <div class="bg-border mb-4 h-px"></div>
-      <div class="mb-3 flex items-center gap-3 font-mono text-xs">
-        <span class="text-muted-foreground mr-1 text-sm font-medium">
+      <div class="h-px bg-border mb-4"></div>
+      <div class="flex items-center gap-3 mb-3 text-xs font-mono">
+        <span class="text-sm font-medium text-muted-foreground mr-1">
           {{ selectedIface === "all" ? "Network Throughput" : selectedIface }}
         </span>
-        <span class="status-main-text">↓ {{ formatBytes(currentNetRx) }}/s</span>
+        <span class="status-main-text"
+          >↓ {{ formatBytes(currentNetRx) }}/s</span
+        >
         <span class="status-sub-text">↑ {{ formatBytes(currentNetTx) }}/s</span>
         <span
           v-if="latestNetRecord?.network?.tcp_connections != null"
-          class="text-muted-foreground ml-auto"
+          class="ml-auto text-muted-foreground"
         >
           TCP {{ latestNetRecord.network.tcp_connections }} &nbsp; UDP
           {{ latestNetRecord.network.udp_connections }}
         </span>
       </div>
-      <div class="relative h-[260px] w-full overflow-hidden">
+      <div class="h-[260px] w-full relative overflow-hidden">
         <UPlotChart
           :data="displayNetRxData"
           :data2="displayNetTxData"
@@ -352,13 +428,21 @@ const sortedInterfaces = computed(() => {
           :loading="detail.loading"
         />
       </div>
-      <div class="text-muted-foreground mt-2 flex items-center gap-4 font-mono text-xs">
+      <div
+        class="flex items-center gap-4 mt-2 text-xs font-mono text-muted-foreground"
+      >
         <span class="flex items-center gap-1">
-          <span class="inline-block h-0.5 w-3" :style="{ backgroundColor: MAIN_COLOR }"></span>
+          <span
+            class="inline-block w-3 h-0.5"
+            :style="{ backgroundColor: MAIN_COLOR }"
+          ></span>
           Download (↓)
         </span>
         <span class="flex items-center gap-1">
-          <span class="inline-block h-0.5 w-3" :style="{ backgroundColor: SUB_COLOR }"></span>
+          <span
+            class="inline-block w-3 h-0.5"
+            :style="{ backgroundColor: SUB_COLOR }"
+          ></span>
           Upload (↑)
         </span>
       </div>
@@ -366,10 +450,12 @@ const sortedInterfaces = computed(() => {
 
     <!-- Network Interfaces List -->
     <div v-if="latestNetRecord?.network?.interfaces?.length">
-      <div class="mb-3 flex items-center gap-3">
-        <div class="bg-border h-px flex-1"></div>
-        <span class="text-muted-foreground text-xs tracking-wider uppercase">Interfaces</span>
-        <div class="bg-border h-px flex-1"></div>
+      <div class="flex items-center gap-3 mb-3">
+        <div class="h-px flex-1 bg-border"></div>
+        <span class="text-xs text-muted-foreground uppercase tracking-wider"
+          >Interfaces</span
+        >
+        <div class="h-px flex-1 bg-border"></div>
       </div>
       <div class="space-y-px">
         <div
@@ -377,37 +463,45 @@ const sortedInterfaces = computed(() => {
           :key="index"
           @click="selectedIface = iface.interface_name"
           :class="[
-            'flex cursor-pointer items-center justify-between rounded px-1 py-2.5 transition-colors',
+            'flex items-center justify-between py-2.5 px-1 cursor-pointer transition-colors rounded',
             selectedIface === iface.interface_name
               ? 'text-[var(--status-main-color)]'
               : 'hover:bg-muted/30',
           ]"
         >
           <div class="flex items-center gap-3">
-            <div class="flex h-7 w-7 shrink-0 items-center justify-center rounded">
+            <div
+              class="h-7 w-7 rounded flex items-center justify-center shrink-0"
+            >
               <Fish
                 v-if="iface.interface_name.startsWith('docker')"
-                class="text-muted-foreground h-4 w-4"
+                class="h-4 w-4 text-muted-foreground"
               />
               <Container
                 v-else-if="iface.interface_name.startsWith('podman')"
-                class="text-muted-foreground h-4 w-4"
+                class="h-4 w-4 text-muted-foreground"
               />
-              <Network v-else class="text-muted-foreground h-4 w-4" />
+              <Network v-else class="h-4 w-4 text-muted-foreground" />
             </div>
             <div>
-              <div class="text-sm font-medium">
+              <div class="font-medium text-sm">
                 {{ iface.interface_name }}
               </div>
-              <div class="text-muted-foreground space-x-2 font-mono text-[10px]">
+              <div
+                class="text-[10px] text-muted-foreground font-mono space-x-2"
+              >
                 <span>↓ {{ formatBytes(iface.total_received) }}</span>
                 <span>↑ {{ formatBytes(iface.total_transmitted) }}</span>
               </div>
             </div>
           </div>
-          <div class="space-y-0.5 text-right font-mono text-xs">
-            <div :style="{ color: MAIN_COLOR }">↓ {{ formatBytes(iface.receive_speed) }}/s</div>
-            <div :style="{ color: SUB_COLOR }">↑ {{ formatBytes(iface.transmit_speed) }}/s</div>
+          <div class="text-right text-xs font-mono space-y-0.5">
+            <div :style="{ color: MAIN_COLOR }">
+              ↓ {{ formatBytes(iface.receive_speed) }}/s
+            </div>
+            <div :style="{ color: SUB_COLOR }">
+              ↑ {{ formatBytes(iface.transmit_speed) }}/s
+            </div>
           </div>
         </div>
       </div>
diff --git a/src/components/node/status/StatusTabBar.vue b/src/components/node/status/StatusTabBar.vue
index 24bae2e2..fc0ef13d 100644
--- a/src/components/node/status/StatusTabBar.vue
+++ b/src/components/node/status/StatusTabBar.vue
@@ -20,25 +20,31 @@ const tabs: ReadonlyArray<{ id: TabId; label: string; icon: typeof Cpu }> = [
 </script>
 
 <template>
-  <div class="flex shrink-0 items-center gap-2 overflow-x-auto border-b px-4 py-3">
+  <div
+    class="flex items-center gap-2 px-4 py-3 border-b shrink-0 overflow-x-auto"
+  >
     <button
       v-for="tab in tabs"
       :key="tab.id"
       @click="activeTab = tab.id"
       :class="[
-        'flex items-center gap-2 rounded-lg border px-3 py-1.5 text-sm whitespace-nowrap transition-all',
+        'flex items-center gap-2 px-3 py-1.5 text-sm rounded-lg transition-all border whitespace-nowrap',
         activeTab === tab.id
-          ? 'border-border bg-muted font-medium shadow-sm'
-          : 'hover:bg-muted/50 text-muted-foreground border-transparent',
+          ? 'border-border bg-muted shadow-sm font-medium'
+          : 'border-transparent hover:bg-muted/50 text-muted-foreground',
       ]"
     >
       <component :is="tab.icon" class="h-4 w-4" />
       <span>{{ tab.label }}</span>
     </button>
     <div class="ml-auto shrink-0">
-      <Badge v-if="showLive && liveLabel" variant="outline" class="font-mono text-xs">
+      <Badge
+        v-if="showLive && liveLabel"
+        variant="outline"
+        class="font-mono text-xs"
+      >
         <span
-          class="mr-1.5 inline-block h-1.5 w-1.5 rounded-full"
+          class="inline-block w-1.5 h-1.5 rounded-full mr-1.5"
           :style="{ backgroundColor: liveColor }"
         ></span>
         {{ liveLabel }}
diff --git a/src/components/node/status/StatusWindowControls.vue b/src/components/node/status/StatusWindowControls.vue
index 2e83d856..f6708b51 100644
--- a/src/components/node/status/StatusWindowControls.vue
+++ b/src/components/node/status/StatusWindowControls.vue
@@ -29,24 +29,24 @@ function onRefresh(e: Event) {
 
 <template>
   <div class="flex items-center gap-3">
-    <span class="text-muted-foreground inline-flex items-center gap-1 text-xs">
+    <span class="text-xs text-muted-foreground inline-flex items-center gap-1">
       最近
       <select
         :value="windowMs"
         @change="onWindow"
-        class="bg-card text-foreground hover:bg-muted cursor-pointer rounded border px-1.5 py-0.5 text-xs transition-colors outline-none"
+        class="bg-card border rounded px-1.5 py-0.5 text-xs text-foreground outline-none cursor-pointer hover:bg-muted transition-colors"
       >
         <option v-for="w in windowOptions" :key="w.value" :value="w.value">
           {{ w.label }}
         </option>
       </select>
     </span>
-    <span class="text-muted-foreground inline-flex items-center gap-1 text-xs">
+    <span class="text-xs text-muted-foreground inline-flex items-center gap-1">
       每
       <select
         :value="refreshInterval"
         @change="onRefresh"
-        class="bg-card text-foreground hover:bg-muted cursor-pointer rounded border px-1.5 py-0.5 text-xs transition-colors outline-none"
+        class="bg-card border rounded px-1.5 py-0.5 text-xs text-foreground outline-none cursor-pointer hover:bg-muted transition-colors"
       >
         <option v-for="r in refreshOptions" :key="r.value" :value="r.value">
           {{ r.label }}
@@ -56,9 +56,13 @@ function onRefresh(e: Event) {
     </span>
     <label
       v-if="showSyncAxes"
-      class="text-muted-foreground inline-flex cursor-pointer items-center gap-1.5 text-xs select-none"
+      class="text-xs text-muted-foreground inline-flex items-center gap-1.5 cursor-pointer select-none"
     >
-      <input type="checkbox" v-model="syncAxes" class="h-3 w-3 cursor-pointer accent-current" />
+      <input
+        type="checkbox"
+        v-model="syncAxes"
+        class="h-3 w-3 cursor-pointer accent-current"
+      />
       同步坐标轴
     </label>
   </div>
diff --git a/src/components/node/status/composables/useDatabaseLimits.ts b/src/components/node/status/composables/useDatabaseLimits.ts
index c4003869..7f087841 100644
--- a/src/components/node/status/composables/useDatabaseLimits.ts
+++ b/src/components/node/status/composables/useDatabaseLimits.ts
@@ -19,15 +19,21 @@ export function useDatabaseLimits() {
         kv.getValue("database_limit_dynamic_monitoring"),
         kv.getValue("database_limit_dynamic_monitoring_summary"),
       ]);
-      dynamicLimit.value = typeof dyn === "number" && dyn > 0 ? dyn : DEFAULT_DYNAMIC_LIMIT;
-      summaryLimit.value = typeof sum === "number" && sum > 0 ? sum : DEFAULT_SUMMARY_LIMIT;
+      dynamicLimit.value =
+        typeof dyn === "number" && dyn > 0 ? dyn : DEFAULT_DYNAMIC_LIMIT;
+      summaryLimit.value =
+        typeof sum === "number" && sum > 0 ? sum : DEFAULT_SUMMARY_LIMIT;
     } catch (e) {
       console.error("[Status] Failed to fetch database limits:", e);
     }
   }
 
-  const summaryWindows = computed(() => WINDOWS.filter((w) => w.value <= summaryLimit.value));
-  const detailWindows = computed(() => WINDOWS.filter((w) => w.value <= dynamicLimit.value));
+  const summaryWindows = computed(() =>
+    WINDOWS.filter((w) => w.value <= summaryLimit.value),
+  );
+  const detailWindows = computed(() =>
+    WINDOWS.filter((w) => w.value <= dynamicLimit.value),
+  );
 
   // Find largest WINDOWS entry not exceeding `max`; fallback to smallest
   const clampWindow = (current: number, max: number) => {
diff --git a/src/components/node/status/composables/useLiveLabel.ts b/src/components/node/status/composables/useLiveLabel.ts
index fa51f177..43d8d214 100644
--- a/src/components/node/status/composables/useLiveLabel.ts
+++ b/src/components/node/status/composables/useLiveLabel.ts
@@ -12,7 +12,9 @@ export function useLiveLabel(source: Ref<unknown>) {
 
   onMounted(() => {
     timer = setInterval(() => {
-      elapsed.value = lastUpdate.value ? Date.now() - lastUpdate.value : Infinity;
+      elapsed.value = lastUpdate.value
+        ? Date.now() - lastUpdate.value
+        : Infinity;
     }, 1000);
   });
 
diff --git a/src/components/node/status/composables/useStatusPage.ts b/src/components/node/status/composables/useStatusPage.ts
index e79c7b29..c794c719 100644
--- a/src/components/node/status/composables/useStatusPage.ts
+++ b/src/components/node/status/composables/useStatusPage.ts
@@ -14,9 +14,14 @@ import { useLiveLabel } from "@/components/node/status/composables/useLiveLabel"
 type ZoomRange = { min: number; max: number } | null;
 
 export function useStatusPage(uuid: Ref<string>) {
-  const { error: dynamicError, status: dynamicStatus, servers: dynamicServers } = useAgentStatus();
+  const {
+    error: dynamicError,
+    status: dynamicStatus,
+    servers: dynamicServers,
+  } = useAgentStatus();
 
-  const { servers: staticServers, refresh: connectStatic } = useStaticMonitoring();
+  const { servers: staticServers, refresh: connectStatic } =
+    useStaticMonitoring();
 
   const limits = useDatabaseLimits();
   const summaries = useTabSummaries(uuid);
@@ -78,7 +83,10 @@ export function useStatusPage(uuid: Ref<string>) {
 
   function startDetailTimer(tab: DetailTab) {
     const slice = details[tab];
-    const interval = effectiveDetailRefresh(slice.windowMs, slice.refreshInterval);
+    const interval = effectiveDetailRefresh(
+      slice.windowMs,
+      slice.refreshInterval,
+    );
     slice.startTimer(interval);
   }
 
@@ -145,7 +153,9 @@ export function useStatusPage(uuid: Ref<string>) {
   // Clamp windowMs when limits change
   watch([limits.summaryLimit, limits.dynamicLimit], () => {
     summaries.clampAll((w) => limits.clampWindow(w, limits.summaryLimit.value));
-    details.clampDetail((w) => limits.clampWindow(w, limits.dynamicLimit.value));
+    details.clampDetail((w) =>
+      limits.clampWindow(w, limits.dynamicLimit.value),
+    );
   });
 
   onMounted(() => {
diff --git a/src/components/node/status/composables/useTabSummaries.ts b/src/components/node/status/composables/useTabSummaries.ts
index b0c19505..4868f203 100644
--- a/src/components/node/status/composables/useTabSummaries.ts
+++ b/src/components/node/status/composables/useTabSummaries.ts
@@ -1,7 +1,10 @@
 import { reactive, type Ref } from "vue";
 import { toast } from "vue-sonner";
 import { fetchDynamicSummary } from "@/composables/monitoring/useDynamicMonitoring";
-import type { DynamicSummaryResponseItem, SummaryField } from "@/types/monitoring";
+import type {
+  DynamicSummaryResponseItem,
+  SummaryField,
+} from "@/types/monitoring";
 import type { TabId } from "@/components/node/status/constants";
 
 const DEFAULT_WINDOW_MS = 6 * 60 * 60 * 1000;
@@ -42,10 +45,17 @@ function createSummarySlice(uuid: Ref<string>, tab: TabId): SummarySlice {
   let fetchSeq = 0;
 
   // Pulls one window slice + merges across summary field groups returned by backend
-  async function pull(from: number, to: number): Promise<DynamicSummaryResponseItem[]> {
+  async function pull(
+    from: number,
+    to: number,
+  ): Promise<DynamicSummaryResponseItem[]> {
     const groups = await Promise.all(
       TAB_FIELDS_AVG[tab].map((fields) =>
-        fetchDynamicSummary(uuid.value, { timestamp_from: from, timestamp_to: to }, fields),
+        fetchDynamicSummary(
+          uuid.value,
+          { timestamp_from: from, timestamp_to: to },
+          fields,
+        ),
       ),
     );
     const merged = new Map<number, DynamicSummaryResponseItem>();
@@ -73,7 +83,8 @@ function createSummarySlice(uuid: Ref<string>, tab: TabId): SummarySlice {
     } catch (e) {
       if (seq !== fetchSeq) return;
       console.error(`[Status] ${tab} summary fetch failed:`, e);
-      const description = e instanceof Error ? e.message : typeof e === "string" ? e : String(e);
+      const description =
+        e instanceof Error ? e.message : typeof e === "string" ? e : String(e);
       toast.error("数据查询失败", { description });
     } finally {
       if (showLoading && seq === fetchSeq) state.loading = false;
diff --git a/src/components/node/status/constants.ts b/src/components/node/status/constants.ts
index d6b1c6e2..8270f839 100644
--- a/src/components/node/status/constants.ts
+++ b/src/components/node/status/constants.ts
@@ -27,15 +27,18 @@ export type WindowOption = (typeof WINDOWS)[number];
 export type RefreshOption = (typeof REFRESH_INTERVALS)[number];
 
 // Detail sections: window <= 5min allows 1s refresh; > 5min enforces minimum 10s
-export const detailMinRefresh = (windowMs: number) => (windowMs > 5 * 60 * 1000 ? 10_000 : 1_000);
+export const detailMinRefresh = (windowMs: number) =>
+  windowMs > 5 * 60 * 1000 ? 10_000 : 1_000;
 
 export const detailRefreshOptions = (windowMs: number) => {
   const min = detailMinRefresh(windowMs);
   return REFRESH_INTERVALS.filter((r) => r.value >= min);
 };
 
-export const effectiveDetailRefresh = (windowMs: number, refreshInterval: number) =>
-  Math.max(refreshInterval, detailMinRefresh(windowMs));
+export const effectiveDetailRefresh = (
+  windowMs: number,
+  refreshInterval: number,
+) => Math.max(refreshInterval, detailMinRefresh(windowMs));
 
 // Default agent KV limits if absent
 export const DEFAULT_DYNAMIC_LIMIT = 21_600_000; // 6h
diff --git a/src/components/node/status/types.ts b/src/components/node/status/types.ts
index 72f8f8d4..0bba42ac 100644
--- a/src/components/node/status/types.ts
+++ b/src/components/node/status/types.ts
@@ -1,4 +1,7 @@
-import type { FullDynamicSummaryResponseItem, StaticMonitoringData } from "@/types/monitoring";
+import type {
+  FullDynamicSummaryResponseItem,
+  StaticMonitoringData,
+} from "@/types/monitoring";
 
 export interface StatusServer extends FullDynamicSummaryResponseItem {
   system?: StaticMonitoringData["system"];
diff --git a/src/components/node/traffic/TrafficBarChart.vue b/src/components/node/traffic/TrafficBarChart.vue
index fce50aea..15e57743 100644
--- a/src/components/node/traffic/TrafficBarChart.vue
+++ b/src/components/node/traffic/TrafficBarChart.vue
@@ -2,13 +2,23 @@
 import { shallowRef, watch, onMounted, onUnmounted } from "vue";
 import * as echarts from "echarts/core";
 import { BarChart } from "echarts/charts";
-import { GridComponent, TooltipComponent, AxisPointerComponent } from "echarts/components";
+import {
+  GridComponent,
+  TooltipComponent,
+  AxisPointerComponent,
+} from "echarts/components";
 import { CanvasRenderer } from "echarts/renderers";
 import type { EChartsType } from "echarts/core";
 import { useThemeStore } from "@/stores/theme";
 import { formatBytes } from "@/utils/format";
 
-echarts.use([BarChart, GridComponent, TooltipComponent, AxisPointerComponent, CanvasRenderer]);
+echarts.use([
+  BarChart,
+  GridComponent,
+  TooltipComponent,
+  AxisPointerComponent,
+  CanvasRenderer,
+]);
 
 export type TrafficBucket = {
   label: string;
@@ -34,9 +44,13 @@ let resizeObserver: ResizeObserver | null = null;
 const renderChart = () => {
   if (!chartInstance.value) return;
   const text = themeStore.isDark ? "#e5e7eb" : "#374151";
-  const grid = themeStore.isDark ? "rgba(255,255,255,0.06)" : "rgba(0,0,0,0.06)";
+  const grid = themeStore.isDark
+    ? "rgba(255,255,255,0.06)"
+    : "rgba(0,0,0,0.06)";
 
-  const visibleKeys = (["rx", "tx", "total"] as const).filter((k) => props.visibleSeries[k]);
+  const visibleKeys = (["rx", "tx", "total"] as const).filter(
+    (k) => props.visibleSeries[k],
+  );
 
   chartInstance.value.setOption(
     {
@@ -52,7 +66,9 @@ const renderChart = () => {
             value: number;
           }[],
         ) => {
-          const lines = params.map((p) => `${p.marker} ${p.seriesName}: ${formatBytes(p.value)}`);
+          const lines = params.map(
+            (p) => `${p.marker} ${p.seriesName}: ${formatBytes(p.value)}`,
+          );
           return [params[0]?.axisValue, ...lines].join("<br/>");
         },
       },
@@ -104,5 +120,5 @@ watch(() => [props.data, props.visibleSeries, themeStore.isDark], renderChart, {
 </script>
 
 <template>
-  <div ref="chartRef" class="h-full w-full" />
+  <div ref="chartRef" class="w-full h-full" />
 </template>
diff --git a/src/components/ping/PingChinaMapNative.vue b/src/components/ping/PingChinaMapNative.vue
index bb718cbc..63005e3c 100644
--- a/src/components/ping/PingChinaMapNative.vue
+++ b/src/components/ping/PingChinaMapNative.vue
@@ -59,27 +59,34 @@ function buildProvinceData(results: PingResult[], ispFilter: ISP | "all") {
     {
       latencies: number[];
       hasCompleted: boolean;
-      ispData: Partial<Record<string, { latencies: number[]; hasCompleted: boolean }>>;
+      ispData: Partial<
+        Record<string, { latencies: number[]; hasCompleted: boolean }>
+      >;
     }
   >();
 
   for (const r of results) {
     if (r.node.isp === "international") continue; // 海外节点不上中国地图
     const prov = r.node.province;
-    if (!map.has(prov)) map.set(prov, { latencies: [], hasCompleted: false, ispData: {} });
+    if (!map.has(prov))
+      map.set(prov, { latencies: [], hasCompleted: false, ispData: {} });
     const entry = map.get(prov)!;
     const isp = r.node.isp;
 
     // ① 始终更新 ispData（不受 ispFilter 限制）
-    if (!entry.ispData[isp]) entry.ispData[isp] = { latencies: [], hasCompleted: false };
+    if (!entry.ispData[isp])
+      entry.ispData[isp] = { latencies: [], hasCompleted: false };
     const ispEntry = entry.ispData[isp]!;
-    if (r.status === "success" && r.avg !== null) ispEntry.latencies.push(r.avg);
-    if (r.status === "success" || r.status === "failed") ispEntry.hasCompleted = true;
+    if (r.status === "success" && r.avg !== null)
+      ispEntry.latencies.push(r.avg);
+    if (r.status === "success" || r.status === "failed")
+      ispEntry.hasCompleted = true;
 
     // ② 受 ispFilter 限制，更新整体 latencies（用于地图着色）
     if (ispFilter === "all" || r.node.isp === ispFilter) {
       if (r.status === "success" && r.avg !== null) entry.latencies.push(r.avg);
-      if (r.status === "success" || r.status === "failed") entry.hasCompleted = true;
+      if (r.status === "success" || r.status === "failed")
+        entry.hasCompleted = true;
     }
   }
 
@@ -88,32 +95,44 @@ function buildProvinceData(results: PingResult[], ispFilter: ISP | "all") {
   ): number | null => {
     if (!d) return null;
     const avg =
-      d.latencies.length > 0 ? d.latencies.reduce((a, b) => a + b, 0) / d.latencies.length : null;
+      d.latencies.length > 0
+        ? d.latencies.reduce((a, b) => a + b, 0) / d.latencies.length
+        : null;
     return avg !== null ? Math.round(avg) : d.hasCompleted ? 9999 : null;
   };
 
-  return Array.from(map.entries()).map(([name, { latencies, hasCompleted, ispData }]) => {
-    const avg =
-      latencies.length > 0 ? latencies.reduce((a, b) => a + b, 0) / latencies.length : null;
-    const value =
-      avg !== null ? Math.round(avg) : hasCompleted && latencies.length === 0 ? 9999 : null;
+  return Array.from(map.entries()).map(
+    ([name, { latencies, hasCompleted, ispData }]) => {
+      const avg =
+        latencies.length > 0
+          ? latencies.reduce((a, b) => a + b, 0) / latencies.length
+          : null;
+      const value =
+        avg !== null
+          ? Math.round(avg)
+          : hasCompleted && latencies.length === 0
+            ? 9999
+            : null;
 
-    const telecom = getIspValue(ispData["telecom"]);
-    const unicom = getIspValue(ispData["unicom"]);
-    const mobile = getIspValue(ispData["mobile"]);
+      const telecom = getIspValue(ispData["telecom"]);
+      const unicom = getIspValue(ispData["unicom"]);
+      const mobile = getIspValue(ispData["mobile"]);
 
-    const ispValues = [telecom, unicom, mobile].filter((v): v is number => v !== null);
-    const fastest = ispValues.length > 0 ? Math.min(...ispValues) : null;
+      const ispValues = [telecom, unicom, mobile].filter(
+        (v): v is number => v !== null,
+      );
+      const fastest = ispValues.length > 0 ? Math.min(...ispValues) : null;
 
-    return {
-      name: PROVINCE_FULL_NAME[name] ?? name,
-      value,
-      telecom,
-      unicom,
-      mobile,
-      fastest,
-    };
-  });
+      return {
+        name: PROVINCE_FULL_NAME[name] ?? name,
+        value,
+        telecom,
+        unicom,
+        mobile,
+        fastest,
+      };
+    },
+  );
 }
 
 function initOption(): echarts.EChartsOption {
@@ -207,9 +226,9 @@ function buildHighlightData(
 
 onMounted(async () => {
   try {
-    const geoJson = await fetch(`${import.meta.env.BASE_URL}geo/100000_full.json`).then((r) =>
-      r.json(),
-    );
+    const geoJson = await fetch(
+      `${import.meta.env.BASE_URL}geo/100000_full.json`,
+    ).then((r) => r.json());
     echarts.registerMap("china", geoJson);
 
     if (!chartEl.value) return;
@@ -219,8 +238,9 @@ onMounted(async () => {
     chart.on("click", (params: any) => {
       if (params.componentType !== "series") return;
       const shortName =
-        Object.keys(PROVINCE_FULL_NAME).find((k) => PROVINCE_FULL_NAME[k] === params.name) ??
-        params.name;
+        Object.keys(PROVINCE_FULL_NAME).find(
+          (k) => PROVINCE_FULL_NAME[k] === params.name,
+        ) ?? params.name;
       emit("province-click", shortName);
     });
 
@@ -228,7 +248,11 @@ onMounted(async () => {
       chart.setOption({
         series: [
           {
-            data: buildHighlightData(props.results, props.ispFilter, props.selectedProvince),
+            data: buildHighlightData(
+              props.results,
+              props.ispFilter,
+              props.selectedProvince,
+            ),
           },
         ],
       });
@@ -248,7 +272,9 @@ watch(
   ([results, ispFilter, selectedProvince]) => {
     if (!chart) return;
     chart.setOption({
-      series: [{ data: buildHighlightData(results, ispFilter, selectedProvince) }],
+      series: [
+        { data: buildHighlightData(results, ispFilter, selectedProvince) },
+      ],
     });
   },
   { deep: true },
diff --git a/src/components/ping/PingHistogram.vue b/src/components/ping/PingHistogram.vue
index 836eabad..fef04b4d 100644
--- a/src/components/ping/PingHistogram.vue
+++ b/src/components/ping/PingHistogram.vue
@@ -6,7 +6,11 @@ import { GridComponent, TooltipComponent } from "echarts/components";
 import { CanvasRenderer } from "echarts/renderers";
 import type { EChartsType } from "echarts/core";
 import type { PingResult } from "./usePingTask";
-import { LATENCY_SEGMENTS, LOSS_COLOR, getLatencyColor } from "./pingLatencyConfig";
+import {
+  LATENCY_SEGMENTS,
+  LOSS_COLOR,
+  getLatencyColor,
+} from "./pingLatencyConfig";
 
 echarts.use([BarChart, GridComponent, TooltipComponent, CanvasRenderer]);
 
@@ -38,19 +42,26 @@ const bucketCounts = computed(() => {
 });
 
 const stats = computed(() => {
-  if (doneResults.value.length === 0) return { avg: null, jitter: null, lossRate: null };
+  if (doneResults.value.length === 0)
+    return { avg: null, jitter: null, lossRate: null };
 
   const latencies = doneResults.value
     .filter((r) => r.avg !== null && r.loss < 100)
     .map((r) => r.avg as number);
-  const avg = latencies.length ? latencies.reduce((a, b) => a + b, 0) / latencies.length : null;
+  const avg = latencies.length
+    ? latencies.reduce((a, b) => a + b, 0) / latencies.length
+    : null;
 
   const jitters = doneResults.value
     .filter((r) => r.jitter !== null && r.loss < 100)
     .map((r) => r.jitter as number);
-  const jitter = jitters.length ? jitters.reduce((a, b) => a + b, 0) / jitters.length : null;
+  const jitter = jitters.length
+    ? jitters.reduce((a, b) => a + b, 0) / jitters.length
+    : null;
 
-  const lossRate = doneResults.value.reduce((a, r) => a + r.loss, 0) / doneResults.value.length;
+  const lossRate =
+    doneResults.value.reduce((a, r) => a + r.loss, 0) /
+    doneResults.value.length;
 
   return { avg, jitter, lossRate };
 });
@@ -117,35 +128,38 @@ watch(option, (newOption) => {
 </script>
 
 <template>
-  <div class="flex h-full flex-col gap-4">
+  <div class="flex flex-col h-full gap-4">
     <div class="grid grid-cols-3 gap-3">
-      <div class="bg-card rounded-lg border p-3 text-center">
-        <div class="text-muted-foreground mb-1 text-xs">平均</div>
-        <div class="font-mono text-lg font-bold" :style="{ color: getLatencyColor(stats.avg, 0) }">
+      <div class="p-3 rounded-lg border bg-card text-center">
+        <div class="text-xs text-muted-foreground mb-1">平均</div>
+        <div
+          class="text-lg font-mono font-bold"
+          :style="{ color: getLatencyColor(stats.avg, 0) }"
+        >
           {{ fmt(stats.avg) }}
         </div>
       </div>
-      <div class="bg-card rounded-lg border p-3 text-center">
-        <div class="text-muted-foreground mb-1 text-xs">抖动</div>
+      <div class="p-3 rounded-lg border bg-card text-center">
+        <div class="text-xs text-muted-foreground mb-1">抖动</div>
         <div
-          class="font-mono text-lg font-bold"
+          class="text-lg font-mono font-bold"
           :style="{ color: getLatencyColor(stats.jitter, 0) }"
         >
           {{ fmt(stats.jitter) }}
         </div>
       </div>
-      <div class="bg-card rounded-lg border p-3 text-center">
-        <div class="text-muted-foreground mb-1 text-xs">丢包率</div>
+      <div class="p-3 rounded-lg border bg-card text-center">
+        <div class="text-xs text-muted-foreground mb-1">丢包率</div>
         <div
-          class="font-mono text-lg font-bold"
+          class="text-lg font-mono font-bold"
           :style="{ color: getLossRateColor(stats.lossRate) }"
         >
           {{ fmtLoss(stats.lossRate) }}
         </div>
       </div>
     </div>
-    <div class="bg-card flex-1 overflow-hidden rounded-lg border">
-      <div ref="chartRef" class="h-full w-full" />
+    <div class="flex-1 border rounded-lg bg-card overflow-hidden">
+      <div ref="chartRef" class="w-full h-full" />
     </div>
   </div>
 </template>
diff --git a/src/components/ping/PingResultTable.vue b/src/components/ping/PingResultTable.vue
index b810dea8..c4ae62c4 100644
--- a/src/components/ping/PingResultTable.vue
+++ b/src/components/ping/PingResultTable.vue
@@ -33,7 +33,9 @@ function fmtLoss(v: number): string {
   return v === 0 ? "0%" : `${v.toFixed(0)}%`;
 }
 
-function ispColor(_isp: string): "default" | "secondary" | "destructive" | "outline" {
+function ispColor(
+  _isp: string,
+): "default" | "secondary" | "destructive" | "outline" {
   return "secondary";
 }
 
@@ -58,13 +60,13 @@ const groups = computed(() =>
   <div>
     <div
       v-if="provinceFilter"
-      class="mb-2 flex items-center gap-2 rounded-md border border-blue-200 bg-blue-50 px-3 py-2 text-sm text-blue-700 dark:border-blue-800 dark:bg-blue-950/40 dark:text-blue-300"
+      class="mb-2 flex items-center gap-2 rounded-md border border-blue-200 dark:border-blue-800 bg-blue-50 dark:bg-blue-950/40 px-3 py-2 text-sm text-blue-700 dark:text-blue-300"
     >
       <span
         >仅显示：<strong>{{ provinceFilter }}</strong></span
       >
       <button
-        class="ml-auto flex items-center gap-1 rounded-md border border-blue-300 px-2 py-0.5 text-xs font-medium transition-colors hover:bg-blue-100 dark:border-blue-700 dark:hover:bg-blue-900/50"
+        class="ml-auto flex items-center gap-1 rounded-md border border-blue-300 dark:border-blue-700 px-2 py-0.5 text-xs font-medium hover:bg-blue-100 dark:hover:bg-blue-900/50 transition-colors"
         @click="emit('clear-province')"
       >
         ✕ 清除筛选
@@ -81,17 +83,19 @@ const groups = computed(() =>
           <TableHead class="text-right">最快ms</TableHead>
           <TableHead class="text-right">最慢ms</TableHead>
           <TableHead class="text-right">平均ms</TableHead>
-          <TableHead class="w-[220px] text-center">网络质量示意图</TableHead>
+          <TableHead class="text-center w-[220px]">网络质量示意图</TableHead>
         </TableRow>
       </TableHeader>
       <TableBody>
         <template v-for="group in groups" :key="group.isp">
           <TableRow class="bg-muted/50 hover:bg-muted/50">
-            <TableCell colspan="9" class="px-3 py-1.5">
+            <TableCell colspan="9" class="py-1.5 px-3">
               <Badge :variant="ispColor(group.isp)" class="text-xs">
                 {{ group.label }}
               </Badge>
-              <span class="text-muted-foreground ml-2 text-xs">{{ group.rows.length }} 个节点</span>
+              <span class="ml-2 text-xs text-muted-foreground"
+                >{{ group.rows.length }} 个节点</span
+              >
             </TableCell>
           </TableRow>
           <TableRow
@@ -101,16 +105,20 @@ const groups = computed(() =>
           >
             <TableCell>
               <span class="text-sm">{{
-                r.node.isp === "international" ? r.node.location : r.node.province
+                r.node.isp === "international"
+                  ? r.node.location
+                  : r.node.province
               }}</span>
             </TableCell>
-            <TableCell class="text-muted-foreground font-mono text-xs">{{ r.node.host }}</TableCell>
+            <TableCell class="font-mono text-xs text-muted-foreground">{{
+              r.node.host
+            }}</TableCell>
             <TableCell class="text-right text-sm">
-              <span :class="r.loss > 0 ? 'font-medium text-red-500' : ''">
+              <span :class="r.loss > 0 ? 'text-red-500 font-medium' : ''">
                 {{ r.status === "pending" ? "—" : fmtLoss(r.loss) }}
               </span>
             </TableCell>
-            <TableCell class="text-right font-mono text-sm">
+            <TableCell class="text-right text-sm font-mono">
               {{ r.status === "pending" ? "—" : r.sent }}
             </TableCell>
             <TableCell class="text-right font-mono text-sm font-medium">
@@ -129,7 +137,7 @@ const groups = computed(() =>
                 {{ r.status === "pending" ? "—" : fmt(r.avg) }}
               </span>
             </TableCell>
-            <TableCell class="w-[220px] text-center">
+            <TableCell class="text-center w-[220px]">
               <PingQualityCanvas
                 v-if="r.qualityBars.length > 0"
                 :bars="r.qualityBars"
diff --git a/src/components/ping/PingView.vue b/src/components/ping/PingView.vue
index fbe73803..0ce94481 100644
--- a/src/components/ping/PingView.vue
+++ b/src/components/ping/PingView.vue
@@ -21,7 +21,8 @@ const ispFilter = ref<ISP | "all">("all");
 const selectedProvince = ref<string | null>(null);
 
 function onProvinceClick(province: string) {
-  selectedProvince.value = selectedProvince.value === province ? null : province;
+  selectedProvince.value =
+    selectedProvince.value === province ? null : province;
 }
 const concurrency = ref(10);
 const delayBeforeQueryMs = ref(400);
@@ -37,7 +38,13 @@ const activeLoopCount = ref(1);
 
 function runOnce() {
   activeLoopCount.value = 1;
-  start(testType.value, ispFilter.value, false, concurrency.value, delayBeforeQueryMs.value);
+  start(
+    testType.value,
+    ispFilter.value,
+    false,
+    concurrency.value,
+    delayBeforeQueryMs.value,
+  );
 }
 
 const isContinuousRunning = ref(false);
@@ -76,14 +83,17 @@ const elapsedDisplay = computed(() => {
   const h = Math.floor(s / 3600);
   const m = Math.floor((s % 3600) / 60);
   const sec = s % 60;
-  if (h > 0) return `${h}:${String(m).padStart(2, "0")}:${String(sec).padStart(2, "0")}`;
+  if (h > 0)
+    return `${h}:${String(m).padStart(2, "0")}:${String(sec).padStart(2, "0")}`;
   return `${String(m).padStart(2, "0")}:${String(sec).padStart(2, "0")}`;
 });
 
 // 进度
 const totalPings = computed(() => results.value.length * activeLoopCount.value);
 const progressPercent = computed(() =>
-  totalPings.value > 0 ? Math.min(100, Math.round((probesDone.value / totalPings.value) * 100)) : 0,
+  totalPings.value > 0
+    ? Math.min(100, Math.round((probesDone.value / totalPings.value) * 100))
+    : 0,
 );
 
 const mapWrapRef = ref<HTMLElement | null>(null);
@@ -99,7 +109,9 @@ async function doScreenshot() {
     { key: "histogram", el: histRef.value, label: "直方图" },
     { key: "table", el: tableRef.value, label: "表格" },
   ]
-    .filter((m) => shotModules.value[m.key as keyof typeof shotModules.value] && m.el)
+    .filter(
+      (m) => shotModules.value[m.key as keyof typeof shotModules.value] && m.el,
+    )
     .map((m) => ({ el: m.el as HTMLElement, label: m.label }));
 
   if (!modules.length) return;
@@ -116,7 +128,7 @@ async function doScreenshot() {
   <div class="space-y-6">
     <!-- 第一排：测试类型 / ISP / 参数 / 操作按钮 -->
     <div class="flex flex-wrap items-center gap-3">
-      <div class="flex overflow-hidden rounded-md border">
+      <div class="flex rounded-md border overflow-hidden">
         <button
           v-for="t in [
             { id: 'tcp_ping', label: 'TCP Ping' },
@@ -135,9 +147,15 @@ async function doScreenshot() {
         </button>
       </div>
 
-      <div class="flex overflow-hidden rounded-md border">
+      <div class="flex rounded-md border overflow-hidden">
         <button
-          v-for="isp in ['all', 'telecom', 'unicom', 'mobile', 'international'] as const"
+          v-for="isp in [
+            'all',
+            'telecom',
+            'unicom',
+            'mobile',
+            'international',
+          ] as const"
           :key="isp"
           @click="ispFilter = isp"
           :class="[
@@ -151,14 +169,14 @@ async function doScreenshot() {
         </button>
       </div>
 
-      <div class="ml-auto flex items-center gap-2 text-sm">
+      <div class="flex items-center gap-2 ml-auto text-sm">
         <label class="text-muted-foreground">并发</label>
         <input
           v-model.number="concurrency"
           type="number"
           min="1"
           max="50"
-          class="bg-background focus:ring-ring w-14 rounded-md border px-2 py-1.5 text-center text-sm focus:ring-1 focus:outline-none"
+          class="w-14 rounded-md border px-2 py-1.5 text-sm text-center bg-background focus:outline-none focus:ring-1 focus:ring-ring"
         />
         <label class="text-muted-foreground">延迟</label>
         <input
@@ -166,7 +184,7 @@ async function doScreenshot() {
           type="number"
           min="0"
           step="100"
-          class="bg-background focus:ring-ring w-20 rounded-md border px-2 py-1.5 text-center text-sm focus:ring-1 focus:outline-none"
+          class="w-20 rounded-md border px-2 py-1.5 text-sm text-center bg-background focus:outline-none focus:ring-1 focus:ring-ring"
         />
         <span class="text-muted-foreground">ms</span>
         <label class="text-muted-foreground ml-1">循环</label>
@@ -175,10 +193,15 @@ async function doScreenshot() {
           type="number"
           min="1"
           max="500"
-          class="bg-background focus:ring-ring w-16 rounded-md border px-2 py-1.5 text-center text-sm focus:ring-1 focus:outline-none"
+          class="w-16 rounded-md border px-2 py-1.5 text-sm text-center bg-background focus:outline-none focus:ring-1 focus:ring-ring"
         />
         <span class="text-muted-foreground">次</span>
-        <Button size="sm" variant="outline" :disabled="pingStatus === 'running'" @click="runOnce">
+        <Button
+          size="sm"
+          variant="outline"
+          :disabled="pingStatus === 'running'"
+          @click="runOnce"
+        >
           单次测试
         </Button>
         <Button
@@ -200,21 +223,23 @@ async function doScreenshot() {
         <span class="font-mono tabular-nums">{{ elapsedDisplay }}</span>
         <span class="text-muted-foreground/40 select-none">|</span>
         <span class="text-muted-foreground">进度</span>
-        <span class="font-mono tabular-nums"> {{ probesDone }} / {{ totalPings }} </span>
+        <span class="font-mono tabular-nums">
+          {{ probesDone }} / {{ totalPings }}
+        </span>
         <div class="flex items-center gap-1.5">
-          <div class="bg-muted h-1.5 w-24 overflow-hidden rounded-full">
+          <div class="w-24 h-1.5 rounded-full bg-muted overflow-hidden">
             <div
-              class="bg-primary h-full rounded-full transition-all duration-300"
+              class="h-full rounded-full bg-primary transition-all duration-300"
               :style="{ width: progressPercent + '%' }"
             />
           </div>
-          <span class="text-muted-foreground w-8 text-right tabular-nums"
+          <span class="text-muted-foreground tabular-nums w-8 text-right"
             >{{ progressPercent }}%</span
           >
         </div>
       </template>
 
-      <div class="ml-auto flex items-center gap-2">
+      <div class="flex items-center gap-2 ml-auto">
         <label
           v-for="m in [
             { key: 'map', label: '地图' },
@@ -222,7 +247,7 @@ async function doScreenshot() {
             { key: 'table', label: '表格' },
           ]"
           :key="m.key"
-          class="text-muted-foreground flex cursor-pointer items-center gap-1 select-none"
+          class="flex items-center gap-1 text-muted-foreground cursor-pointer select-none"
         >
           <input
             type="checkbox"
@@ -244,7 +269,11 @@ async function doScreenshot() {
 
     <!-- 地图 + 直方图 -->
     <div class="flex gap-4">
-      <div ref="mapWrapRef" class="bg-card shrink-0 rounded-lg border p-2" style="width: 450px">
+      <div
+        ref="mapWrapRef"
+        class="shrink-0 border rounded-lg bg-card p-2"
+        style="width: 450px"
+      >
         <PingChinaMapNative
           :results="results"
           :isp-filter="ispFilter"
@@ -254,7 +283,11 @@ async function doScreenshot() {
       </div>
 
       <!-- 直方图 -->
-      <div ref="histRef" class="bg-card min-w-0 flex-1 rounded-lg border p-2" style="height: 416px">
+      <div
+        ref="histRef"
+        class="flex-1 min-w-0 border rounded-lg bg-card p-2"
+        style="height: 416px"
+      >
         <PingHistogram :results="results" />
       </div>
     </div>
diff --git a/src/components/ping/usePingTask.ts b/src/components/ping/usePingTask.ts
index e1d74feb..4e302799 100644
--- a/src/components/ping/usePingTask.ts
+++ b/src/components/ping/usePingTask.ts
@@ -101,9 +101,13 @@ export function usePingTask(uuid: string, url: string, token: string) {
     });
   }
 
-  async function createTask(host: string, testType: "ping" | "tcp_ping"): Promise<number | null> {
+  async function createTask(
+    host: string,
+    testType: "ping" | "tcp_ping",
+  ): Promise<number | null> {
     try {
-      const task_type = testType === "tcp_ping" ? { tcp_ping: `${host}:80` } : { ping: host };
+      const task_type =
+        testType === "tcp_ping" ? { tcp_ping: `${host}:80` } : { ping: host };
       const params: Record<string, unknown> = {
         token,
         target_uuid: uuid,
@@ -156,10 +160,14 @@ export function usePingTask(uuid: string, url: string, token: string) {
 
     const history = result.latencyHistory;
     result.latency = latency;
-    result.avg = history.length ? history.reduce((a, b) => a + b, 0) / history.length : null;
+    result.avg = history.length
+      ? history.reduce((a, b) => a + b, 0) / history.length
+      : null;
     result.fastest = history.length ? Math.min(...history) : null;
     result.slowest = history.length ? Math.max(...history) : null;
-    result.loss = Math.round(((result.sent - history.length) / result.sent) * 100);
+    result.loss = Math.round(
+      ((result.sent - history.length) / result.sent) * 100,
+    );
     result.status = "success";
 
     if (history.length >= 2) {
@@ -271,7 +279,10 @@ export function usePingTask(uuid: string, url: string, token: string) {
     stop();
     stopped = false;
 
-    const nodes = ispFilter === "all" ? PING_NODES : PING_NODES.filter((n) => n.isp === ispFilter);
+    const nodes =
+      ispFilter === "all"
+        ? PING_NODES
+        : PING_NODES.filter((n) => n.isp === ispFilter);
     initResults(nodes);
     probesDone.value = 0;
     pingStatus.value = "running";
@@ -294,7 +305,13 @@ export function usePingTask(uuid: string, url: string, token: string) {
               while (!stopped) {
                 const index = nodeQueue.shift();
                 if (index === undefined) break;
-                await runSingleProbe(index, nodes, testType, delayBeforeQueryMs, probe === 0);
+                await runSingleProbe(
+                  index,
+                  nodes,
+                  testType,
+                  delayBeforeQueryMs,
+                  probe === 0,
+                );
               }
             })(),
           ),
@@ -311,7 +328,13 @@ export function usePingTask(uuid: string, url: string, token: string) {
       const queue = Array.from({ length: nodes.length }, (_, i) => i);
       await Promise.allSettled(
         Array.from({ length: Math.min(concurrency, nodes.length) }, (_, i) =>
-          worker(queue, nodes, testType, delayBeforeQueryMs, i * WORKER_START_INTERVAL_MS),
+          worker(
+            queue,
+            nodes,
+            testType,
+            delayBeforeQueryMs,
+            i * WORKER_START_INTERVAL_MS,
+          ),
         ),
       );
       if (!stopped) pingStatus.value = "done";
diff --git a/src/components/rpc-debug-panel/RpcDebugPanel.vue b/src/components/rpc-debug-panel/RpcDebugPanel.vue
index cc8f288e..64bc85b5 100644
--- a/src/components/rpc-debug-panel/RpcDebugPanel.vue
+++ b/src/components/rpc-debug-panel/RpcDebugPanel.vue
@@ -49,17 +49,19 @@ function handleComposerSourceOpen(recordId: string) {
 </script>
 
 <template>
-  <Card class="bg-background h-full max-h-full gap-0 overflow-hidden rounded-lg py-0">
+  <Card
+    class="h-full max-h-full gap-0 overflow-hidden rounded-lg bg-background py-0"
+  >
     <Tabs v-model="activeTab" class="flex min-h-0 flex-1 flex-col gap-0">
       <header
         class="flex min-h-12 flex-none items-center justify-between gap-3 border-b px-4 py-1.5"
       >
-        <TabsList class="bg-muted/60 h-8 shrink-0 rounded-md p-0.5">
+        <TabsList class="h-8 shrink-0 rounded-md bg-muted/60 p-0.5">
           <TabsTrigger
             v-for="tab in rpcDebugTabs"
             :key="tab.key"
             :value="tab.key"
-            class="text-muted-foreground data-[state=active]:bg-primary data-[state=active]:text-primary-foreground h-7 flex-none px-2.5 text-xs data-[state=active]:shadow-none"
+            class="h-7 flex-none px-2.5 text-xs text-muted-foreground data-[state=active]:bg-primary data-[state=active]:text-primary-foreground data-[state=active]:shadow-none"
           >
             {{ tab.label }}
           </TabsTrigger>
@@ -67,26 +69,40 @@ function handleComposerSourceOpen(recordId: string) {
 
         <div class="flex min-w-0 flex-none flex-col items-end gap-0.5">
           <div class="flex min-w-0 items-center gap-1.5">
-            <div class="shrink-0 text-sm leading-none font-semibold">NodeGet RPC 调试</div>
+            <div class="shrink-0 text-sm leading-none font-semibold">
+              NodeGet RPC 调试
+            </div>
             <Badge
-              :variant="debugStore.activeConnectionCount.value > 0 ? 'default' : 'destructive'"
+              :variant="
+                debugStore.activeConnectionCount.value > 0
+                  ? 'default'
+                  : 'destructive'
+              "
               class="h-5 rounded-md px-2 text-[11px] leading-none"
             >
               WS
               {{ debugStore.activeConnectionCount.value > 0 ? "就绪" : "断开" }}
             </Badge>
-            <Badge variant="secondary" class="h-5 rounded-md px-2 text-[11px] leading-none">
+            <Badge
+              variant="secondary"
+              class="h-5 rounded-md px-2 text-[11px] leading-none"
+            >
               {{ latencyLabel }}
             </Badge>
           </div>
-          <span class="text-muted-foreground max-w-md truncate text-[11px] leading-none">
+          <span
+            class="max-w-md truncate text-[11px] leading-none text-muted-foreground"
+          >
             {{ connectionLabel }}
           </span>
         </div>
       </header>
 
       <CardContent class="inset-0 flex min-h-0 flex-auto overflow-hidden p-0">
-        <TabsContent :value="activeTab" class="m-0 h-full w-full overflow-hidden p-0">
+        <TabsContent
+          :value="activeTab"
+          class="m-0 h-full w-full overflow-hidden p-0"
+        >
           <!-- 配合 KeepAlive 缓存内部切换的各个业务子组件 -->
           <KeepAlive>
             <RpcNetworkView
diff --git a/src/components/rpc-debug-panel/RpcDebugPanelDialog.vue b/src/components/rpc-debug-panel/RpcDebugPanelDialog.vue
index 9c1f16f8..82b7540c 100644
--- a/src/components/rpc-debug-panel/RpcDebugPanelDialog.vue
+++ b/src/components/rpc-debug-panel/RpcDebugPanelDialog.vue
@@ -1,6 +1,13 @@
 <script setup lang="ts">
 import { useDraggable } from "@vueuse/core";
-import { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from "vue";
+import {
+  computed,
+  nextTick,
+  onBeforeUnmount,
+  onMounted,
+  ref,
+  watch,
+} from "vue";
 import {
   Dialog,
   DialogContent,
@@ -77,7 +84,10 @@ function toggleOpen() {
   open.value = !open.value;
 }
 
-function handleFloatingButtonDragStart(_position: { x: number; y: number }, event: PointerEvent) {
+function handleFloatingButtonDragStart(
+  _position: { x: number; y: number },
+  event: PointerEvent,
+) {
   if (!enabled.value) return false;
   if (event.pointerType === "mouse" && event.button !== 0) return false;
 
@@ -86,7 +96,10 @@ function handleFloatingButtonDragStart(_position: { x: number; y: number }, even
   dragMoved = false;
 }
 
-function handleFloatingButtonDragMove(position: { x: number; y: number }, event: PointerEvent) {
+function handleFloatingButtonDragMove(
+  position: { x: number; y: number },
+  event: PointerEvent,
+) {
   if (dragStartPoint) {
     const deltaX = event.clientX - dragStartPoint.x;
     const deltaY = event.clientY - dragStartPoint.y;
@@ -186,7 +199,7 @@ function suppressClickTemporarily() {
     v-show="!open"
     ref="buttonRef"
     type="button"
-    class="bg-background/95 hover:bg-muted focus-visible:ring-ring fixed z-60 inline-flex h-11 touch-none items-center gap-2 rounded-full border px-4 text-sm font-medium shadow-lg backdrop-blur transition select-none focus-visible:ring-2 focus-visible:outline-none"
+    class="fixed z-60 inline-flex h-11 touch-none items-center gap-2 rounded-full border bg-background/95 px-4 text-sm font-medium shadow-lg backdrop-blur transition select-none hover:bg-muted focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none"
     :class="isDragging ? 'cursor-grabbing' : 'cursor-grab'"
     :style="floatingButtonStyle"
     :aria-expanded="open"
@@ -194,7 +207,10 @@ function suppressClickTemporarily() {
     title="RPC 调试面板"
     @click="handleFloatingButtonClick"
   >
-    <span class="h-2.5 w-2.5 rounded-full" :class="open ? 'bg-emerald-500' : 'bg-primary'" />
+    <span
+      class="h-2.5 w-2.5 rounded-full"
+      :class="open ? 'bg-emerald-500' : 'bg-primary'"
+    />
     RPC
   </button>
 
@@ -204,14 +220,18 @@ function suppressClickTemporarily() {
       class="flex h-[calc(100vh-3rem)] max-h-[calc(100vh-3rem)] w-[calc(100vw-3rem)] max-w-[calc(100vw-3rem)] flex-col gap-3 overflow-hidden p-3 sm:max-w-[calc(100vw-3rem)] md:h-[calc(100vh-4rem)] md:max-h-[calc(100vh-4rem)] md:w-[calc(100vw-4rem)] md:max-w-[calc(100vw-4rem)] md:p-4"
       :show-close-button="false"
     >
-      <DialogHeader class="flex flex-none flex-row items-center justify-between gap-3 space-y-0">
+      <DialogHeader
+        class="flex flex-none flex-row items-center justify-between gap-3 space-y-0"
+      >
         <div class="min-w-0">
           <DialogTitle class="text-sm">RPC 调试面板</DialogTitle>
-          <DialogDescription class="text-xs"> 点击遮罩或按 Esc 关闭 </DialogDescription>
+          <DialogDescription class="text-xs">
+            点击遮罩或按 Esc 关闭
+          </DialogDescription>
         </div>
         <Button
           variant="destructive"
-          class="hover:bg-muted inline-flex h-8 items-center rounded-md border px-3 text-sm transition"
+          class="inline-flex h-8 items-center rounded-md border px-3 text-sm transition hover:bg-muted"
           @click="open = false"
         >
           关闭
diff --git a/src/components/rpc-debug-panel/components/RpcAuthView.vue b/src/components/rpc-debug-panel/components/RpcAuthView.vue
index 06734f18..38c4ecab 100644
--- a/src/components/rpc-debug-panel/components/RpcAuthView.vue
+++ b/src/components/rpc-debug-panel/components/RpcAuthView.vue
@@ -102,15 +102,17 @@ const permissionColumns = computed<ColumnDef<PermissionRule>[]>(() => [
 
 <template>
   <div class="h-full p-6">
-    <div class="bg-muted/25 mb-6 flex items-center justify-between rounded-lg border px-5 py-4">
+    <div
+      class="mb-6 flex items-center justify-between rounded-lg border bg-muted/25 px-5 py-4"
+    >
       <div>
         <h2 class="font-semibold">鉴权来源</h2>
-        <p class="text-muted-foreground mt-1 text-sm">
+        <p class="mt-1 text-sm text-muted-foreground">
           调试面板直接读取项目中已保存的后端凭据，不额外维护 Token。
         </p>
       </div>
       <button
-        class="border-border bg-background hover:bg-muted inline-flex h-10 items-center justify-center gap-2 rounded-md border px-3 text-sm font-medium transition-colors disabled:pointer-events-none disabled:opacity-50"
+        class="inline-flex h-10 items-center justify-center gap-2 rounded-md border border-border bg-background px-3 text-sm font-medium transition-colors hover:bg-muted disabled:pointer-events-none disabled:opacity-50"
         type="button"
         @click="refreshPermission"
       >
@@ -122,7 +124,9 @@ const permissionColumns = computed<ColumnDef<PermissionRule>[]>(() => [
     <div class="grid gap-6 lg:grid-cols-[520px_minmax(0,1fr)]">
       <section class="rounded-lg border p-5">
         <h2 class="font-semibold">可用调试凭据</h2>
-        <p class="text-muted-foreground mt-1 text-sm">来自 useBackendStore.backends</p>
+        <p class="mt-1 text-sm text-muted-foreground">
+          来自 useBackendStore.backends
+        </p>
         <RpcDebugDataTable
           class="mt-4"
           :columns="backendColumns"
@@ -144,7 +148,9 @@ const permissionColumns = computed<ColumnDef<PermissionRule>[]>(() => [
             </span>
           </div>
           <div class="mt-4 grid gap-2 text-sm">
-            <div>Token Key：{{ permissionStore.tokenInfo?.token_key ?? "-" }}</div>
+            <div>
+              Token Key：{{ permissionStore.tokenInfo?.token_key ?? "-" }}
+            </div>
             <div>用户名：{{ permissionStore.tokenInfo?.username ?? "-" }}</div>
             <div>权限数量：{{ permissionStore.rules.length }}</div>
             <div>状态：{{ permissionStore.status }}</div>
@@ -153,8 +159,9 @@ const permissionColumns = computed<ColumnDef<PermissionRule>[]>(() => [
 
         <div class="rounded-lg border p-5">
           <h2 class="font-semibold">当前 Token 权限明细</h2>
-          <p class="text-muted-foreground mt-1 text-sm">
-            SuperToken 专用方法不作为普通权限行展示；这里展示 token_limit 可枚举权限。
+          <p class="mt-1 text-sm text-muted-foreground">
+            SuperToken 专用方法不作为普通权限行展示；这里展示 token_limit
+            可枚举权限。
           </p>
           <RpcDebugDataTable
             class="mt-4"
diff --git a/src/components/rpc-debug-panel/components/RpcComposerView.vue b/src/components/rpc-debug-panel/components/RpcComposerView.vue
index 42a208ed..aca43570 100644
--- a/src/components/rpc-debug-panel/components/RpcComposerView.vue
+++ b/src/components/rpc-debug-panel/components/RpcComposerView.vue
@@ -24,8 +24,17 @@ import {
 import { Textarea } from "@/components/ui/textarea";
 import { useBackendStore } from "@/composables/useBackendStore";
 import { getWsConnection } from "@/composables/useWsConnection";
-import { maskToken, type RpcDebugRecord, useRpcDebugStore } from "../rpcDebugStore";
-import { backendKey, methodCatalog, methodHints, rpcDebugCommandFilter } from "../helpers";
+import {
+  maskToken,
+  type RpcDebugRecord,
+  useRpcDebugStore,
+} from "../rpcDebugStore";
+import {
+  backendKey,
+  methodCatalog,
+  methodHints,
+  rpcDebugCommandFilter,
+} from "../helpers";
 import { buildRpcMethodParams } from "../rpcMethodCatalog";
 import type { ComposerDraft } from "../types";
 import { ScrollArea } from "@/components/ui/scroll-area";
@@ -53,7 +62,9 @@ const composerSource = ref<ComposerSourceRecord | null>(null);
 
 const backendOptions = computed(() => backendStore.backends.value);
 const currentBackendKey = computed(() =>
-  backendStore.currentBackend.value ? backendKey(backendStore.currentBackend.value) : "",
+  backendStore.currentBackend.value
+    ? backendKey(backendStore.currentBackend.value)
+    : "",
 );
 
 const composer = reactive<ComposerDraft>({
@@ -83,7 +94,9 @@ const sourceRecordLinkText = computed(() =>
   sourceRecordIndex.value ? `#${sourceRecordIndex.value}` : "#?",
 );
 
-const responseMethodTag = computed(() => composer.responseMethod || composer.method.trim() || "-");
+const responseMethodTag = computed(
+  () => composer.responseMethod || composer.method.trim() || "-",
+);
 
 watch(
   currentBackendKey,
@@ -101,7 +114,8 @@ watch(
       record.request && typeof record.request === "object"
         ? (record.request as { method?: unknown; params?: unknown })
         : null;
-    composer.method = typeof req?.method === "string" ? req.method : record.method;
+    composer.method =
+      typeof req?.method === "string" ? req.method : record.method;
     composer.requestId = "";
     composer.paramsText = formatRawComposerPayload(req?.params ?? {});
     composer.responseText = "尚未发送请求";
@@ -160,13 +174,16 @@ function handleMethodFocusOut(event: FocusEvent) {
 }
 
 function handleBackendSelectionChange(value: unknown) {
-  composer.backendKey = typeof value === "string" && value !== NO_BACKEND_VALUE ? value : "";
+  composer.backendKey =
+    typeof value === "string" && value !== NO_BACKEND_VALUE ? value : "";
   fillDefaultParams();
 }
 
 function formatRawComposerPayload(value: unknown) {
   if (typeof value === "string") return JSON.stringify(value);
-  return JSON.stringify(value, null, debugStore.settings.formatJson ? 2 : 0) ?? "";
+  return (
+    JSON.stringify(value, null, debugStore.settings.formatJson ? 2 : 0) ?? ""
+  );
 }
 
 function fillDefaultParams() {
@@ -214,10 +231,15 @@ async function sendComposerRequest() {
     composer.responseText =
       typeof result === "string"
         ? result
-        : JSON.stringify(result ?? null, null, debugStore.settings.formatJson ? 2 : 0);
+        : JSON.stringify(
+            result ?? null,
+            null,
+            debugStore.settings.formatJson ? 2 : 0,
+          );
   } catch (error) {
     composer.responseMeta = "错误";
-    composer.responseText = error instanceof Error ? error.message : String(error);
+    composer.responseText =
+      error instanceof Error ? error.message : String(error);
   } finally {
     composer.sending = false;
   }
@@ -228,8 +250,12 @@ async function sendComposerRequest() {
   <div
     class="grid h-full grid-rows-[minmax(0,1fr)_minmax(0,1fr)] gap-3 overflow-hidden p-4 lg:grid-cols-[minmax(360px,480px)_minmax(0,1fr)] lg:grid-rows-none"
   >
-    <section class="bg-background flex min-h-0 flex-col overflow-hidden rounded-md border">
-      <div class="flex min-h-10 flex-none items-center justify-between gap-3 border-b px-3 py-1.5">
+    <section
+      class="flex min-h-0 flex-col overflow-hidden rounded-md border bg-background"
+    >
+      <div
+        class="flex min-h-10 flex-none items-center justify-between gap-3 border-b px-3 py-1.5"
+      >
         <div class="min-w-0 flex-1">
           <div class="flex min-w-0 flex-wrap items-center gap-1.5">
             <h2 class="shrink-0 text-sm font-semibold">构造请求</h2>
@@ -243,14 +269,14 @@ async function sendComposerRequest() {
             <Badge
               v-else
               variant="outline"
-              class="text-muted-foreground h-5 rounded px-1.5 text-[10px]"
+              class="h-5 rounded px-1.5 text-[10px] text-muted-foreground"
             >
               手动
             </Badge>
           </div>
           <div
             v-if="composerSource"
-            class="text-muted-foreground mt-1 flex min-w-0 flex-wrap items-center gap-1 text-xs leading-none"
+            class="mt-1 flex min-w-0 flex-wrap items-center gap-1 text-xs leading-none text-muted-foreground"
           >
             <span class="shrink-0">记录</span>
             <Button
@@ -262,7 +288,9 @@ async function sendComposerRequest() {
               {{ sourceRecordLinkText }}
             </Button>
             <span class="shrink-0">带入</span>
-            <span class="text-foreground min-w-0 truncate font-mono text-[11px]">
+            <span
+              class="min-w-0 truncate font-mono text-[11px] text-foreground"
+            >
               {{ composerSource.method }}
             </span>
           </div>
@@ -284,11 +312,11 @@ async function sendComposerRequest() {
       <ScrollArea class="min-h-0 flex-1">
         <div class="space-y-3 p-3">
           <div class="relative grid gap-1.5">
-            <Label class="text-muted-foreground text-xs">方法</Label>
+            <Label class="text-xs text-muted-foreground">方法</Label>
             <Command
               :filter="rpcDebugCommandFilter"
               :highlight-on-hover="true"
-              class="bg-background relative h-9 overflow-visible rounded-md border shadow-none **:data-[slot=command-input]:h-8 **:data-[slot=command-input]:py-1 **:data-[slot=command-input]:text-xs **:data-[slot=command-input-wrapper]:h-9 **:data-[slot=command-input-wrapper]:border-b-0 **:data-[slot=command-input-wrapper]:px-2.5"
+              class="relative h-9 overflow-visible rounded-md border bg-background shadow-none **:data-[slot=command-input]:h-8 **:data-[slot=command-input]:py-1 **:data-[slot=command-input]:text-xs **:data-[slot=command-input-wrapper]:h-9 **:data-[slot=command-input-wrapper]:border-b-0 **:data-[slot=command-input-wrapper]:px-2.5"
               @focusout="handleMethodFocusOut"
             >
               <CommandInput
@@ -301,7 +329,7 @@ async function sendComposerRequest() {
               />
               <CommandList
                 v-if="methodFocused"
-                class="bg-popover absolute top-full left-0 z-50 mt-1 max-h-64 w-full rounded-md border shadow-md"
+                class="absolute top-full left-0 z-50 mt-1 max-h-64 w-full rounded-md border bg-popover shadow-md"
                 @mousedown.prevent
               >
                 <CommandEmpty class="py-3 text-xs"> 暂无匹配方法 </CommandEmpty>
@@ -317,7 +345,9 @@ async function sendComposerRequest() {
                     <span class="min-w-0 truncate font-mono text-xs">
                       {{ method }}
                     </span>
-                    <span class="text-muted-foreground max-w-24 shrink-0 truncate text-xs">
+                    <span
+                      class="max-w-24 shrink-0 truncate text-xs text-muted-foreground"
+                    >
                       {{ methodHints[method] ?? "RPC" }}
                     </span>
                   </CommandItem>
@@ -328,7 +358,7 @@ async function sendComposerRequest() {
 
           <div class="grid gap-2 sm:grid-cols-2">
             <div class="grid gap-1.5">
-              <Label class="text-muted-foreground text-xs">请求 ID</Label>
+              <Label class="text-xs text-muted-foreground">请求 ID</Label>
               <Input
                 v-model="composer.requestId"
                 class="h-8 px-2.5 font-mono text-xs"
@@ -337,7 +367,7 @@ async function sendComposerRequest() {
               />
             </div>
             <div class="grid gap-1.5">
-              <Label class="text-muted-foreground text-xs">鉴权来源</Label>
+              <Label class="text-xs text-muted-foreground">鉴权来源</Label>
               <Select
                 :model-value="composer.backendKey || NO_BACKEND_VALUE"
                 @update:model-value="handleBackendSelectionChange"
@@ -360,7 +390,7 @@ async function sendComposerRequest() {
           </div>
 
           <div class="grid gap-1.5">
-            <Label class="text-muted-foreground text-xs">参数 JSON</Label>
+            <Label class="text-xs text-muted-foreground">参数 JSON</Label>
             <Textarea
               v-model="composer.paramsText"
               class="min-h-40 resize-y px-2.5 py-2 font-mono text-xs leading-relaxed"
@@ -404,19 +434,26 @@ async function sendComposerRequest() {
       </ScrollArea>
     </section>
 
-    <section class="bg-background flex min-h-0 flex-col overflow-hidden rounded-md border">
-      <div class="flex min-h-10 flex-none items-center justify-between gap-3 border-b px-3 py-1.5">
+    <section
+      class="flex min-h-0 flex-col overflow-hidden rounded-md border bg-background"
+    >
+      <div
+        class="flex min-h-10 flex-none items-center justify-between gap-3 border-b px-3 py-1.5"
+      >
         <div class="min-w-0 flex-1">
           <div class="flex min-w-0 items-center gap-1.5">
             <h2 class="shrink-0 text-sm font-semibold">响应结果</h2>
-            <Badge variant="outline" class="h-5 max-w-full min-w-0 rounded px-1.5 text-[10px]">
+            <Badge
+              variant="outline"
+              class="h-5 max-w-full min-w-0 rounded px-1.5 text-[10px]"
+            >
               <span class="font-medium">method:</span>
               <span class="min-w-0 truncate font-mono">
                 {{ responseMethodTag }}
               </span>
             </Badge>
           </div>
-          <p class="text-muted-foreground mt-1 truncate text-xs leading-none">
+          <p class="mt-1 truncate text-xs leading-none text-muted-foreground">
             {{ composer.responseMeta }}
           </p>
         </div>
diff --git a/src/components/rpc-debug-panel/components/RpcDebugDataTable.vue b/src/components/rpc-debug-panel/components/RpcDebugDataTable.vue
index fa01ef9b..db49cec8 100644
--- a/src/components/rpc-debug-panel/components/RpcDebugDataTable.vue
+++ b/src/components/rpc-debug-panel/components/RpcDebugDataTable.vue
@@ -1,6 +1,15 @@
-<script setup lang="ts" generic="TData extends Record<string, unknown> | object">
+<script
+  setup
+  lang="ts"
+  generic="TData extends Record<string, unknown> | object"
+>
 import { computed } from "vue";
-import { FlexRender, getCoreRowModel, useVueTable, type ColumnDef } from "@tanstack/vue-table";
+import {
+  FlexRender,
+  getCoreRowModel,
+  useVueTable,
+  type ColumnDef,
+} from "@tanstack/vue-table";
 import {
   Table,
   TableBody,
@@ -38,7 +47,9 @@ const table = useVueTable({
   getCoreRowModel: getCoreRowModel(),
 });
 
-const columnCount = computed(() => table.getAllLeafColumns().length || props.columns.length || 1);
+const columnCount = computed(
+  () => table.getAllLeafColumns().length || props.columns.length || 1,
+);
 
 function metaClass(meta: unknown, key: "headerClass" | "cellClass") {
   if (!meta || typeof meta !== "object") return "";
@@ -50,13 +61,16 @@ function metaClass(meta: unknown, key: "headerClass" | "cellClass") {
   <div :class="cn('rounded-md border', props.class)">
     <ScrollArea class="h-full w-full">
       <Table table-container-class="overflow-visible">
-        <TableHeader class="bg-muted/60 sticky top-0">
-          <TableRow v-for="headerGroup in table.getHeaderGroups()" :key="headerGroup.id">
+        <TableHeader class="sticky top-0 bg-muted/60">
+          <TableRow
+            v-for="headerGroup in table.getHeaderGroups()"
+            :key="headerGroup.id"
+          >
             <TableHead
               v-for="header in headerGroup.headers"
               :key="header.id"
               :class="[
-                'bg-muted/60 text-muted-foreground h-9 px-3 text-xs font-medium',
+                'h-9 bg-muted/60 px-3 text-xs font-medium text-muted-foreground',
                 metaClass(header.column.columnDef.meta, 'headerClass'),
               ]"
               :style="{ width: `${header.getSize()}px` }"
@@ -73,15 +87,24 @@ function metaClass(meta: unknown, key: "headerClass" | "cellClass") {
           <TableRow
             v-for="(row, index) in table.getRowModel().rows"
             :key="rowKey ? rowKey(row.original, index) : row.id"
-            :class="[onRowClick ? 'cursor-pointer' : '', rowClass?.(row.original)]"
+            :class="[
+              onRowClick ? 'cursor-pointer' : '',
+              rowClass?.(row.original),
+            ]"
             @click="onRowClick?.(row.original)"
           >
             <TableCell
               v-for="cell in row.getVisibleCells()"
               :key="cell.id"
-              :class="['h-10 px-3', metaClass(cell.column.columnDef.meta, 'cellClass')]"
+              :class="[
+                'h-10 px-3',
+                metaClass(cell.column.columnDef.meta, 'cellClass'),
+              ]"
             >
-              <FlexRender :render="cell.column.columnDef.cell" :props="cell.getContext()" />
+              <FlexRender
+                :render="cell.column.columnDef.cell"
+                :props="cell.getContext()"
+              />
             </TableCell>
           </TableRow>
           <TableEmpty
diff --git a/src/components/rpc-debug-panel/components/RpcNetworkDrawer.vue b/src/components/rpc-debug-panel/components/RpcNetworkDrawer.vue
index 24dd37a3..ddbd90ab 100644
--- a/src/components/rpc-debug-panel/components/RpcNetworkDrawer.vue
+++ b/src/components/rpc-debug-panel/components/RpcNetworkDrawer.vue
@@ -8,7 +8,12 @@ import { statusText } from "../helpers";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
 import { cn } from "@/lib/utils";
 
 type DetailTabKey = "headers" | "payload" | "response";
@@ -59,13 +64,17 @@ const responseText = computed(() => {
   return formatDebugPayload(record.response, record.method);
 });
 
-const effectiveDrawerWidth = computed(() => clampDrawerWidth(drawerWidth.value));
+const effectiveDrawerWidth = computed(() =>
+  clampDrawerWidth(drawerWidth.value),
+);
 
 const drawerStyle = computed(() => ({
   width: `${effectiveDrawerWidth.value}px`,
 }));
 
-const showActionText = computed(() => effectiveDrawerWidth.value >= ACTION_TEXT_DRAWER_WIDTH);
+const showActionText = computed(
+  () => effectiveDrawerWidth.value >= ACTION_TEXT_DRAWER_WIDTH,
+);
 
 const statusBadgeVariant = computed(() => {
   const record = props.record;
@@ -120,7 +129,9 @@ function formatTimestamp(timestamp?: number) {
 }
 
 function headerText() {
-  return headerRows.value.map((row) => `${row.label}: ${String(row.value)}`).join("\n");
+  return headerRows.value
+    .map((row) => `${row.label}: ${String(row.value)}`)
+    .join("\n");
 }
 
 function activeTabCopyText() {
@@ -158,7 +169,10 @@ function editRecord() {
 }
 
 function maxDrawerWidth() {
-  return Math.min(MAX_DRAWER_WIDTH, Math.max(MIN_DRAWER_WIDTH, windowWidth.value - 48));
+  return Math.min(
+    MAX_DRAWER_WIDTH,
+    Math.max(MIN_DRAWER_WIDTH, windowWidth.value - 48),
+  );
 }
 
 function clampDrawerWidth(width: number) {
@@ -199,7 +213,7 @@ useEventListener("keydown", handleDrawerEscapeKeydown, { capture: true });
     v-show="open"
     :class="
       cn(
-        'bg-background absolute top-0 right-0 bottom-0 flex max-w-full flex-col border-l shadow-xl',
+        'absolute top-0 right-0 bottom-0 flex max-w-full flex-col border-l bg-background shadow-xl',
         props.class,
       )
     "
@@ -213,7 +227,7 @@ useEventListener("keydown", handleDrawerEscapeKeydown, { capture: true });
       <div
         :class="
           cn(
-            'bg-border group-hover:bg-primary/60 group-focus-visible:bg-primary mx-auto h-full w-px transition-colors',
+            'mx-auto h-full w-px bg-border transition-colors group-hover:bg-primary/60 group-focus-visible:bg-primary',
             isResizingDrawer && 'bg-primary',
           )
         "
@@ -226,7 +240,10 @@ useEventListener("keydown", handleDrawerEscapeKeydown, { capture: true });
           <div class="min-w-0 space-y-1">
             <div class="flex min-w-0 flex-wrap items-center gap-1.5">
               <h2 class="shrink-0 text-sm font-semibold">消息详情</h2>
-              <Badge :variant="statusBadgeVariant" class="h-5 rounded px-1.5 text-[10px]">
+              <Badge
+                :variant="statusBadgeVariant"
+                class="h-5 rounded px-1.5 text-[10px]"
+              >
                 {{ statusText(record) }}
               </Badge>
               <Badge variant="outline" class="h-5 rounded px-1.5 text-[10px]">
@@ -236,18 +253,25 @@ useEventListener("keydown", handleDrawerEscapeKeydown, { capture: true });
                 {{ record.direction }}
               </Badge>
             </div>
-            <p class="text-muted-foreground max-w-full truncate text-xs">
+            <p class="max-w-full truncate text-xs text-muted-foreground">
               {{ record.method }}
             </p>
           </div>
-          <Button variant="ghost" size="icon-sm" class="shrink-0" @click="emit('close')">
+          <Button
+            variant="ghost"
+            size="icon-sm"
+            class="shrink-0"
+            @click="emit('close')"
+          >
             <X class="size-4" />
           </Button>
         </div>
       </div>
 
       <Tabs v-model="activeDetailTab" class="flex min-h-0 flex-1 flex-col">
-        <div class="flex h-10 shrink-0 items-center justify-between border-b px-4">
+        <div
+          class="flex h-10 shrink-0 items-center justify-between border-b px-4"
+        >
           <TabsList class="h-8 rounded-md p-0.5">
             <TabsTrigger
               v-for="tab in detailTabs"
@@ -310,7 +334,12 @@ useEventListener("keydown", handleDrawerEscapeKeydown, { capture: true });
 
               <Tooltip>
                 <TooltipTrigger as-child>
-                  <Button aria-label="编辑" variant="ghost" size="icon-sm" @click="editRecord">
+                  <Button
+                    aria-label="编辑"
+                    variant="ghost"
+                    size="icon-sm"
+                    @click="editRecord"
+                  >
                     <Pencil class="size-3.5" />
                   </Button>
                 </TooltipTrigger>
@@ -348,18 +377,20 @@ useEventListener("keydown", handleDrawerEscapeKeydown, { capture: true });
           </TabsContent>
 
           <TabsContent value="payload" class="m-0 h-full min-h-0">
-            <div class="bg-muted/35 overflow-hidden rounded-md border">
-              <pre class="min-h-full overflow-auto p-3 text-xs leading-relaxed">{{
-                requestText || "无发送内容"
-              }}</pre>
+            <div class="overflow-hidden rounded-md border bg-muted/35">
+              <pre
+                class="min-h-full overflow-auto p-3 text-xs leading-relaxed"
+                >{{ requestText || "无发送内容" }}</pre
+              >
             </div>
           </TabsContent>
 
           <TabsContent value="response" class="m-0 h-full min-h-0">
-            <div class="bg-muted/35 overflow-hidden rounded-md border">
-              <pre class="min-h-full overflow-auto p-3 text-xs leading-relaxed">{{
-                responseText || "等待响应"
-              }}</pre>
+            <div class="overflow-hidden rounded-md border bg-muted/35">
+              <pre
+                class="min-h-full overflow-auto p-3 text-xs leading-relaxed"
+                >{{ responseText || "等待响应" }}</pre
+              >
             </div>
           </TabsContent>
         </div>
@@ -368,7 +399,7 @@ useEventListener("keydown", handleDrawerEscapeKeydown, { capture: true });
 
     <div
       v-else
-      class="text-muted-foreground flex h-full items-center justify-center px-6 text-center text-sm"
+      class="flex h-full items-center justify-center px-6 text-center text-sm text-muted-foreground"
     >
       暂无选中记录
     </div>
diff --git a/src/components/rpc-debug-panel/components/RpcNetworkView.vue b/src/components/rpc-debug-panel/components/RpcNetworkView.vue
index e9fd96a1..69df63b7 100644
--- a/src/components/rpc-debug-panel/components/RpcNetworkView.vue
+++ b/src/components/rpc-debug-panel/components/RpcNetworkView.vue
@@ -41,7 +41,9 @@ const emit = defineEmits<{
 const debugStore = useRpcDebugStore();
 const networkFilter = ref("");
 const networkFilterDraft = ref("");
-const networkFilterSuggestionSnapshot = shallowRef<NetworkFilterSuggestion[]>([]);
+const networkFilterSuggestionSnapshot = shallowRef<NetworkFilterSuggestion[]>(
+  [],
+);
 const networkFilterSuggestionsOpen = ref(false);
 const statusFilter = ref("all");
 const kindFilter = ref("all");
@@ -60,14 +62,21 @@ interface NetworkFilterSuggestion {
   label: string;
 }
 
-const NETWORK_FILTER_SUGGESTION_LABELS: Record<NetworkFilterSuggestionType, string> = {
+const NETWORK_FILTER_SUGGESTION_LABELS: Record<
+  NetworkFilterSuggestionType,
+  string
+> = {
   method: "方法",
   id: "ID",
   keyword: "关键词",
 };
 
 const networkFilterSuggestionGroups = computed(() =>
-  (Object.keys(NETWORK_FILTER_SUGGESTION_LABELS) as NetworkFilterSuggestionType[])
+  (
+    Object.keys(
+      NETWORK_FILTER_SUGGESTION_LABELS,
+    ) as NetworkFilterSuggestionType[]
+  )
     .map((type) => ({
       type,
       heading: NETWORK_FILTER_SUGGESTION_LABELS[type],
@@ -103,9 +112,14 @@ const filteredRecords = computed(() => {
       record.url,
     ];
     const matchesText =
-      !q || searchableValues.some((value) => rpcDebugCommandFilter(String(value ?? ""), q));
-    const matchesStatus = statusFilter.value === "all" || record.status === statusFilter.value;
-    const matchesKind = kindFilter.value === "all" || record.kind === kindFilter.value;
+      !q ||
+      searchableValues.some((value) =>
+        rpcDebugCommandFilter(String(value ?? ""), q),
+      );
+    const matchesStatus =
+      statusFilter.value === "all" || record.status === statusFilter.value;
+    const matchesKind =
+      kindFilter.value === "all" || record.kind === kindFilter.value;
     return matchesText && matchesStatus && matchesKind;
   });
 });
@@ -195,7 +209,8 @@ const networkColumns = computed<ColumnDef<RpcDebugRecord>[]>(() => [
     id: "id",
     header: "ID / 订阅",
     size: 132,
-    cell: ({ row }) => String(row.original.id ?? row.original.subscription ?? "-"),
+    cell: ({ row }) =>
+      String(row.original.id ?? row.original.subscription ?? "-"),
     meta: { cellClass: "max-w-[132px] truncate text-muted-foreground" },
   },
   {
@@ -222,7 +237,8 @@ const networkColumns = computed<ColumnDef<RpcDebugRecord>[]>(() => [
     id: "duration",
     header: "耗时",
     size: 84,
-    cell: ({ row }) => (row.original.durationMs != null ? `${row.original.durationMs}ms` : "-"),
+    cell: ({ row }) =>
+      row.original.durationMs != null ? `${row.original.durationMs}ms` : "-",
     meta: { cellClass: "text-muted-foreground" },
   },
 ]);
@@ -236,7 +252,10 @@ function closeDrawer() {
 }
 
 function exportRecords() {
-  downloadText(`nodeget-rpc-debug-${Date.now()}.json`, debugStore.exportRecords());
+  downloadText(
+    `nodeget-rpc-debug-${Date.now()}.json`,
+    debugStore.exportRecords(),
+  );
 }
 
 function relayCopy(text: string, message?: string) {
@@ -247,13 +266,15 @@ function relayCopy(text: string, message?: string) {
 <template>
   <div class="relative flex h-full flex-col overflow-hidden p-4">
     <!-- 控制区 -->
-    <div class="mb-3 flex flex-none flex-wrap items-center justify-between gap-2">
+    <div
+      class="mb-3 flex flex-none flex-wrap items-center justify-between gap-2"
+    >
       <div class="flex min-w-0 flex-1 flex-wrap items-center gap-2">
         <div class="relative min-w-55 flex-1 sm:max-w-[320px]">
           <Command
             :filter="rpcDebugCommandFilter"
             :highlight-on-hover="true"
-            class="bg-background relative h-9 w-full overflow-visible rounded-md border shadow-none **:data-[slot=command-input]:h-8 **:data-[slot=command-input]:py-1 **:data-[slot=command-input]:text-xs **:data-[slot=command-input-wrapper]:h-9 **:data-[slot=command-input-wrapper]:border-b-0 **:data-[slot=command-input-wrapper]:px-2.5"
+            class="relative h-9 w-full overflow-visible rounded-md border bg-background shadow-none **:data-[slot=command-input]:h-8 **:data-[slot=command-input]:py-1 **:data-[slot=command-input]:text-xs **:data-[slot=command-input-wrapper]:h-9 **:data-[slot=command-input-wrapper]:border-b-0 **:data-[slot=command-input-wrapper]:px-2.5"
             @focusout="handleNetworkFilterFocusOut"
           >
             <CommandInput
@@ -267,7 +288,7 @@ function relayCopy(text: string, message?: string) {
             />
             <CommandList
               v-if="networkFilterSuggestionsOpen"
-              class="bg-popover absolute top-full left-0 z-50 mt-1 max-h-64 w-full rounded-md border shadow-md"
+              class="absolute top-full left-0 z-50 mt-1 max-h-64 w-full rounded-md border bg-popover shadow-md"
               @mousedown.prevent
             >
               <CommandEmpty class="py-3 text-xs"> 暂无匹配候选 </CommandEmpty>
@@ -284,7 +305,10 @@ function relayCopy(text: string, message?: string) {
                   class="gap-2 text-xs"
                   @select="applyNetworkFilterSuggestion(suggestion.value)"
                 >
-                  <Badge variant="outline" class="h-5 shrink-0 rounded px-1.5 text-[10px]">
+                  <Badge
+                    variant="outline"
+                    class="h-5 shrink-0 rounded px-1.5 text-[10px]"
+                  >
                     {{ suggestion.label }}
                   </Badge>
                   <span class="min-w-0 truncate font-mono">
@@ -296,7 +320,10 @@ function relayCopy(text: string, message?: string) {
           </Command>
         </div>
         <Select v-model="statusFilter">
-          <SelectTrigger size="sm" class="bg-background h-8 w-28 px-2.5 text-xs">
+          <SelectTrigger
+            size="sm"
+            class="h-8 w-28 bg-background px-2.5 text-xs"
+          >
             <SelectValue />
           </SelectTrigger>
           <SelectContent>
@@ -308,7 +335,10 @@ function relayCopy(text: string, message?: string) {
           </SelectContent>
         </Select>
         <Select v-model="kindFilter">
-          <SelectTrigger size="sm" class="bg-background h-8 w-28 px-2.5 text-xs">
+          <SelectTrigger
+            size="sm"
+            class="h-8 w-28 bg-background px-2.5 text-xs"
+          >
             <SelectValue />
           </SelectTrigger>
           <SelectContent>
@@ -364,7 +394,10 @@ function relayCopy(text: string, message?: string) {
         :data="filteredRecords"
         empty-text="暂无捕获记录。打开本页后新建的 WebSocket 请求会自动进入列表。"
         :row-key="(record) => record.recordId"
-        :row-class="(record) => (selectedRecord?.recordId === record.recordId ? 'bg-muted/60' : '')"
+        :row-class="
+          (record) =>
+            selectedRecord?.recordId === record.recordId ? 'bg-muted/60' : ''
+        "
         :on-row-click="selectRecord"
       />
       <RpcNetworkDrawer
diff --git a/src/components/rpc-debug-panel/components/RpcSettingsView.vue b/src/components/rpc-debug-panel/components/RpcSettingsView.vue
index 89112a83..109002eb 100644
--- a/src/components/rpc-debug-panel/components/RpcSettingsView.vue
+++ b/src/components/rpc-debug-panel/components/RpcSettingsView.vue
@@ -6,7 +6,10 @@ import { downloadText } from "../helpers";
 const debugStore = useRpcDebugStore();
 
 function exportRecords() {
-  downloadText(`nodeget-rpc-debug-${Date.now()}.json`, debugStore.exportRecords());
+  downloadText(
+    `nodeget-rpc-debug-${Date.now()}.json`,
+    debugStore.exportRecords(),
+  );
 }
 </script>
 
@@ -17,11 +20,13 @@ function exportRecords() {
         <label class="flex min-h-16 items-center justify-between gap-6 py-4">
           <span>
             <span class="block font-medium">最大保留消息数</span>
-            <span class="text-muted-foreground text-sm">超过后自动丢弃最旧记录</span>
+            <span class="text-sm text-muted-foreground"
+              >超过后自动丢弃最旧记录</span
+            >
           </span>
           <input
             v-model.number="debugStore.settings.maxRecords"
-            class="border-border bg-background focus-visible:border-ring focus-visible:ring-ring/50 h-10 w-28 rounded-md border px-3 text-sm outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50"
+            class="h-10 rounded-md border border-border bg-background px-3 text-sm outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 w-28"
             type="number"
             min="50"
           />
@@ -29,16 +34,22 @@ function exportRecords() {
         <label class="flex min-h-16 items-center justify-between gap-6 py-4">
           <span>
             <span class="block font-medium">Token 脱敏</span>
-            <span class="text-muted-foreground text-sm"
+            <span class="text-sm text-muted-foreground"
               >展示和导出时隐藏 token/password/secret 字段</span
             >
           </span>
-          <input v-model="debugStore.settings.maskTokens" type="checkbox" class="size-4" />
+          <input
+            v-model="debugStore.settings.maskTokens"
+            type="checkbox"
+            class="size-4"
+          />
         </label>
         <label class="flex min-h-16 items-center justify-between gap-6 py-4">
           <span>
             <span class="block font-medium">捕获订阅推送</span>
-            <span class="text-muted-foreground text-sm">记录无 id 的 JSON-RPC notification</span>
+            <span class="text-sm text-muted-foreground"
+              >记录无 id 的 JSON-RPC notification</span
+            >
           </span>
           <input
             v-model="debugStore.settings.captureNotifications"
@@ -49,23 +60,33 @@ function exportRecords() {
         <label class="flex min-h-16 items-center justify-between gap-6 py-4">
           <span>
             <span class="block font-medium">捕获原始 WS 帧</span>
-            <span class="text-muted-foreground text-sm"
+            <span class="text-sm text-muted-foreground"
               >终端等非 JSON-RPC 帧可能较多，默认关闭</span
             >
           </span>
-          <input v-model="debugStore.settings.captureRawFrames" type="checkbox" class="size-4" />
+          <input
+            v-model="debugStore.settings.captureRawFrames"
+            type="checkbox"
+            class="size-4"
+          />
         </label>
         <label class="flex min-h-16 items-center justify-between gap-6 py-4">
           <span>
             <span class="block font-medium">格式化 JSON</span>
-            <span class="text-muted-foreground text-sm">详情、导出和响应区使用缩进展示</span>
+            <span class="text-sm text-muted-foreground"
+              >详情、导出和响应区使用缩进展示</span
+            >
           </span>
-          <input v-model="debugStore.settings.formatJson" type="checkbox" class="size-4" />
+          <input
+            v-model="debugStore.settings.formatJson"
+            type="checkbox"
+            class="size-4"
+          />
         </label>
       </div>
       <div class="mt-6 flex gap-2">
         <button
-          class="border-border bg-background hover:bg-muted inline-flex h-10 items-center justify-center gap-2 rounded-md border px-3 text-sm font-medium transition-colors disabled:pointer-events-none disabled:opacity-50"
+          class="inline-flex h-10 items-center justify-center gap-2 rounded-md border border-border bg-background px-3 text-sm font-medium transition-colors hover:bg-muted disabled:pointer-events-none disabled:opacity-50"
           type="button"
           @click="exportRecords"
         >
@@ -73,7 +94,7 @@ function exportRecords() {
           导出会话
         </button>
         <button
-          class="border-border bg-background hover:bg-muted inline-flex h-10 items-center justify-center gap-2 rounded-md border px-3 text-sm font-medium transition-colors disabled:pointer-events-none disabled:opacity-50"
+          class="inline-flex h-10 items-center justify-center gap-2 rounded-md border border-border bg-background px-3 text-sm font-medium transition-colors hover:bg-muted disabled:pointer-events-none disabled:opacity-50"
           type="button"
           @click="debugStore.clear"
         >
diff --git a/src/components/rpc-debug-panel/components/RpcStreamsView.vue b/src/components/rpc-debug-panel/components/RpcStreamsView.vue
index 80f25467..9d2c550a 100644
--- a/src/components/rpc-debug-panel/components/RpcStreamsView.vue
+++ b/src/components/rpc-debug-panel/components/RpcStreamsView.vue
@@ -26,7 +26,9 @@ const statusLabels: Record<LogStatus, string> = {
   error: "订阅失败",
 };
 
-const subscriptionLabel = computed(() => logsPanel.subscriptionId.value || "暂无订阅");
+const subscriptionLabel = computed(
+  () => logsPanel.subscriptionId.value || "暂无订阅",
+);
 
 watch(selectedLevel, async (level) => {
   if (logsPanel.defaultLevel.value === level) return;
@@ -86,20 +88,28 @@ const logColumns = computed<ColumnDef<LogEntry>[]>(() => [
     <section class="mb-6 rounded-lg border p-5">
       <div class="grid gap-4 lg:grid-cols-[260px_360px_1fr]">
         <label class="grid gap-1.5">
-          <span class="text-muted-foreground text-xs font-medium">日志级别</span>
+          <span class="text-xs font-medium text-muted-foreground"
+            >日志级别</span
+          >
           <select
             v-model="selectedLevel"
-            class="border-border bg-background focus-visible:border-ring focus-visible:ring-ring/50 h-10 rounded-md border px-3 text-sm outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50"
+            class="h-10 rounded-md border border-border bg-background px-3 text-sm outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50"
           >
-            <option v-for="level in LOG_LEVEL_OPTIONS" :key="level" :value="level">
+            <option
+              v-for="level in LOG_LEVEL_OPTIONS"
+              :key="level"
+              :value="level"
+            >
               {{ level }}
             </option>
           </select>
         </label>
         <label class="grid gap-1.5">
-          <span class="text-muted-foreground text-xs font-medium">当前 SuperToken</span>
+          <span class="text-xs font-medium text-muted-foreground"
+            >当前 SuperToken</span
+          >
           <input
-            class="border-border bg-background focus-visible:border-ring focus-visible:ring-ring/50 h-10 rounded-md border px-3 text-sm outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50"
+            class="h-10 rounded-md border border-border bg-background px-3 text-sm outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50"
             :value="
               currentBackend
                 ? `${currentBackend.name} / ${maskToken(currentBackend.token)}`
@@ -110,7 +120,7 @@ const logColumns = computed<ColumnDef<LogEntry>[]>(() => [
         </label>
         <div class="flex flex-wrap items-end gap-2">
           <button
-            class="bg-primary text-primary-foreground inline-flex h-10 items-center justify-center gap-2 rounded-md px-4 text-sm font-medium transition-opacity disabled:pointer-events-none disabled:opacity-50"
+            class="inline-flex h-10 items-center justify-center gap-2 rounded-md bg-primary px-4 text-sm font-medium text-primary-foreground transition-opacity disabled:pointer-events-none disabled:opacity-50"
             type="button"
             :disabled="logsPanel.isBusy.value"
             @click="startSubscription"
@@ -118,7 +128,7 @@ const logColumns = computed<ColumnDef<LogEntry>[]>(() => [
             开始订阅
           </button>
           <button
-            class="border-border bg-background hover:bg-muted inline-flex h-10 items-center justify-center gap-2 rounded-md border px-3 text-sm font-medium transition-colors disabled:pointer-events-none disabled:opacity-50"
+            class="inline-flex h-10 items-center justify-center gap-2 rounded-md border border-border bg-background px-3 text-sm font-medium transition-colors hover:bg-muted disabled:pointer-events-none disabled:opacity-50"
             type="button"
             :disabled="logsPanel.isBusy.value"
             @click="stopSubscription"
@@ -126,13 +136,13 @@ const logColumns = computed<ColumnDef<LogEntry>[]>(() => [
             取消订阅
           </button>
           <span
-            class="bg-muted text-muted-foreground inline-flex h-9 items-center rounded-md px-3 text-sm"
+            class="inline-flex h-9 items-center rounded-md bg-muted px-3 text-sm text-muted-foreground"
           >
             {{ statusLabels[logsPanel.status.value] }}
           </span>
         </div>
       </div>
-      <p v-if="logsPanel.error.value" class="text-destructive mt-3 text-sm">
+      <p v-if="logsPanel.error.value" class="mt-3 text-sm text-destructive">
         {{ logsPanel.error.value }}
       </p>
     </section>
@@ -141,8 +151,8 @@ const logColumns = computed<ColumnDef<LogEntry>[]>(() => [
       <section class="rounded-lg border p-5">
         <h2 class="font-semibold">订阅列表</h2>
         <div class="mt-4 rounded-md border p-3">
-          <div class="font-mono text-xs break-all">{{ subscriptionLabel }}</div>
-          <div class="text-muted-foreground mt-2 text-xs">
+          <div class="break-all font-mono text-xs">{{ subscriptionLabel }}</div>
+          <div class="mt-2 text-xs text-muted-foreground">
             log_filter: {{ logsPanel.defaultLevel.value }}
           </div>
         </div>
diff --git a/src/components/rpc-debug-panel/rpcDebugStore.ts b/src/components/rpc-debug-panel/rpcDebugStore.ts
index a951cdc7..fe969c20 100644
--- a/src/components/rpc-debug-panel/rpcDebugStore.ts
+++ b/src/components/rpc-debug-panel/rpcDebugStore.ts
@@ -1,9 +1,23 @@
 import { computed, reactive, ref } from "vue";
-import { addRpcDebugWebSocketListener, type RpcDebugWebSocketEvent } from "./websocketPatch";
-
-export type RpcDebugRecordKind = "call" | "subscription" | "notification" | "batch" | "raw";
-
-export type RpcDebugRecordStatus = "pending" | "success" | "error" | "streaming" | "closed" | "raw";
+import {
+  addRpcDebugWebSocketListener,
+  type RpcDebugWebSocketEvent,
+} from "./websocketPatch";
+
+export type RpcDebugRecordKind =
+  | "call"
+  | "subscription"
+  | "notification"
+  | "batch"
+  | "raw";
+
+export type RpcDebugRecordStatus =
+  | "pending"
+  | "success"
+  | "error"
+  | "streaming"
+  | "closed"
+  | "raw";
 
 export interface RpcDebugRecord {
   recordId: string;
@@ -79,7 +93,9 @@ const sensitiveKeys = new Set([
 ]);
 
 function methodTokenInFirstArrayParam(method: string) {
-  return /^(agent_|task_|kv_|crontab_|js-|js_|token_|nodeget-server_)/.test(method);
+  return /^(agent_|task_|kv_|crontab_|js-|js_|token_|nodeget-server_)/.test(
+    method,
+  );
 }
 
 function now() {
@@ -115,7 +131,9 @@ export function maskDebugValue(value: unknown, method = ""): unknown {
   if (!settings.maskTokens) return value;
   if (Array.isArray(value)) {
     return value.map((item, index) =>
-      index === 0 && typeof item === "string" && methodTokenInFirstArrayParam(method)
+      index === 0 &&
+      typeof item === "string" &&
+      methodTokenInFirstArrayParam(method)
         ? maskToken(item)
         : maskDebugValue(item, method),
     );
@@ -165,8 +183,13 @@ function updateRecord(recordId: string, patch: Partial<RpcDebugRecord>) {
   Object.assign(record, patch);
 }
 
-function recordOutgoingRpc(connectionId: number, url: string, msg: JsonRpcLike) {
-  const method = typeof msg.method === "string" ? msg.method : "JSON-RPC Request";
+function recordOutgoingRpc(
+  connectionId: number,
+  url: string,
+  msg: JsonRpcLike,
+) {
+  const method =
+    typeof msg.method === "string" ? msg.method : "JSON-RPC Request";
   const id = msg.id == null ? undefined : String(msg.id);
   const recordId = makeRecordId();
   const isSubscription = method.includes("stream_");
@@ -187,9 +210,14 @@ function recordOutgoingRpc(connectionId: number, url: string, msg: JsonRpcLike)
   if (id != null) pendingByRpcId.set(pendingKey(connectionId, id), recordId);
 }
 
-function recordIncomingRpc(connectionId: number, url: string, msg: JsonRpcLike) {
+function recordIncomingRpc(
+  connectionId: number,
+  url: string,
+  msg: JsonRpcLike,
+) {
   const id = msg.id == null ? undefined : String(msg.id);
-  const method = typeof msg.method === "string" ? msg.method : "JSON-RPC Response";
+  const method =
+    typeof msg.method === "string" ? msg.method : "JSON-RPC Response";
 
   if (id != null) {
     const key = pendingKey(connectionId, id);
@@ -213,13 +241,18 @@ function recordIncomingRpc(connectionId: number, url: string, msg: JsonRpcLike)
   if (typeof msg.method === "string" && msg.id == null) {
     if (!settings.captureNotifications) return;
     const params =
-      msg.params && typeof msg.params === "object" ? (msg.params as Record<string, unknown>) : {};
+      msg.params && typeof msg.params === "object"
+        ? (msg.params as Record<string, unknown>)
+        : {};
     appendRecord({
       recordId: makeRecordId(),
       connectionId,
       url,
       method,
-      subscription: typeof params.subscription === "string" ? params.subscription : undefined,
+      subscription:
+        typeof params.subscription === "string"
+          ? params.subscription
+          : undefined,
       kind: "notification",
       status: "success",
       startedAt: now(),
diff --git a/src/components/rpc-debug-panel/rpcMethodCatalog.ts b/src/components/rpc-debug-panel/rpcMethodCatalog.ts
index 1e235a39..9828f1f9 100644
--- a/src/components/rpc-debug-panel/rpcMethodCatalog.ts
+++ b/src/components/rpc-debug-panel/rpcMethodCatalog.ts
@@ -108,7 +108,10 @@ export const rpcMethodTemplates: RpcMethodTemplate[] = [
       static_monitoring_data: {
         uuid: "e8583352-39e8-5a5b-b66c-e450689088fd",
         time: 1769341269012,
-        data_hash: [171, 205, 18, 52, 86, 120, 144, 171, 205, 239, 1, 35, 69, 103, 137, 171],
+        data_hash: [
+          171, 205, 18, 52, 86, 120, 144, 171, 205, 239, 1, 35, 69, 103, 137,
+          171,
+        ],
         cpu: {
           physical_cores: 16,
           logical_cores: 32,
@@ -268,7 +271,10 @@ export const rpcMethodTemplates: RpcMethodTemplate[] = [
     hint: "Token",
     params: {
       token: tokenPlaceholder,
-      uuids: ["e8583352-39e8-5a5b-b66c-e450689088fd", "830cec66-8fc9-5c21-9e2d-2da2b2f2d3b3"],
+      uuids: [
+        "e8583352-39e8-5a5b-b66c-e450689088fd",
+        "830cec66-8fc9-5c21-9e2d-2da2b2f2d3b3",
+      ],
       fields: ["cpu", "system"],
     },
   },
@@ -525,7 +531,10 @@ export const rpcMethodTemplates: RpcMethodTemplate[] = [
       name: "ping_task",
       cron_expression: "0 * * * * *",
       cron_type: {
-        agent: [["00000000-0000-0000-0000-000000000001"], { task: { ping: "www.example.com" } }],
+        agent: [
+          ["00000000-0000-0000-0000-000000000001"],
+          { task: { ping: "www.example.com" } },
+        ],
       },
     },
   },
@@ -668,7 +677,11 @@ export const rpcMethodTemplates: RpcMethodTemplate[] = [
     params: {
       token: tokenPlaceholder,
       query: {
-        condition: [{ js_worker_name: "demo_worker" }, "is_failure", { limit: 50 }],
+        condition: [
+          { js_worker_name: "demo_worker" },
+          "is_failure",
+          { limit: 50 },
+        ],
       },
     },
   },
@@ -789,7 +802,8 @@ export const rpcMethodTemplates: RpcMethodTemplate[] = [
       token: tokenPlaceholder,
       name: "my-site",
       path: "/index.html",
-      base64: "PCFET0NUWVBFIGh0bWw+PGh0bWw+PGJvZHk+SGVsbG88L2JvZHk+PC9odG1sPg==",
+      base64:
+        "PCFET0NUWVBFIGh0bWw+PGh0bWw+PGJvZHk+SGVsbG88L2JvZHk+PC9odG1sPg==",
     },
   },
   {
@@ -826,7 +840,10 @@ export const rpcMethodTemplates: RpcMethodTemplate[] = [
 export const methodCatalog = rpcMethodTemplates.map((item) => item.method);
 
 export const methodHints: Record<string, string> = Object.fromEntries(
-  rpcMethodTemplates.map((item) => [item.method, `${item.module} / ${item.hint}`]),
+  rpcMethodTemplates.map((item) => [
+    item.method,
+    `${item.module} / ${item.hint}`,
+  ]),
 );
 
 export function getRpcMethodTemplate(method: string) {
@@ -847,6 +864,9 @@ function replaceTokenPlaceholder(value: unknown, token: string): unknown {
   if (!value || typeof value !== "object") return value;
 
   return Object.fromEntries(
-    Object.entries(value).map(([key, item]) => [key, replaceTokenPlaceholder(item, token)]),
+    Object.entries(value).map(([key, item]) => [
+      key,
+      replaceTokenPlaceholder(item, token),
+    ]),
   );
 }
diff --git a/src/components/rpc-debug-panel/types.ts b/src/components/rpc-debug-panel/types.ts
index af569767..88790217 100644
--- a/src/components/rpc-debug-panel/types.ts
+++ b/src/components/rpc-debug-panel/types.ts
@@ -1,4 +1,9 @@
-export type RpcDebugTabKey = "network" | "composer" | "subscription" | "auth" | "settings";
+export type RpcDebugTabKey =
+  | "network"
+  | "composer"
+  | "subscription"
+  | "auth"
+  | "settings";
 
 export interface RpcDebugTab {
   key: RpcDebugTabKey;
diff --git a/src/components/rpc-debug-panel/websocketPatch.ts b/src/components/rpc-debug-panel/websocketPatch.ts
index 971fd68e..b6bf3b05 100644
--- a/src/components/rpc-debug-panel/websocketPatch.ts
+++ b/src/components/rpc-debug-panel/websocketPatch.ts
@@ -36,7 +36,10 @@ interface RpcDebugTrackedWebSocketConnection {
 }
 
 const listeners = new Set<RpcDebugWebSocketListener>();
-const trackedConnections = new Map<number, RpcDebugTrackedWebSocketConnection>();
+const trackedConnections = new Map<
+  number,
+  RpcDebugTrackedWebSocketConnection
+>();
 
 let nativeWebSocket: NativeWebSocketCtor | null = null;
 let installed = false;
@@ -49,7 +52,9 @@ function emit(event: RpcDebugWebSocketEvent) {
   listeners.forEach((listener) => listener(event));
 }
 
-export function addRpcDebugWebSocketListener(listener: RpcDebugWebSocketListener) {
+export function addRpcDebugWebSocketListener(
+  listener: RpcDebugWebSocketListener,
+) {
   listeners.add(listener);
   if (captureEnabled) replayTrackedConnections(listener);
   return () => {
@@ -83,7 +88,9 @@ function replayTrackedConnections(listener: RpcDebugWebSocketListener) {
   }
 }
 
-function createTrackedConnectionReplayEvents(connection: RpcDebugTrackedWebSocketConnection) {
+function createTrackedConnectionReplayEvents(
+  connection: RpcDebugTrackedWebSocketConnection,
+) {
   const events: RpcDebugWebSocketEvent[] = [
     {
       type: "connection",
diff --git a/src/components/script/ScriptFormDialog.vue b/src/components/script/ScriptFormDialog.vue
index be120060..8ebf6e9a 100644
--- a/src/components/script/ScriptFormDialog.vue
+++ b/src/components/script/ScriptFormDialog.vue
@@ -102,7 +102,9 @@ watch(
     <DialogContent class="flex max-h-[85vh] flex-col sm:max-w-md">
       <DialogHeader>
         <DialogTitle>
-          {{ script ? t("dashboard.scripts.edit") : t("dashboard.scripts.create") }}
+          {{
+            script ? t("dashboard.scripts.edit") : t("dashboard.scripts.create")
+          }}
         </DialogTitle>
         <DialogDescription>
           {{ t("dashboard.scripts.desc") }}
@@ -116,7 +118,7 @@ watch(
             :placeholder="t('dashboard.scripts.name')"
             :disabled="!!script || saving"
           />
-          <p v-if="errors.name" class="text-destructive text-xs">
+          <p v-if="errors.name" class="text-xs text-destructive">
             {{ errors.name }}
           </p>
         </div>
@@ -139,15 +141,18 @@ watch(
             :placeholder="t('dashboard.scripts.content')"
             :disabled="saving"
           />
-          <p v-if="errors.content" class="text-destructive text-xs">
+          <p v-if="errors.content" class="text-xs text-destructive">
             {{ errors.content }}
           </p>
         </div>
       </div>
       <DialogFooter>
-        <Button variant="outline" :disabled="saving" @click="emit('update:open', false)">{{
-          t("dashboard.scripts.cancel")
-        }}</Button>
+        <Button
+          variant="outline"
+          :disabled="saving"
+          @click="emit('update:open', false)"
+          >{{ t("dashboard.scripts.cancel") }}</Button
+        >
         <Button :disabled="saving" @click="handleSave">
           <Loader2 v-if="saving" class="mr-2 h-4 w-4 animate-spin" />
           {{ saving ? t("dashboard.saving") : t("dashboard.save") }}
diff --git a/src/components/script/ScriptTable.vue b/src/components/script/ScriptTable.vue
index 67adafa4..a3f865b6 100644
--- a/src/components/script/ScriptTable.vue
+++ b/src/components/script/ScriptTable.vue
@@ -57,12 +57,16 @@ const updateOrderIfChanged = () => {
       // 拖到最前
       if (index === 0) {
         const second = tables.value[1];
-        newOrder = second?.order !== undefined ? second.order - 1 : script.order - 1;
+        newOrder =
+          second?.order !== undefined ? second.order - 1 : script.order - 1;
       }
       // 拖到最后
       else if (index === tables.value.length - 1) {
         const penultimate = tables.value[tables.value.length - 2];
-        newOrder = penultimate?.order !== undefined ? penultimate.order + 1 : script.order + 1;
+        newOrder =
+          penultimate?.order !== undefined
+            ? penultimate.order + 1
+            : script.order + 1;
       }
       // 拖到中间
       else {
@@ -119,31 +123,44 @@ watch(
   <div class="relative w-full">
     <div
       v-if="loading && scripts.length"
-      class="bg-background/40 absolute inset-0 z-10 flex flex-col items-center justify-center rounded-md backdrop-blur-[1px]"
+      class="absolute inset-0 z-10 bg-background/40 backdrop-blur-[1px] flex flex-col items-center justify-center rounded-md"
     >
-      <Loader2 class="text-muted-foreground h-8 w-8 animate-spin" />
+      <Loader2 class="h-8 w-8 animate-spin text-muted-foreground" />
     </div>
     <Table>
       <TableHeader>
         <TableRow>
-          <TableHead class="text-center">{{ $t("dashboard.scripts.order") }}</TableHead>
-          <TableHead class="text-center">{{ $t("dashboard.scripts.name") }}</TableHead>
-          <TableHead class="text-center">{{ $t("dashboard.scripts.lang") }}</TableHead>
-          <TableHead class="text-center">{{ $t("dashboard.scripts.updatedTime") }}</TableHead>
+          <TableHead class="text-center">{{
+            $t("dashboard.scripts.order")
+          }}</TableHead>
+          <TableHead class="text-center">{{
+            $t("dashboard.scripts.name")
+          }}</TableHead>
+          <TableHead class="text-center">{{
+            $t("dashboard.scripts.lang")
+          }}</TableHead>
+          <TableHead class="text-center">{{
+            $t("dashboard.scripts.updatedTime")
+          }}</TableHead>
           <TableHead>{{ $t("dashboard.scripts.actions") }}</TableHead>
         </TableRow>
       </TableHeader>
       <TableBody>
         <TableRow v-if="loading && !tables.length">
-          <TableCell colspan="7" class="text-muted-foreground h-32 text-center">
+          <TableCell colspan="7" class="h-32 text-center text-muted-foreground">
             <div class="flex flex-col items-center justify-center space-y-3">
-              <Loader2 class="text-muted-foreground/50 h-6 w-6 animate-spin" />
-              <span class="text-sm font-medium">{{ $t("common.loading") }}</span>
+              <Loader2 class="w-6 h-6 animate-spin text-muted-foreground/50" />
+              <span class="text-sm font-medium">{{
+                $t("common.loading")
+              }}</span>
             </div>
           </TableCell>
         </TableRow>
         <TableRow v-else-if="!tables.length">
-          <TableCell colspan="7" class="text-muted-foreground py-12 text-center">
+          <TableCell
+            colspan="7"
+            class="text-center text-muted-foreground py-12"
+          >
             {{ $t("dashboard.cron.empty") }}
           </TableCell>
         </TableRow>
@@ -158,17 +175,19 @@ watch(
         >
           <TableCell class="text-center">
             <div class="flex items-center justify-center">
-              <GripVertical class="mr-1 h-4 w-4" v-show="sortable" />
+              <GripVertical class="h-4 w-4 mr-1" v-show="sortable" />
               <span>{{ index + 1 }}</span>
             </div>
           </TableCell>
-          <TableCell class="text-center font-medium">
+          <TableCell class="font-medium text-center">
             {{ script.name }}
           </TableCell>
-          <TableCell class="text-center font-medium">
+          <TableCell class="font-medium text-center">
             <Badge variant="secondary">{{ script.lang }}</Badge>
           </TableCell>
-          <TableCell class="text-center">{{ formatTime(script.updated_at) }}</TableCell>
+          <TableCell class="text-center">{{
+            formatTime(script.updated_at)
+          }}</TableCell>
           <TableCell>
             <Button
               variant="ghost"
@@ -179,7 +198,9 @@ watch(
               <Pencil class="h-4 w-4" />
             </Button>
             <PopConfirm
-              :description="$t('dashboard.scripts.deleteConfirm', { name: script.name })"
+              :description="
+                $t('dashboard.scripts.deleteConfirm', { name: script.name })
+              "
               :loading="isDeleting(script.name)"
               @confirm="emit('delete', script.name)"
             >
@@ -187,7 +208,7 @@ watch(
                 size="icon"
                 variant="ghost"
                 :disabled="isDeleting(script.name)"
-                class="text-destructive hover:text-destructive h-7 w-7"
+                class="h-7 w-7 text-destructive hover:text-destructive"
               >
                 <Trash2 class="h-3.5 w-3.5" />
               </Button>
diff --git a/src/components/servers-detail/DatabaseStorageTab.vue b/src/components/servers-detail/DatabaseStorageTab.vue
index 88bb945d..93623992 100644
--- a/src/components/servers-detail/DatabaseStorageTab.vue
+++ b/src/components/servers-detail/DatabaseStorageTab.vue
@@ -134,54 +134,70 @@ watch(() => [rows.value, themeStore.isDark], renderChart);
 <template>
   <div class="space-y-4">
     <div class="flex items-center justify-between">
-      <div class="text-muted-foreground flex items-center gap-2 text-sm">
+      <div class="flex items-center gap-2 text-sm text-muted-foreground">
         <Database class="h-4 w-4" />
         {{ t("dashboard.servers.detail.storageTotal") }}:
-        <span class="text-foreground font-mono">
+        <span class="font-mono text-foreground">
           {{ data ? formatBytes(data.total) : "--" }}
         </span>
       </div>
-      <Button size="sm" variant="outline" :disabled="loading" @click="emit('refresh')">
+      <Button
+        size="sm"
+        variant="outline"
+        :disabled="loading"
+        @click="emit('refresh')"
+      >
         <RefreshCw v-if="!loading" class="h-3.5 w-3.5" />
         <Loader2 v-else class="h-3.5 w-3.5 animate-spin" />
         {{ t("dashboard.servers.detail.storageRefresh") }}
       </Button>
     </div>
 
-    <div class="grid gap-4 md:grid-cols-2">
-      <div ref="chartRef" class="bg-card h-[280px] rounded-md border" />
-      <div class="bg-card overflow-hidden rounded-md border">
+    <div class="grid md:grid-cols-2 gap-4">
+      <div ref="chartRef" class="h-[280px] rounded-md border bg-card" />
+      <div class="rounded-md border bg-card overflow-hidden">
         <Table>
           <TableHeader class="bg-muted/30">
             <TableRow class="hover:bg-transparent">
-              <TableHead>{{ t("dashboard.servers.detail.storageTableName") }}</TableHead>
+              <TableHead>{{
+                t("dashboard.servers.detail.storageTableName")
+              }}</TableHead>
               <TableHead class="text-right">{{
                 t("dashboard.servers.detail.storageSize")
               }}</TableHead>
-              <TableHead class="pr-4 text-right">{{
+              <TableHead class="text-right pr-4">{{
                 t("dashboard.servers.detail.storagePercent")
               }}</TableHead>
             </TableRow>
           </TableHeader>
           <TableBody>
             <TableRow v-if="!rows.length">
-              <TableCell colspan="3" class="text-muted-foreground h-32 text-center text-sm">
-                <Loader2 v-if="loading" class="mx-auto h-5 w-5 animate-spin" />
-                <span v-else>{{ t("dashboard.servers.detail.storageEmpty") }}</span>
+              <TableCell
+                colspan="3"
+                class="h-32 text-center text-sm text-muted-foreground"
+              >
+                <Loader2 v-if="loading" class="h-5 w-5 animate-spin mx-auto" />
+                <span v-else>{{
+                  t("dashboard.servers.detail.storageEmpty")
+                }}</span>
               </TableCell>
             </TableRow>
-            <TableRow v-for="(row, idx) in rows" :key="row.name" class="hover:bg-muted/40">
+            <TableRow
+              v-for="(row, idx) in rows"
+              :key="row.name"
+              class="hover:bg-muted/40"
+            >
               <TableCell class="font-mono text-xs">
                 <span
-                  class="mr-2 inline-block h-2.5 w-2.5 rounded-sm align-middle"
+                  class="inline-block h-2.5 w-2.5 rounded-sm mr-2 align-middle"
                   :style="{ backgroundColor: PALETTE[idx % PALETTE.length] }"
                 />
                 {{ row.name }}
               </TableCell>
-              <TableCell class="text-right font-mono text-xs">
+              <TableCell class="font-mono text-xs text-right">
                 {{ formatBytes(row.size) }}
               </TableCell>
-              <TableCell class="pr-4 text-right font-mono text-xs">
+              <TableCell class="font-mono text-xs text-right pr-4">
                 {{ row.percent.toFixed(1) }}%
               </TableCell>
             </TableRow>
diff --git a/src/components/static-bucket/StaticBucketDialog.vue b/src/components/static-bucket/StaticBucketDialog.vue
index 0c7e4c0c..71ef74aa 100644
--- a/src/components/static-bucket/StaticBucketDialog.vue
+++ b/src/components/static-bucket/StaticBucketDialog.vue
@@ -67,7 +67,9 @@ const handleSave = () => {
 
       <div class="space-y-4 py-2">
         <div class="space-y-1.5">
-          <Label for="sb-name">名称 <span class="text-destructive">*</span></Label>
+          <Label for="sb-name"
+            >名称 <span class="text-destructive">*</span></Label
+          >
           <Input
             id="sb-name"
             v-model="form.name"
@@ -75,19 +77,32 @@ const handleSave = () => {
             :disabled="isEdit"
             class="font-mono"
           />
-          <p v-if="isEdit" class="text-muted-foreground text-xs">名称不可修改</p>
+          <p v-if="isEdit" class="text-xs text-muted-foreground">
+            名称不可修改
+          </p>
         </div>
 
         <div class="space-y-1.5">
-          <Label for="sb-path">路径 <span class="text-destructive">*</span></Label>
-          <Input id="sb-path" v-model="form.path" placeholder="my-site" class="font-mono" />
-          <p class="text-muted-foreground text-xs">相对磁盘路径，支持 / 嵌套目录</p>
+          <Label for="sb-path"
+            >路径 <span class="text-destructive">*</span></Label
+          >
+          <Input
+            id="sb-path"
+            v-model="form.path"
+            placeholder="my-site"
+            class="font-mono"
+          />
+          <p class="text-xs text-muted-foreground">
+            相对磁盘路径，支持 / 嵌套目录
+          </p>
         </div>
 
         <div class="flex items-center justify-between">
           <div>
             <Label>HTTP 根路由</Label>
-            <p class="text-muted-foreground text-xs">将此 Bucket 挂载为 / 根路由</p>
+            <p class="text-xs text-muted-foreground">
+              将此 Bucket 挂载为 / 根路由
+            </p>
           </div>
           <Switch v-model:modelValue="form.is_http_root" />
         </div>
@@ -95,7 +110,9 @@ const handleSave = () => {
         <div class="flex items-center justify-between">
           <div>
             <Label>CORS</Label>
-            <p class="text-muted-foreground text-xs">启用 Access-Control-Allow-Origin: *</p>
+            <p class="text-xs text-muted-foreground">
+              启用 Access-Control-Allow-Origin: *
+            </p>
           </div>
           <Switch v-model:modelValue="form.cors" />
         </div>
@@ -103,17 +120,24 @@ const handleSave = () => {
         <div class="flex items-center justify-between">
           <div>
             <Label>HTTP 访问</Label>
-            <p class="text-muted-foreground text-xs">启用此 Bucket 的 Http 访问</p>
+            <p class="text-xs text-muted-foreground">
+              启用此 Bucket 的 Http 访问
+            </p>
           </div>
           <Switch v-model:modelValue="form.enable" />
         </div>
 
-        <p v-if="error" class="text-destructive text-sm">{{ error }}</p>
+        <p v-if="error" class="text-sm text-destructive">{{ error }}</p>
       </div>
 
       <DialogFooter>
-        <Button variant="outline" @click="emit('update:open', false)">取消</Button>
-        <Button :disabled="loading || !form.name || !form.path" @click="handleSave">
+        <Button variant="outline" @click="emit('update:open', false)"
+          >取消</Button
+        >
+        <Button
+          :disabled="loading || !form.name || !form.path"
+          @click="handleSave"
+        >
           <Loader2 v-if="loading" class="mr-1 h-4 w-4 animate-spin" />
           {{ isEdit ? "保存" : "创建" }}
         </Button>
diff --git a/src/components/static-bucket/StaticBucketFileUploadDialog.vue b/src/components/static-bucket/StaticBucketFileUploadDialog.vue
index bcab0bef..c70b9cf6 100644
--- a/src/components/static-bucket/StaticBucketFileUploadDialog.vue
+++ b/src/components/static-bucket/StaticBucketFileUploadDialog.vue
@@ -69,27 +69,34 @@ const handleUpload = () => {
         <div class="space-y-1.5">
           <Label>选择文件 <span class="text-destructive">*</span></Label>
           <div
-            class="hover:border-primary/50 cursor-pointer rounded-md border-2 border-dashed p-6 text-center transition-colors"
+            class="border-2 border-dashed rounded-md p-6 text-center cursor-pointer hover:border-primary/50 transition-colors"
             @click="fileInput?.click()"
           >
-            <Upload class="text-muted-foreground mx-auto mb-2 h-8 w-8" />
-            <p class="text-muted-foreground text-sm">
+            <Upload class="h-8 w-8 mx-auto mb-2 text-muted-foreground" />
+            <p class="text-sm text-muted-foreground">
               {{ selectedFile ? selectedFile.name : "点击选择文件" }}
             </p>
-            <p v-if="selectedFile" class="text-muted-foreground mt-1 text-xs">
+            <p v-if="selectedFile" class="text-xs text-muted-foreground mt-1">
               {{ (selectedFile.size / 1024).toFixed(1) }} KB
             </p>
           </div>
-          <input ref="fileInput" type="file" class="hidden" @change="onFileChange" />
+          <input
+            ref="fileInput"
+            type="file"
+            class="hidden"
+            @change="onFileChange"
+          />
         </div>
 
-        <p v-if="error" class="text-destructive text-sm">{{ error }}</p>
+        <p v-if="error" class="text-sm text-destructive">{{ error }}</p>
       </div>
 
       <DialogFooter>
-        <Button variant="outline" @click="emit('update:open', false)">取消</Button>
+        <Button variant="outline" @click="emit('update:open', false)"
+          >取消</Button
+        >
         <Button :disabled="loading || !canUpload" @click="handleUpload">
-          <Loader2 v-if="loading" class="mr-1 h-4 w-4 animate-spin" />
+          <Loader2 v-if="loading" class="h-4 w-4 mr-1 animate-spin" />
           上传
         </Button>
       </DialogFooter>
diff --git a/src/components/static-bucket/StaticBucketFileView.vue b/src/components/static-bucket/StaticBucketFileView.vue
index b1d22fb6..58accc4e 100644
--- a/src/components/static-bucket/StaticBucketFileView.vue
+++ b/src/components/static-bucket/StaticBucketFileView.vue
@@ -9,7 +9,14 @@ import { xml } from "@codemirror/legacy-modes/mode/xml";
 import type { Extension as CMExtension } from "@codemirror/state";
 import { oneDark } from "@codemirror/theme-one-dark";
 import { useThemeStore } from "@/stores/theme";
-import { Upload, Save, Loader2, AlertCircle, ArrowLeft, Archive } from "lucide-vue-next";
+import {
+  Upload,
+  Save,
+  Loader2,
+  AlertCircle,
+  ArrowLeft,
+  Archive,
+} from "lucide-vue-next";
 import { Button } from "@/components/ui/button";
 import type { BucketFile } from "@/composables/useStaticBucketFile";
 import StaticBucketTreeNode from "./StaticBucketTreeNode.vue";
@@ -177,54 +184,62 @@ provide("dragging", isDraggingAny);
 </script>
 
 <template>
-  <div class="flex h-full flex-col space-y-3">
+  <div class="h-full flex flex-col space-y-3">
     <div class="flex items-center gap-2">
       <Button variant="outline" size="sm" @click="emit('back')">
-        <ArrowLeft class="mr-1 h-4 w-4" />
+        <ArrowLeft class="h-4 w-4 mr-1" />
         返回
       </Button>
-      <span class="text-muted-foreground text-sm">
+      <span class="text-sm text-muted-foreground">
         Bucket
-        <span class="text-foreground font-mono font-medium">{{ bucketName }}</span>
+        <span class="font-mono font-medium text-foreground">{{
+          bucketName
+        }}</span>
         · {{ files.length }} 个文件
       </span>
       <div class="flex-1" />
       <Button variant="outline" size="sm" @click="emit('downloadZip')">
-        <Archive class="mr-1 h-4 w-4" />
+        <Archive class="h-4 w-4 mr-1" />
         下载压缩包
       </Button>
       <Button variant="outline" size="sm" @click="emit('uploadDir')">
-        <Upload class="mr-1 h-4 w-4" />
+        <Upload class="h-4 w-4 mr-1" />
         上传本地目录
       </Button>
       <Button size="sm" @click="emit('uploadFile')">
-        <Upload class="mr-1 h-4 w-4" />
+        <Upload class="h-4 w-4 mr-1" />
         上传本地文件
       </Button>
     </div>
 
-    <div class="grid min-h-0 flex-1 grid-cols-3 gap-3">
-      <div class="col-span-1 flex min-h-0 flex-col rounded-lg border p-3">
-        <p class="text-muted-foreground mb-2 shrink-0 text-xs font-medium">文件树</p>
+    <div class="flex-1 grid grid-cols-3 gap-3 min-h-0">
+      <div class="col-span-1 rounded-lg border p-3 flex flex-col min-h-0">
+        <p class="text-xs font-medium text-muted-foreground mb-2 shrink-0">
+          文件树
+        </p>
         <div
           v-if="loading && files.length === 0"
-          class="text-muted-foreground py-4 text-center text-xs"
+          class="text-xs text-muted-foreground text-center py-4"
         >
           加载中...
         </div>
         <div
           v-else-if="!loading && files.length === 0"
-          class="text-muted-foreground py-4 text-center text-xs italic"
+          class="text-xs text-muted-foreground italic text-center py-4"
         >
           暂无文件
         </div>
         <div
           v-else
-          class="flex min-h-0 flex-1 flex-col overflow-y-auto"
+          class="flex-1 overflow-y-auto flex flex-col min-h-0"
           @dragover.prevent
           @drop="handleRootDrop"
         >
-          <TransitionGroup name="tree-item" tag="div" class="relative flex flex-col gap-0.5">
+          <TransitionGroup
+            name="tree-item"
+            tag="div"
+            class="flex flex-col gap-0.5 relative"
+          >
             <StaticBucketTreeNode
               v-for="node in fileTree"
               :key="node.path"
@@ -240,18 +255,26 @@ provide("dragging", isDraggingAny);
         </div>
       </div>
 
-      <div class="col-span-2 flex min-h-0 flex-col rounded-lg border p-3">
-        <div class="mb-2 flex shrink-0 items-center justify-between">
-          <p class="text-muted-foreground text-xs font-medium">文件内容</p>
-          <div v-if="selectedPath && !fileLoading && !fileError" class="flex gap-1">
-            <input ref="fileUploadRef" type="file" class="hidden" @change="handleReplaceFile" />
+      <div class="col-span-2 rounded-lg border p-3 flex flex-col min-h-0">
+        <div class="flex items-center justify-between mb-2 shrink-0">
+          <p class="text-xs font-medium text-muted-foreground">文件内容</p>
+          <div
+            v-if="selectedPath && !fileLoading && !fileError"
+            class="flex gap-1"
+          >
+            <input
+              ref="fileUploadRef"
+              type="file"
+              class="hidden"
+              @change="handleReplaceFile"
+            />
             <Button
               variant="ghost"
               size="sm"
               class="h-6 px-2 text-xs"
               @click="fileUploadRef?.click()"
             >
-              <Upload class="mr-1 h-3 w-3" />上传替换
+              <Upload class="h-3 w-3 mr-1" />上传替换
             </Button>
             <Button
               variant="ghost"
@@ -260,32 +283,38 @@ provide("dragging", isDraggingAny);
               :disabled="!isDirty || savingFile"
               @click="handleSave"
             >
-              <Loader2 v-if="savingFile" class="mr-1 h-3 w-3 animate-spin" />
-              <Save v-else class="mr-1 h-3 w-3" />
+              <Loader2 v-if="savingFile" class="h-3 w-3 mr-1 animate-spin" />
+              <Save v-else class="h-3 w-3 mr-1" />
               保存
             </Button>
           </div>
         </div>
 
-        <div v-if="!selectedPath" class="text-muted-foreground py-8 text-center text-xs italic">
+        <div
+          v-if="!selectedPath"
+          class="text-xs text-muted-foreground italic text-center py-8"
+        >
           点击左侧文件查看内容
         </div>
         <div
           v-else-if="fileUnsupported"
-          class="text-muted-foreground flex items-center justify-center gap-1 py-8 text-xs italic"
+          class="flex items-center justify-center gap-1 text-xs text-muted-foreground italic py-8"
         >
           <AlertCircle class="h-3 w-3" />不支持预览此类型文件
         </div>
         <div
           v-else-if="fileLoading"
-          class="text-muted-foreground flex items-center gap-2 py-4 text-xs"
+          class="flex items-center gap-2 text-xs text-muted-foreground py-4"
         >
           <Loader2 class="h-3 w-3 animate-spin" />加载中...
         </div>
-        <div v-else-if="fileError" class="text-destructive flex items-center gap-1 py-4 text-xs">
+        <div
+          v-else-if="fileError"
+          class="flex items-center gap-1 text-xs text-destructive py-4"
+        >
           <AlertCircle class="h-3 w-3" />{{ fileError }}
         </div>
-        <div v-else class="min-h-0 flex-1 overflow-hidden rounded border">
+        <div v-else class="flex-1 min-h-0 rounded overflow-hidden border">
           <Codemirror v-model="editedContent" :extensions="editorExtensions" />
         </div>
       </div>
diff --git a/src/components/static-bucket/StaticBucketTable.vue b/src/components/static-bucket/StaticBucketTable.vue
index e961f523..d5f6823f 100644
--- a/src/components/static-bucket/StaticBucketTable.vue
+++ b/src/components/static-bucket/StaticBucketTable.vue
@@ -62,7 +62,12 @@ function getPrevieLink(bucket: StaticBucket): string {
 <template>
   <div class="space-y-4">
     <div class="flex items-center justify-end gap-2">
-      <Button variant="outline" size="sm" :disabled="loading" @click="emit('refresh')">
+      <Button
+        variant="outline"
+        size="sm"
+        :disabled="loading"
+        @click="emit('refresh')"
+      >
         <RefreshCw class="h-4 w-4" :class="{ 'animate-spin': loading }" />
       </Button>
       <Button variant="outline" size="sm" @click="emit('uploadDir')">
@@ -75,8 +80,13 @@ function getPrevieLink(bucket: StaticBucket): string {
       </Button>
     </div>
 
-    <div v-if="loading" class="text-muted-foreground py-10 text-center">加载中...</div>
-    <div v-else-if="buckets.length === 0" class="text-muted-foreground py-10 text-center">
+    <div v-if="loading" class="py-10 text-center text-muted-foreground">
+      加载中...
+    </div>
+    <div
+      v-else-if="buckets.length === 0"
+      class="py-10 text-center text-muted-foreground"
+    >
       暂无 Bucket
     </div>
     <Table v-else>
@@ -94,11 +104,13 @@ function getPrevieLink(bucket: StaticBucket): string {
         <TableRow v-for="bucket in buckets" :key="bucket.name">
           <TableCell>
             <button
-              class="group text-primary flex cursor-pointer items-center gap-1.5 text-left font-mono text-sm"
+              class="group flex cursor-pointer items-center gap-1.5 text-left font-mono text-sm text-primary"
               @click="emit('select', bucket.name)"
             >
               <FolderOpen class="h-4 w-4 shrink-0" />
-              <span class="underline-offset-2 group-hover:underline">{{ bucket.name }}</span>
+              <span class="underline-offset-2 group-hover:underline">{{
+                bucket.name
+              }}</span>
             </button>
           </TableCell>
           <TableCell>
@@ -111,7 +123,9 @@ function getPrevieLink(bucket: StaticBucket): string {
                 :model-value="bucket.enable"
                 @update:model-value="emit('toggleEnable', bucket)"
               />
-              <span v-if="bucket.enable" class="text-muted-foreground text-xs">启用</span>
+              <span v-if="bucket.enable" class="text-xs text-muted-foreground"
+                >启用</span
+              >
             </div>
           </TableCell>
           <!-- CORS -->
@@ -122,7 +136,9 @@ function getPrevieLink(bucket: StaticBucket): string {
                 :model-value="bucket.cors"
                 @update:model-value="emit('toggleCORS', bucket)"
               />
-              <span v-if="bucket.cors" class="text-muted-foreground text-xs">启用</span>
+              <span v-if="bucket.cors" class="text-xs text-muted-foreground"
+                >启用</span
+              >
             </div>
           </TableCell>
           <!-- HTTP 根路由 -->
@@ -133,13 +149,22 @@ function getPrevieLink(bucket: StaticBucket): string {
                 :model-value="bucket.is_http_root"
                 @update:model-value="emit('toggleHttpRoot', bucket)"
               />
-              <span v-if="bucket.is_http_root" class="text-muted-foreground text-xs">启用</span>
+              <span
+                v-if="bucket.is_http_root"
+                class="text-xs text-muted-foreground"
+                >启用</span
+              >
             </div>
           </TableCell>
           <TableCell class="text-right">
             <div class="flex justify-end gap-1">
               <a target="_blank" :href="getPrevieLink(bucket)">
-                <Button variant="ghost" size="sm" class="h-7 w-7 p-0" title="预览">
+                <Button
+                  variant="ghost"
+                  size="sm"
+                  class="h-7 w-7 p-0"
+                  title="预览"
+                >
                   <ArrowUpRight class="h-3.5 w-3.5" />
                 </Button>
               </a>
@@ -174,7 +199,7 @@ function getPrevieLink(bucket: StaticBucket): string {
                 <Button
                   variant="ghost"
                   size="sm"
-                  class="text-destructive hover:text-destructive h-7 w-7 p-0"
+                  class="h-7 w-7 p-0 text-destructive hover:text-destructive"
                 >
                   <Trash2 class="h-3.5 w-3.5" />
                 </Button>
@@ -184,7 +209,7 @@ function getPrevieLink(bucket: StaticBucket): string {
                 variant="ghost"
                 size="sm"
                 disabled
-                class="text-destructive h-7 w-7 p-0"
+                class="h-7 w-7 p-0 text-destructive"
               >
                 <Loader2 class="h-3.5 w-3.5 animate-spin" />
               </Button>
diff --git a/src/components/static-bucket/StaticBucketTreeNode.vue b/src/components/static-bucket/StaticBucketTreeNode.vue
index 76505533..e30af401 100644
--- a/src/components/static-bucket/StaticBucketTreeNode.vue
+++ b/src/components/static-bucket/StaticBucketTreeNode.vue
@@ -1,7 +1,14 @@
 <script setup lang="ts">
 import { ref, watch, inject } from "vue";
 import type { Ref } from "vue";
-import { ChevronRight, File as FileIcon, Folder, Download, Loader2, Trash2 } from "lucide-vue-next";
+import {
+  ChevronRight,
+  File as FileIcon,
+  Folder,
+  Download,
+  Loader2,
+  Trash2,
+} from "lucide-vue-next";
 import { PopConfirm } from "@/components/ui/pop-confirm";
 
 export type TreeNode = {
@@ -82,18 +89,18 @@ const onFileDragEnd = () => {
   <div
     v-if="node.isDir"
     class="rounded transition-all"
-    :class="isDragOver ? 'bg-primary/10 ring-primary/40 ring-1 ring-inset' : ''"
+    :class="isDragOver ? 'bg-primary/10 ring-1 ring-inset ring-primary/40' : ''"
     @dragover="onDirDragOver"
     @dragleave="onDirDragLeave"
     @drop="onDirDrop"
   >
     <button
-      class="group flex w-full items-center gap-1 rounded px-1 py-1 text-left text-xs transition-all"
+      class="flex items-center gap-1 w-full text-left text-xs px-1 py-1 rounded transition-all group"
       :class="isDragOver ? '' : 'hover:bg-muted'"
       @click="expanded = !expanded"
     >
       <ChevronRight
-        class="h-3 w-3 flex-shrink-0 transition-all"
+        class="h-3 w-3 transition-all flex-shrink-0"
         :class="[
           isDragOver ? 'text-primary' : 'text-muted-foreground',
           expanded ? 'rotate-90' : '',
@@ -101,7 +108,9 @@ const onFileDragEnd = () => {
       />
       <Folder
         class="h-3 w-3 flex-shrink-0 transition-colors"
-        :class="isDragOver ? 'text-primary fill-primary/20' : 'text-muted-foreground'"
+        :class="
+          isDragOver ? 'text-primary fill-primary/20' : 'text-muted-foreground'
+        "
       />
       <span
         class="truncate transition-colors"
@@ -111,7 +120,7 @@ const onFileDragEnd = () => {
       </span>
     </button>
     <Transition name="folder-expand">
-      <div v-if="expanded && node.children?.length" class="space-y-0.5 pl-4">
+      <div v-if="expanded && node.children?.length" class="pl-4 space-y-0.5">
         <StaticBucketTreeNode
           v-for="child in node.children"
           :key="child.path"
@@ -129,10 +138,10 @@ const onFileDragEnd = () => {
 
   <div
     v-else
-    class="group flex w-full cursor-grab items-center gap-1 rounded px-1 py-1 text-xs transition-all"
+    class="flex items-center gap-1 w-full text-xs px-1 py-1 rounded transition-all group cursor-grab"
     :class="[
       selected === node.path ? 'bg-muted' : 'hover:bg-muted',
-      isDragging ? 'scale-[0.98] opacity-40' : '',
+      isDragging ? 'opacity-40 scale-[0.98]' : '',
     ]"
     draggable="true"
     @dragstart="onFileDragStart"
@@ -141,10 +150,10 @@ const onFileDragEnd = () => {
     @click="emit('select', node.path)"
   >
     <div class="w-3 flex-shrink-0" />
-    <FileIcon class="text-muted-foreground h-3 w-3 flex-shrink-0" />
-    <span class="flex-1 truncate">{{ node.name }}</span>
+    <FileIcon class="h-3 w-3 text-muted-foreground flex-shrink-0" />
+    <span class="truncate flex-1">{{ node.name }}</span>
     <button
-      class="hover:bg-background flex h-5 w-5 flex-shrink-0 items-center justify-center rounded opacity-0 transition-opacity group-hover:opacity-100"
+      class="opacity-0 group-hover:opacity-100 h-5 w-5 flex items-center justify-center rounded hover:bg-background transition-opacity flex-shrink-0"
       title="下载"
       @click.stop="emit('download', node.path)"
     >
@@ -152,7 +161,7 @@ const onFileDragEnd = () => {
     </button>
     <Loader2
       v-if="deletingPath === node.path"
-      class="text-destructive h-3 w-3 flex-shrink-0 animate-spin"
+      class="h-3 w-3 animate-spin text-destructive flex-shrink-0"
     />
     <PopConfirm
       v-else
@@ -162,7 +171,7 @@ const onFileDragEnd = () => {
       @click.stop
     >
       <button
-        class="hover:bg-background text-destructive flex h-5 w-5 flex-shrink-0 items-center justify-center rounded opacity-0 transition-opacity group-hover:opacity-100"
+        class="opacity-0 group-hover:opacity-100 h-5 w-5 flex items-center justify-center rounded hover:bg-background text-destructive transition-opacity flex-shrink-0"
         title="删除"
         @click.stop
       >
diff --git a/src/components/static-bucket/StaticBucketUploadDirDialog.vue b/src/components/static-bucket/StaticBucketUploadDirDialog.vue
index 785e7370..5ae3d35e 100644
--- a/src/components/static-bucket/StaticBucketUploadDirDialog.vue
+++ b/src/components/static-bucket/StaticBucketUploadDirDialog.vue
@@ -11,7 +11,10 @@ import {
   DialogTitle,
   DialogFooter,
 } from "@/components/ui/dialog";
-import { parseZipFile, parseFolderFiles } from "@/composables/useFileUploadParsing";
+import {
+  parseZipFile,
+  parseFolderFiles,
+} from "@/composables/useFileUploadParsing";
 
 const props = defineProps<{
   open: boolean;
@@ -35,7 +38,8 @@ const processing = ref(false);
 const processError = ref<string | null>(null);
 
 const canSubmit = computed(
-  () => fileList.value.length > 0 && (!!props.targetBucket || !!bucketName.value),
+  () =>
+    fileList.value.length > 0 && (!!props.targetBucket || !!bucketName.value),
 );
 
 watch(
@@ -103,7 +107,9 @@ const handleSubmit = () => {
 
       <div class="space-y-4 py-2">
         <div v-if="!targetBucket" class="space-y-1.5">
-          <Label for="dir-bucket-name">Bucket 名称 <span class="text-destructive">*</span></Label>
+          <Label for="dir-bucket-name"
+            >Bucket 名称 <span class="text-destructive">*</span></Label
+          >
           <Input
             id="dir-bucket-name"
             v-model="bucketName"
@@ -115,12 +121,20 @@ const handleSubmit = () => {
         <div class="space-y-2">
           <Label>选择内容</Label>
           <div class="grid grid-cols-2 gap-2">
-            <Button variant="outline" class="h-20 flex-col gap-2" @click="folderInputRef?.click()">
-              <Folder class="text-muted-foreground h-6 w-6" />
+            <Button
+              variant="outline"
+              class="h-20 flex-col gap-2"
+              @click="folderInputRef?.click()"
+            >
+              <Folder class="h-6 w-6 text-muted-foreground" />
               <span class="text-xs">选择文件夹</span>
             </Button>
-            <Button variant="outline" class="h-20 flex-col gap-2" @click="zipInputRef?.click()">
-              <FileArchive class="text-muted-foreground h-6 w-6" />
+            <Button
+              variant="outline"
+              class="h-20 flex-col gap-2"
+              @click="zipInputRef?.click()"
+            >
+              <FileArchive class="h-6 w-6 text-muted-foreground" />
               <span class="text-xs">选择 ZIP</span>
             </Button>
           </div>
@@ -131,42 +145,64 @@ const handleSubmit = () => {
             webkitdirectory
             @change="onFolderChange"
           />
-          <input ref="zipInputRef" type="file" class="hidden" accept=".zip" @change="onZipChange" />
+          <input
+            ref="zipInputRef"
+            type="file"
+            class="hidden"
+            accept=".zip"
+            @change="onZipChange"
+          />
         </div>
 
-        <div v-if="processing" class="text-muted-foreground flex items-center gap-2 py-2 text-sm">
+        <div
+          v-if="processing"
+          class="flex items-center gap-2 text-sm text-muted-foreground py-2"
+        >
           <Loader2 class="h-4 w-4 animate-spin" />正在处理文件...
         </div>
         <div v-else-if="fileList.length" class="space-y-1.5">
           <div class="flex items-center justify-between">
             <Label>已选 {{ fileList.length }} 个文件</Label>
-            <Button variant="ghost" size="sm" class="h-6 text-xs" @click="fileList = []">
-              <X class="mr-1 h-3 w-3" />清除
+            <Button
+              variant="ghost"
+              size="sm"
+              class="h-6 text-xs"
+              @click="fileList = []"
+            >
+              <X class="h-3 w-3 mr-1" />清除
             </Button>
           </div>
-          <div class="max-h-32 overflow-y-auto rounded-md border">
+          <div class="border rounded-md max-h-32 overflow-y-auto">
             <div
               v-for="f in fileList.slice(0, 50)"
               :key="f.path"
-              class="text-muted-foreground border-b px-3 py-1 font-mono text-xs last:border-0"
+              class="px-3 py-1 text-xs font-mono border-b last:border-0 text-muted-foreground"
             >
               {{ f.path }}
             </div>
-            <div v-if="fileList.length > 50" class="text-muted-foreground px-3 py-1 text-xs italic">
+            <div
+              v-if="fileList.length > 50"
+              class="px-3 py-1 text-xs text-muted-foreground italic"
+            >
               ...还有 {{ fileList.length - 50 }} 个文件
             </div>
           </div>
         </div>
 
-        <p v-if="processError || error" class="text-destructive text-sm">
+        <p v-if="processError || error" class="text-sm text-destructive">
           {{ processError || error }}
         </p>
       </div>
 
       <DialogFooter>
-        <Button variant="outline" @click="emit('update:open', false)">取消</Button>
-        <Button :disabled="loading || processing || !canSubmit" @click="handleSubmit">
-          <Loader2 v-if="loading" class="mr-1 h-4 w-4 animate-spin" />
+        <Button variant="outline" @click="emit('update:open', false)"
+          >取消</Button
+        >
+        <Button
+          :disabled="loading || processing || !canSubmit"
+          @click="handleSubmit"
+        >
+          <Loader2 v-if="loading" class="h-4 w-4 mr-1 animate-spin" />
           {{ targetBucket ? "上传" : "创建并上传" }}
         </Button>
       </DialogFooter>
diff --git a/src/components/theme-management/ThemeDetail.vue b/src/components/theme-management/ThemeDetail.vue
index b8496a9b..ddfcfb49 100644
--- a/src/components/theme-management/ThemeDetail.vue
+++ b/src/components/theme-management/ThemeDetail.vue
@@ -90,7 +90,9 @@ const patchAndSaveConfigJson = async (
 };
 
 const overviewEntries = computed(() =>
-  Object.entries(themeJson.value).filter(([k]) => k !== "user_preferences_form"),
+  Object.entries(themeJson.value).filter(
+    ([k]) => k !== "user_preferences_form",
+  ),
 );
 
 const userPrefFormItems = computed<UserPrefFormItem[]>(() => {
@@ -236,7 +238,9 @@ const removeAuthRow = (index: number) => {
 };
 
 const addPreset = (preset: TokenPreset) => {
-  const exists = authEntries.value.some((e) => e.name === preset.name && e.token === preset.token);
+  const exists = authEntries.value.some(
+    (e) => e.name === preset.name && e.token === preset.token,
+  );
   if (!exists) {
     authEntries.value.push({ ...preset });
   }
@@ -267,16 +271,22 @@ watch(
   },
 );
 
-const jsonExtensions = computed(() => [json(), ...(themeStore.isDark ? [oneDark] : [])]);
+const jsonExtensions = computed(() => [
+  json(),
+  ...(themeStore.isDark ? [oneDark] : []),
+]);
 const cssExtensions = computed(() => [
   StreamLanguage.define(css),
   ...(themeStore.isDark ? [oneDark] : []),
 ]);
-const jsExtensions = computed(() => [javascript(), ...(themeStore.isDark ? [oneDark] : [])]);
+const jsExtensions = computed(() => [
+  javascript(),
+  ...(themeStore.isDark ? [oneDark] : []),
+]);
 </script>
 
 <template>
-  <div class="bg-background mt-2 rounded-lg border p-4">
+  <div class="mt-2 border rounded-lg p-4 bg-background">
     <Tabs v-model="activeTab">
       <TabsList class="mb-4">
         <TabsTrigger value="overview">概览</TabsTrigger>
@@ -289,17 +299,22 @@ const jsExtensions = computed(() => [javascript(), ...(themeStore.isDark ? [oneD
       <TabsContent value="overview">
         <div
           v-if="overviewLoading"
-          class="text-muted-foreground flex items-center gap-2 py-4 text-sm"
+          class="flex items-center gap-2 py-4 text-muted-foreground text-sm"
         >
           <Loader2 class="h-4 w-4 animate-spin" />
           加载中...
         </div>
-        <div v-else-if="!overviewEntries.length" class="text-muted-foreground py-4 text-sm">
+        <div
+          v-else-if="!overviewEntries.length"
+          class="py-4 text-muted-foreground text-sm"
+        >
           未找到 nodeget-theme.json
         </div>
         <div v-else class="grid grid-cols-[auto_1fr] gap-x-6 gap-y-2 text-sm">
           <template v-for="[key, value] in overviewEntries" :key="key">
-            <span class="text-muted-foreground shrink-0 font-medium">{{ key }}</span>
+            <span class="text-muted-foreground font-medium shrink-0">{{
+              key
+            }}</span>
             <span class="break-all">{{
               typeof value === "object" ? JSON.stringify(value) : String(value)
             }}</span>
@@ -310,41 +325,60 @@ const jsExtensions = computed(() => [javascript(), ...(themeStore.isDark ? [oneD
       <TabsContent value="user-prefs">
         <div
           v-if="overviewLoading"
-          class="text-muted-foreground flex items-center gap-2 py-4 text-sm"
+          class="flex items-center gap-2 py-4 text-muted-foreground text-sm"
         >
           <Loader2 class="h-4 w-4 animate-spin" />
           加载中...
         </div>
         <div v-else>
           <div v-if="userPrefFormItems.length" class="space-y-3">
-            <template v-for="field in userPrefFormItems" :key="field.key ?? field.name">
-              <p v-if="field.type === 'title'" class="text-foreground mt-2 text-sm font-medium">
+            <template
+              v-for="field in userPrefFormItems"
+              :key="field.key ?? field.name"
+            >
+              <p
+                v-if="field.type === 'title'"
+                class="font-medium text-sm mt-2 text-foreground"
+              >
                 {{ field.name }}
               </p>
-              <div v-else-if="field.key" class="grid grid-cols-[180px_1fr] items-center gap-4">
+              <div
+                v-else-if="field.key"
+                class="grid grid-cols-[180px_1fr] items-center gap-4"
+              >
                 <Label class="text-right">{{ field.name }}</Label>
                 <div>
                   <Input
                     v-if="field.type === 'string'"
-                    :model-value="String(userPrefValues[field.key] ?? field.default ?? '')"
+                    :model-value="
+                      String(userPrefValues[field.key] ?? field.default ?? '')
+                    "
                     :placeholder="field.help ?? ''"
                     @update:model-value="userPrefValues[field.key!] = $event"
                   />
                   <Input
                     v-else-if="field.type === 'number'"
                     type="number"
-                    :model-value="String(userPrefValues[field.key] ?? field.default ?? 0)"
+                    :model-value="
+                      String(userPrefValues[field.key] ?? field.default ?? 0)
+                    "
                     :placeholder="field.help ?? ''"
-                    @update:model-value="userPrefValues[field.key!] = Number($event)"
+                    @update:model-value="
+                      userPrefValues[field.key!] = Number($event)
+                    "
                   />
                   <button
                     v-else-if="field.type === 'switch'"
                     class="relative inline-flex h-5 w-9 items-center rounded-full transition-colors"
                     :class="
-                      (userPrefValues[field.key] ?? field.default) ? 'bg-primary' : 'bg-input'
+                      (userPrefValues[field.key] ?? field.default)
+                        ? 'bg-primary'
+                        : 'bg-input'
                     "
                     @click="
-                      userPrefValues[field.key!] = !(userPrefValues[field.key] ?? field.default)
+                      userPrefValues[field.key!] = !(
+                        userPrefValues[field.key] ?? field.default
+                      )
                     "
                   >
                     <span
@@ -358,7 +392,9 @@ const jsExtensions = computed(() => [javascript(), ...(themeStore.isDark ? [oneD
                   </button>
                   <Select
                     v-else-if="field.type === 'select'"
-                    :model-value="String(userPrefValues[field.key] ?? field.default ?? '')"
+                    :model-value="
+                      String(userPrefValues[field.key] ?? field.default ?? '')
+                    "
                     @update:model-value="userPrefValues[field.key!] = $event"
                   >
                     <SelectTrigger>
@@ -376,7 +412,7 @@ const jsExtensions = computed(() => [javascript(), ...(themeStore.isDark ? [oneD
                   </Select>
                   <p
                     v-if="field.help && field.type !== 'switch'"
-                    class="text-muted-foreground mt-1 text-xs"
+                    class="text-xs text-muted-foreground mt-1"
                   >
                     {{ field.help }}
                   </p>
@@ -386,7 +422,7 @@ const jsExtensions = computed(() => [javascript(), ...(themeStore.isDark ? [oneD
           </div>
 
           <div v-else class="space-y-2">
-            <p class="text-muted-foreground text-xs">
+            <p class="text-xs text-muted-foreground">
               该主题未定义 user_preferences_form，可直接编辑 JSON
             </p>
             <Codemirror
@@ -396,10 +432,13 @@ const jsExtensions = computed(() => [javascript(), ...(themeStore.isDark ? [oneD
             />
           </div>
 
-          <div class="mt-4 flex justify-end">
+          <div class="flex justify-end mt-4">
             <Button :disabled="userPrefSaving" @click="saveUserPrefs">
-              <Loader2 v-if="userPrefSaving" class="mr-1 h-4 w-4 animate-spin" />
-              <Check v-else class="mr-1 h-4 w-4" />
+              <Loader2
+                v-if="userPrefSaving"
+                class="h-4 w-4 animate-spin mr-1"
+              />
+              <Check v-else class="h-4 w-4 mr-1" />
               保存
             </Button>
           </div>
@@ -407,7 +446,10 @@ const jsExtensions = computed(() => [javascript(), ...(themeStore.isDark ? [oneD
       </TabsContent>
 
       <TabsContent value="custom-css">
-        <div v-if="cssLoading" class="text-muted-foreground flex items-center gap-2 py-4 text-sm">
+        <div
+          v-if="cssLoading"
+          class="flex items-center gap-2 py-4 text-muted-foreground text-sm"
+        >
           <Loader2 class="h-4 w-4 animate-spin" />
           加载中...
         </div>
@@ -419,8 +461,8 @@ const jsExtensions = computed(() => [javascript(), ...(themeStore.isDark ? [oneD
           />
           <div class="flex justify-end">
             <Button :disabled="cssSaving" @click="saveCss">
-              <Loader2 v-if="cssSaving" class="mr-1 h-4 w-4 animate-spin" />
-              <Check v-else class="mr-1 h-4 w-4" />
+              <Loader2 v-if="cssSaving" class="h-4 w-4 animate-spin mr-1" />
+              <Check v-else class="h-4 w-4 mr-1" />
               保存
             </Button>
           </div>
@@ -428,7 +470,10 @@ const jsExtensions = computed(() => [javascript(), ...(themeStore.isDark ? [oneD
       </TabsContent>
 
       <TabsContent value="custom-js">
-        <div v-if="jsLoading" class="text-muted-foreground flex items-center gap-2 py-4 text-sm">
+        <div
+          v-if="jsLoading"
+          class="flex items-center gap-2 py-4 text-muted-foreground text-sm"
+        >
           <Loader2 class="h-4 w-4 animate-spin" />
           加载中...
         </div>
@@ -440,8 +485,8 @@ const jsExtensions = computed(() => [javascript(), ...(themeStore.isDark ? [oneD
           />
           <div class="flex justify-end">
             <Button :disabled="jsSaving" @click="saveJs">
-              <Loader2 v-if="jsSaving" class="mr-1 h-4 w-4 animate-spin" />
-              <Check v-else class="mr-1 h-4 w-4" />
+              <Loader2 v-if="jsSaving" class="h-4 w-4 animate-spin mr-1" />
+              <Check v-else class="h-4 w-4 mr-1" />
               保存
             </Button>
           </div>
@@ -451,7 +496,7 @@ const jsExtensions = computed(() => [javascript(), ...(themeStore.isDark ? [oneD
       <TabsContent value="token-auth">
         <div
           v-if="overviewLoading"
-          class="text-muted-foreground flex items-center gap-2 py-4 text-sm"
+          class="flex items-center gap-2 py-4 text-muted-foreground text-sm"
         >
           <Loader2 class="h-4 w-4 animate-spin" />
           加载中...
@@ -459,7 +504,7 @@ const jsExtensions = computed(() => [javascript(), ...(themeStore.isDark ? [oneD
         <div v-else class="space-y-3">
           <div
             v-if="authEntries.length"
-            class="text-muted-foreground grid grid-cols-[1fr_1fr_1fr_auto] gap-2 px-1 text-xs"
+            class="grid grid-cols-[1fr_1fr_1fr_auto] gap-2 text-xs text-muted-foreground px-1"
           >
             <span>名称</span>
             <span>后端 URL</span>
@@ -470,23 +515,31 @@ const jsExtensions = computed(() => [javascript(), ...(themeStore.isDark ? [oneD
           <div
             v-for="(entry, i) in authEntries"
             :key="i"
-            class="grid grid-cols-[1fr_1fr_1fr_auto] items-center gap-2"
+            class="grid grid-cols-[1fr_1fr_1fr_auto] gap-2 items-center"
           >
             <Input v-model="entry.name" placeholder="名称" />
             <Input v-model="entry.backend_url" placeholder="https://..." />
             <Input v-model="entry.token" placeholder="token" />
-            <Button variant="ghost" size="icon" class="shrink-0" @click="removeAuthRow(i)">
+            <Button
+              variant="ghost"
+              size="icon"
+              class="shrink-0"
+              @click="removeAuthRow(i)"
+            >
               <Trash2 class="h-4 w-4" />
             </Button>
           </div>
 
-          <div v-if="!authEntries.length" class="text-muted-foreground py-3 text-center text-sm">
+          <div
+            v-if="!authEntries.length"
+            class="text-center text-muted-foreground text-sm py-3"
+          >
             暂无授权配置
           </div>
 
           <div class="flex flex-wrap items-center gap-2 pt-1">
             <Button variant="outline" size="sm" @click="addAuthRow">
-              <Plus class="mr-1 h-4 w-4" />
+              <Plus class="h-4 w-4 mr-1" />
               添加空白
             </Button>
             <template v-if="tokenPresets.length">
@@ -497,7 +550,7 @@ const jsExtensions = computed(() => [javascript(), ...(themeStore.isDark ? [oneD
                 size="sm"
                 @click="addPreset(preset)"
               >
-                <Plus class="mr-1 h-4 w-4" />
+                <Plus class="h-4 w-4 mr-1" />
                 {{ preset.name }}
               </Button>
             </template>
@@ -509,13 +562,13 @@ const jsExtensions = computed(() => [javascript(), ...(themeStore.isDark ? [oneD
                 loadTokenPresets();
               "
             >
-              <RotateCcw class="mr-1 h-4 w-4" />
+              <RotateCcw class="h-4 w-4 mr-1" />
               刷新
             </Button>
             <div class="flex-1" />
             <Button :disabled="authSaving" @click="saveAuth">
-              <Loader2 v-if="authSaving" class="mr-1 h-4 w-4 animate-spin" />
-              <Check v-else class="mr-1 h-4 w-4" />
+              <Loader2 v-if="authSaving" class="h-4 w-4 animate-spin mr-1" />
+              <Check v-else class="h-4 w-4 mr-1" />
               确定
             </Button>
           </div>
diff --git a/src/components/theme-management/ThemeRemoteImportDialog.vue b/src/components/theme-management/ThemeRemoteImportDialog.vue
index 0bc93b7d..2a20942d 100644
--- a/src/components/theme-management/ThemeRemoteImportDialog.vue
+++ b/src/components/theme-management/ThemeRemoteImportDialog.vue
@@ -70,7 +70,8 @@ const autoEnable = ref(true);
 const tokenPresetChoice = ref<TokenPresetChoice>("monitor_ping");
 
 const isImporting = computed(
-  () => step.value !== "idle" && step.value !== "done" && step.value !== "error",
+  () =>
+    step.value !== "idle" && step.value !== "done" && step.value !== "error",
 );
 
 const stepLabel: Record<Step, string> = {
@@ -108,7 +109,11 @@ const normalizeFileList = (raw: unknown): string[] => {
   if (!Array.isArray(raw)) return [];
   return raw.map((item) => {
     if (typeof item === "string") return item;
-    if (item && typeof item === "object" && typeof (item as { path?: unknown }).path === "string") {
+    if (
+      item &&
+      typeof item === "object" &&
+      typeof (item as { path?: unknown }).path === "string"
+    ) {
       return (item as { path: string }).path;
     }
     return String(item);
@@ -129,13 +134,15 @@ const handleImport = async () => {
 
     step.value = "fetching-meta";
     const metaRes = await fetch(`${baseUrl}/nodeget-theme.json`);
-    if (!metaRes.ok) throw new Error(`获取主题信息失败：HTTP ${metaRes.status}`);
+    if (!metaRes.ok)
+      throw new Error(`获取主题信息失败：HTTP ${metaRes.status}`);
     const meta = (await metaRes.json()) as Record<string, unknown>;
     const short = meta.short;
     if (typeof short !== "string" || !short) {
       throw new Error("nodeget-theme.json 中缺少 short 字段");
     }
-    detectedThemeName.value = typeof meta.name === "string" && meta.name ? meta.name : short;
+    detectedThemeName.value =
+      typeof meta.name === "string" && meta.name ? meta.name : short;
     const bucketName = `theme_${short}`;
 
     step.value = "creating-bucket";
@@ -161,7 +168,8 @@ const handleImport = async () => {
 
     step.value = "fetching-files";
     const filesRes = await fetch(`${baseUrl}/nodeget-theme-files.json`);
-    if (!filesRes.ok) throw new Error(`获取文件列表失败：HTTP ${filesRes.status}`);
+    if (!filesRes.ok)
+      throw new Error(`获取文件列表失败：HTTP ${filesRes.status}`);
     const rawFileList = await filesRes.json();
     const fileList = normalizeFileList(rawFileList);
 
@@ -176,11 +184,15 @@ const handleImport = async () => {
     const entries: UploadEntry[] = [
       {
         path: "nodeget-theme.json",
-        base64: bufToBase64(new TextEncoder().encode(JSON.stringify(meta, null, 2))),
+        base64: bufToBase64(
+          new TextEncoder().encode(JSON.stringify(meta, null, 2)),
+        ),
       },
       {
         path: "nodeget-theme-files.json",
-        base64: bufToBase64(new TextEncoder().encode(JSON.stringify(rawFileList, null, 2))),
+        base64: bufToBase64(
+          new TextEncoder().encode(JSON.stringify(rawFileList, null, 2)),
+        ),
       },
     ];
     let downloadFailed = 0;
@@ -221,10 +233,15 @@ const handleImport = async () => {
         try {
           const presets = await loadOrInitPresets();
           const targetName =
-            tokenPresetChoice.value === "monitor_ping" ? "本机 监控+ping" : "本机 纯监控";
+            tokenPresetChoice.value === "monitor_ping"
+              ? "本机 监控+ping"
+              : "本机 纯监控";
           const preset = presets.find((p) => p.name === targetName);
           if (preset) {
-            const configText = await sbf.readTextFile(bucketName, "config.json");
+            const configText = await sbf.readTextFile(
+              bucketName,
+              "config.json",
+            );
             if (!configText) {
               toast.warning("Token 预设应用失败：未能读取主题配置文件");
             } else {
@@ -236,11 +253,17 @@ const handleImport = async () => {
                   token: preset.token,
                 },
               ];
-              await sbf.saveTextFile(bucketName, "config.json", JSON.stringify(config, null, 2));
+              await sbf.saveTextFile(
+                bucketName,
+                "config.json",
+                JSON.stringify(config, null, 2),
+              );
             }
           }
         } catch (e) {
-          toast.warning(`Token 预设应用失败：${e instanceof Error ? e.message : String(e)}`);
+          toast.warning(
+            `Token 预设应用失败：${e instanceof Error ? e.message : String(e)}`,
+          );
         }
       }
 
@@ -255,7 +278,9 @@ const handleImport = async () => {
             enable: true,
           });
         } catch (e) {
-          toast.warning(`自动启用失败：${e instanceof Error ? e.message : String(e)}`);
+          toast.warning(
+            `自动启用失败：${e instanceof Error ? e.message : String(e)}`,
+          );
         }
       }
     }
@@ -282,7 +307,9 @@ const handleImport = async () => {
   <Dialog :open="open" @update:open="$emit('update:open', $event)">
     <DialogContent class="sm:max-w-lg">
       <DialogHeader>
-        <DialogTitle>{{ targetBucket ? "从远程更新主题" : "从远程导入主题" }}</DialogTitle>
+        <DialogTitle>{{
+          targetBucket ? "从远程更新主题" : "从远程导入主题"
+        }}</DialogTitle>
       </DialogHeader>
 
       <div class="space-y-4 py-2">
@@ -294,12 +321,15 @@ const handleImport = async () => {
             placeholder="example.com 或 https://example.com"
             :disabled="isImporting"
           />
-          <p class="text-muted-foreground text-xs">
+          <p class="text-xs text-muted-foreground">
             将自动拉取该站点的 nodeget-theme.json 和 nodeget-theme-files.json
           </p>
         </div>
 
-        <div v-if="!targetBucket" class="overflow-hidden rounded-md border text-sm">
+        <div
+          v-if="!targetBucket"
+          class="overflow-hidden rounded-md border text-sm"
+        >
           <div class="bg-muted px-3 py-1.5 text-xs font-medium">安装选项</div>
           <div class="divide-y">
             <div class="flex items-center justify-between px-3 py-2">
@@ -314,25 +344,42 @@ const handleImport = async () => {
                 class="flex items-center gap-4"
               >
                 <div class="flex items-center gap-1.5">
-                  <RadioGroupItem id="preset-monitor-only" value="monitor_only" />
-                  <Label for="preset-monitor-only" class="cursor-pointer font-normal">纯监控</Label>
+                  <RadioGroupItem
+                    id="preset-monitor-only"
+                    value="monitor_only"
+                  />
+                  <Label
+                    for="preset-monitor-only"
+                    class="cursor-pointer font-normal"
+                    >纯监控</Label
+                  >
                 </div>
                 <div class="flex items-center gap-1.5">
-                  <RadioGroupItem id="preset-monitor-ping" value="monitor_ping" />
-                  <Label for="preset-monitor-ping" class="cursor-pointer font-normal"
+                  <RadioGroupItem
+                    id="preset-monitor-ping"
+                    value="monitor_ping"
+                  />
+                  <Label
+                    for="preset-monitor-ping"
+                    class="cursor-pointer font-normal"
                     >监控+ping</Label
                   >
                 </div>
                 <div class="flex items-center gap-1.5">
                   <RadioGroupItem id="preset-none" value="none" />
-                  <Label for="preset-none" class="cursor-pointer font-normal">不使用预设</Label>
+                  <Label for="preset-none" class="cursor-pointer font-normal"
+                    >不使用预设</Label
+                  >
                 </div>
               </RadioGroup>
             </div>
           </div>
         </div>
 
-        <div v-if="targetBucket" class="overflow-hidden rounded-md border text-sm">
+        <div
+          v-if="targetBucket"
+          class="overflow-hidden rounded-md border text-sm"
+        >
           <div class="bg-muted px-3 py-1.5 text-xs font-medium">更新选项</div>
           <div class="divide-y">
             <div class="flex items-center justify-between px-3 py-2">
@@ -438,12 +485,15 @@ const handleImport = async () => {
           </div>
         </div>
 
-        <div v-if="detectedThemeName && isImporting" class="bg-muted rounded-md px-3 py-2 text-sm">
+        <div
+          v-if="detectedThemeName && isImporting"
+          class="rounded-md bg-muted px-3 py-2 text-sm"
+        >
           主题：<span class="font-medium">{{ detectedThemeName }}</span>
         </div>
 
         <div v-if="isImporting" class="space-y-2">
-          <div class="text-muted-foreground flex items-center gap-2 text-sm">
+          <div class="flex items-center gap-2 text-sm text-muted-foreground">
             <Loader2 class="h-4 w-4 shrink-0 animate-spin" />
             <span>
               {{ stepLabel[step] }}
@@ -454,10 +504,10 @@ const handleImport = async () => {
           </div>
           <div
             v-if="step === 'uploading' && progress.total > 0"
-            class="bg-muted h-1.5 w-full overflow-hidden rounded-full"
+            class="h-1.5 w-full overflow-hidden rounded-full bg-muted"
           >
             <div
-              class="bg-primary h-full transition-all"
+              class="h-full bg-primary transition-all"
               :style="{
                 width: `${(progress.current / progress.total) * 100}%`,
               }"
@@ -467,7 +517,7 @@ const handleImport = async () => {
 
         <div
           v-if="step === 'error' && errorMsg"
-          class="border-destructive/20 bg-destructive/10 text-destructive flex items-start gap-2 rounded-md border px-3 py-2 text-sm"
+          class="flex items-start gap-2 rounded-md border border-destructive/20 bg-destructive/10 px-3 py-2 text-sm text-destructive"
         >
           <AlertCircle class="mt-0.5 h-4 w-4 shrink-0" />
           <span>{{ errorMsg }}</span>
@@ -475,10 +525,17 @@ const handleImport = async () => {
       </div>
 
       <DialogFooter>
-        <Button variant="outline" :disabled="isImporting" @click="$emit('update:open', false)">
+        <Button
+          variant="outline"
+          :disabled="isImporting"
+          @click="$emit('update:open', false)"
+        >
           取消
         </Button>
-        <Button :disabled="!urlInput.trim() || isImporting" @click="handleImport">
+        <Button
+          :disabled="!urlInput.trim() || isImporting"
+          @click="handleImport"
+        >
           <Loader2 v-if="isImporting" class="mr-1 h-4 w-4 animate-spin" />
           导入
         </Button>
diff --git a/src/components/theme-management/ThemeTokenPresetDialog.vue b/src/components/theme-management/ThemeTokenPresetDialog.vue
index d2498cf3..782c1b4d 100644
--- a/src/components/theme-management/ThemeTokenPresetDialog.vue
+++ b/src/components/theme-management/ThemeTokenPresetDialog.vue
@@ -11,7 +11,10 @@ import {
 } from "@/components/ui/dialog";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
-import { useThemeTokenPresets, type TokenPreset } from "@/composables/useThemeTokenPresets";
+import {
+  useThemeTokenPresets,
+  type TokenPreset,
+} from "@/composables/useThemeTokenPresets";
 
 const props = defineProps<{
   open: boolean;
@@ -91,13 +94,13 @@ const handleSave = async () => {
 
       <div class="space-y-3 py-2">
         <div v-if="loading" class="flex items-center justify-center py-6">
-          <Loader2 class="text-muted-foreground h-5 w-5 animate-spin" />
+          <Loader2 class="h-5 w-5 animate-spin text-muted-foreground" />
         </div>
 
         <template v-else>
           <div
             v-if="presets.length"
-            class="text-muted-foreground grid grid-cols-[1fr_1fr_1fr_auto] gap-2 px-1 text-xs"
+            class="grid grid-cols-[1fr_1fr_1fr_auto] gap-2 px-1 text-xs text-muted-foreground"
           >
             <span>名称</span>
             <span>后端 URL</span>
@@ -113,12 +116,20 @@ const handleSave = async () => {
             <Input v-model="preset.name" placeholder="名称" />
             <Input v-model="preset.backend_url" placeholder="https://..." />
             <Input v-model="preset.token" placeholder="token" />
-            <Button variant="ghost" size="icon" class="shrink-0" @click="removeRow(i)">
+            <Button
+              variant="ghost"
+              size="icon"
+              class="shrink-0"
+              @click="removeRow(i)"
+            >
               <Trash2 class="h-4 w-4" />
             </Button>
           </div>
 
-          <div v-if="!presets.length" class="text-muted-foreground py-4 text-center text-sm">
+          <div
+            v-if="!presets.length"
+            class="py-4 text-center text-sm text-muted-foreground"
+          >
             暂无预设，点击「新增」添加
           </div>
 
@@ -130,7 +141,9 @@ const handleSave = async () => {
       </div>
 
       <DialogFooter>
-        <Button variant="outline" @click="$emit('update:open', false)"> 取消 </Button>
+        <Button variant="outline" @click="$emit('update:open', false)">
+          取消
+        </Button>
         <Button :disabled="saving" @click="handleSave">
           <Loader2 v-if="saving" class="mr-1 h-4 w-4 animate-spin" />
           保存
diff --git a/src/components/theme-management/ThemeUploadLocalDialog.vue b/src/components/theme-management/ThemeUploadLocalDialog.vue
index cfd76561..523b5fed 100644
--- a/src/components/theme-management/ThemeUploadLocalDialog.vue
+++ b/src/components/theme-management/ThemeUploadLocalDialog.vue
@@ -1,6 +1,12 @@
 <script setup lang="ts">
 import { ref, watch, computed } from "vue";
-import { Folder, FileArchive, Loader2, X, AlertTriangle } from "lucide-vue-next";
+import {
+  Folder,
+  FileArchive,
+  Loader2,
+  X,
+  AlertTriangle,
+} from "lucide-vue-next";
 import { toast } from "vue-sonner";
 import { Button } from "@/components/ui/button";
 import { Label } from "@/components/ui/label";
@@ -12,7 +18,11 @@ import {
   DialogFooter,
 } from "@/components/ui/dialog";
 import { base64ToBuf } from "@/utils/base64";
-import { parseZipFile, parseFolderFiles, type FileEntry } from "@/composables/useFileUploadParsing";
+import {
+  parseZipFile,
+  parseFolderFiles,
+  type FileEntry,
+} from "@/composables/useFileUploadParsing";
 import { useStaticBucket } from "@/composables/useStaticBucket";
 import {
   useThemeBucketUpload,
@@ -79,7 +89,8 @@ watch(
 
 const parseThemeJson = (files: FileEntry[]) => {
   const themeFile = files.find(
-    (f) => f.path === "nodeget-theme.json" || f.path.endsWith("/nodeget-theme.json"),
+    (f) =>
+      f.path === "nodeget-theme.json" || f.path.endsWith("/nodeget-theme.json"),
   );
   missingShort.value = false;
   detectedShort.value = null;
@@ -95,7 +106,8 @@ const parseThemeJson = (files: FileEntry[]) => {
     const json = JSON.parse(text);
     if (typeof json?.short === "string" && json.short) {
       detectedShort.value = json.short;
-      detectedName.value = typeof json.name === "string" && json.name ? json.name : json.short;
+      detectedName.value =
+        typeof json.name === "string" && json.name ? json.name : json.short;
       if (!props.targetBucket) {
         bucketName.value = `theme_${json.short}`;
       }
@@ -164,9 +176,13 @@ const handleUpload = async () => {
 
     const displayName = detectedName.value ?? targetName;
     if (failedCount > 0) {
-      toast.warning(`主题「${displayName}」上传完成，${failedCount} 个文件上传失败`);
+      toast.warning(
+        `主题「${displayName}」上传完成，${failedCount} 个文件上传失败`,
+      );
     } else {
-      toast.success(`主题「${displayName}」上传完成，共 ${fileList.value.length} 个文件`);
+      toast.success(
+        `主题「${displayName}」上传完成，共 ${fileList.value.length} 个文件`,
+      );
     }
     emit("done");
     emit("update:open", false);
@@ -183,19 +199,21 @@ const handleUpload = async () => {
     <DialogContent class="sm:max-w-lg">
       <DialogHeader>
         <DialogTitle>
-          {{ targetBucket ? `重新上传到「${targetBucket}」` : "从本地上传主题" }}
+          {{
+            targetBucket ? `重新上传到「${targetBucket}」` : "从本地上传主题"
+          }}
         </DialogTitle>
       </DialogHeader>
 
       <div class="space-y-4 py-2">
         <div
           v-if="detectedShort && !targetBucket"
-          class="bg-muted space-y-0.5 rounded-md px-3 py-2 text-sm"
+          class="space-y-0.5 rounded-md bg-muted px-3 py-2 text-sm"
         >
           <div>
             检测到主题：<span class="font-medium">{{ detectedName }}</span>
           </div>
-          <div class="text-muted-foreground text-xs">
+          <div class="text-xs text-muted-foreground">
             Bucket 名称：<span class="font-mono">{{ bucketName }}</span>
           </div>
         </div>
@@ -205,7 +223,9 @@ const handleUpload = async () => {
           class="flex items-start gap-2 rounded-md border border-amber-200 bg-amber-50 px-3 py-2 text-sm text-amber-800 dark:border-amber-800 dark:bg-amber-950/30 dark:text-amber-300"
         >
           <AlertTriangle class="mt-0.5 h-4 w-4 shrink-0" />
-          <span>未找到 nodeget-theme.json 或缺少 short 字段，无法确定主题标识</span>
+          <span
+            >未找到 nodeget-theme.json 或缺少 short 字段，无法确定主题标识</span
+          >
         </div>
 
         <div class="space-y-2">
@@ -217,7 +237,7 @@ const handleUpload = async () => {
               :disabled="processing || uploading"
               @click="folderInputRef?.click()"
             >
-              <Folder class="text-muted-foreground h-6 w-6" />
+              <Folder class="h-6 w-6 text-muted-foreground" />
               <span class="text-xs">选择文件夹</span>
             </Button>
             <Button
@@ -226,7 +246,7 @@ const handleUpload = async () => {
               :disabled="processing || uploading"
               @click="zipInputRef?.click()"
             >
-              <FileArchive class="text-muted-foreground h-6 w-6" />
+              <FileArchive class="h-6 w-6 text-muted-foreground" />
               <span class="text-xs">选择 ZIP</span>
             </Button>
           </div>
@@ -237,10 +257,19 @@ const handleUpload = async () => {
             webkitdirectory
             @change="onFolderChange"
           />
-          <input ref="zipInputRef" type="file" class="hidden" accept=".zip" @change="onZipChange" />
+          <input
+            ref="zipInputRef"
+            type="file"
+            class="hidden"
+            accept=".zip"
+            @change="onZipChange"
+          />
         </div>
 
-        <div v-if="processing" class="text-muted-foreground flex items-center gap-2 py-2 text-sm">
+        <div
+          v-if="processing"
+          class="flex items-center gap-2 py-2 text-sm text-muted-foreground"
+        >
           <Loader2 class="h-4 w-4 animate-spin" />
           正在处理文件...
         </div>
@@ -263,17 +292,23 @@ const handleUpload = async () => {
             <div
               v-for="f in fileList.slice(0, 50)"
               :key="f.path"
-              class="text-muted-foreground border-b px-3 py-1 font-mono text-xs last:border-0"
+              class="border-b px-3 py-1 font-mono text-xs text-muted-foreground last:border-0"
             >
               {{ f.path }}
             </div>
-            <div v-if="fileList.length > 50" class="text-muted-foreground px-3 py-1 text-xs italic">
+            <div
+              v-if="fileList.length > 50"
+              class="px-3 py-1 text-xs text-muted-foreground italic"
+            >
               ...还有 {{ fileList.length - 50 }} 个文件
             </div>
           </div>
         </div>
 
-        <div v-if="targetBucket" class="overflow-hidden rounded-md border text-sm">
+        <div
+          v-if="targetBucket"
+          class="overflow-hidden rounded-md border text-sm"
+        >
           <div class="bg-muted px-3 py-1.5 text-xs font-medium">更新选项</div>
           <div class="divide-y">
             <div class="flex items-center justify-between px-3 py-2">
@@ -379,21 +414,32 @@ const handleUpload = async () => {
           </div>
         </div>
 
-        <div v-if="uploading" class="text-muted-foreground flex items-center gap-2 text-sm">
+        <div
+          v-if="uploading"
+          class="flex items-center gap-2 text-sm text-muted-foreground"
+        >
           <Loader2 class="h-4 w-4 animate-spin" />
-          正在上传第 {{ uploadProgress.current }} / {{ uploadProgress.total }} 个文件
+          正在上传第 {{ uploadProgress.current }} /
+          {{ uploadProgress.total }} 个文件
         </div>
 
-        <p v-if="processError" class="text-destructive text-sm">
+        <p v-if="processError" class="text-sm text-destructive">
           {{ processError }}
         </p>
       </div>
 
       <DialogFooter>
-        <Button variant="outline" :disabled="uploading" @click="$emit('update:open', false)">
+        <Button
+          variant="outline"
+          :disabled="uploading"
+          @click="$emit('update:open', false)"
+        >
           取消
         </Button>
-        <Button :disabled="uploading || processing || !canSubmit" @click="handleUpload">
+        <Button
+          :disabled="uploading || processing || !canSubmit"
+          @click="handleUpload"
+        >
           <Loader2 v-if="uploading" class="mr-1 h-4 w-4 animate-spin" />
           {{ targetBucket ? "上传" : "创建并上传" }}
         </Button>
diff --git a/src/components/token/components/TokenCreateModeSelect.vue b/src/components/token/components/TokenCreateModeSelect.vue
index d957d5b9..8ff5bc9c 100644
--- a/src/components/token/components/TokenCreateModeSelect.vue
+++ b/src/components/token/components/TokenCreateModeSelect.vue
@@ -1,7 +1,13 @@
 <script setup lang="ts">
 import { useI18n } from "vue-i18n";
 import { Button } from "@/components/ui/button";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
 import TokenTemplateList from "./TokenTemplateList.vue";
 import type { TokenTemplate } from "../tokenTemplates.ts";
 
@@ -35,8 +41,10 @@ const { t } = useI18n();
           {{ t("dashboard.token.create.custom.description") }}
         </CardDescription>
       </CardHeader>
-      <CardContent class="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
-        <div class="text-muted-foreground text-sm">
+      <CardContent
+        class="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between"
+      >
+        <div class="text-sm text-muted-foreground">
           {{ t("dashboard.token.create.custom.hint") }}
         </div>
         <Button type="button" @click="emits('select-custom')">
@@ -55,7 +63,9 @@ const { t } = useI18n();
         </CardDescription>
       </CardHeader>
       <CardContent>
-        <TokenTemplateList @select="(template) => emits('select-template', template)" />
+        <TokenTemplateList
+          @select="(template) => emits('select-template', template)"
+        />
       </CardContent>
     </Card>
   </div>
diff --git a/src/components/token/components/TokenEditorWorkspace.vue b/src/components/token/components/TokenEditorWorkspace.vue
index 574da966..09bb8ea4 100644
--- a/src/components/token/components/TokenEditorWorkspace.vue
+++ b/src/components/token/components/TokenEditorWorkspace.vue
@@ -39,10 +39,13 @@ const jsonText = ref("");
 const jsonErrorMessage = ref("");
 const skipNextTokenSync = ref(false);
 
-const serializedToken = computed(() => JSON.stringify(serializeTokenPayload(props.token), null, 2));
+const serializedToken = computed(() =>
+  JSON.stringify(serializeTokenPayload(props.token), null, 2),
+);
 
 const submitDisabled = computed(
-  () => props.disabled || props.loading || jsonErrorMessage.value.trim().length > 0,
+  () =>
+    props.disabled || props.loading || jsonErrorMessage.value.trim().length > 0,
 );
 
 watch(
@@ -69,7 +72,9 @@ const handleJsonChange = (value: string) => {
     const parsed = JSON.parse(value) as unknown;
     const result = applyPartialTokenPayload(props.token, parsed);
     jsonErrorMessage.value =
-      result.dataIssues.length > 0 ? result.dataIssues.map(formatJsonIssue).join(" ") : "";
+      result.dataIssues.length > 0
+        ? result.dataIssues.map(formatJsonIssue).join(" ")
+        : "";
 
     skipNextTokenSync.value = true;
     emits("update:token", result.token);
@@ -93,12 +98,19 @@ const handleJsonChange = (value: string) => {
       >
         {{ props.backLabel }}
       </Button>
-      <BaseInfoFrom :token="props.token" @update:token="(value) => emits('update:token', value)" />
+      <BaseInfoFrom
+        :token="props.token"
+        @update:token="(value) => emits('update:token', value)"
+      />
       <TokenLimitFrom
         :token="props.token"
         @update:token="(value) => emits('update:token', value)"
       />
-      <Button class="w-full" :disabled="submitDisabled" @click="emits('submit')">
+      <Button
+        class="w-full"
+        :disabled="submitDisabled"
+        @click="emits('submit')"
+      >
         <div v-if="props.loading">
           {{ props.submittingLabel }}
         </div>
diff --git a/src/components/token/components/TokenSuccessDialog.vue b/src/components/token/components/TokenSuccessDialog.vue
index b2698832..082edc9f 100644
--- a/src/components/token/components/TokenSuccessDialog.vue
+++ b/src/components/token/components/TokenSuccessDialog.vue
@@ -43,16 +43,23 @@ const handleCopy = async (value: string, successMessage: string) => {
     <DialogContent class="sm:max-w-xl">
       <DialogHeader>
         <DialogTitle>
-          {{ props.title ?? t("dashboard.token.create.createSuccessDialog.title") }}
+          {{
+            props.title ?? t("dashboard.token.create.createSuccessDialog.title")
+          }}
         </DialogTitle>
         <DialogDescription>
-          {{ props.description ?? t("dashboard.token.create.createSuccessDialog.description") }}
+          {{
+            props.description ??
+            t("dashboard.token.create.createSuccessDialog.description")
+          }}
         </DialogDescription>
       </DialogHeader>
 
       <div class="space-y-4">
         <div class="space-y-2">
-          <Label>{{ t("dashboard.token.create.createSuccessDialog.tokenKeyLabel") }}</Label>
+          <Label>{{
+            t("dashboard.token.create.createSuccessDialog.tokenKeyLabel")
+          }}</Label>
           <div class="flex items-center gap-2">
             <Input :model-value="props.tokenKey" readonly />
             <Button
@@ -62,20 +69,26 @@ const handleCopy = async (value: string, successMessage: string) => {
               @click="
                 handleCopy(
                   props.tokenKey,
-                  t('dashboard.token.create.createSuccessDialog.copyTokenKeySuccess'),
+                  t(
+                    'dashboard.token.create.createSuccessDialog.copyTokenKeySuccess',
+                  ),
                 )
               "
             >
               <Copy class="h-4 w-4" />
               <span class="sr-only">
-                {{ t("dashboard.token.create.createSuccessDialog.copyTokenKey") }}
+                {{
+                  t("dashboard.token.create.createSuccessDialog.copyTokenKey")
+                }}
               </span>
             </Button>
           </div>
         </div>
 
         <div class="space-y-2">
-          <Label>{{ t("dashboard.token.create.createSuccessDialog.tokenSecretLabel") }}</Label>
+          <Label>{{
+            t("dashboard.token.create.createSuccessDialog.tokenSecretLabel")
+          }}</Label>
           <div class="flex items-center gap-2">
             <Input :model-value="props.tokenSecret" readonly />
             <Button
@@ -85,13 +98,19 @@ const handleCopy = async (value: string, successMessage: string) => {
               @click="
                 handleCopy(
                   props.tokenSecret,
-                  t('dashboard.token.create.createSuccessDialog.copyToeknSecretSuccess'),
+                  t(
+                    'dashboard.token.create.createSuccessDialog.copyToeknSecretSuccess',
+                  ),
                 )
               "
             >
               <Copy class="h-4 w-4" />
               <span class="sr-only">
-                {{ t("dashboard.token.create.createSuccessDialog.copyTokenSecret") }}
+                {{
+                  t(
+                    "dashboard.token.create.createSuccessDialog.copyTokenSecret",
+                  )
+                }}
               </span>
             </Button>
           </div>
@@ -104,7 +123,9 @@ const handleCopy = async (value: string, successMessage: string) => {
           @click="
             handleCopy(
               `${props.tokenKey}:${props.tokenSecret}`,
-              t('dashboard.token.create.createSuccessDialog.copyFullTokenSuccess'),
+              t(
+                'dashboard.token.create.createSuccessDialog.copyFullTokenSuccess',
+              ),
             )
           "
         >
diff --git a/src/components/token/components/TokenTemplateList.vue b/src/components/token/components/TokenTemplateList.vue
index bd613995..c5caf883 100644
--- a/src/components/token/components/TokenTemplateList.vue
+++ b/src/components/token/components/TokenTemplateList.vue
@@ -24,10 +24,10 @@ const templates = computed(() => TOKEN_TEMPLATES);
               {{ t(template.nameKey) }}
             </div>
           </TableCell>
-          <TableCell class="text-muted-foreground align-top text-sm">
+          <TableCell class="align-top text-sm text-muted-foreground">
             {{ t(template.descriptionKey) }}
           </TableCell>
-          <TableCell class="w-[1%] text-right align-middle whitespace-nowrap">
+          <TableCell class="w-[1%] whitespace-nowrap text-right align-middle">
             <Button type="button" @click="emits('select', template)">
               {{ t("dashboard.token.create.templates.useTemplate") }}
             </Button>
diff --git a/src/components/token/components/baseInfoFrom.vue b/src/components/token/components/baseInfoFrom.vue
index 2a630d16..dc2e17ab 100644
--- a/src/components/token/components/baseInfoFrom.vue
+++ b/src/components/token/components/baseInfoFrom.vue
@@ -6,7 +6,11 @@ import { generateUuid } from "../scopeCodec";
 import { ChevronDown, CircleX } from "lucide-vue-next";
 import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@/components/ui/collapsible";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from "@/components/ui/collapsible";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
 
@@ -20,7 +24,9 @@ const { t } = useI18n();
 
 const isOpen = ref(false);
 const localToken = ref<Token>(props.token);
-const timestampFromInput = ref(formatTimestampForInput(props.token.timestamp_from));
+const timestampFromInput = ref(
+  formatTimestampForInput(props.token.timestamp_from),
+);
 const timestampToInput = ref(formatTimestampForInput(props.token.timestamp_to));
 
 watch(
@@ -173,12 +179,14 @@ const clearTimestampTo = () => {
                 :max="timestampFromMax"
                 @blur="handleTimestampFromBlur"
                 type="datetime-local"
-                :placeholder="t('dashboard.token.tokenInfo.startTimePlaceholder')"
+                :placeholder="
+                  t('dashboard.token.tokenInfo.startTimePlaceholder')
+                "
               ></Input>
               <button
                 v-if="timestampFromInput"
                 type="button"
-                class="text-muted-foreground hover:text-foreground focus-visible:text-foreground focus-visible:ring-ring/50 bg-background/80 pointer-events-none absolute top-1/2 right-2 z-10 -translate-y-1/2 rounded-sm p-0.5 opacity-0 shadow-sm transition-opacity group-focus-within:pointer-events-auto group-focus-within:opacity-100 group-hover:pointer-events-auto group-hover:opacity-100 focus-visible:pointer-events-auto focus-visible:opacity-100 focus-visible:ring-[1px] focus-visible:outline-none"
+                class="text-muted-foreground hover:text-foreground focus-visible:text-foreground focus-visible:ring-ring/50 absolute top-1/2 right-2 z-10 -translate-y-1/2 rounded-sm bg-background/80 p-0.5 opacity-0 shadow-sm transition-opacity pointer-events-none group-hover:pointer-events-auto group-hover:opacity-100 group-focus-within:pointer-events-auto group-focus-within:opacity-100 focus-visible:pointer-events-auto focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-[1px]"
                 @click="clearTimestampFrom"
               >
                 <CircleX class="h-4 w-4" />
@@ -200,7 +208,7 @@ const clearTimestampTo = () => {
               <button
                 v-if="timestampToInput"
                 type="button"
-                class="text-muted-foreground hover:text-foreground focus-visible:text-foreground focus-visible:ring-ring/50 bg-background/80 pointer-events-none absolute top-1/2 right-2 z-10 -translate-y-1/2 rounded-sm p-0.5 opacity-0 shadow-sm transition-opacity group-focus-within:pointer-events-auto group-focus-within:opacity-100 group-hover:pointer-events-auto group-hover:opacity-100 focus-visible:pointer-events-auto focus-visible:opacity-100 focus-visible:ring-[1px] focus-visible:outline-none"
+                class="text-muted-foreground hover:text-foreground focus-visible:text-foreground focus-visible:ring-ring/50 absolute top-1/2 right-2 z-10 -translate-y-1/2 rounded-sm bg-background/80 p-0.5 opacity-0 shadow-sm transition-opacity pointer-events-none group-hover:pointer-events-auto group-hover:opacity-100 group-focus-within:pointer-events-auto group-focus-within:opacity-100 focus-visible:pointer-events-auto focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-[1px]"
                 @click="clearTimestampTo"
               >
                 <CircleX class="h-4 w-4" />
diff --git a/src/components/token/components/limitScopeConfig.vue b/src/components/token/components/limitScopeConfig.vue
index 55d1eccb..63e81538 100644
--- a/src/components/token/components/limitScopeConfig.vue
+++ b/src/components/token/components/limitScopeConfig.vue
@@ -40,7 +40,9 @@ const useKv = useKvHook();
 const { t } = useI18n();
 
 const localScope = ref<TokenLimitScope>(props.scope);
-const activeTab = ref<ScopeTabValue>(props.scopeTab ?? detectScopeTab(props.scope));
+const activeTab = ref<ScopeTabValue>(
+  props.scopeTab ?? detectScopeTab(props.scope),
+);
 const agentList = ref<AgentOption[]>([]);
 const agentUuidLoading = ref(false);
 const agentUuidLoaded = ref(false);
@@ -153,15 +155,20 @@ const handleTabChange = (value: string) => {
   }
 };
 
-const selectedAgentUuids = computed(() => getSelectedAgentUuids(localScope.value));
+const selectedAgentUuids = computed(() =>
+  getSelectedAgentUuids(localScope.value),
+);
 
-const selectedKvNamespaces = computed(() => getSelectedKvNamespaces(localScope.value));
+const selectedKvNamespaces = computed(() =>
+  getSelectedKvNamespaces(localScope.value),
+);
 
 const dedupeTargets = (targets: string[]) => {
   return [...new Set(targets.map((item) => item.trim()).filter(Boolean))];
 };
 
-const isAgentUuidChecked = (value: string) => selectedAgentUuids.value.includes(value);
+const isAgentUuidChecked = (value: string) =>
+  selectedAgentUuids.value.includes(value);
 
 const toggleAgentUuid = (value: string, isChecked: boolean) => {
   if (activeTab.value !== "AgentUuid") {
@@ -180,7 +187,8 @@ const toggleAgentUuid = (value: string, isChecked: boolean) => {
   );
 };
 
-const isKvNamespaceChecked = (value: string) => selectedKvNamespaces.value.includes(value);
+const isKvNamespaceChecked = (value: string) =>
+  selectedKvNamespaces.value.includes(value);
 
 const toggleKvNamespace = (value: string, isChecked: boolean) => {
   if (activeTab.value !== "KvNamespace") {
@@ -211,7 +219,9 @@ const formatAgentLabel = (agent: AgentOption) => {
 };
 
 const normalizeTargets = (targets: AcceptableInputValue[]) => {
-  return targets.filter((target): target is string => typeof target === "string");
+  return targets.filter(
+    (target): target is string => typeof target === "string",
+  );
 };
 
 const updateJsWorkerScopes = (value: AcceptableInputValue[]) => {
@@ -236,7 +246,11 @@ const getCheckboxId = (value: string) => `${checkboxIdPrefix}-${value}`;
     </CardHeader>
 
     <CardContent class="grid gap-6 space-y-6">
-      <Tabs v-model="activeTab" class="w-full" @update:modelValue="handleTabChange">
+      <Tabs
+        v-model="activeTab"
+        class="w-full"
+        @update:modelValue="handleTabChange"
+      >
         <TabsList>
           <TabsTrigger value="Global">
             {{ t("dashboard.token.permissionsConfig.limitItem.scope.global") }}
@@ -248,11 +262,17 @@ const getCheckboxId = (value: string) => `${checkboxIdPrefix}-${value}`;
             {{ t("dashboard.token.permissionsConfig.limitItem.scope.kv") }}
           </TabsTrigger>
           <TabsTrigger value="JsWorker">
-            {{ t("dashboard.token.permissionsConfig.limitItem.scope.jsWorker") }}
+            {{
+              t("dashboard.token.permissionsConfig.limitItem.scope.jsWorker")
+            }}
           </TabsTrigger>
         </TabsList>
         <TabsContent value="Global">
-          {{ t("dashboard.token.permissionsConfig.limitItem.scope.globalDescription") }}
+          {{
+            t(
+              "dashboard.token.permissionsConfig.limitItem.scope.globalDescription",
+            )
+          }}
         </TabsContent>
         <TabsContent value="AgentUuid" class="space-y-1">
           <div class="flex w-full justify-end">
@@ -265,15 +285,22 @@ const getCheckboxId = (value: string) => `${checkboxIdPrefix}-${value}`;
             </Button>
           </div>
           <div class="space-y-2">
-            <div v-for="item in agentList" :key="item.uuid" class="flex items-center space-x-2">
+            <div
+              v-for="item in agentList"
+              :key="item.uuid"
+              class="flex items-center space-x-2"
+            >
               <Checkbox
                 :id="getCheckboxId(item.uuid)"
                 :modelValue="isAgentUuidChecked(item.uuid)"
                 @update:modelValue="
-                  (checked: CheckboxCheckedState) => toggleAgentUuid(item.uuid, checked === true)
+                  (checked: CheckboxCheckedState) =>
+                    toggleAgentUuid(item.uuid, checked === true)
                 "
               />
-              <Label :for="getCheckboxId(item.uuid)">{{ formatAgentLabel(item) }}</Label>
+              <Label :for="getCheckboxId(item.uuid)">{{
+                formatAgentLabel(item)
+              }}</Label>
             </div>
           </div>
         </TabsContent>
@@ -297,7 +324,8 @@ const getCheckboxId = (value: string) => `${checkboxIdPrefix}-${value}`;
                 :id="getCheckboxId(item)"
                 :modelValue="isKvNamespaceChecked(item)"
                 @update:modelValue="
-                  (checked: CheckboxCheckedState) => toggleKvNamespace(item, checked === true)
+                  (checked: CheckboxCheckedState) =>
+                    toggleKvNamespace(item, checked === true)
                 "
               />
               <Label :for="getCheckboxId(item)">{{ item }}</Label>
@@ -305,8 +333,12 @@ const getCheckboxId = (value: string) => `${checkboxIdPrefix}-${value}`;
           </div>
         </TabsContent>
         <TabsContent value="JsWorker" class="space-y-3">
-          <div class="text-muted-foreground text-sm">
-            {{ t("dashboard.token.permissionsConfig.limitItem.scope.jsWorkerDescription") }}
+          <div class="text-sm text-muted-foreground">
+            {{
+              t(
+                "dashboard.token.permissionsConfig.limitItem.scope.jsWorkerDescription",
+              )
+            }}
           </div>
           <TagsInput
             :model-value="jsWorkerScopes"
@@ -326,7 +358,9 @@ const getCheckboxId = (value: string) => `${checkboxIdPrefix}-${value}`;
             </div>
             <TagsInputInput
               :placeholder="
-                t('dashboard.token.permissionsConfig.limitItem.scope.jsWorkerPlaceholder')
+                t(
+                  'dashboard.token.permissionsConfig.limitItem.scope.jsWorkerPlaceholder',
+                )
               "
               class="w-full px-0 pt-2"
             />
diff --git a/src/components/token/components/permissions/CrontabPermission.vue b/src/components/token/components/permissions/CrontabPermission.vue
index cb4bb9b1..1e3a6437 100644
--- a/src/components/token/components/permissions/CrontabPermission.vue
+++ b/src/components/token/components/permissions/CrontabPermission.vue
@@ -16,7 +16,9 @@ const read = ref(false);
 const write = ref(false);
 const del = ref(false);
 const hydrating = ref(false);
-const { isOpen, handleToggle } = usePermissionModuleOpen(() => props.modelValue);
+const { isOpen, handleToggle } = usePermissionModuleOpen(
+  () => props.modelValue,
+);
 
 const build = (): PermissionEntry[] => {
   const result: PermissionEntry[] = [];
@@ -64,12 +66,25 @@ watch(
 
 <template>
   <details class="rounded-md border p-3" :open="isOpen" @toggle="handleToggle">
-    <summary class="cursor-pointer text-sm font-medium select-none">
-      {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.crontab.title") }}
+    <summary class="cursor-pointer select-none text-sm font-medium">
+      {{
+        t(
+          "dashboard.token.permissionsConfig.limitItem.permissionCard.crontab.title",
+        )
+      }}
     </summary>
     <div class="mt-3 flex flex-wrap gap-2">
-      <Button type="button" size="sm" :variant="read ? 'default' : 'outline'" @click="read = !read">
-        {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.crontab.read") }}
+      <Button
+        type="button"
+        size="sm"
+        :variant="read ? 'default' : 'outline'"
+        @click="read = !read"
+      >
+        {{
+          t(
+            "dashboard.token.permissionsConfig.limitItem.permissionCard.crontab.read",
+          )
+        }}
       </Button>
       <Button
         type="button"
@@ -77,10 +92,23 @@ watch(
         :variant="write ? 'default' : 'outline'"
         @click="write = !write"
       >
-        {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.crontab.write") }}
+        {{
+          t(
+            "dashboard.token.permissionsConfig.limitItem.permissionCard.crontab.write",
+          )
+        }}
       </Button>
-      <Button type="button" size="sm" :variant="del ? 'default' : 'outline'" @click="del = !del">
-        {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.crontab.delete") }}
+      <Button
+        type="button"
+        size="sm"
+        :variant="del ? 'default' : 'outline'"
+        @click="del = !del"
+      >
+        {{
+          t(
+            "dashboard.token.permissionsConfig.limitItem.permissionCard.crontab.delete",
+          )
+        }}
       </Button>
     </div>
   </details>
diff --git a/src/components/token/components/permissions/CrontabResultPermission.vue b/src/components/token/components/permissions/CrontabResultPermission.vue
index 02ae0062..e80381af 100644
--- a/src/components/token/components/permissions/CrontabResultPermission.vue
+++ b/src/components/token/components/permissions/CrontabResultPermission.vue
@@ -21,7 +21,9 @@ const { t } = useI18n();
 const readTargets = ref<string[]>([]);
 const deleteTargets = ref<string[]>([]);
 const hydrating = ref(false);
-const { isOpen, handleToggle } = usePermissionModuleOpen(() => props.modelValue);
+const { isOpen, handleToggle } = usePermissionModuleOpen(
+  () => props.modelValue,
+);
 
 type CrontabResultKind = "read" | "delete";
 
@@ -91,10 +93,15 @@ const getTargetsRef = (kind: CrontabResultKind) => {
 };
 
 const normalizeTargets = (targets: AcceptableInputValue[]) => {
-  return targets.filter((target): target is string => typeof target === "string");
+  return targets.filter(
+    (target): target is string => typeof target === "string",
+  );
 };
 
-const updateTargets = (kind: CrontabResultKind, value: AcceptableInputValue[]) => {
+const updateTargets = (
+  kind: CrontabResultKind,
+  value: AcceptableInputValue[],
+) => {
   const targets = getTargetsRef(kind);
   targets.value = dedupeTargets(normalizeTargets(value));
 };
@@ -124,14 +131,20 @@ watch(
 
 <template>
   <details class="rounded-md border p-3" :open="isOpen" @toggle="handleToggle">
-    <summary class="cursor-pointer text-sm font-medium select-none">
-      {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.crontabReault.title") }}
+    <summary class="cursor-pointer select-none text-sm font-medium">
+      {{
+        t(
+          "dashboard.token.permissionsConfig.limitItem.permissionCard.crontabReault.title",
+        )
+      }}
     </summary>
     <div class="mt-3 space-y-3">
       <div class="space-y-1">
-        <div class="text-muted-foreground text-xs">
+        <div class="text-xs text-muted-foreground">
           {{
-            t("dashboard.token.permissionsConfig.limitItem.permissionCard.crontabReault.readTarget")
+            t(
+              "dashboard.token.permissionsConfig.limitItem.permissionCard.crontabReault.readTarget",
+            )
           }}
         </div>
         <TagsInput
@@ -141,7 +154,11 @@ watch(
           @update:model-value="updateTargets('read', $event)"
         >
           <div class="flex flex-wrap gap-2">
-            <TagsInputItem v-for="target in readTargets" :key="`read-${target}`" :value="target">
+            <TagsInputItem
+              v-for="target in readTargets"
+              :key="`read-${target}`"
+              :value="target"
+            >
               <TagsInputItemText />
               <TagsInputItemDelete />
             </TagsInputItem>
@@ -151,7 +168,7 @@ watch(
       </div>
 
       <div class="space-y-1">
-        <div class="text-muted-foreground text-xs">
+        <div class="text-xs text-muted-foreground">
           {{
             t(
               "dashboard.token.permissionsConfig.limitItem.permissionCard.crontabReault.deleteTarget",
diff --git a/src/components/token/components/permissions/DynamicMonitoringPermission.vue b/src/components/token/components/permissions/DynamicMonitoringPermission.vue
index 07688f21..4c11d917 100644
--- a/src/components/token/components/permissions/DynamicMonitoringPermission.vue
+++ b/src/components/token/components/permissions/DynamicMonitoringPermission.vue
@@ -6,7 +6,15 @@ import { Button } from "@/components/ui/button";
 import { arePermissionEntriesEqual } from "./permissionsState";
 import { usePermissionModuleOpen } from "./usePermissionModuleOpen";
 
-const FIELDS = ["cpu", "ram", "load", "system", "disk", "network", "gpu"] as const;
+const FIELDS = [
+  "cpu",
+  "ram",
+  "load",
+  "system",
+  "disk",
+  "network",
+  "gpu",
+] as const;
 
 const props = defineProps<{ modelValue: PermissionEntry[] }>();
 const emits = defineEmits<{
@@ -18,7 +26,9 @@ const readTargets = ref<string[]>([]);
 const writeEnabled = ref(false);
 const deleteEnabled = ref(false);
 const hydrating = ref(false);
-const { isOpen, handleToggle } = usePermissionModuleOpen(() => props.modelValue);
+const { isOpen, handleToggle } = usePermissionModuleOpen(
+  () => props.modelValue,
+);
 
 const toggleReadTarget = (target: string) => {
   const index = readTargets.value.indexOf(target);
@@ -38,7 +48,8 @@ const toggleDelete = () => {
 
 const build = (): PermissionEntry[] => {
   const result: PermissionEntry[] = [];
-  for (const field of readTargets.value) result.push({ dynamic_monitoring: { read: field } });
+  for (const field of readTargets.value)
+    result.push({ dynamic_monitoring: { read: field } });
   if (writeEnabled.value) result.push({ dynamic_monitoring: "write" });
   if (deleteEnabled.value) result.push({ dynamic_monitoring: "delete" });
   return result;
@@ -92,12 +103,20 @@ watch(
 
 <template>
   <details class="rounded-md border p-3" :open="isOpen" @toggle="handleToggle">
-    <summary class="cursor-pointer text-sm font-medium select-none">
-      {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.dynamicMonitoring.title") }}
+    <summary class="cursor-pointer select-none text-sm font-medium">
+      {{
+        t(
+          "dashboard.token.permissionsConfig.limitItem.permissionCard.dynamicMonitoring.title",
+        )
+      }}
     </summary>
     <div class="mt-3 space-y-2">
-      <div class="text-muted-foreground text-xs">
-        {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.dynamicMonitoring.read") }}
+      <div class="text-xs text-muted-foreground">
+        {{
+          t(
+            "dashboard.token.permissionsConfig.limitItem.permissionCard.dynamicMonitoring.read",
+          )
+        }}
       </div>
       <div class="flex flex-wrap gap-2">
         <Button
@@ -110,9 +129,11 @@ watch(
           >{{ field }}</Button
         >
       </div>
-      <div class="text-muted-foreground text-xs">
+      <div class="text-xs text-muted-foreground">
         {{
-          t("dashboard.token.permissionsConfig.limitItem.permissionCard.dynamicMonitoring.write")
+          t(
+            "dashboard.token.permissionsConfig.limitItem.permissionCard.dynamicMonitoring.write",
+          )
         }}
       </div>
       <div class="flex flex-wrap gap-2">
@@ -123,13 +144,17 @@ watch(
           @click="toggleWrite"
         >
           {{
-            t("dashboard.token.permissionsConfig.limitItem.permissionCard.dynamicMonitoring.write")
+            t(
+              "dashboard.token.permissionsConfig.limitItem.permissionCard.dynamicMonitoring.write",
+            )
           }}
         </Button>
       </div>
-      <div class="text-muted-foreground text-xs">
+      <div class="text-xs text-muted-foreground">
         {{
-          t("dashboard.token.permissionsConfig.limitItem.permissionCard.dynamicMonitoring.delete")
+          t(
+            "dashboard.token.permissionsConfig.limitItem.permissionCard.dynamicMonitoring.delete",
+          )
         }}
       </div>
       <div class="flex flex-wrap gap-2">
@@ -140,7 +165,9 @@ watch(
           @click="toggleDelete"
         >
           {{
-            t("dashboard.token.permissionsConfig.limitItem.permissionCard.dynamicMonitoring.delete")
+            t(
+              "dashboard.token.permissionsConfig.limitItem.permissionCard.dynamicMonitoring.delete",
+            )
           }}
         </Button>
       </div>
diff --git a/src/components/token/components/permissions/DynamicMonitoringSummaryPermission.vue b/src/components/token/components/permissions/DynamicMonitoringSummaryPermission.vue
index 812e604e..837effa2 100644
--- a/src/components/token/components/permissions/DynamicMonitoringSummaryPermission.vue
+++ b/src/components/token/components/permissions/DynamicMonitoringSummaryPermission.vue
@@ -16,7 +16,9 @@ const readEnabled = ref(false);
 const writeEnabled = ref(false);
 const deleteEnabled = ref(false);
 const hydrating = ref(false);
-const { isOpen, handleToggle } = usePermissionModuleOpen(() => props.modelValue);
+const { isOpen, handleToggle } = usePermissionModuleOpen(
+  () => props.modelValue,
+);
 
 const build = (): PermissionEntry[] => {
   const result: PermissionEntry[] = [];
@@ -80,7 +82,7 @@ watch(
 
 <template>
   <details class="rounded-md border p-3" :open="isOpen" @toggle="handleToggle">
-    <summary class="cursor-pointer text-sm font-medium select-none">
+    <summary class="cursor-pointer select-none text-sm font-medium">
       {{
         t(
           "dashboard.token.permissionsConfig.limitItem.permissionCard.dynamicMonitoringSummary.title",
@@ -88,7 +90,7 @@ watch(
       }}
     </summary>
     <div class="mt-3 space-y-2">
-      <div class="text-muted-foreground text-xs">
+      <div class="text-xs text-muted-foreground">
         {{
           t(
             "dashboard.token.permissionsConfig.limitItem.permissionCard.dynamicMonitoringSummary.read",
@@ -109,7 +111,7 @@ watch(
           }}
         </Button>
       </div>
-      <div class="text-muted-foreground text-xs">
+      <div class="text-xs text-muted-foreground">
         {{
           t(
             "dashboard.token.permissionsConfig.limitItem.permissionCard.dynamicMonitoringSummary.write",
@@ -130,7 +132,7 @@ watch(
           }}
         </Button>
       </div>
-      <div class="text-muted-foreground text-xs">
+      <div class="text-xs text-muted-foreground">
         {{
           t(
             "dashboard.token.permissionsConfig.limitItem.permissionCard.dynamicMonitoringSummary.delete",
diff --git a/src/components/token/components/permissions/JsResultPermission.vue b/src/components/token/components/permissions/JsResultPermission.vue
index 3a02764e..632a7893 100644
--- a/src/components/token/components/permissions/JsResultPermission.vue
+++ b/src/components/token/components/permissions/JsResultPermission.vue
@@ -21,7 +21,9 @@ const { t } = useI18n();
 const readTargets = ref<string[]>([]);
 const deleteTargets = ref<string[]>([]);
 const hydrating = ref(false);
-const { isOpen, handleToggle } = usePermissionModuleOpen(() => props.modelValue);
+const { isOpen, handleToggle } = usePermissionModuleOpen(
+  () => props.modelValue,
+);
 
 type JsResultKind = "read" | "delete";
 
@@ -92,7 +94,9 @@ const getTargetsRef = (kind: JsResultKind) => {
 };
 
 const normalizeTargets = (targets: AcceptableInputValue[]) => {
-  return targets.filter((target): target is string => typeof target === "string");
+  return targets.filter(
+    (target): target is string => typeof target === "string",
+  );
 };
 
 const updateTargets = (kind: JsResultKind, value: AcceptableInputValue[]) => {
@@ -125,13 +129,21 @@ watch(
 
 <template>
   <details class="rounded-md border p-3" :open="isOpen" @toggle="handleToggle">
-    <summary class="cursor-pointer text-sm font-medium select-none">
-      {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.jsResult.title") }}
+    <summary class="cursor-pointer select-none text-sm font-medium">
+      {{
+        t(
+          "dashboard.token.permissionsConfig.limitItem.permissionCard.jsResult.title",
+        )
+      }}
     </summary>
     <div class="mt-3 space-y-3">
       <div class="space-y-1">
-        <div class="text-muted-foreground text-xs">
-          {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.jsResult.readTarget") }}
+        <div class="text-xs text-muted-foreground">
+          {{
+            t(
+              "dashboard.token.permissionsConfig.limitItem.permissionCard.jsResult.readTarget",
+            )
+          }}
         </div>
         <TagsInput
           :model-value="readTargets"
@@ -140,7 +152,11 @@ watch(
           @update:model-value="updateTargets('read', $event)"
         >
           <div class="flex flex-wrap gap-2">
-            <TagsInputItem v-for="target in readTargets" :key="`read-${target}`" :value="target">
+            <TagsInputItem
+              v-for="target in readTargets"
+              :key="`read-${target}`"
+              :value="target"
+            >
               <TagsInputItemText />
               <TagsInputItemDelete />
             </TagsInputItem>
@@ -150,9 +166,11 @@ watch(
       </div>
 
       <div class="space-y-1">
-        <div class="text-muted-foreground text-xs">
+        <div class="text-xs text-muted-foreground">
           {{
-            t("dashboard.token.permissionsConfig.limitItem.permissionCard.jsResult.deleteTarget")
+            t(
+              "dashboard.token.permissionsConfig.limitItem.permissionCard.jsResult.deleteTarget",
+            )
           }}
         </div>
         <TagsInput
diff --git a/src/components/token/components/permissions/JsWorkerPermission.vue b/src/components/token/components/permissions/JsWorkerPermission.vue
index cb318aea..ebecf4b0 100644
--- a/src/components/token/components/permissions/JsWorkerPermission.vue
+++ b/src/components/token/components/permissions/JsWorkerPermission.vue
@@ -20,7 +20,9 @@ const remove = ref(false);
 const runDefinedJsWorker = ref(false);
 const runRawJsWorker = ref(false);
 const hydrating = ref(false);
-const { isOpen, handleToggle } = usePermissionModuleOpen(() => props.modelValue);
+const { isOpen, handleToggle } = usePermissionModuleOpen(
+  () => props.modelValue,
+);
 
 const build = (): PermissionEntry[] => {
   const entries: PermissionEntry[] = [];
@@ -51,13 +53,19 @@ const build = (): PermissionEntry[] => {
 };
 
 const hydrate = (entries: PermissionEntry[]) => {
-  listAllJsWorker.value = entries.some((entry) => entry?.js_worker === "list_all_js_worker");
+  listAllJsWorker.value = entries.some(
+    (entry) => entry?.js_worker === "list_all_js_worker",
+  );
   create.value = entries.some((entry) => entry?.js_worker === "create");
   read.value = entries.some((entry) => entry?.js_worker === "read");
   write.value = entries.some((entry) => entry?.js_worker === "write");
   remove.value = entries.some((entry) => entry?.js_worker === "delete");
-  runDefinedJsWorker.value = entries.some((entry) => entry?.js_worker === "run_defined_js_worker");
-  runRawJsWorker.value = entries.some((entry) => entry?.js_worker === "run_raw_js_worker");
+  runDefinedJsWorker.value = entries.some(
+    (entry) => entry?.js_worker === "run_defined_js_worker",
+  );
+  runRawJsWorker.value = entries.some(
+    (entry) => entry?.js_worker === "run_raw_js_worker",
+  );
 };
 
 watch(
@@ -73,18 +81,33 @@ watch(
   { immediate: true, deep: true },
 );
 
-watch([listAllJsWorker, create, read, write, remove, runDefinedJsWorker, runRawJsWorker], () => {
-  if (hydrating.value) return;
-  const nextEntries = build();
-  if (arePermissionEntriesEqual(nextEntries, props.modelValue)) return;
-  emits("update:modelValue", nextEntries);
-});
+watch(
+  [
+    listAllJsWorker,
+    create,
+    read,
+    write,
+    remove,
+    runDefinedJsWorker,
+    runRawJsWorker,
+  ],
+  () => {
+    if (hydrating.value) return;
+    const nextEntries = build();
+    if (arePermissionEntriesEqual(nextEntries, props.modelValue)) return;
+    emits("update:modelValue", nextEntries);
+  },
+);
 </script>
 
 <template>
   <details class="rounded-md border p-3" :open="isOpen" @toggle="handleToggle">
-    <summary class="cursor-pointer text-sm font-medium select-none">
-      {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.jsWorker.title") }}
+    <summary class="cursor-pointer select-none text-sm font-medium">
+      {{
+        t(
+          "dashboard.token.permissionsConfig.limitItem.permissionCard.jsWorker.title",
+        )
+      }}
     </summary>
     <div class="mt-3 flex flex-wrap gap-2">
       <Button
@@ -94,7 +117,9 @@ watch([listAllJsWorker, create, read, write, remove, runDefinedJsWorker, runRawJ
         @click="listAllJsWorker = !listAllJsWorker"
       >
         {{
-          t("dashboard.token.permissionsConfig.limitItem.permissionCard.jsWorker.listAllJsWorker")
+          t(
+            "dashboard.token.permissionsConfig.limitItem.permissionCard.jsWorker.listAllJsWorker",
+          )
         }}
       </Button>
       <Button
@@ -103,10 +128,23 @@ watch([listAllJsWorker, create, read, write, remove, runDefinedJsWorker, runRawJ
         :variant="create ? 'default' : 'outline'"
         @click="create = !create"
       >
-        {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.jsWorker.create") }}
+        {{
+          t(
+            "dashboard.token.permissionsConfig.limitItem.permissionCard.jsWorker.create",
+          )
+        }}
       </Button>
-      <Button type="button" size="sm" :variant="read ? 'default' : 'outline'" @click="read = !read">
-        {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.jsWorker.read") }}
+      <Button
+        type="button"
+        size="sm"
+        :variant="read ? 'default' : 'outline'"
+        @click="read = !read"
+      >
+        {{
+          t(
+            "dashboard.token.permissionsConfig.limitItem.permissionCard.jsWorker.read",
+          )
+        }}
       </Button>
       <Button
         type="button"
@@ -114,7 +152,11 @@ watch([listAllJsWorker, create, read, write, remove, runDefinedJsWorker, runRawJ
         :variant="write ? 'default' : 'outline'"
         @click="write = !write"
       >
-        {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.jsWorker.write") }}
+        {{
+          t(
+            "dashboard.token.permissionsConfig.limitItem.permissionCard.jsWorker.write",
+          )
+        }}
       </Button>
       <Button
         type="button"
@@ -122,7 +164,11 @@ watch([listAllJsWorker, create, read, write, remove, runDefinedJsWorker, runRawJ
         :variant="remove ? 'default' : 'outline'"
         @click="remove = !remove"
       >
-        {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.jsWorker.delete") }}
+        {{
+          t(
+            "dashboard.token.permissionsConfig.limitItem.permissionCard.jsWorker.delete",
+          )
+        }}
       </Button>
       <Button
         type="button"
@@ -143,7 +189,9 @@ watch([listAllJsWorker, create, read, write, remove, runDefinedJsWorker, runRawJ
         @click="runRawJsWorker = !runRawJsWorker"
       >
         {{
-          t("dashboard.token.permissionsConfig.limitItem.permissionCard.jsWorker.runRawJsWorker")
+          t(
+            "dashboard.token.permissionsConfig.limitItem.permissionCard.jsWorker.runRawJsWorker",
+          )
         }}
       </Button>
     </div>
diff --git a/src/components/token/components/permissions/KvPermission.vue b/src/components/token/components/permissions/KvPermission.vue
index dae4a83b..f25711be 100644
--- a/src/components/token/components/permissions/KvPermission.vue
+++ b/src/components/token/components/permissions/KvPermission.vue
@@ -31,7 +31,9 @@ const readTargets = ref<string[]>([]);
 const writeTargets = ref<string[]>([]);
 const deleteTargets = ref<string[]>([]);
 const hydrating = ref(false);
-const { isOpen, handleToggle } = usePermissionModuleOpen(() => props.modelValue);
+const { isOpen, handleToggle } = usePermissionModuleOpen(
+  () => props.modelValue,
+);
 
 const build = (): PermissionEntry[] => {
   return buildKvPermissions({
@@ -61,7 +63,9 @@ const getTargetsRef = (kind: KvTargetKind) => {
 };
 
 const normalizeTargets = (targets: AcceptableInputValue[]) => {
-  return targets.filter((target): target is string => typeof target === "string");
+  return targets.filter(
+    (target): target is string => typeof target === "string",
+  );
 };
 
 const sanitizeTargets = (targets: string[]) => {
@@ -119,8 +123,10 @@ watch(
 
 <template>
   <details class="rounded-md border p-3" :open="isOpen" @toggle="handleToggle">
-    <summary class="cursor-pointer text-sm font-medium select-none">
-      {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.kv.title") }}
+    <summary class="cursor-pointer select-none text-sm font-medium">
+      {{
+        t("dashboard.token.permissionsConfig.limitItem.permissionCard.kv.title")
+      }}
     </summary>
     <div class="mt-3 space-y-3 space-x-2">
       <Button
@@ -128,20 +134,32 @@ watch(
         :variant="listAllKeys ? 'default' : 'outline'"
         @click="listAllKeys = !listAllKeys"
       >
-        {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.kv.listAllKeys") }}
+        {{
+          t(
+            "dashboard.token.permissionsConfig.limitItem.permissionCard.kv.listAllKeys",
+          )
+        }}
       </Button>
       <Button
         size="sm"
         :variant="listAllNamespace ? 'default' : 'outline'"
         @click="listAllNamespace = !listAllNamespace"
       >
-        {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.kv.listAllNamespaces") }}
+        {{
+          t(
+            "dashboard.token.permissionsConfig.limitItem.permissionCard.kv.listAllNamespaces",
+          )
+        }}
       </Button>
 
       <div class="space-y-3">
         <div class="space-y-1">
-          <div class="text-muted-foreground text-xs">
-            {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.kv.readTarget") }}
+          <div class="text-xs text-muted-foreground">
+            {{
+              t(
+                "dashboard.token.permissionsConfig.limitItem.permissionCard.kv.readTarget",
+              )
+            }}
           </div>
           <TagsInput
             :model-value="readTargets"
@@ -150,7 +168,11 @@ watch(
             @update:model-value="updateTargets('read', $event)"
           >
             <div class="flex flex-wrap gap-2">
-              <TagsInputItem v-for="target in readTargets" :key="`read-${target}`" :value="target">
+              <TagsInputItem
+                v-for="target in readTargets"
+                :key="`read-${target}`"
+                :value="target"
+              >
                 <TagsInputItemText />
                 <TagsInputItemDelete />
               </TagsInputItem>
@@ -160,8 +182,12 @@ watch(
         </div>
 
         <div class="space-y-1">
-          <div class="text-muted-foreground text-xs">
-            {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.kv.writeTarget") }}
+          <div class="text-xs text-muted-foreground">
+            {{
+              t(
+                "dashboard.token.permissionsConfig.limitItem.permissionCard.kv.writeTarget",
+              )
+            }}
           </div>
           <TagsInput
             :model-value="writeTargets"
@@ -179,13 +205,20 @@ watch(
                 <TagsInputItemDelete />
               </TagsInputItem>
             </div>
-            <TagsInputInput placeholder="runtime_config" class="w-full px-0 pt-2" />
+            <TagsInputInput
+              placeholder="runtime_config"
+              class="w-full px-0 pt-2"
+            />
           </TagsInput>
         </div>
 
         <div class="space-y-1">
-          <div class="text-muted-foreground text-xs">
-            {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.kv.deleteTarget") }}
+          <div class="text-xs text-muted-foreground">
+            {{
+              t(
+                "dashboard.token.permissionsConfig.limitItem.permissionCard.kv.deleteTarget",
+              )
+            }}
           </div>
           <TagsInput
             :model-value="deleteTargets"
diff --git a/src/components/token/components/permissions/NodeGetPermission.vue b/src/components/token/components/permissions/NodeGetPermission.vue
index 1d7530d1..b23b5c1a 100644
--- a/src/components/token/components/permissions/NodeGetPermission.vue
+++ b/src/components/token/components/permissions/NodeGetPermission.vue
@@ -15,7 +15,9 @@ const { t } = useI18n();
 const listAllAgentUuid = ref(false);
 const getRtPool = ref(false);
 const hydrating = ref(false);
-const { isOpen, handleToggle } = usePermissionModuleOpen(() => props.modelValue);
+const { isOpen, handleToggle } = usePermissionModuleOpen(
+  () => props.modelValue,
+);
 
 const build = (): PermissionEntry[] => {
   const entries: PermissionEntry[] = [];
@@ -34,10 +36,12 @@ const build = (): PermissionEntry[] => {
 const hydrate = (entries: PermissionEntry[]) => {
   listAllAgentUuid.value = entries.some(
     (entry) =>
-      entry?.node_get === "list_all_agent_uuid" || entry?.nodeget === "list_all_agent_uuid",
+      entry?.node_get === "list_all_agent_uuid" ||
+      entry?.nodeget === "list_all_agent_uuid",
   );
   getRtPool.value = entries.some(
-    (entry) => entry?.node_get === "get_rt_pool" || entry?.nodeget === "get_rt_pool",
+    (entry) =>
+      entry?.node_get === "get_rt_pool" || entry?.nodeget === "get_rt_pool",
   );
 };
 
@@ -64,9 +68,13 @@ watch([listAllAgentUuid, getRtPool], () => {
 
 <template>
   <details class="rounded-md border p-3" :open="isOpen" @toggle="handleToggle">
-    <summary class="cursor-pointer text-sm font-medium select-none">
+    <summary class="cursor-pointer select-none text-sm font-medium">
       NodeGet
-      {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.nodeGet.title") }}
+      {{
+        t(
+          "dashboard.token.permissionsConfig.limitItem.permissionCard.nodeGet.title",
+        )
+      }}
     </summary>
     <div class="mt-3 flex flex-wrap gap-2">
       <Button
@@ -76,7 +84,9 @@ watch([listAllAgentUuid, getRtPool], () => {
         @click="listAllAgentUuid = !listAllAgentUuid"
       >
         {{
-          t("dashboard.token.permissionsConfig.limitItem.permissionCard.nodeGet.listAllAgentUuid")
+          t(
+            "dashboard.token.permissionsConfig.limitItem.permissionCard.nodeGet.listAllAgentUuid",
+          )
         }}
       </Button>
       <Button
@@ -85,7 +95,11 @@ watch([listAllAgentUuid, getRtPool], () => {
         :variant="getRtPool ? 'default' : 'outline'"
         @click="getRtPool = !getRtPool"
       >
-        {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.nodeGet.getRtPool") }}
+        {{
+          t(
+            "dashboard.token.permissionsConfig.limitItem.permissionCard.nodeGet.getRtPool",
+          )
+        }}
       </Button>
     </div>
   </details>
diff --git a/src/components/token/components/permissions/StaticMonitoringPermission.vue b/src/components/token/components/permissions/StaticMonitoringPermission.vue
index 1b9faf60..42f8a39d 100644
--- a/src/components/token/components/permissions/StaticMonitoringPermission.vue
+++ b/src/components/token/components/permissions/StaticMonitoringPermission.vue
@@ -18,7 +18,9 @@ const writeEnabled = ref(false);
 const deleteEnable = ref(false);
 const readTargets = ref<string[]>([]);
 const hydrating = ref(false);
-const { isOpen, handleToggle } = usePermissionModuleOpen(() => props.modelValue);
+const { isOpen, handleToggle } = usePermissionModuleOpen(
+  () => props.modelValue,
+);
 
 const toggleReadTarget = (target: string) => {
   const index = readTargets.value.indexOf(target);
@@ -96,12 +98,20 @@ watch(
 
 <template>
   <details class="rounded-md border p-3" :open="isOpen" @toggle="handleToggle">
-    <summary class="cursor-pointer text-sm font-medium select-none">
-      {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.staticMonitoring.title") }}
+    <summary class="cursor-pointer select-none text-sm font-medium">
+      {{
+        t(
+          "dashboard.token.permissionsConfig.limitItem.permissionCard.staticMonitoring.title",
+        )
+      }}
     </summary>
     <div class="mt-3 space-y-2">
-      <div class="text-muted-foreground text-xs">
-        {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.staticMonitoring.read") }}
+      <div class="text-xs text-muted-foreground">
+        {{
+          t(
+            "dashboard.token.permissionsConfig.limitItem.permissionCard.staticMonitoring.read",
+          )
+        }}
       </div>
       <div class="flex flex-wrap gap-2">
         <Button
@@ -115,8 +125,12 @@ watch(
           {{ field }}
         </Button>
       </div>
-      <div class="text-muted-foreground text-xs">
-        {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.staticMonitoring.write") }}
+      <div class="text-xs text-muted-foreground">
+        {{
+          t(
+            "dashboard.token.permissionsConfig.limitItem.permissionCard.staticMonitoring.write",
+          )
+        }}
       </div>
       <div class="flex flex-wrap gap-2">
         <Button
@@ -126,13 +140,17 @@ watch(
           @click="writeEnabled = !writeEnabled"
         >
           {{
-            t("dashboard.token.permissionsConfig.limitItem.permissionCard.staticMonitoring.write")
+            t(
+              "dashboard.token.permissionsConfig.limitItem.permissionCard.staticMonitoring.write",
+            )
           }}
         </Button>
       </div>
-      <div class="text-muted-foreground text-xs">
+      <div class="text-xs text-muted-foreground">
         {{
-          t("dashboard.token.permissionsConfig.limitItem.permissionCard.staticMonitoring.delete")
+          t(
+            "dashboard.token.permissionsConfig.limitItem.permissionCard.staticMonitoring.delete",
+          )
         }}
       </div>
       <div class="flex flex-wrap gap-2">
@@ -143,7 +161,9 @@ watch(
           @click="deleteEnable = !deleteEnable"
         >
           {{
-            t("dashboard.token.permissionsConfig.limitItem.permissionCard.staticMonitoring.delete")
+            t(
+              "dashboard.token.permissionsConfig.limitItem.permissionCard.staticMonitoring.delete",
+            )
           }}
         </Button>
       </div>
diff --git a/src/components/token/components/permissions/TaskPermission.vue b/src/components/token/components/permissions/TaskPermission.vue
index 57ef5bb2..85b240d4 100644
--- a/src/components/token/components/permissions/TaskPermission.vue
+++ b/src/components/token/components/permissions/TaskPermission.vue
@@ -18,7 +18,9 @@ const createTargets = ref<string[]>([]);
 const readTargets = ref<string[]>([]);
 const writeTargets = ref<string[]>([]);
 const hydrating = ref(false);
-const { isOpen, handleToggle } = usePermissionModuleOpen(() => props.modelValue);
+const { isOpen, handleToggle } = usePermissionModuleOpen(
+  () => props.modelValue,
+);
 
 const toggle = (list: string[], value: string) => {
   const index = list.indexOf(value);
@@ -29,9 +31,11 @@ const toggle = (list: string[], value: string) => {
 const build = (): PermissionEntry[] => {
   const result: PermissionEntry[] = [];
   if (listen.value) result.push({ task: "listen" });
-  for (const value of createTargets.value) result.push({ task: { create: value } });
+  for (const value of createTargets.value)
+    result.push({ task: { create: value } });
   for (const value of readTargets.value) result.push({ task: { read: value } });
-  for (const value of writeTargets.value) result.push({ task: { write: value } });
+  for (const value of writeTargets.value)
+    result.push({ task: { write: value } });
   return result;
 };
 
@@ -49,11 +53,17 @@ const hydrate = (entries: PermissionEntry[]) => {
     }
     if (!value || typeof value !== "object" || Array.isArray(value)) continue;
     const obj = value as Record<string, unknown>;
-    if (typeof obj.create === "string" && !createTargets.value.includes(obj.create))
+    if (
+      typeof obj.create === "string" &&
+      !createTargets.value.includes(obj.create)
+    )
       createTargets.value.push(obj.create);
     if (typeof obj.read === "string" && !readTargets.value.includes(obj.read))
       readTargets.value.push(obj.read);
-    if (typeof obj.write === "string" && !writeTargets.value.includes(obj.write))
+    if (
+      typeof obj.write === "string" &&
+      !writeTargets.value.includes(obj.write)
+    )
       writeTargets.value.push(obj.write);
   }
 };
@@ -86,7 +96,11 @@ watch(
 <template>
   <details class="rounded-md border p-3" :open="isOpen" @toggle="handleToggle">
     <summary class="cursor-pointer text-sm font-medium select-none">
-      {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.task.title") }}
+      {{
+        t(
+          "dashboard.token.permissionsConfig.limitItem.permissionCard.task.title",
+        )
+      }}
     </summary>
     <div class="mt-3 space-y-3">
       <div class="flex flex-wrap gap-2">
@@ -96,13 +110,21 @@ watch(
           :variant="listen ? 'default' : 'outline'"
           @click="listen = !listen"
         >
-          {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.task.listen") }}
+          {{
+            t(
+              "dashboard.token.permissionsConfig.limitItem.permissionCard.task.listen",
+            )
+          }}
         </Button>
       </div>
 
       <div class="space-y-2">
-        <div class="text-muted-foreground text-xs">
-          {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.task.create") }}
+        <div class="text-xs text-muted-foreground">
+          {{
+            t(
+              "dashboard.token.permissionsConfig.limitItem.permissionCard.task.create",
+            )
+          }}
         </div>
         <div class="flex flex-wrap gap-2">
           <Button
@@ -118,8 +140,12 @@ watch(
       </div>
 
       <div class="space-y-2">
-        <div class="text-muted-foreground text-xs">
-          {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.task.read") }}
+        <div class="text-xs text-muted-foreground">
+          {{
+            t(
+              "dashboard.token.permissionsConfig.limitItem.permissionCard.task.read",
+            )
+          }}
         </div>
         <div class="flex flex-wrap gap-2">
           <Button
@@ -135,8 +161,12 @@ watch(
       </div>
 
       <div class="space-y-2">
-        <div class="text-muted-foreground text-xs">
-          {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.task.write") }}
+        <div class="text-xs text-muted-foreground">
+          {{
+            t(
+              "dashboard.token.permissionsConfig.limitItem.permissionCard.task.write",
+            )
+          }}
         </div>
         <div class="flex flex-wrap gap-2">
           <Button
diff --git a/src/components/token/components/permissions/TerminalPermission.vue b/src/components/token/components/permissions/TerminalPermission.vue
index 4cb04421..2b594260 100644
--- a/src/components/token/components/permissions/TerminalPermission.vue
+++ b/src/components/token/components/permissions/TerminalPermission.vue
@@ -14,9 +14,12 @@ const { t } = useI18n();
 
 const connect = ref(false);
 const hydrating = ref(false);
-const { isOpen, handleToggle } = usePermissionModuleOpen(() => props.modelValue);
+const { isOpen, handleToggle } = usePermissionModuleOpen(
+  () => props.modelValue,
+);
 
-const build = (): PermissionEntry[] => (connect.value ? [{ terminal: "connect" }] : []);
+const build = (): PermissionEntry[] =>
+  connect.value ? [{ terminal: "connect" }] : [];
 
 const hydrate = (entries: PermissionEntry[]) => {
   connect.value = entries.some((entry) => entry?.terminal === "connect");
@@ -45,8 +48,12 @@ watch(connect, () => {
 
 <template>
   <details class="rounded-md border p-3" :open="isOpen" @toggle="handleToggle">
-    <summary class="cursor-pointer text-sm font-medium select-none">
-      {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.terminal.title") }}
+    <summary class="cursor-pointer select-none text-sm font-medium">
+      {{
+        t(
+          "dashboard.token.permissionsConfig.limitItem.permissionCard.terminal.title",
+        )
+      }}
     </summary>
     <div class="mt-3 flex flex-wrap gap-2">
       <Button
@@ -55,7 +62,11 @@ watch(connect, () => {
         :variant="connect ? 'default' : 'outline'"
         @click="connect = !connect"
       >
-        {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.terminal.connect") }}
+        {{
+          t(
+            "dashboard.token.permissionsConfig.limitItem.permissionCard.terminal.connect",
+          )
+        }}
       </Button>
     </div>
   </details>
diff --git a/src/components/token/components/permissions/kvPermissionState.ts b/src/components/token/components/permissions/kvPermissionState.ts
index 90a8d28a..737079b1 100644
--- a/src/components/token/components/permissions/kvPermissionState.ts
+++ b/src/components/token/components/permissions/kvPermissionState.ts
@@ -30,7 +30,9 @@ export const removeKvTarget = (targets: string[], target: string) => {
   return targets.filter((item) => item !== target);
 };
 
-export const buildKvPermissions = (state: KvPermissionState): PermissionEntry[] => {
+export const buildKvPermissions = (
+  state: KvPermissionState,
+): PermissionEntry[] => {
   const result: PermissionEntry[] = [];
   if (state.listAllKeys) result.push({ kv: "list_all_keys" });
   if (state.listAllNamespace) result.push({ kv: "list_all_namespace" });
@@ -46,7 +48,9 @@ export const buildKvPermissions = (state: KvPermissionState): PermissionEntry[]
   return result;
 };
 
-export const hydrateKvPermissions = (entries: PermissionEntry[]): KvPermissionState => {
+export const hydrateKvPermissions = (
+  entries: PermissionEntry[],
+): KvPermissionState => {
   const state = createEmptyKvPermissionState();
 
   for (const entry of entries || []) {
@@ -74,7 +78,10 @@ export const hydrateKvPermissions = (entries: PermissionEntry[]): KvPermissionSt
   return state;
 };
 
-export const isSameKvPermissionState = (entries: PermissionEntry[], state: KvPermissionState) => {
+export const isSameKvPermissionState = (
+  entries: PermissionEntry[],
+  state: KvPermissionState,
+) => {
   const normalizedEntries = buildKvPermissions(hydrateKvPermissions(entries));
   const normalizedState = buildKvPermissions(state);
   return JSON.stringify(normalizedEntries) === JSON.stringify(normalizedState);
diff --git a/src/components/token/components/permissions/permissionsCard.vue b/src/components/token/components/permissions/permissionsCard.vue
index 20d55727..75d19a92 100644
--- a/src/components/token/components/permissions/permissionsCard.vue
+++ b/src/components/token/components/permissions/permissionsCard.vue
@@ -55,21 +55,26 @@ const updateBucket = (key: PermissionBucketKey, value: PermissionEntry[]) => {
   );
 };
 
-const buckets = computed(() => createPermissionBuckets(props.permissions ?? []));
+const buckets = computed(() =>
+  createPermissionBuckets(props.permissions ?? []),
+);
 
 const staticMonitoringPermissions = computed({
   get: () => buckets.value.staticMonitoringPermissions,
-  set: (value: PermissionEntry[]) => updateBucket("staticMonitoringPermissions", value),
+  set: (value: PermissionEntry[]) =>
+    updateBucket("staticMonitoringPermissions", value),
 });
 
 const dynamicMonitoringPermissions = computed({
   get: () => buckets.value.dynamicMonitoringPermissions,
-  set: (value: PermissionEntry[]) => updateBucket("dynamicMonitoringPermissions", value),
+  set: (value: PermissionEntry[]) =>
+    updateBucket("dynamicMonitoringPermissions", value),
 });
 
 const dynamicMonitoringSummaryPermissions = computed({
   get: () => buckets.value.dynamicMonitoringSummaryPermissions,
-  set: (value: PermissionEntry[]) => updateBucket("dynamicMonitoringSummaryPermissions", value),
+  set: (value: PermissionEntry[]) =>
+    updateBucket("dynamicMonitoringSummaryPermissions", value),
 });
 
 const taskPermissions = computed({
@@ -84,7 +89,8 @@ const crontabPermissions = computed({
 
 const crontabResultPermissions = computed({
   get: () => buckets.value.crontabResultPermissions,
-  set: (value: PermissionEntry[]) => updateBucket("crontabResultPermissions", value),
+  set: (value: PermissionEntry[]) =>
+    updateBucket("crontabResultPermissions", value),
 });
 
 const kvPermissions = computed({
@@ -113,7 +119,11 @@ const jsResultPermissions = computed({
 });
 
 watch(
-  [() => props.permissions, canShowKvPermission, canShowCrontabResultPermission],
+  [
+    () => props.permissions,
+    canShowKvPermission,
+    canShowCrontabResultPermission,
+  ],
   ([permissions, allowKvPermission, allowCrontabResultPermission]) => {
     const normalized = mergePermissionBuckets(
       createPermissionBuckets(permissions ?? []),
@@ -133,14 +143,18 @@ watch(
   <Card class="w-full">
     <CardHeader>
       <CardTitle class="flex items-center gap-2">
-        {{ t("dashboard.token.permissionsConfig.limitItem.permissionCard.title") }}
+        {{
+          t("dashboard.token.permissionsConfig.limitItem.permissionCard.title")
+        }}
       </CardTitle>
     </CardHeader>
 
     <CardContent class="grid gap-2 space-y-2">
       <StaticMonitoringPermission v-model="staticMonitoringPermissions" />
       <DynamicMonitoringPermission v-model="dynamicMonitoringPermissions" />
-      <DynamicMonitoringSummaryPermission v-model="dynamicMonitoringSummaryPermissions" />
+      <DynamicMonitoringSummaryPermission
+        v-model="dynamicMonitoringSummaryPermissions"
+      />
       <TaskPermission v-model="taskPermissions" />
       <CrontabPermission v-model="crontabPermissions" />
       <CrontabResultPermission
diff --git a/src/components/token/components/permissions/permissionsItem.vue b/src/components/token/components/permissions/permissionsItem.vue
index ab9194b8..02d26845 100644
--- a/src/components/token/components/permissions/permissionsItem.vue
+++ b/src/components/token/components/permissions/permissionsItem.vue
@@ -7,14 +7,22 @@ import { Checkbox } from "@/components/ui/checkbox";
 import { Label } from "@/components/ui/label";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@/components/ui/collapsible";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from "@/components/ui/collapsible";
 
 const props = defineProps<{
   permissionsItem: PermissionEntry;
   configItem: PermissionItemConfig;
 }>();
 const emits = defineEmits<{
-  (e: "update:permissionsItem", permissionsItem: PermissionEntry, permissionsName: string): void;
+  (
+    e: "update:permissionsItem",
+    permissionsItem: PermissionEntry,
+    permissionsName: string,
+  ): void;
 }>();
 
 const localPermissions = ref<PermissionEntry>(props.permissionsItem);
@@ -92,7 +100,7 @@ const getChildKeys = (item: string) => {
         v-for="item in Object.keys(props.configItem.value)"
         :key="item"
         v-show="item === currentActiveButton"
-        class="flex flex-wrap gap-2"
+        class="flex gap-2 flex-wrap"
       >
         <Button variant="outline" v-for="(info, index) in getChildKeys(item)">
           {{ info }}
diff --git a/src/components/token/components/permissions/permissionsState.ts b/src/components/token/components/permissions/permissionsState.ts
index 3308e7b0..f5e1c3a7 100644
--- a/src/components/token/components/permissions/permissionsState.ts
+++ b/src/components/token/components/permissions/permissionsState.ts
@@ -31,7 +31,9 @@ export const createEmptyPermissionBuckets = (): PermissionBuckets => ({
   unknownPermissions: [],
 });
 
-export const createPermissionBuckets = (permissions: PermissionEntry[]): PermissionBuckets => {
+export const createPermissionBuckets = (
+  permissions: PermissionEntry[],
+): PermissionBuckets => {
   const buckets = createEmptyPermissionBuckets();
 
   for (const entry of permissions || []) {
@@ -115,7 +117,11 @@ export const replacePermissionBucket = (
 ) => {
   const buckets = createPermissionBuckets(permissions);
   buckets[key] = nextValue;
-  return mergePermissionBuckets(buckets, canShowKvPermission, canShowCrontabResultPermission);
+  return mergePermissionBuckets(
+    buckets,
+    canShowKvPermission,
+    canShowCrontabResultPermission,
+  );
 };
 
 export const arePermissionEntriesEqual = (
diff --git a/src/components/token/components/permissions/usePermissionModuleOpen.ts b/src/components/token/components/permissions/usePermissionModuleOpen.ts
index 9ca61964..b9223f7b 100644
--- a/src/components/token/components/permissions/usePermissionModuleOpen.ts
+++ b/src/components/token/components/permissions/usePermissionModuleOpen.ts
@@ -1,7 +1,9 @@
 import { ref, watch } from "vue";
 import type { PermissionEntry } from "../../type";
 
-export const usePermissionModuleOpen = (getEntries: () => PermissionEntry[] | undefined) => {
+export const usePermissionModuleOpen = (
+  getEntries: () => PermissionEntry[] | undefined,
+) => {
   const isOpen = ref(false);
   let lastAutoOpen = false;
 
diff --git a/src/components/token/components/previewTokenJson.vue b/src/components/token/components/previewTokenJson.vue
index 828d2e89..734518ed 100644
--- a/src/components/token/components/previewTokenJson.vue
+++ b/src/components/token/components/previewTokenJson.vue
@@ -39,12 +39,14 @@ const hasError = computed(() => props.errorMessage.trim().length > 0);
         :rows="24"
         class="min-h-[420px] font-mono text-xs leading-5"
         :aria-invalid="hasError"
-        @update:model-value="(value) => emits('update:modelValue', String(value ?? ''))"
+        @update:model-value="
+          (value) => emits('update:modelValue', String(value ?? ''))
+        "
       />
 
       <div
         v-if="hasError"
-        class="border-destructive/40 bg-destructive/5 text-destructive rounded-md border px-3 py-2 text-sm"
+        class="rounded-md border border-destructive/40 bg-destructive/5 px-3 py-2 text-sm text-destructive"
       >
         {{ props.errorMessage }}
       </div>
diff --git a/src/components/token/components/tokenDetailPreview.vue b/src/components/token/components/tokenDetailPreview.vue
index 89f5808a..d89c4f88 100644
--- a/src/components/token/components/tokenDetailPreview.vue
+++ b/src/components/token/components/tokenDetailPreview.vue
@@ -2,11 +2,20 @@
 import { computed, ref, watch } from "vue";
 import { useI18n } from "vue-i18n";
 import { ChevronDown, Eye, ScanEye } from "lucide-vue-next";
-import type { PermissionEntry, Token, TokenDetail, TokenLimitEntry } from "../type";
+import type {
+  PermissionEntry,
+  Token,
+  TokenDetail,
+  TokenLimitEntry,
+} from "../type";
 import { createPermissionBuckets } from "./permissions/permissionsState";
 import { Badge } from "@/components/ui/badge";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@/components/ui/collapsible";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from "@/components/ui/collapsible";
 import { Spinner } from "@/components/ui/spinner";
 
 type PermissionSection = {
@@ -28,7 +37,10 @@ const props = withDefaults(
 
 const { t, locale } = useI18n();
 
-const displayText = (value: string | number | null | undefined, fallback = "-") => {
+const displayText = (
+  value: string | number | null | undefined,
+  fallback = "-",
+) => {
   if (value === null || value === undefined) return fallback;
   if (typeof value === "string") return value.trim() || fallback;
   return String(value);
@@ -165,7 +177,9 @@ const tokenLimitDetails = computed(() => {
   });
 });
 
-const previewJson = computed(() => JSON.stringify(props.rawDetail ?? props.token ?? {}, null, 2));
+const previewJson = computed(() =>
+  JSON.stringify(props.rawDetail ?? props.token ?? {}, null, 2),
+);
 
 const openedPermissionCards = ref<boolean[]>([]);
 
@@ -188,9 +202,12 @@ const rawSummary = computed(() => {
 </script>
 
 <template>
-  <div v-if="loading" class="flex min-h-[320px] flex-col items-center justify-center gap-3">
+  <div
+    v-if="loading"
+    class="flex min-h-[320px] flex-col items-center justify-center gap-3"
+  >
     <Spinner />
-    <div class="text-muted-foreground text-sm">
+    <div class="text-sm text-muted-foreground">
       {{ t("dashboard.token.detail.detailLoading") }}
     </div>
   </div>
@@ -206,7 +223,7 @@ const rawSummary = computed(() => {
         </CardHeader>
         <CardContent class="grid gap-4 md:grid-cols-2">
           <div class="space-y-1">
-            <div class="text-muted-foreground text-xs">
+            <div class="text-xs text-muted-foreground">
               {{ t("dashboard.token.detail.preview.tokenKey") }}
             </div>
             <div class="font-mono text-sm break-all">
@@ -214,7 +231,7 @@ const rawSummary = computed(() => {
             </div>
           </div>
           <div class="space-y-1">
-            <div class="text-muted-foreground text-xs">
+            <div class="text-xs text-muted-foreground">
               {{ t("dashboard.token.detail.preview.version") }}
             </div>
             <div class="text-sm">
@@ -222,7 +239,7 @@ const rawSummary = computed(() => {
             </div>
           </div>
           <div class="space-y-1">
-            <div class="text-muted-foreground text-xs">
+            <div class="text-xs text-muted-foreground">
               {{ t("dashboard.token.detail.preview.username") }}
             </div>
             <div class="text-sm">
@@ -235,25 +252,31 @@ const rawSummary = computed(() => {
             </div>
           </div>
           <div class="space-y-1">
-            <div class="text-muted-foreground text-xs">
+            <div class="text-xs text-muted-foreground">
               {{ t("dashboard.token.detail.preview.tokenLimitCount") }}
             </div>
             <div class="text-sm">{{ token.token_limit.length }}</div>
           </div>
           <div class="space-y-1">
-            <div class="text-muted-foreground text-xs">
+            <div class="text-xs text-muted-foreground">
               {{ t("dashboard.token.detail.preview.startTime") }}
             </div>
             <div class="text-sm">
-              {{ formatTimestamp(rawSummary.timestamp_from ?? token.timestamp_from) }}
+              {{
+                formatTimestamp(
+                  rawSummary.timestamp_from ?? token.timestamp_from,
+                )
+              }}
             </div>
           </div>
           <div class="space-y-1">
-            <div class="text-muted-foreground text-xs">
+            <div class="text-xs text-muted-foreground">
               {{ t("dashboard.token.detail.preview.endTime") }}
             </div>
             <div class="text-sm">
-              {{ formatTimestamp(rawSummary.timestamp_to ?? token.timestamp_to) }}
+              {{
+                formatTimestamp(rawSummary.timestamp_to ?? token.timestamp_to)
+              }}
             </div>
           </div>
         </CardContent>
@@ -270,7 +293,7 @@ const rawSummary = computed(() => {
               <CollapsibleTrigger as-child>
                 <button
                   type="button"
-                  class="hover:bg-muted/40 focus-visible:ring-ring/50 flex w-full flex-col gap-3 rounded-md text-left transition-colors focus-visible:ring-[1px] focus-visible:outline-none lg:flex-row lg:items-center lg:justify-between"
+                  class="flex w-full flex-col gap-3 rounded-md text-left transition-colors hover:bg-muted/40 focus-visible:ring-ring/50 focus-visible:outline-none focus-visible:ring-[1px] lg:flex-row lg:items-center lg:justify-between"
                 >
                   <div class="flex items-center gap-2">
                     <CardTitle>{{
@@ -278,7 +301,9 @@ const rawSummary = computed(() => {
                         index: limit.index + 1,
                       })
                     }}</CardTitle>
-                    <span class="inline-flex size-8 items-center justify-center rounded-md">
+                    <span
+                      class="inline-flex size-8 items-center justify-center rounded-md"
+                    >
                       <ChevronDown
                         class="h-4 w-4 transition-transform duration-200"
                         :class="{
@@ -303,7 +328,7 @@ const rawSummary = computed(() => {
             <CollapsibleContent>
               <CardContent class="space-y-5">
                 <div class="space-y-2">
-                  <div class="text-muted-foreground text-xs">
+                  <div class="text-xs text-muted-foreground">
                     {{ t("dashboard.token.detail.preview.scope") }}
                   </div>
                   <div class="flex flex-wrap gap-2">
@@ -344,18 +369,19 @@ const rawSummary = computed(() => {
       </div>
     </div>
 
-    <Card class="h-fit max-w-full min-w-0 overflow-hidden">
+    <Card class="h-fit min-w-0 max-w-full overflow-hidden">
       <CardHeader>
         <CardTitle class="flex items-center gap-2">
           <ScanEye class="h-5 w-5" />
           {{ t("dashboard.token.detail.preview.rawJsonTitle") }}
         </CardTitle>
       </CardHeader>
-      <CardContent class="max-w-full min-w-0">
-        <div class="bg-muted/40 w-full max-w-full overflow-x-auto rounded-lg">
-          <pre class="max-h-[720px] w-max min-w-full overflow-y-auto p-4 text-xs leading-6">{{
-            previewJson
-          }}</pre>
+      <CardContent class="min-w-0 max-w-full">
+        <div class="w-full max-w-full overflow-x-auto rounded-lg bg-muted/40">
+          <pre
+            class="max-h-[720px] w-max min-w-full overflow-y-auto p-4 text-xs leading-6"
+            >{{ previewJson }}</pre
+          >
         </div>
       </CardContent>
     </Card>
diff --git a/src/components/token/components/tokenLimitItem.vue b/src/components/token/components/tokenLimitItem.vue
index 3572b6e9..3b6c9db4 100644
--- a/src/components/token/components/tokenLimitItem.vue
+++ b/src/components/token/components/tokenLimitItem.vue
@@ -5,7 +5,11 @@ import { type TokenLimitEntry } from "../type";
 import { detectScopeTab, type ScopeTabValue } from "../scopeUi";
 import { ChevronDown, Trash2 } from "lucide-vue-next";
 import { Button } from "@/components/ui/button";
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@/components/ui/collapsible";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from "@/components/ui/collapsible";
 import { PopConfirm } from "@/components/ui/pop-confirm";
 import limitScopeConfig from "./limitScopeConfig.vue";
 import permissionsCard from "./permissions/permissionsCard.vue";
@@ -69,14 +73,22 @@ const handleDeleteLimit = () => {
       <PopConfirm
         v-if="props.limitLength > 1"
         :title="t('dashboard.token.permissionsConfig.limitItem.deleteTitle')"
-        :description="t('dashboard.token.permissionsConfig.limitItem.deleteDescription')"
-        :confirm-text="t('dashboard.token.permissionsConfig.limitItem.deleteConfirm')"
-        :cancel-text="t('dashboard.token.permissionsConfig.limitItem.deleteCancel')"
+        :description="
+          t('dashboard.token.permissionsConfig.limitItem.deleteDescription')
+        "
+        :confirm-text="
+          t('dashboard.token.permissionsConfig.limitItem.deleteConfirm')
+        "
+        :cancel-text="
+          t('dashboard.token.permissionsConfig.limitItem.deleteCancel')
+        "
         @confirm="handleDeleteLimit"
       >
         <Button variant="ghost" size="icon" class="size-8 text-red-500">
           <Trash2 />
-          <span class="sr-only">{{ t("dashboard.token.permissionsConfig.deleteAriaLabel") }}</span>
+          <span class="sr-only">{{
+            t("dashboard.token.permissionsConfig.deleteAriaLabel")
+          }}</span>
         </Button>
       </PopConfirm>
       <CollapsibleTrigger as-child>
@@ -85,7 +97,9 @@ const handleDeleteLimit = () => {
             class="h-4 w-4 transition-transform duration-200"
             :class="{ 'rotate-180': isOpen }"
           />
-          <span class="sr-only">{{ t("dashboard.token.permissionsConfig.toggleAriaLabel") }}</span>
+          <span class="sr-only">{{
+            t("dashboard.token.permissionsConfig.toggleAriaLabel")
+          }}</span>
         </Button>
       </CollapsibleTrigger>
     </div>
diff --git a/src/components/token/create-token/CreateTokenCard.vue b/src/components/token/create-token/CreateTokenCard.vue
index fd84f182..287fbc3c 100644
--- a/src/components/token/create-token/CreateTokenCard.vue
+++ b/src/components/token/create-token/CreateTokenCard.vue
@@ -78,7 +78,9 @@ const handleCreateToken = () => {
         :token="tokenFromData"
         :loading="createLoading"
         :submit-label="t('dashboard.token.create.createTokenCard.createButton')"
-        :submitting-label="t('dashboard.token.create.createTokenCard.creatingButton')"
+        :submitting-label="
+          t('dashboard.token.create.createTokenCard.creatingButton')
+        "
         :show-back-button="props.showBackButton"
         :back-label="props.backLabel"
         @update:token="handleTokenChange"
diff --git a/src/components/token/detailToken/detailTokenCard.vue b/src/components/token/detailToken/detailTokenCard.vue
index f5089408..f1b1af28 100644
--- a/src/components/token/detailToken/detailTokenCard.vue
+++ b/src/components/token/detailToken/detailTokenCard.vue
@@ -25,13 +25,18 @@ const getTargetToken = () => {
   return typeof queryToken === "string" ? queryToken.trim() : "";
 };
 
-const displayText = (value: string | number | null | undefined, fallback = "-") => {
+const displayText = (
+  value: string | number | null | undefined,
+  fallback = "-",
+) => {
   if (value === null || value === undefined) return fallback;
   if (typeof value === "string") return value.trim() || fallback;
   return String(value);
 };
 
-const formattedJson = computed(() => JSON.stringify(rawDetail.value ?? {}, null, 2));
+const formattedJson = computed(() =>
+  JSON.stringify(rawDetail.value ?? {}, null, 2),
+);
 
 const handleGetTokenDetail = async () => {
   const targetToken = getTargetToken();
@@ -75,7 +80,9 @@ onMounted(() => {
 
 <template>
   <div class="space-y-6">
-    <div class="flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between">
+    <div
+      class="flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between"
+    >
       <div class="space-y-1">
         <div class="flex items-start gap-3">
           <Button
@@ -86,7 +93,9 @@ onMounted(() => {
             @click="handleBack"
           >
             <ArrowLeft class="h-4 w-4" />
-            <span class="sr-only">{{ t("dashboard.token.detail.returnButtonDescription") }}</span>
+            <span class="sr-only">{{
+              t("dashboard.token.detail.returnButtonDescription")
+            }}</span>
           </Button>
           <div class="space-y-1">
             <div class="flex items-center gap-2">
@@ -122,7 +131,12 @@ onMounted(() => {
         </Button>
         <Button
           :disabled="detailLoading"
-          @click="handleCopy(formattedJson, t('dashboard.token.detail.copyFullJsonSuccess'))"
+          @click="
+            handleCopy(
+              formattedJson,
+              t('dashboard.token.detail.copyFullJsonSuccess'),
+            )
+          "
         >
           <Copy class="h-4 w-4" />
           {{ t("dashboard.token.detail.copyFullJson") }}
@@ -130,6 +144,10 @@ onMounted(() => {
       </div>
     </div>
 
-    <TokenDetailPreview :token="normalizedToken" :raw-detail="rawDetail" :loading="detailLoading" />
+    <TokenDetailPreview
+      :token="normalizedToken"
+      :raw-detail="rawDetail"
+      :loading="detailLoading"
+    />
   </div>
 </template>
diff --git a/src/components/token/editToken/editTokenCard.vue b/src/components/token/editToken/editTokenCard.vue
index 57e0f610..ed726e9c 100644
--- a/src/components/token/editToken/editTokenCard.vue
+++ b/src/components/token/editToken/editTokenCard.vue
@@ -6,7 +6,10 @@ import { type Token } from "../type";
 import { KeyRound } from "lucide-vue-next";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Spinner } from "@/components/ui/spinner";
-import { mapTokenDetailToForm, useEditTokenHook } from "@/composables/token/useEditToken";
+import {
+  mapTokenDetailToForm,
+  useEditTokenHook,
+} from "@/composables/token/useEditToken";
 import { useTokenListHook } from "@/composables/token/useTokenList";
 import TokenEditorWorkspace from "../components/TokenEditorWorkspace.vue";
 
@@ -77,7 +80,7 @@ const handleUpdateToken = async () => {
         class="flex min-h-[420px] flex-col items-center justify-center gap-3"
       >
         <Spinner />
-        <div class="text-muted-foreground text-sm">
+        <div class="text-sm text-muted-foreground">
           {{ t("dashboard.token.edit.editTokenCard.detailLoading") }}
         </div>
       </div>
@@ -88,7 +91,9 @@ const handleUpdateToken = async () => {
           :loading="createLoading"
           :disabled="detailLoading"
           :submit-label="t('dashboard.token.edit.editTokenCard.updateButton')"
-          :submitting-label="t('dashboard.token.edit.editTokenCard.updetingButton')"
+          :submitting-label="
+            t('dashboard.token.edit.editTokenCard.updetingButton')
+          "
           @update:token="handleTokenChange"
           @submit="handleUpdateToken"
         />
diff --git a/src/components/token/importToken/ImportTokenCard.vue b/src/components/token/importToken/ImportTokenCard.vue
index 1baa0c3b..7795cda5 100644
--- a/src/components/token/importToken/ImportTokenCard.vue
+++ b/src/components/token/importToken/ImportTokenCard.vue
@@ -96,7 +96,7 @@ const handleParsedTokenChange = (value: Token) => {
 
       <CardContent class="space-y-4">
         <div class="space-y-2">
-          <div class="text-muted-foreground text-sm">
+          <div class="text-sm text-muted-foreground">
             {{ t("dashboard.token.import.parseCard.description") }}
           </div>
           <textarea
@@ -135,7 +135,9 @@ const handleParsedTokenChange = (value: Token) => {
           :token="parsedToken"
           :loading="importLoading"
           :submit-label="t('dashboard.token.import.importCard.importButton')"
-          :submitting-label="t('dashboard.token.import.importCard.importingButton')"
+          :submitting-label="
+            t('dashboard.token.import.importCard.importingButton')
+          "
           @update:token="handleParsedTokenChange"
           @submit="handleImportToken"
         />
@@ -158,7 +160,10 @@ const handleParsedTokenChange = (value: Token) => {
         <AlertDialogCancel>
           {{ t("dashboard.token.cancel") }}
         </AlertDialogCancel>
-        <AlertDialogAction :disabled="parseLoading" @click="handleParseImportedToken">
+        <AlertDialogAction
+          :disabled="parseLoading"
+          @click="handleParseImportedToken"
+        >
           <div v-if="parseLoading">
             {{ t("dashboard.token.import.parseConfirm.confirmingButton") }}
           </div>
diff --git a/src/components/token/scopeCodec.ts b/src/components/token/scopeCodec.ts
index cb7aaf41..90222aca 100644
--- a/src/components/token/scopeCodec.ts
+++ b/src/components/token/scopeCodec.ts
@@ -23,7 +23,9 @@ export const createDefaultToken = (): Token => ({
   password: "",
 });
 
-export const cloneTokenLimitEntries = (tokenLimit: TokenLimitEntry[]): TokenLimitEntry[] =>
+export const cloneTokenLimitEntries = (
+  tokenLimit: TokenLimitEntry[],
+): TokenLimitEntry[] =>
   (tokenLimit ?? []).map((item) => ({
     scopes: (item.scopes ?? []).map((scope) => ({ ...scope })),
     permissions: (item.permissions ?? []).map((permission) =>
@@ -76,19 +78,19 @@ export const normalizeScopeItem = (item: unknown): TokenLimitScopeItem[] => {
   const source = item as Record<string, unknown>;
   if ("global" in source) return [{ global: null }];
 
-  const agentScopes = normalizeStringList(source.AgentUuid ?? source.agent_uuid).map(
-    (value) => ({ agent_uuid: value }) satisfies TokenLimitScopeItem,
-  );
+  const agentScopes = normalizeStringList(
+    source.AgentUuid ?? source.agent_uuid,
+  ).map((value) => ({ agent_uuid: value }) satisfies TokenLimitScopeItem);
   if (agentScopes.length > 0) return agentScopes;
 
-  const kvScopes = normalizeStringList(source.KvNamespace ?? source.kv_namespace).map(
-    (value) => ({ kv_namespace: value }) satisfies TokenLimitScopeItem,
-  );
+  const kvScopes = normalizeStringList(
+    source.KvNamespace ?? source.kv_namespace,
+  ).map((value) => ({ kv_namespace: value }) satisfies TokenLimitScopeItem);
   if (kvScopes.length > 0) return kvScopes;
 
-  const jsWorkerScopes = normalizeStringList(source.JsWorker ?? source.js_worker).map(
-    (value) => ({ js_worker: value }) satisfies TokenLimitScopeItem,
-  );
+  const jsWorkerScopes = normalizeStringList(
+    source.JsWorker ?? source.js_worker,
+  ).map((value) => ({ js_worker: value }) satisfies TokenLimitScopeItem);
   if (jsWorkerScopes.length > 0) return jsWorkerScopes;
 
   return [];
@@ -101,11 +103,15 @@ export const normalizeScopes = (scopes: unknown): TokenLimitScope => {
   return normalized.length > 0 ? normalized : DEFAULT_SCOPE;
 };
 
-export const normalizePermissions = (permissions: unknown): PermissionEntry[] => {
+export const normalizePermissions = (
+  permissions: unknown,
+): PermissionEntry[] => {
   if (!Array.isArray(permissions)) return [];
   return permissions.filter(
     (permission): permission is PermissionEntry =>
-      !!permission && typeof permission === "object" && !Array.isArray(permission),
+      !!permission &&
+      typeof permission === "object" &&
+      !Array.isArray(permission),
   );
 };
 
@@ -146,7 +152,10 @@ export const buildLimitPayload = (token: Token) => {
 };
 
 export const generateUuid = () => {
-  if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
+  if (
+    typeof crypto !== "undefined" &&
+    typeof crypto.randomUUID === "function"
+  ) {
     return crypto.randomUUID();
   }
 
@@ -156,7 +165,9 @@ export const generateUuid = () => {
   });
 };
 
-export const buildCredentialPayload = (source: Pick<Token, "username" | "password">) => {
+export const buildCredentialPayload = (
+  source: Pick<Token, "username" | "password">,
+) => {
   const username = source.username.trim();
   const password = source.password.trim();
 
@@ -170,7 +181,10 @@ const toOptionalTimestamp = (value: number) =>
   Number.isFinite(value) && value > 0 ? value : undefined;
 
 export const buildOptionalFieldPayload = (
-  token: Pick<Token, "username" | "password" | "timestamp_from" | "timestamp_to">,
+  token: Pick<
+    Token,
+    "username" | "password" | "timestamp_from" | "timestamp_to"
+  >,
 ) => {
   const timestampFrom = toOptionalTimestamp(token.timestamp_from);
   const timestampTo = toOptionalTimestamp(token.timestamp_to);
@@ -197,6 +211,8 @@ export const mapTokenDetailToForm = (detail: TokenDetail | null): Token => {
     password: detail.password ?? "",
     timestamp_from: detail.timestamp_from ?? 0,
     timestamp_to: detail.timestamp_to ?? 0,
-    token_limit: cloneTokenLimitEntries(normalizeTokenLimit(detail.token_limit)),
+    token_limit: cloneTokenLimitEntries(
+      normalizeTokenLimit(detail.token_limit),
+    ),
   };
 };
diff --git a/src/components/token/token-list/tokenListCard.vue b/src/components/token/token-list/tokenListCard.vue
index 168b9208..6b5865a8 100644
--- a/src/components/token/token-list/tokenListCard.vue
+++ b/src/components/token/token-list/tokenListCard.vue
@@ -32,7 +32,14 @@ import {
   PaginationNext,
   PaginationPrevious,
 } from "@/components/ui/pagination";
-import { Eye, Pencil, Trash2, RotateCcw, Search, LockKeyhole } from "lucide-vue-next";
+import {
+  Eye,
+  Pencil,
+  Trash2,
+  RotateCcw,
+  Search,
+  LockKeyhole,
+} from "lucide-vue-next";
 import { useTokenListHook, type Token } from "@/composables/token/useTokenList";
 import { getPasswordChangeValidationError } from "@/composables/token/tokenSecret";
 import TokenSuccessDialog from "../components/TokenSuccessDialog.vue";
@@ -77,8 +84,10 @@ const filteredTokens = computed(() => {
   const keyword = normalizeSearchText(debouncedSearchKeyword.value);
 
   return tokensList.value.filter((token) => {
-    const matchesUsername = !keyword || normalizeSearchText(token.username).includes(keyword);
-    const matchesTokenKey = !keyword || normalizeSearchText(token.token_key).includes(keyword);
+    const matchesUsername =
+      !keyword || normalizeSearchText(token.username).includes(keyword);
+    const matchesTokenKey =
+      !keyword || normalizeSearchText(token.token_key).includes(keyword);
 
     return matchesUsername || matchesTokenKey;
   });
@@ -219,7 +228,9 @@ const changePasswordError = computed(() =>
 const changePasswordErrorMessage = computed(() => {
   if (!changePasswordError.value) return "";
 
-  return t(`dashboard.token.list.changePasswordDialog.errors.${changePasswordError.value}`);
+  return t(
+    `dashboard.token.list.changePasswordDialog.errors.${changePasswordError.value}`,
+  );
 });
 
 const handleOpenChangePassword = (token: Token) => {
@@ -242,7 +253,10 @@ const handleConfirmChangePassword = () => {
 
   changePasswordLoading.value = true;
   useTokenList
-    .changeTokenPassword(selectedPasswordToken.value.token_key, newPassword.value)
+    .changeTokenPassword(
+      selectedPasswordToken.value.token_key,
+      newPassword.value,
+    )
     .then((success) => {
       if (success) {
         changePasswordOpen.value = false;
@@ -266,9 +280,13 @@ watch(changePasswordOpen, (open) => {
 
 <template>
   <div class="space-y-4">
-    <div class="flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between">
+    <div
+      class="flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between"
+    >
       <div class="relative max-w-sm flex-1">
-        <Search class="text-muted-foreground absolute top-1/2 left-2.5 h-4 w-4 -translate-y-1/2" />
+        <Search
+          class="absolute top-1/2 left-2.5 h-4 w-4 -translate-y-1/2 text-muted-foreground"
+        />
         <Input
           v-model="searchKeyword"
           :placeholder="t('dashboard.token.list.searchPlaceholder')"
@@ -284,7 +302,11 @@ watch(changePasswordOpen, (open) => {
         <Button type="button" class="min-w-24" @click="handleGetTokenList">
           <span class="inline-flex w-full items-center justify-center gap-2">
             <Spinner v-if="fetchLoading" />
-            {{ fetchLoading ? t("dashboard.token.refreshing") : t("dashboard.token.refresh") }}
+            {{
+              fetchLoading
+                ? t("dashboard.token.refreshing")
+                : t("dashboard.token.refresh")
+            }}
           </span>
         </Button>
         <Button type="button" @click="toCreateToken">
@@ -302,7 +324,7 @@ watch(changePasswordOpen, (open) => {
 
     <div v-if="fetchLoading" class="mt-20 flex w-full flex-col items-center">
       <Spinner />
-      <div class="text-muted-foreground text-sm">
+      <div class="text-sm text-muted-foreground">
         {{ t("dashboard.token.list.table.loading") }}
       </div>
     </div>
@@ -334,7 +356,11 @@ watch(changePasswordOpen, (open) => {
             <TableCell>{{ token.token_limit?.length ?? 0 }}</TableCell>
             <TableCell class="flex w-32 gap-2">
               <!-- 查看按钮 -->
-              <Button variant="ghost" size="sm" @click="handleViewTokenDetail(token)">
+              <Button
+                variant="ghost"
+                size="sm"
+                @click="handleViewTokenDetail(token)"
+              >
                 <Eye />
               </Button>
               <!-- 编辑按钮 -->
@@ -342,7 +368,11 @@ watch(changePasswordOpen, (open) => {
                 <Pencil />
               </Button>
               <!-- 重置token按钮 -->
-              <Button variant="ghost" size="sm" @click="handleOpenResetToken(token)">
+              <Button
+                variant="ghost"
+                size="sm"
+                @click="handleOpenResetToken(token)"
+              >
                 <RotateCcw />
               </Button>
               <!-- 修改密码按钮 -->
@@ -384,7 +414,10 @@ watch(changePasswordOpen, (open) => {
                         {{ t("dashboard.token.cancel") }}
                       </Button>
                     </DialogClose>
-                    <Button @click="handleDeleteToken(token)" :disabled="deleteLoading">
+                    <Button
+                      @click="handleDeleteToken(token)"
+                      :disabled="deleteLoading"
+                    >
                       <div v-if="deleteLoading" class="flex items-center">
                         <Spinner />{{ t("dashboard.token.deleting") }}
                       </div>
@@ -396,7 +429,10 @@ watch(changePasswordOpen, (open) => {
             </TableCell>
           </TableRow>
           <TableRow v-if="pagedTokens.length === 0">
-            <TableCell colspan="5" class="text-muted-foreground py-8 text-center">
+            <TableCell
+              colspan="5"
+              class="py-8 text-center text-muted-foreground"
+            >
               {{ t("dashboard.token.list.table.noToken") }}
             </TableCell>
           </TableRow>
@@ -414,7 +450,7 @@ watch(changePasswordOpen, (open) => {
           class="flex justify-between gap-4"
         >
           <div class="flex items-center justify-center gap-2">
-            <div class="text-muted-foreground text-sm">
+            <div class="text-sm text-muted-foreground">
               <!-- Showing {{ pageLabel }} of {{ total }} tokens -->
               {{
                 t("dashboard.token.list.table.pageShow", {
@@ -458,7 +494,7 @@ watch(changePasswordOpen, (open) => {
         <div class="text-muted-foreground">
           {{ t("dashboard.token.list.resetDialog.confirm") }}
         </div>
-        <div class="bg-muted/40 space-y-1 rounded-md border p-3">
+        <div class="space-y-1 rounded-md border bg-muted/40 p-3">
           <div>
             <span class="text-muted-foreground">
               {{ t("dashboard.token.list.table.username") }}:
@@ -485,7 +521,9 @@ watch(changePasswordOpen, (open) => {
         </DialogClose>
         <Button @click="handleConfirmResetToken">
           <div v-if="resetTokenLoading" class="flex items-center">
-            <Spinner />{{ t("dashboard.token.list.resetDialog.confirmingButton") }}
+            <Spinner />{{
+              t("dashboard.token.list.resetDialog.confirmingButton")
+            }}
           </div>
           <div v-else>
             {{ t("dashboard.token.list.resetDialog.confirmButton") }}
@@ -507,7 +545,7 @@ watch(changePasswordOpen, (open) => {
         </DialogDescription>
       </DialogHeader>
       <div class="space-y-4 py-2 text-sm">
-        <div class="bg-muted/40 space-y-1 rounded-md border p-3">
+        <div class="space-y-1 rounded-md border bg-muted/40 p-3">
           <div>
             <span class="text-muted-foreground">
               {{ t("dashboard.token.list.table.username") }}:
@@ -531,16 +569,22 @@ watch(changePasswordOpen, (open) => {
             v-model="newPassword"
             type="password"
             autocomplete="new-password"
-            :placeholder="t('dashboard.token.list.changePasswordDialog.newPassword')"
+            :placeholder="
+              t('dashboard.token.list.changePasswordDialog.newPassword')
+            "
           />
           <Input
             v-model="confirmPassword"
             type="password"
             autocomplete="new-password"
-            :placeholder="t('dashboard.token.list.changePasswordDialog.confirmPassword')"
+            :placeholder="
+              t('dashboard.token.list.changePasswordDialog.confirmPassword')
+            "
           />
           <div
-            v-if="(newPassword || confirmPassword) && changePasswordErrorMessage"
+            v-if="
+              (newPassword || confirmPassword) && changePasswordErrorMessage
+            "
             class="text-sm text-red-500"
           >
             {{ changePasswordErrorMessage }}
@@ -558,7 +602,9 @@ watch(changePasswordOpen, (open) => {
           @click="handleConfirmChangePassword"
         >
           <div v-if="changePasswordLoading" class="flex items-center">
-            <Spinner />{{ t("dashboard.token.list.changePasswordDialog.confirmingButton") }}
+            <Spinner />{{
+              t("dashboard.token.list.changePasswordDialog.confirmingButton")
+            }}
           </div>
           <div v-else>
             {{ t("dashboard.token.list.changePasswordDialog.confirmButton") }}
diff --git a/src/components/token/tokenPayload.ts b/src/components/token/tokenPayload.ts
index d40e8da5..7f494d11 100644
--- a/src/components/token/tokenPayload.ts
+++ b/src/components/token/tokenPayload.ts
@@ -63,7 +63,11 @@ const ensureNonEmptyString = (value: unknown, fieldName: string) => {
   return value.trim();
 };
 
-const ensureAllowedValue = (value: string, allowed: Set<string>, fieldName: string) => {
+const ensureAllowedValue = (
+  value: string,
+  allowed: Set<string>,
+  fieldName: string,
+) => {
   if (!allowed.has(value)) {
     throw new Error(`invalid_${fieldName}`);
   }
@@ -90,11 +94,17 @@ const validatePermissionEntry = (entry: PermissionEntry, index: number) => {
   if ("static_monitoring" in entry) {
     const value = entry.static_monitoring;
     if (value === "write" || value === "delete") return;
-    const [action, target] = ensureSingleKeyObject(value, `static_monitoring_${index}`);
+    const [action, target] = ensureSingleKeyObject(
+      value,
+      `static_monitoring_${index}`,
+    );
     if (action !== "read" && action !== "write") {
       throw new Error(`invalid_static_monitoring_${index}`);
     }
-    const normalizedTarget = ensureNonEmptyString(target, `static_monitoring_${index}`);
+    const normalizedTarget = ensureNonEmptyString(
+      target,
+      `static_monitoring_${index}`,
+    );
     if (action === "read") {
       ensureAllowedValue(
         normalizedTarget,
@@ -108,7 +118,10 @@ const validatePermissionEntry = (entry: PermissionEntry, index: number) => {
   if ("dynamic_monitoring" in entry) {
     const value = entry.dynamic_monitoring;
     if (value === "write" || value === "delete") return;
-    const [action, target] = ensureSingleKeyObject(value, `dynamic_monitoring_${index}`);
+    const [action, target] = ensureSingleKeyObject(
+      value,
+      `dynamic_monitoring_${index}`,
+    );
     if (action !== "read") {
       throw new Error(`invalid_dynamic_monitoring_${index}`);
     }
@@ -140,7 +153,11 @@ const validatePermissionEntry = (entry: PermissionEntry, index: number) => {
     if (action !== "create" && action !== "read" && action !== "write") {
       throw new Error(`invalid_task_${index}`);
     }
-    ensureAllowedValue(ensureNonEmptyString(target, `task_${index}`), TASK_TYPES, `task_${index}`);
+    ensureAllowedValue(
+      ensureNonEmptyString(target, `task_${index}`),
+      TASK_TYPES,
+      `task_${index}`,
+    );
     return;
   }
 
@@ -151,7 +168,10 @@ const validatePermissionEntry = (entry: PermissionEntry, index: number) => {
   }
 
   if ("crontab_result" in entry) {
-    const [action, target] = ensureSingleKeyObject(entry.crontab_result, `crontab_result_${index}`);
+    const [action, target] = ensureSingleKeyObject(
+      entry.crontab_result,
+      `crontab_result_${index}`,
+    );
     if (action !== "read" && action !== "delete") {
       throw new Error(`invalid_crontab_result_${index}`);
     }
@@ -192,7 +212,10 @@ const validatePermissionEntry = (entry: PermissionEntry, index: number) => {
   }
 
   if ("js_result" in entry) {
-    const [action, target] = ensureSingleKeyObject(entry.js_result, `js_result_${index}`);
+    const [action, target] = ensureSingleKeyObject(
+      entry.js_result,
+      `js_result_${index}`,
+    );
     if (action !== "read" && action !== "delete") {
       throw new Error(`invalid_js_result_${index}`);
     }
@@ -262,8 +285,14 @@ export const parseTokenPayloadObject = (payload: unknown): Token => {
     version: ensureFiniteNumber(source.version, "version"),
     username: ensureOptionalString(source.username, "username"),
     password: ensureOptionalString(source.password, "password"),
-    timestamp_from: ensureOptionalFiniteNumber(source.timestamp_from, "timestamp_from"),
-    timestamp_to: ensureOptionalFiniteNumber(source.timestamp_to, "timestamp_to"),
+    timestamp_from: ensureOptionalFiniteNumber(
+      source.timestamp_from,
+      "timestamp_from",
+    ),
+    timestamp_to: ensureOptionalFiniteNumber(
+      source.timestamp_to,
+      "timestamp_to",
+    ),
     token_limit: parseTokenLimit(source.token_limit),
   };
 };
@@ -303,7 +332,9 @@ export const applyPartialTokenPayload = (
   const source = payload as Record<string, unknown>;
   const nextToken: Token = {
     ...baseToken,
-    token_limit: cloneTokenLimitEntries(baseToken.token_limit ?? createDefaultToken().token_limit),
+    token_limit: cloneTokenLimitEntries(
+      baseToken.token_limit ?? createDefaultToken().token_limit,
+    ),
   };
   const dataIssues: string[] = [];
 
@@ -344,7 +375,10 @@ export const applyPartialTokenPayload = (
 
   if ("timestamp_to" in source) {
     try {
-      nextToken.timestamp_to = ensureOptionalFiniteNumber(source.timestamp_to, "timestamp_to");
+      nextToken.timestamp_to = ensureOptionalFiniteNumber(
+        source.timestamp_to,
+        "timestamp_to",
+      );
     } catch (error) {
       dataIssues.push((error as Error).message);
     }
diff --git a/src/components/token/tokenPermissionTemplates.ts b/src/components/token/tokenPermissionTemplates.ts
index 92f24338..141640f8 100644
--- a/src/components/token/tokenPermissionTemplates.ts
+++ b/src/components/token/tokenPermissionTemplates.ts
@@ -14,7 +14,10 @@ type TokenPermissionTemplateOption = {
 type TokenPermissionTemplateConfig = {
   value: Exclude<TokenPermissionTemplateValue, "custom">;
   buildPermissions: () => PermissionEntry[];
-  matches: (tokenLimit: TokenLimitEntry, currentScopeTab: ScopeTabValue) => boolean;
+  matches: (
+    tokenLimit: TokenLimitEntry,
+    currentScopeTab: ScopeTabValue,
+  ) => boolean;
   apply: (tokenLimit: TokenLimitEntry) => {
     tokenLimit: TokenLimitEntry;
     scopeTab: ScopeTabValue;
@@ -68,7 +71,10 @@ const normalizePermissionValue = (value: unknown): string => {
   if (value && typeof value === "object") {
     return `{${Object.entries(value as Record<string, unknown>)
       .sort(([leftKey], [rightKey]) => leftKey.localeCompare(rightKey))
-      .map(([key, nestedValue]) => `${key}:${normalizePermissionValue(nestedValue)}`)
+      .map(
+        ([key, nestedValue]) =>
+          `${key}:${normalizePermissionValue(nestedValue)}`,
+      )
       .join(",")}}`;
   }
 
@@ -82,7 +88,10 @@ const arePermissionSetsEqual = (
   const normalizeEntries = (entries: PermissionEntry[] | undefined) =>
     (entries ?? []).map(normalizePermissionValue).sort();
 
-  return JSON.stringify(normalizeEntries(left)) === JSON.stringify(normalizeEntries(right));
+  return (
+    JSON.stringify(normalizeEntries(left)) ===
+    JSON.stringify(normalizeEntries(right))
+  );
 };
 
 const normalizeGlobalTemplateScopes = (): TokenLimitScope => [...DEFAULT_SCOPE];
@@ -92,18 +101,30 @@ export const getTokenPermissionTemplateOptions = (
 ): TokenPermissionTemplateOption[] => [
   {
     value: "agent",
-    label: t("dashboard.token.permissionsConfig.limitItem.template.agent.title"),
-    description: t("dashboard.token.permissionsConfig.limitItem.template.agent.description"),
+    label: t(
+      "dashboard.token.permissionsConfig.limitItem.template.agent.title",
+    ),
+    description: t(
+      "dashboard.token.permissionsConfig.limitItem.template.agent.description",
+    ),
   },
   {
     value: "visitor",
-    label: t("dashboard.token.permissionsConfig.limitItem.template.visitor.title"),
-    description: t("dashboard.token.permissionsConfig.limitItem.template.visitor.description"),
+    label: t(
+      "dashboard.token.permissionsConfig.limitItem.template.visitor.title",
+    ),
+    description: t(
+      "dashboard.token.permissionsConfig.limitItem.template.visitor.description",
+    ),
   },
   {
     value: "custom",
-    label: t("dashboard.token.permissionsConfig.limitItem.template.custom.title"),
-    description: t("dashboard.token.permissionsConfig.limitItem.template.custom.description"),
+    label: t(
+      "dashboard.token.permissionsConfig.limitItem.template.custom.title",
+    ),
+    description: t(
+      "dashboard.token.permissionsConfig.limitItem.template.custom.description",
+    ),
   },
 ];
 
@@ -116,7 +137,10 @@ const TEMPLATE_CONFIGS: Record<
     buildPermissions: () => AGENT_PERMISSIONS.map((item) => ({ ...item })),
     matches: (tokenLimit, currentScopeTab) => {
       if (currentScopeTab !== "Global") return false;
-      return arePermissionSetsEqual(tokenLimit.permissions ?? [], AGENT_PERMISSIONS);
+      return arePermissionSetsEqual(
+        tokenLimit.permissions ?? [],
+        AGENT_PERMISSIONS,
+      );
     },
     apply: (tokenLimit) => ({
       tokenLimit: {
@@ -132,7 +156,10 @@ const TEMPLATE_CONFIGS: Record<
     buildPermissions: () => VISITOR_PERMISSIONS.map((item) => ({ ...item })),
     matches: (tokenLimit, currentScopeTab) => {
       if (currentScopeTab !== "Global") return false;
-      return arePermissionSetsEqual(tokenLimit.permissions ?? [], VISITOR_PERMISSIONS);
+      return arePermissionSetsEqual(
+        tokenLimit.permissions ?? [],
+        VISITOR_PERMISSIONS,
+      );
     },
     apply: (tokenLimit) => ({
       tokenLimit: {
diff --git a/src/components/token/tokenTemplates.ts b/src/components/token/tokenTemplates.ts
index 155347ee..12ede25f 100644
--- a/src/components/token/tokenTemplates.ts
+++ b/src/components/token/tokenTemplates.ts
@@ -1,4 +1,8 @@
-import { cloneTokenLimitEntries, createDefaultToken, DEFAULT_SCOPE } from "./scopeCodec.ts";
+import {
+  cloneTokenLimitEntries,
+  createDefaultToken,
+  DEFAULT_SCOPE,
+} from "./scopeCodec.ts";
 import type { PermissionEntry, Token, TokenLimitEntry } from "./type.ts";
 import { generatePassword } from "../../lib/password.ts";
 import { TASK_NAME_LIST } from "@/types/task.ts";
@@ -74,14 +78,19 @@ export const createTokenFromTemplate = (
   createRandomString: (length?: number) => string = generatePassword,
 ): Token => {
   const template =
-    typeof templateOrId === "string" ? getTokenTemplateById(templateOrId) : templateOrId;
+    typeof templateOrId === "string"
+      ? getTokenTemplateById(templateOrId)
+      : templateOrId;
 
   if (!template) {
     throw new Error("token_template_not_found");
   }
 
   const baseToken = createDefaultToken();
-  const credentials = createTemplateTokenCredentials(template.id, createRandomString);
+  const credentials = createTemplateTokenCredentials(
+    template.id,
+    createRandomString,
+  );
 
   return {
     ...baseToken,
diff --git a/src/components/token/useAgent.ts b/src/components/token/useAgent.ts
index 706434d3..a39fd587 100644
--- a/src/components/token/useAgent.ts
+++ b/src/components/token/useAgent.ts
@@ -48,9 +48,12 @@ export const useAgentHook = () => {
 
     try {
       const conn = getWsConnection(url);
-      const result = await conn.call<{ uuids?: string[] }>("nodeget-server_list_all_agent_uuid", {
-        token,
-      });
+      const result = await conn.call<{ uuids?: string[] }>(
+        "nodeget-server_list_all_agent_uuid",
+        {
+          token,
+        },
+      );
 
       const uuids = Array.isArray(result?.uuids) ? result.uuids : [];
       const nameMap = new Map<string, string>();
diff --git a/src/components/token/useKv.ts b/src/components/token/useKv.ts
index 4ad59ccc..5c972874 100644
--- a/src/components/token/useKv.ts
+++ b/src/components/token/useKv.ts
@@ -21,7 +21,10 @@ export const useKvHook = () => {
     const token = currentBackend.value?.token?.trim() || "";
     if (!url || !token) return [];
     try {
-      const result = await getWsConnection(url).call<string[]>("kv_list_all_namespace", { token });
+      const result = await getWsConnection(url).call<string[]>(
+        "kv_list_all_namespace",
+        { token },
+      );
       if (result.length > 0) {
         return result;
       }
diff --git a/src/components/ui/alert-dialog/AlertDialog.vue b/src/components/ui/alert-dialog/AlertDialog.vue
index 011c3821..3177c8b6 100644
--- a/src/components/ui/alert-dialog/AlertDialog.vue
+++ b/src/components/ui/alert-dialog/AlertDialog.vue
@@ -9,7 +9,11 @@ const forwarded = useForwardPropsEmits(props, emits);
 </script>
 
 <template>
-  <AlertDialogRoot v-slot="slotProps" data-slot="alert-dialog" v-bind="forwarded">
+  <AlertDialogRoot
+    v-slot="slotProps"
+    data-slot="alert-dialog"
+    v-bind="forwarded"
+  >
     <slot v-bind="slotProps" />
   </AlertDialogRoot>
 </template>
diff --git a/src/components/ui/alert-dialog/AlertDialogAction.vue b/src/components/ui/alert-dialog/AlertDialogAction.vue
index 45a0a0f1..5a324c31 100644
--- a/src/components/ui/alert-dialog/AlertDialogAction.vue
+++ b/src/components/ui/alert-dialog/AlertDialogAction.vue
@@ -6,13 +6,18 @@ import { AlertDialogAction } from "reka-ui";
 import { cn } from "@/lib/utils";
 import { buttonVariants } from "@/components/ui/button";
 
-const props = defineProps<AlertDialogActionProps & { class?: HTMLAttributes["class"] }>();
+const props = defineProps<
+  AlertDialogActionProps & { class?: HTMLAttributes["class"] }
+>();
 
 const delegatedProps = reactiveOmit(props, "class");
 </script>
 
 <template>
-  <AlertDialogAction v-bind="delegatedProps" :class="cn(buttonVariants(), props.class)">
+  <AlertDialogAction
+    v-bind="delegatedProps"
+    :class="cn(buttonVariants(), props.class)"
+  >
     <slot />
   </AlertDialogAction>
 </template>
diff --git a/src/components/ui/alert-dialog/AlertDialogCancel.vue b/src/components/ui/alert-dialog/AlertDialogCancel.vue
index f031b503..35ee46c3 100644
--- a/src/components/ui/alert-dialog/AlertDialogCancel.vue
+++ b/src/components/ui/alert-dialog/AlertDialogCancel.vue
@@ -6,7 +6,9 @@ import { AlertDialogCancel } from "reka-ui";
 import { cn } from "@/lib/utils";
 import { buttonVariants } from "@/components/ui/button";
 
-const props = defineProps<AlertDialogCancelProps & { class?: HTMLAttributes["class"] }>();
+const props = defineProps<
+  AlertDialogCancelProps & { class?: HTMLAttributes["class"] }
+>();
 
 const delegatedProps = reactiveOmit(props, "class");
 </script>
@@ -14,7 +16,9 @@ const delegatedProps = reactiveOmit(props, "class");
 <template>
   <AlertDialogCancel
     v-bind="delegatedProps"
-    :class="cn(buttonVariants({ variant: 'outline' }), 'mt-2 sm:mt-0', props.class)"
+    :class="
+      cn(buttonVariants({ variant: 'outline' }), 'mt-2 sm:mt-0', props.class)
+    "
   >
     <slot />
   </AlertDialogCancel>
diff --git a/src/components/ui/alert-dialog/AlertDialogContent.vue b/src/components/ui/alert-dialog/AlertDialogContent.vue
index 30f3e81b..f8e73bf8 100644
--- a/src/components/ui/alert-dialog/AlertDialogContent.vue
+++ b/src/components/ui/alert-dialog/AlertDialogContent.vue
@@ -14,7 +14,9 @@ defineOptions({
   inheritAttrs: false,
 });
 
-const props = defineProps<AlertDialogContentProps & { class?: HTMLAttributes["class"] }>();
+const props = defineProps<
+  AlertDialogContentProps & { class?: HTMLAttributes["class"] }
+>();
 const emits = defineEmits<AlertDialogContentEmits>();
 
 const delegatedProps = reactiveOmit(props, "class");
diff --git a/src/components/ui/alert-dialog/AlertDialogDescription.vue b/src/components/ui/alert-dialog/AlertDialogDescription.vue
index 9cfc6dea..f202a764 100644
--- a/src/components/ui/alert-dialog/AlertDialogDescription.vue
+++ b/src/components/ui/alert-dialog/AlertDialogDescription.vue
@@ -5,7 +5,9 @@ import { reactiveOmit } from "@vueuse/core";
 import { AlertDialogDescription } from "reka-ui";
 import { cn } from "@/lib/utils";
 
-const props = defineProps<AlertDialogDescriptionProps & { class?: HTMLAttributes["class"] }>();
+const props = defineProps<
+  AlertDialogDescriptionProps & { class?: HTMLAttributes["class"] }
+>();
 
 const delegatedProps = reactiveOmit(props, "class");
 </script>
diff --git a/src/components/ui/alert-dialog/AlertDialogFooter.vue b/src/components/ui/alert-dialog/AlertDialogFooter.vue
index d1637c43..07a95a14 100644
--- a/src/components/ui/alert-dialog/AlertDialogFooter.vue
+++ b/src/components/ui/alert-dialog/AlertDialogFooter.vue
@@ -10,7 +10,9 @@ const props = defineProps<{
 <template>
   <div
     data-slot="alert-dialog-footer"
-    :class="cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', props.class)"
+    :class="
+      cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', props.class)
+    "
   >
     <slot />
   </div>
diff --git a/src/components/ui/alert-dialog/AlertDialogTitle.vue b/src/components/ui/alert-dialog/AlertDialogTitle.vue
index 7620abe0..ff5f3077 100644
--- a/src/components/ui/alert-dialog/AlertDialogTitle.vue
+++ b/src/components/ui/alert-dialog/AlertDialogTitle.vue
@@ -5,7 +5,9 @@ import { reactiveOmit } from "@vueuse/core";
 import { AlertDialogTitle } from "reka-ui";
 import { cn } from "@/lib/utils";
 
-const props = defineProps<AlertDialogTitleProps & { class?: HTMLAttributes["class"] }>();
+const props = defineProps<
+  AlertDialogTitleProps & { class?: HTMLAttributes["class"] }
+>();
 
 const delegatedProps = reactiveOmit(props, "class");
 </script>
diff --git a/src/components/ui/alert/Alert.vue b/src/components/ui/alert/Alert.vue
index d51160af..a9d336ff 100644
--- a/src/components/ui/alert/Alert.vue
+++ b/src/components/ui/alert/Alert.vue
@@ -1,17 +1,21 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue";
-import type { AlertVariants } from ".";
-import { cn } from "@/lib/utils";
-import { alertVariants } from ".";
+import type { HTMLAttributes } from "vue"
+import type { AlertVariants } from "."
+import { cn } from "@/lib/utils"
+import { alertVariants } from "."
 
 const props = defineProps<{
-  class?: HTMLAttributes["class"];
-  variant?: AlertVariants["variant"];
-}>();
+  class?: HTMLAttributes["class"]
+  variant?: AlertVariants["variant"]
+}>()
 </script>
 
 <template>
-  <div data-slot="alert" :class="cn(alertVariants({ variant }), props.class)" role="alert">
+  <div
+    data-slot="alert"
+    :class="cn(alertVariants({ variant }), props.class)"
+    role="alert"
+  >
     <slot />
   </div>
 </template>
diff --git a/src/components/ui/alert/AlertDescription.vue b/src/components/ui/alert/AlertDescription.vue
index 47de4603..9f7d24df 100644
--- a/src/components/ui/alert/AlertDescription.vue
+++ b/src/components/ui/alert/AlertDescription.vue
@@ -1,21 +1,16 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue";
-import { cn } from "@/lib/utils";
+import type { HTMLAttributes } from "vue"
+import { cn } from "@/lib/utils"
 
 const props = defineProps<{
-  class?: HTMLAttributes["class"];
-}>();
+  class?: HTMLAttributes["class"]
+}>()
 </script>
 
 <template>
   <div
     data-slot="alert-description"
-    :class="
-      cn(
-        'text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed',
-        props.class,
-      )
-    "
+    :class="cn('text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed', props.class)"
   >
     <slot />
   </div>
diff --git a/src/components/ui/alert/AlertTitle.vue b/src/components/ui/alert/AlertTitle.vue
index 0d1759cd..b2183843 100644
--- a/src/components/ui/alert/AlertTitle.vue
+++ b/src/components/ui/alert/AlertTitle.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue";
-import { cn } from "@/lib/utils";
+import type { HTMLAttributes } from "vue"
+import { cn } from "@/lib/utils"
 
 const props = defineProps<{
-  class?: HTMLAttributes["class"];
-}>();
+  class?: HTMLAttributes["class"]
+}>()
 </script>
 
 <template>
diff --git a/src/components/ui/alert/index.ts b/src/components/ui/alert/index.ts
index e9504aa2..42d07b64 100644
--- a/src/components/ui/alert/index.ts
+++ b/src/components/ui/alert/index.ts
@@ -1,9 +1,9 @@
-import type { VariantProps } from "class-variance-authority";
-import { cva } from "class-variance-authority";
+import type { VariantProps } from "class-variance-authority"
+import { cva } from "class-variance-authority"
 
-export { default as Alert } from "./Alert.vue";
-export { default as AlertDescription } from "./AlertDescription.vue";
-export { default as AlertTitle } from "./AlertTitle.vue";
+export { default as Alert } from "./Alert.vue"
+export { default as AlertDescription } from "./AlertDescription.vue"
+export { default as AlertTitle } from "./AlertTitle.vue"
 
 export const alertVariants = cva(
   "relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
@@ -19,6 +19,6 @@ export const alertVariants = cva(
       variant: "default",
     },
   },
-);
+)
 
-export type AlertVariants = VariantProps<typeof alertVariants>;
+export type AlertVariants = VariantProps<typeof alertVariants>
diff --git a/src/components/ui/badge/Badge.vue b/src/components/ui/badge/Badge.vue
index 119a584a..d894dfe0 100644
--- a/src/components/ui/badge/Badge.vue
+++ b/src/components/ui/badge/Badge.vue
@@ -1,20 +1,18 @@
 <script setup lang="ts">
-import type { PrimitiveProps } from "reka-ui";
-import type { HTMLAttributes } from "vue";
-import type { BadgeVariants } from ".";
-import { reactiveOmit } from "@vueuse/core";
-import { Primitive } from "reka-ui";
-import { cn } from "@/lib/utils";
-import { badgeVariants } from ".";
+import type { PrimitiveProps } from "reka-ui"
+import type { HTMLAttributes } from "vue"
+import type { BadgeVariants } from "."
+import { reactiveOmit } from "@vueuse/core"
+import { Primitive } from "reka-ui"
+import { cn } from "@/lib/utils"
+import { badgeVariants } from "."
 
-const props = defineProps<
-  PrimitiveProps & {
-    variant?: BadgeVariants["variant"];
-    class?: HTMLAttributes["class"];
-  }
->();
+const props = defineProps<PrimitiveProps & {
+  variant?: BadgeVariants["variant"]
+  class?: HTMLAttributes["class"]
+}>()
 
-const delegatedProps = reactiveOmit(props, "class");
+const delegatedProps = reactiveOmit(props, "class")
 </script>
 
 <template>
diff --git a/src/components/ui/badge/index.ts b/src/components/ui/badge/index.ts
index b48a9e9d..bbc0dfa3 100644
--- a/src/components/ui/badge/index.ts
+++ b/src/components/ui/badge/index.ts
@@ -1,24 +1,26 @@
-import type { VariantProps } from "class-variance-authority";
-import { cva } from "class-variance-authority";
+import type { VariantProps } from "class-variance-authority"
+import { cva } from "class-variance-authority"
 
-export { default as Badge } from "./Badge.vue";
+export { default as Badge } from "./Badge.vue"
 
 export const badgeVariants = cva(
   "inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
   {
     variants: {
       variant: {
-        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        default:
+          "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
         secondary:
           "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
         destructive:
-          "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+         "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline:
+          "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
       },
     },
     defaultVariants: {
       variant: "default",
     },
   },
-);
-export type BadgeVariants = VariantProps<typeof badgeVariants>;
+)
+export type BadgeVariants = VariantProps<typeof badgeVariants>
diff --git a/src/components/ui/button/Button.vue b/src/components/ui/button/Button.vue
index fda00242..374320b7 100644
--- a/src/components/ui/button/Button.vue
+++ b/src/components/ui/button/Button.vue
@@ -1,20 +1,20 @@
 <script setup lang="ts">
-import type { PrimitiveProps } from "reka-ui";
-import type { HTMLAttributes } from "vue";
-import type { ButtonVariants } from ".";
-import { Primitive } from "reka-ui";
-import { cn } from "@/lib/utils";
-import { buttonVariants } from ".";
+import type { PrimitiveProps } from "reka-ui"
+import type { HTMLAttributes } from "vue"
+import type { ButtonVariants } from "."
+import { Primitive } from "reka-ui"
+import { cn } from "@/lib/utils"
+import { buttonVariants } from "."
 
 interface Props extends PrimitiveProps {
-  variant?: ButtonVariants["variant"];
-  size?: ButtonVariants["size"];
-  class?: HTMLAttributes["class"];
+  variant?: ButtonVariants["variant"]
+  size?: ButtonVariants["size"]
+  class?: HTMLAttributes["class"]
 }
 
 const props = withDefaults(defineProps<Props>(), {
   as: "button",
-});
+})
 </script>
 
 <template>
diff --git a/src/components/ui/button/index.ts b/src/components/ui/button/index.ts
index 92881a5b..1a31ccb1 100644
--- a/src/components/ui/button/index.ts
+++ b/src/components/ui/button/index.ts
@@ -13,8 +13,10 @@ export const buttonVariants = cva(
           "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
         outline:
           "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        secondary:
+          "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost:
+          "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
         link: "text-primary underline-offset-4 hover:underline",
       },
       size: {
diff --git a/src/components/ui/card/CardAction.vue b/src/components/ui/card/CardAction.vue
index d7ae294d..c91638b6 100644
--- a/src/components/ui/card/CardAction.vue
+++ b/src/components/ui/card/CardAction.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue";
-import { cn } from "@/lib/utils";
+import type { HTMLAttributes } from "vue"
+import { cn } from "@/lib/utils"
 
 const props = defineProps<{
-  class?: HTMLAttributes["class"];
-}>();
+  class?: HTMLAttributes["class"]
+}>()
 </script>
 
 <template>
diff --git a/src/components/ui/card/CardContent.vue b/src/components/ui/card/CardContent.vue
index 09af2c35..dfbc5524 100644
--- a/src/components/ui/card/CardContent.vue
+++ b/src/components/ui/card/CardContent.vue
@@ -1,14 +1,17 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue";
-import { cn } from "@/lib/utils";
+import type { HTMLAttributes } from "vue"
+import { cn } from "@/lib/utils"
 
 const props = defineProps<{
-  class?: HTMLAttributes["class"];
-}>();
+  class?: HTMLAttributes["class"]
+}>()
 </script>
 
 <template>
-  <div data-slot="card-content" :class="cn('px-6', props.class)">
+  <div
+    data-slot="card-content"
+    :class="cn('px-6', props.class)"
+  >
     <slot />
   </div>
 </template>
diff --git a/src/components/ui/card/CardDescription.vue b/src/components/ui/card/CardDescription.vue
index 9c129a81..71c1b8da 100644
--- a/src/components/ui/card/CardDescription.vue
+++ b/src/components/ui/card/CardDescription.vue
@@ -1,14 +1,17 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue";
-import { cn } from "@/lib/utils";
+import type { HTMLAttributes } from "vue"
+import { cn } from "@/lib/utils"
 
 const props = defineProps<{
-  class?: HTMLAttributes["class"];
-}>();
+  class?: HTMLAttributes["class"]
+}>()
 </script>
 
 <template>
-  <p data-slot="card-description" :class="cn('text-muted-foreground text-sm', props.class)">
+  <p
+    data-slot="card-description"
+    :class="cn('text-muted-foreground text-sm', props.class)"
+  >
     <slot />
   </p>
 </template>
diff --git a/src/components/ui/card/CardFooter.vue b/src/components/ui/card/CardFooter.vue
index 7d01f186..9e3739ed 100644
--- a/src/components/ui/card/CardFooter.vue
+++ b/src/components/ui/card/CardFooter.vue
@@ -1,14 +1,17 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue";
-import { cn } from "@/lib/utils";
+import type { HTMLAttributes } from "vue"
+import { cn } from "@/lib/utils"
 
 const props = defineProps<{
-  class?: HTMLAttributes["class"];
-}>();
+  class?: HTMLAttributes["class"]
+}>()
 </script>
 
 <template>
-  <div data-slot="card-footer" :class="cn('flex items-center px-6 [.border-t]:pt-6', props.class)">
+  <div
+    data-slot="card-footer"
+    :class="cn('flex items-center px-6 [.border-t]:pt-6', props.class)"
+  >
     <slot />
   </div>
 </template>
diff --git a/src/components/ui/card/CardHeader.vue b/src/components/ui/card/CardHeader.vue
index ebd8bfa0..4fe4da46 100644
--- a/src/components/ui/card/CardHeader.vue
+++ b/src/components/ui/card/CardHeader.vue
@@ -1,21 +1,16 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue";
-import { cn } from "@/lib/utils";
+import type { HTMLAttributes } from "vue"
+import { cn } from "@/lib/utils"
 
 const props = defineProps<{
-  class?: HTMLAttributes["class"];
-}>();
+  class?: HTMLAttributes["class"]
+}>()
 </script>
 
 <template>
   <div
     data-slot="card-header"
-    :class="
-      cn(
-        '@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6',
-        props.class,
-      )
-    "
+    :class="cn('@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6', props.class)"
   >
     <slot />
   </div>
diff --git a/src/components/ui/card/CardTitle.vue b/src/components/ui/card/CardTitle.vue
index a4e55b26..5f479e73 100644
--- a/src/components/ui/card/CardTitle.vue
+++ b/src/components/ui/card/CardTitle.vue
@@ -1,14 +1,17 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue";
-import { cn } from "@/lib/utils";
+import type { HTMLAttributes } from "vue"
+import { cn } from "@/lib/utils"
 
 const props = defineProps<{
-  class?: HTMLAttributes["class"];
-}>();
+  class?: HTMLAttributes["class"]
+}>()
 </script>
 
 <template>
-  <h3 data-slot="card-title" :class="cn('leading-none font-semibold', props.class)">
+  <h3
+    data-slot="card-title"
+    :class="cn('leading-none font-semibold', props.class)"
+  >
     <slot />
   </h3>
 </template>
diff --git a/src/components/ui/card/index.ts b/src/components/ui/card/index.ts
index 409685bb..16277580 100644
--- a/src/components/ui/card/index.ts
+++ b/src/components/ui/card/index.ts
@@ -1,7 +1,7 @@
-export { default as Card } from "./Card.vue";
-export { default as CardAction } from "./CardAction.vue";
-export { default as CardContent } from "./CardContent.vue";
-export { default as CardDescription } from "./CardDescription.vue";
-export { default as CardFooter } from "./CardFooter.vue";
-export { default as CardHeader } from "./CardHeader.vue";
-export { default as CardTitle } from "./CardTitle.vue";
+export { default as Card } from "./Card.vue"
+export { default as CardAction } from "./CardAction.vue"
+export { default as CardContent } from "./CardContent.vue"
+export { default as CardDescription } from "./CardDescription.vue"
+export { default as CardFooter } from "./CardFooter.vue"
+export { default as CardHeader } from "./CardHeader.vue"
+export { default as CardTitle } from "./CardTitle.vue"
diff --git a/src/components/ui/checkbox/Checkbox.vue b/src/components/ui/checkbox/Checkbox.vue
index bbfedace..6604cbdb 100644
--- a/src/components/ui/checkbox/Checkbox.vue
+++ b/src/components/ui/checkbox/Checkbox.vue
@@ -1,17 +1,17 @@
 <script setup lang="ts">
-import type { CheckboxRootEmits, CheckboxRootProps } from "reka-ui";
-import type { HTMLAttributes } from "vue";
-import { reactiveOmit } from "@vueuse/core";
-import { Check } from "lucide-vue-next";
-import { CheckboxIndicator, CheckboxRoot, useForwardPropsEmits } from "reka-ui";
-import { cn } from "@/lib/utils";
+import type { CheckboxRootEmits, CheckboxRootProps } from "reka-ui"
+import type { HTMLAttributes } from "vue"
+import { reactiveOmit } from "@vueuse/core"
+import { Check } from "lucide-vue-next"
+import { CheckboxIndicator, CheckboxRoot, useForwardPropsEmits } from "reka-ui"
+import { cn } from "@/lib/utils"
 
-const props = defineProps<CheckboxRootProps & { class?: HTMLAttributes["class"] }>();
-const emits = defineEmits<CheckboxRootEmits>();
+const props = defineProps<CheckboxRootProps & { class?: HTMLAttributes["class"] }>()
+const emits = defineEmits<CheckboxRootEmits>()
 
-const delegatedProps = reactiveOmit(props, "class");
+const delegatedProps = reactiveOmit(props, "class")
 
-const forwarded = useForwardPropsEmits(delegatedProps, emits);
+const forwarded = useForwardPropsEmits(delegatedProps, emits)
 </script>
 
 <template>
@@ -20,11 +20,8 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
     data-slot="checkbox"
     v-bind="forwarded"
     :class="
-      cn(
-        'peer border-input data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50',
-        props.class,
-      )
-    "
+      cn('peer border-input data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50',
+         props.class)"
   >
     <CheckboxIndicator
       data-slot="checkbox-indicator"
diff --git a/src/components/ui/checkbox/index.ts b/src/components/ui/checkbox/index.ts
index 75be342b..3391a857 100644
--- a/src/components/ui/checkbox/index.ts
+++ b/src/components/ui/checkbox/index.ts
@@ -1 +1 @@
-export { default as Checkbox } from "./Checkbox.vue";
+export { default as Checkbox } from "./Checkbox.vue"
diff --git a/src/components/ui/command/Command.vue b/src/components/ui/command/Command.vue
index d067be19..ac7a3381 100644
--- a/src/components/ui/command/Command.vue
+++ b/src/components/ui/command/Command.vue
@@ -56,7 +56,9 @@ function filterItems() {
 
   // Check which items should be included
   for (const [id, value] of allItems.value) {
-    const score = props.filter?.(value, filterState.search) ?? contains(value, filterState.search);
+    const score =
+      props.filter?.(value, filterState.search) ??
+      contains(value, filterState.search);
     filterState.filtered.items.set(id, score ? 1 : 0);
     if (score) itemCount++;
   }
@@ -94,7 +96,7 @@ provideCommandContext({
     v-bind="forwarded"
     :class="
       cn(
-        'bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md',
+        'flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground',
         props.class,
       )
     "
diff --git a/src/components/ui/command/CommandEmpty.vue b/src/components/ui/command/CommandEmpty.vue
index b8e3ba79..a11a1a83 100644
--- a/src/components/ui/command/CommandEmpty.vue
+++ b/src/components/ui/command/CommandEmpty.vue
@@ -7,12 +7,16 @@ import { computed } from "vue";
 import { cn } from "@/lib/utils";
 import { useCommand } from ".";
 
-const props = defineProps<PrimitiveProps & { class?: HTMLAttributes["class"] }>();
+const props = defineProps<
+  PrimitiveProps & { class?: HTMLAttributes["class"] }
+>();
 
 const delegatedProps = reactiveOmit(props, "class");
 
 const { filterState } = useCommand();
-const isRender = computed(() => !!filterState.search && filterState.filtered.count === 0);
+const isRender = computed(
+  () => !!filterState.search && filterState.filtered.count === 0,
+);
 </script>
 
 <template>
diff --git a/src/components/ui/command/CommandGroup.vue b/src/components/ui/command/CommandGroup.vue
index 4ac6f8a0..8841d784 100644
--- a/src/components/ui/command/CommandGroup.vue
+++ b/src/components/ui/command/CommandGroup.vue
@@ -19,7 +19,9 @@ const delegatedProps = reactiveOmit(props, "class");
 const { allGroups, filterState } = useCommand();
 const id = useId();
 
-const isRender = computed(() => (!filterState.search ? true : filterState.filtered.groups.has(id)));
+const isRender = computed(() =>
+  !filterState.search ? true : filterState.filtered.groups.has(id),
+);
 
 provideCommandGroupContext({ id });
 onMounted(() => {
@@ -35,13 +37,13 @@ onUnmounted(() => {
     v-bind="delegatedProps"
     :id="id"
     data-slot="command-group"
-    :class="cn('text-foreground overflow-hidden p-1', props.class)"
+    :class="cn('overflow-hidden p-1 text-foreground', props.class)"
     :hidden="isRender ? undefined : true"
   >
     <ListboxGroupLabel
       v-if="heading"
       data-slot="command-group-heading"
-      class="text-muted-foreground px-2 py-1.5 text-xs font-medium"
+      class="px-2 py-1.5 text-xs font-medium text-muted-foreground"
     >
       {{ heading }}
     </ListboxGroupLabel>
diff --git a/src/components/ui/command/CommandInput.vue b/src/components/ui/command/CommandInput.vue
index 96d5efe7..b1e4af2e 100644
--- a/src/components/ui/command/CommandInput.vue
+++ b/src/components/ui/command/CommandInput.vue
@@ -52,7 +52,10 @@ watch(
 </script>
 
 <template>
-  <div data-slot="command-input-wrapper" class="flex h-9 items-center gap-2 border-b px-3">
+  <div
+    data-slot="command-input-wrapper"
+    class="flex h-9 items-center gap-2 border-b px-3"
+  >
     <Search class="size-4 shrink-0 opacity-50" />
     <ListboxFilter
       v-bind="{ ...forwardedProps, ...$attrs }"
@@ -60,7 +63,7 @@ watch(
       data-slot="command-input"
       :class="
         cn(
-          'placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50',
+          'flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50',
           props.class,
         )
       "
diff --git a/src/components/ui/command/CommandItem.vue b/src/components/ui/command/CommandItem.vue
index 1f4544c4..2435836b 100644
--- a/src/components/ui/command/CommandItem.vue
+++ b/src/components/ui/command/CommandItem.vue
@@ -45,7 +45,10 @@ onMounted(() => {
   if (!(currentElement.value instanceof HTMLElement)) return;
 
   // textValue to perform filter
-  allItems.value.set(id, currentElement.value.textContent ?? props.value?.toString() ?? "");
+  allItems.value.set(
+    id,
+    currentElement.value.textContent ?? props.value?.toString() ?? "",
+  );
 
   const groupId = groupContext?.id;
   if (groupId) {
@@ -78,7 +81,7 @@ function clearSearchOnSelect() {
     data-slot="command-item"
     :class="
       cn(
-        `data-highlighted:bg-accent data-highlighted:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,
+        `relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-highlighted:bg-accent data-highlighted:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground`,
         props.class,
       )
     "
diff --git a/src/components/ui/command/CommandList.vue b/src/components/ui/command/CommandList.vue
index af25ae58..45000287 100644
--- a/src/components/ui/command/CommandList.vue
+++ b/src/components/ui/command/CommandList.vue
@@ -5,7 +5,9 @@ import { reactiveOmit } from "@vueuse/core";
 import { ListboxContent, useForwardProps } from "reka-ui";
 import { cn } from "@/lib/utils";
 
-const props = defineProps<ListboxContentProps & { class?: HTMLAttributes["class"] }>();
+const props = defineProps<
+  ListboxContentProps & { class?: HTMLAttributes["class"] }
+>();
 
 const delegatedProps = reactiveOmit(props, "class");
 
@@ -16,7 +18,12 @@ const forwarded = useForwardProps(delegatedProps);
   <ListboxContent
     data-slot="command-list"
     v-bind="forwarded"
-    :class="cn('max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto', props.class)"
+    :class="
+      cn(
+        'max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto',
+        props.class,
+      )
+    "
   >
     <div role="presentation">
       <slot />
diff --git a/src/components/ui/command/CommandSeparator.vue b/src/components/ui/command/CommandSeparator.vue
index 1c3a5df1..a97292ed 100644
--- a/src/components/ui/command/CommandSeparator.vue
+++ b/src/components/ui/command/CommandSeparator.vue
@@ -5,7 +5,9 @@ import { reactiveOmit } from "@vueuse/core";
 import { Separator } from "reka-ui";
 import { cn } from "@/lib/utils";
 
-const props = defineProps<SeparatorProps & { class?: HTMLAttributes["class"] }>();
+const props = defineProps<
+  SeparatorProps & { class?: HTMLAttributes["class"] }
+>();
 
 const delegatedProps = reactiveOmit(props, "class");
 </script>
@@ -14,7 +16,7 @@ const delegatedProps = reactiveOmit(props, "class");
   <Separator
     data-slot="command-separator"
     v-bind="delegatedProps"
-    :class="cn('bg-border -mx-1 h-px', props.class)"
+    :class="cn('-mx-1 h-px bg-border', props.class)"
   >
     <slot />
   </Separator>
diff --git a/src/components/ui/command/CommandShortcut.vue b/src/components/ui/command/CommandShortcut.vue
index 94c77560..255a4d14 100644
--- a/src/components/ui/command/CommandShortcut.vue
+++ b/src/components/ui/command/CommandShortcut.vue
@@ -10,7 +10,9 @@ const props = defineProps<{
 <template>
   <span
     data-slot="command-shortcut"
-    :class="cn('text-muted-foreground ml-auto text-xs tracking-widest', props.class)"
+    :class="
+      cn('ml-auto text-xs tracking-widest text-muted-foreground', props.class)
+    "
   >
     <slot />
   </span>
diff --git a/src/components/ui/dialog/Dialog.vue b/src/components/ui/dialog/Dialog.vue
index add07984..ade52603 100644
--- a/src/components/ui/dialog/Dialog.vue
+++ b/src/components/ui/dialog/Dialog.vue
@@ -1,15 +1,19 @@
 <script setup lang="ts">
-import type { DialogRootEmits, DialogRootProps } from "reka-ui";
-import { DialogRoot, useForwardPropsEmits } from "reka-ui";
+import type { DialogRootEmits, DialogRootProps } from "reka-ui"
+import { DialogRoot, useForwardPropsEmits } from "reka-ui"
 
-const props = defineProps<DialogRootProps>();
-const emits = defineEmits<DialogRootEmits>();
+const props = defineProps<DialogRootProps>()
+const emits = defineEmits<DialogRootEmits>()
 
-const forwarded = useForwardPropsEmits(props, emits);
+const forwarded = useForwardPropsEmits(props, emits)
 </script>
 
 <template>
-  <DialogRoot v-slot="slotProps" data-slot="dialog" v-bind="forwarded">
+  <DialogRoot
+    v-slot="slotProps"
+    data-slot="dialog"
+    v-bind="forwarded"
+  >
     <slot v-bind="slotProps" />
   </DialogRoot>
 </template>
diff --git a/src/components/ui/dialog/DialogClose.vue b/src/components/ui/dialog/DialogClose.vue
index 98cd03c1..c5fae043 100644
--- a/src/components/ui/dialog/DialogClose.vue
+++ b/src/components/ui/dialog/DialogClose.vue
@@ -1,12 +1,15 @@
 <script setup lang="ts">
-import type { DialogCloseProps } from "reka-ui";
-import { DialogClose } from "reka-ui";
+import type { DialogCloseProps } from "reka-ui"
+import { DialogClose } from "reka-ui"
 
-const props = defineProps<DialogCloseProps>();
+const props = defineProps<DialogCloseProps>()
 </script>
 
 <template>
-  <DialogClose data-slot="dialog-close" v-bind="props">
+  <DialogClose
+    data-slot="dialog-close"
+    v-bind="props"
+  >
     <slot />
   </DialogClose>
 </template>
diff --git a/src/components/ui/dialog/DialogContent.vue b/src/components/ui/dialog/DialogContent.vue
index 51298ede..7f86b477 100644
--- a/src/components/ui/dialog/DialogContent.vue
+++ b/src/components/ui/dialog/DialogContent.vue
@@ -1,29 +1,29 @@
 <script setup lang="ts">
-import type { DialogContentEmits, DialogContentProps } from "reka-ui";
-import type { HTMLAttributes } from "vue";
-import { reactiveOmit } from "@vueuse/core";
-import { X } from "lucide-vue-next";
-import { DialogClose, DialogContent, DialogPortal, useForwardPropsEmits } from "reka-ui";
-import { cn } from "@/lib/utils";
-import DialogOverlay from "./DialogOverlay.vue";
+import type { DialogContentEmits, DialogContentProps } from "reka-ui"
+import type { HTMLAttributes } from "vue"
+import { reactiveOmit } from "@vueuse/core"
+import { X } from "lucide-vue-next"
+import {
+  DialogClose,
+  DialogContent,
+  DialogPortal,
+  useForwardPropsEmits,
+} from "reka-ui"
+import { cn } from "@/lib/utils"
+import DialogOverlay from "./DialogOverlay.vue"
 
 defineOptions({
   inheritAttrs: false,
-});
+})
 
-const props = withDefaults(
-  defineProps<
-    DialogContentProps & { class?: HTMLAttributes["class"]; showCloseButton?: boolean }
-  >(),
-  {
-    showCloseButton: true,
-  },
-);
-const emits = defineEmits<DialogContentEmits>();
+const props = withDefaults(defineProps<DialogContentProps & { class?: HTMLAttributes["class"], showCloseButton?: boolean }>(), {
+  showCloseButton: true,
+})
+const emits = defineEmits<DialogContentEmits>()
 
-const delegatedProps = reactiveOmit(props, "class");
+const delegatedProps = reactiveOmit(props, "class")
 
-const forwarded = useForwardPropsEmits(delegatedProps, emits);
+const forwarded = useForwardPropsEmits(delegatedProps, emits)
 </script>
 
 <template>
@@ -36,8 +36,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
         cn(
           'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg',
           props.class,
-        )
-      "
+        )"
     >
       <slot />
 
diff --git a/src/components/ui/dialog/DialogDescription.vue b/src/components/ui/dialog/DialogDescription.vue
index 367ed29d..f52e6555 100644
--- a/src/components/ui/dialog/DialogDescription.vue
+++ b/src/components/ui/dialog/DialogDescription.vue
@@ -1,15 +1,15 @@
 <script setup lang="ts">
-import type { DialogDescriptionProps } from "reka-ui";
-import type { HTMLAttributes } from "vue";
-import { reactiveOmit } from "@vueuse/core";
-import { DialogDescription, useForwardProps } from "reka-ui";
-import { cn } from "@/lib/utils";
+import type { DialogDescriptionProps } from "reka-ui"
+import type { HTMLAttributes } from "vue"
+import { reactiveOmit } from "@vueuse/core"
+import { DialogDescription, useForwardProps } from "reka-ui"
+import { cn } from "@/lib/utils"
 
-const props = defineProps<DialogDescriptionProps & { class?: HTMLAttributes["class"] }>();
+const props = defineProps<DialogDescriptionProps & { class?: HTMLAttributes["class"] }>()
 
-const delegatedProps = reactiveOmit(props, "class");
+const delegatedProps = reactiveOmit(props, "class")
 
-const forwardedProps = useForwardProps(delegatedProps);
+const forwardedProps = useForwardProps(delegatedProps)
 </script>
 
 <template>
diff --git a/src/components/ui/dialog/DialogFooter.vue b/src/components/ui/dialog/DialogFooter.vue
index 2abbda0b..0a936e61 100644
--- a/src/components/ui/dialog/DialogFooter.vue
+++ b/src/components/ui/dialog/DialogFooter.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue";
-import { cn } from "@/lib/utils";
+import type { HTMLAttributes } from "vue"
+import { cn } from "@/lib/utils"
 
-const props = defineProps<{ class?: HTMLAttributes["class"] }>();
+const props = defineProps<{ class?: HTMLAttributes["class"] }>()
 </script>
 
 <template>
diff --git a/src/components/ui/dialog/DialogHeader.vue b/src/components/ui/dialog/DialogHeader.vue
index 041bdfab..bfc3c646 100644
--- a/src/components/ui/dialog/DialogHeader.vue
+++ b/src/components/ui/dialog/DialogHeader.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue";
-import { cn } from "@/lib/utils";
+import type { HTMLAttributes } from "vue"
+import { cn } from "@/lib/utils"
 
 const props = defineProps<{
-  class?: HTMLAttributes["class"];
-}>();
+  class?: HTMLAttributes["class"]
+}>()
 </script>
 
 <template>
diff --git a/src/components/ui/dialog/DialogOverlay.vue b/src/components/ui/dialog/DialogOverlay.vue
index b28b1efd..77900772 100644
--- a/src/components/ui/dialog/DialogOverlay.vue
+++ b/src/components/ui/dialog/DialogOverlay.vue
@@ -1,25 +1,20 @@
 <script setup lang="ts">
-import type { DialogOverlayProps } from "reka-ui";
-import type { HTMLAttributes } from "vue";
-import { reactiveOmit } from "@vueuse/core";
-import { DialogOverlay } from "reka-ui";
-import { cn } from "@/lib/utils";
+import type { DialogOverlayProps } from "reka-ui"
+import type { HTMLAttributes } from "vue"
+import { reactiveOmit } from "@vueuse/core"
+import { DialogOverlay } from "reka-ui"
+import { cn } from "@/lib/utils"
 
-const props = defineProps<DialogOverlayProps & { class?: HTMLAttributes["class"] }>();
+const props = defineProps<DialogOverlayProps & { class?: HTMLAttributes["class"] }>()
 
-const delegatedProps = reactiveOmit(props, "class");
+const delegatedProps = reactiveOmit(props, "class")
 </script>
 
 <template>
   <DialogOverlay
     data-slot="dialog-overlay"
     v-bind="delegatedProps"
-    :class="
-      cn(
-        'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80',
-        props.class,
-      )
-    "
+    :class="cn('data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80', props.class)"
   >
     <slot />
   </DialogOverlay>
diff --git a/src/components/ui/dialog/DialogScrollContent.vue b/src/components/ui/dialog/DialogScrollContent.vue
index d9d5f57e..f2475dba 100644
--- a/src/components/ui/dialog/DialogScrollContent.vue
+++ b/src/components/ui/dialog/DialogScrollContent.vue
@@ -1,61 +1,56 @@
 <script setup lang="ts">
-import type { DialogContentEmits, DialogContentProps } from "reka-ui";
-import type { HTMLAttributes } from "vue";
-import { reactiveOmit } from "@vueuse/core";
-import { X } from "lucide-vue-next";
+import type { DialogContentEmits, DialogContentProps } from "reka-ui"
+import type { HTMLAttributes } from "vue"
+import { reactiveOmit } from "@vueuse/core"
+import { X } from "lucide-vue-next"
 import {
   DialogClose,
   DialogContent,
   DialogOverlay,
   DialogPortal,
   useForwardPropsEmits,
-} from "reka-ui";
-import { cn } from "@/lib/utils";
+} from "reka-ui"
+import { cn } from "@/lib/utils"
 
 defineOptions({
   inheritAttrs: false,
-});
+})
 
-const props = defineProps<DialogContentProps & { class?: HTMLAttributes["class"] }>();
-const emits = defineEmits<DialogContentEmits>();
+const props = defineProps<DialogContentProps & { class?: HTMLAttributes["class"] }>()
+const emits = defineEmits<DialogContentEmits>()
 
-const delegatedProps = reactiveOmit(props, "class");
+const delegatedProps = reactiveOmit(props, "class")
 
-const forwarded = useForwardPropsEmits(delegatedProps, emits);
+const forwarded = useForwardPropsEmits(delegatedProps, emits)
 </script>
 
 <template>
   <DialogPortal>
     <DialogOverlay
-      class="data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 grid place-items-center overflow-y-auto bg-black/80"
+      class="fixed inset-0 z-50 grid place-items-center overflow-y-auto bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"
     >
       <DialogContent
         :class="
           cn(
-            'border-border bg-background relative z-50 my-8 grid w-full max-w-lg gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg md:w-full',
+            'relative z-50 grid w-full max-w-lg my-8 gap-4 border border-border bg-background p-6 shadow-lg duration-200 sm:rounded-lg md:w-full',
             props.class,
           )
         "
         v-bind="{ ...$attrs, ...forwarded }"
-        @pointer-down-outside="
-          (event) => {
-            const originalEvent = event.detail.originalEvent;
-            const target = originalEvent.target as HTMLElement;
-            if (
-              originalEvent.offsetX > target.clientWidth ||
-              originalEvent.offsetY > target.clientHeight
-            ) {
-              event.preventDefault();
-            }
+        @pointer-down-outside="(event) => {
+          const originalEvent = event.detail.originalEvent;
+          const target = originalEvent.target as HTMLElement;
+          if (originalEvent.offsetX > target.clientWidth || originalEvent.offsetY > target.clientHeight) {
+            event.preventDefault();
           }
-        "
+        }"
       >
         <slot />
 
         <DialogClose
-          class="hover:bg-secondary absolute top-4 right-4 rounded-md p-0.5 transition-colors"
+          class="absolute top-4 right-4 p-0.5 transition-colors rounded-md hover:bg-secondary"
         >
-          <X class="h-4 w-4" />
+          <X class="w-4 h-4" />
           <span class="sr-only">Close</span>
         </DialogClose>
       </DialogContent>
diff --git a/src/components/ui/dialog/DialogTitle.vue b/src/components/ui/dialog/DialogTitle.vue
index 930f8e2f..860f01a4 100644
--- a/src/components/ui/dialog/DialogTitle.vue
+++ b/src/components/ui/dialog/DialogTitle.vue
@@ -1,15 +1,15 @@
 <script setup lang="ts">
-import type { DialogTitleProps } from "reka-ui";
-import type { HTMLAttributes } from "vue";
-import { reactiveOmit } from "@vueuse/core";
-import { DialogTitle, useForwardProps } from "reka-ui";
-import { cn } from "@/lib/utils";
+import type { DialogTitleProps } from "reka-ui"
+import type { HTMLAttributes } from "vue"
+import { reactiveOmit } from "@vueuse/core"
+import { DialogTitle, useForwardProps } from "reka-ui"
+import { cn } from "@/lib/utils"
 
-const props = defineProps<DialogTitleProps & { class?: HTMLAttributes["class"] }>();
+const props = defineProps<DialogTitleProps & { class?: HTMLAttributes["class"] }>()
 
-const delegatedProps = reactiveOmit(props, "class");
+const delegatedProps = reactiveOmit(props, "class")
 
-const forwardedProps = useForwardProps(delegatedProps);
+const forwardedProps = useForwardProps(delegatedProps)
 </script>
 
 <template>
diff --git a/src/components/ui/dialog/DialogTrigger.vue b/src/components/ui/dialog/DialogTrigger.vue
index 24dbf1b3..49667e99 100644
--- a/src/components/ui/dialog/DialogTrigger.vue
+++ b/src/components/ui/dialog/DialogTrigger.vue
@@ -1,12 +1,15 @@
 <script setup lang="ts">
-import type { DialogTriggerProps } from "reka-ui";
-import { DialogTrigger } from "reka-ui";
+import type { DialogTriggerProps } from "reka-ui"
+import { DialogTrigger } from "reka-ui"
 
-const props = defineProps<DialogTriggerProps>();
+const props = defineProps<DialogTriggerProps>()
 </script>
 
 <template>
-  <DialogTrigger data-slot="dialog-trigger" v-bind="props">
+  <DialogTrigger
+    data-slot="dialog-trigger"
+    v-bind="props"
+  >
     <slot />
   </DialogTrigger>
 </template>
diff --git a/src/components/ui/dialog/index.ts b/src/components/ui/dialog/index.ts
index 6c411de2..6768b090 100644
--- a/src/components/ui/dialog/index.ts
+++ b/src/components/ui/dialog/index.ts
@@ -1,10 +1,10 @@
-export { default as Dialog } from "./Dialog.vue";
-export { default as DialogClose } from "./DialogClose.vue";
-export { default as DialogContent } from "./DialogContent.vue";
-export { default as DialogDescription } from "./DialogDescription.vue";
-export { default as DialogFooter } from "./DialogFooter.vue";
-export { default as DialogHeader } from "./DialogHeader.vue";
-export { default as DialogOverlay } from "./DialogOverlay.vue";
-export { default as DialogScrollContent } from "./DialogScrollContent.vue";
-export { default as DialogTitle } from "./DialogTitle.vue";
-export { default as DialogTrigger } from "./DialogTrigger.vue";
+export { default as Dialog } from "./Dialog.vue"
+export { default as DialogClose } from "./DialogClose.vue"
+export { default as DialogContent } from "./DialogContent.vue"
+export { default as DialogDescription } from "./DialogDescription.vue"
+export { default as DialogFooter } from "./DialogFooter.vue"
+export { default as DialogHeader } from "./DialogHeader.vue"
+export { default as DialogOverlay } from "./DialogOverlay.vue"
+export { default as DialogScrollContent } from "./DialogScrollContent.vue"
+export { default as DialogTitle } from "./DialogTitle.vue"
+export { default as DialogTrigger } from "./DialogTrigger.vue"
diff --git a/src/components/ui/dropdown-menu/DropdownMenuContent.vue b/src/components/ui/dropdown-menu/DropdownMenuContent.vue
index 7d26d814..d52be7ba 100644
--- a/src/components/ui/dropdown-menu/DropdownMenuContent.vue
+++ b/src/components/ui/dropdown-menu/DropdownMenuContent.vue
@@ -17,7 +17,7 @@ const props = defineProps<{
       :align="props.align"
       :class="
         cn(
-          'bg-popover text-popover-foreground z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-md',
+          'z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md',
           'data-[state=open]:animate-in data-[state=closed]:animate-out',
           'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',
           'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',
diff --git a/src/components/ui/dropdown-menu/DropdownMenuItem.vue b/src/components/ui/dropdown-menu/DropdownMenuItem.vue
index 40ad9698..b89f2175 100644
--- a/src/components/ui/dropdown-menu/DropdownMenuItem.vue
+++ b/src/components/ui/dropdown-menu/DropdownMenuItem.vue
@@ -17,7 +17,7 @@ const emit = defineEmits<{ select: [] }>();
     :disabled="props.disabled"
     :class="
       cn(
-        'relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm transition-colors outline-none select-none',
+        'relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors',
         'focus:bg-accent focus:text-accent-foreground',
         'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
         props.inset && 'pl-8',
diff --git a/src/components/ui/flickering-grid/FlickeringGrid.vue b/src/components/ui/flickering-grid/FlickeringGrid.vue
index 07839d0d..1f5b3361 100644
--- a/src/components/ui/flickering-grid/FlickeringGrid.vue
+++ b/src/components/ui/flickering-grid/FlickeringGrid.vue
@@ -20,7 +20,8 @@ const props = withDefaults(defineProps<FlickeringGridProps>(), {
   maxOpacity: 0.3,
 });
 
-const { squareSize, gridGap, flickerChance, color, maxOpacity, width, height } = toRefs(props);
+const { squareSize, gridGap, flickerChance, color, maxOpacity, width, height } =
+  toRefs(props);
 
 const containerRef = ref<HTMLDivElement>();
 const canvasRef = ref<HTMLCanvasElement>();
diff --git a/src/components/ui/input/Input.vue b/src/components/ui/input/Input.vue
index bd0943b2..e57d9f53 100644
--- a/src/components/ui/input/Input.vue
+++ b/src/components/ui/input/Input.vue
@@ -1,35 +1,33 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue";
-import { useVModel } from "@vueuse/core";
-import { cn } from "@/lib/utils";
+import type { HTMLAttributes } from "vue"
+import { useVModel } from "@vueuse/core"
+import { cn } from "@/lib/utils"
 
 const props = defineProps<{
-  defaultValue?: string | number;
-  modelValue?: string | number;
-  class?: HTMLAttributes["class"];
-}>();
+  defaultValue?: string | number
+  modelValue?: string | number
+  class?: HTMLAttributes["class"]
+}>()
 
 const emits = defineEmits<{
-  (e: "update:modelValue", payload: string | number): void;
-}>();
+  (e: "update:modelValue", payload: string | number): void
+}>()
 
 const modelValue = useVModel(props, "modelValue", emits, {
   passive: true,
   defaultValue: props.defaultValue,
-});
+})
 </script>
 
 <template>
   <input
     v-model="modelValue"
     data-slot="input"
-    :class="
-      cn(
-        'file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',
-        'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[1px]',
-        'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',
-        props.class,
-      )
-    "
-  />
+    :class="cn(
+      'file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',
+      'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[1px]',
+      'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',
+      props.class,
+    )"
+  >
 </template>
diff --git a/src/components/ui/input/index.ts b/src/components/ui/input/index.ts
index 110f0460..9976b86f 100644
--- a/src/components/ui/input/index.ts
+++ b/src/components/ui/input/index.ts
@@ -1 +1 @@
-export { default as Input } from "./Input.vue";
+export { default as Input } from "./Input.vue"
diff --git a/src/components/ui/label/Label.vue b/src/components/ui/label/Label.vue
index 1191606e..ee639702 100644
--- a/src/components/ui/label/Label.vue
+++ b/src/components/ui/label/Label.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import type { LabelProps } from "reka-ui";
-import type { HTMLAttributes } from "vue";
-import { reactiveOmit } from "@vueuse/core";
-import { Label } from "reka-ui";
-import { cn } from "@/lib/utils";
+import type { LabelProps } from "reka-ui"
+import type { HTMLAttributes } from "vue"
+import { reactiveOmit } from "@vueuse/core"
+import { Label } from "reka-ui"
+import { cn } from "@/lib/utils"
 
-const props = defineProps<LabelProps & { class?: HTMLAttributes["class"] }>();
+const props = defineProps<LabelProps & { class?: HTMLAttributes["class"] }>()
 
-const delegatedProps = reactiveOmit(props, "class");
+const delegatedProps = reactiveOmit(props, "class")
 </script>
 
 <template>
diff --git a/src/components/ui/label/index.ts b/src/components/ui/label/index.ts
index 38eaa356..036e35c3 100644
--- a/src/components/ui/label/index.ts
+++ b/src/components/ui/label/index.ts
@@ -1 +1 @@
-export { default as Label } from "./Label.vue";
+export { default as Label } from "./Label.vue"
diff --git a/src/components/ui/number-field/NumberField.vue b/src/components/ui/number-field/NumberField.vue
index 86d0e9c7..b0455f87 100644
--- a/src/components/ui/number-field/NumberField.vue
+++ b/src/components/ui/number-field/NumberField.vue
@@ -10,7 +10,9 @@ import type { NumberFieldRootProps } from "reka-ui";
 import type { HTMLAttributes } from "vue";
 import { cn } from "@/lib/utils";
 
-const props = defineProps<NumberFieldRootProps & { class?: HTMLAttributes["class"] }>();
+const props = defineProps<
+  NumberFieldRootProps & { class?: HTMLAttributes["class"] }
+>();
 
 const emit = defineEmits<{ "update:modelValue": [val: number] }>();
 </script>
@@ -22,22 +24,22 @@ const emit = defineEmits<{ "update:modelValue": [val: number] }>();
     @update:model-value="emit('update:modelValue', $event)"
   >
     <NumberFieldDecrement
-      class="border-input hover:bg-accent h-9 rounded-l-md border bg-transparent px-2 transition-colors disabled:pointer-events-none disabled:opacity-50"
+      class="h-9 px-2 border border-input rounded-l-md bg-transparent hover:bg-accent disabled:opacity-50 disabled:pointer-events-none transition-colors"
     >
       <ChevronDown class="h-4 w-4" />
     </NumberFieldDecrement>
     <NumberFieldInput
       :class="
         cn(
-          'border-input h-9 min-w-0 flex-1 border-y bg-transparent px-3 py-1 text-center text-base md:text-sm',
+          'border-y border-input h-9 min-w-0 flex-1 bg-transparent px-3 py-1 text-base md:text-sm text-center',
           'placeholder:text-muted-foreground outline-none',
           'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[1px]',
-          'disabled:cursor-not-allowed disabled:opacity-50',
+          'disabled:opacity-50 disabled:cursor-not-allowed',
         )
       "
     />
     <NumberFieldIncrement
-      class="border-input hover:bg-accent h-9 rounded-r-md border bg-transparent px-2 transition-colors disabled:pointer-events-none disabled:opacity-50"
+      class="h-9 px-2 border border-input rounded-r-md bg-transparent hover:bg-accent disabled:opacity-50 disabled:pointer-events-none transition-colors"
     >
       <ChevronUp class="h-4 w-4" />
     </NumberFieldIncrement>
diff --git a/src/components/ui/pagination/PaginationContent.vue b/src/components/ui/pagination/PaginationContent.vue
index e1ba1fe7..a7d981f6 100644
--- a/src/components/ui/pagination/PaginationContent.vue
+++ b/src/components/ui/pagination/PaginationContent.vue
@@ -5,7 +5,9 @@ import { reactiveOmit } from "@vueuse/core";
 import { PaginationList } from "reka-ui";
 import { cn } from "@/lib/utils";
 
-const props = defineProps<PaginationListProps & { class?: HTMLAttributes["class"] }>();
+const props = defineProps<
+  PaginationListProps & { class?: HTMLAttributes["class"] }
+>();
 
 const delegatedProps = reactiveOmit(props, "class");
 </script>
diff --git a/src/components/ui/pagination/PaginationEllipsis.vue b/src/components/ui/pagination/PaginationEllipsis.vue
index 340ccab2..474c0ede 100644
--- a/src/components/ui/pagination/PaginationEllipsis.vue
+++ b/src/components/ui/pagination/PaginationEllipsis.vue
@@ -6,7 +6,9 @@ import { MoreHorizontal } from "lucide-vue-next";
 import { PaginationEllipsis } from "reka-ui";
 import { cn } from "@/lib/utils";
 
-const props = defineProps<PaginationEllipsisProps & { class?: HTMLAttributes["class"] }>();
+const props = defineProps<
+  PaginationEllipsisProps & { class?: HTMLAttributes["class"] }
+>();
 
 const delegatedProps = reactiveOmit(props, "class");
 </script>
diff --git a/src/components/ui/pagination/PaginationFirst.vue b/src/components/ui/pagination/PaginationFirst.vue
index 88443ada..b1ca1c4d 100644
--- a/src/components/ui/pagination/PaginationFirst.vue
+++ b/src/components/ui/pagination/PaginationFirst.vue
@@ -27,7 +27,13 @@ const forwarded = useForwardProps(delegatedProps);
 <template>
   <PaginationFirst
     data-slot="pagination-first"
-    :class="cn(buttonVariants({ variant: 'ghost', size }), 'gap-1 px-2.5 sm:pr-2.5', props.class)"
+    :class="
+      cn(
+        buttonVariants({ variant: 'ghost', size }),
+        'gap-1 px-2.5 sm:pr-2.5',
+        props.class,
+      )
+    "
     v-bind="forwarded"
   >
     <slot>
diff --git a/src/components/ui/pagination/PaginationLast.vue b/src/components/ui/pagination/PaginationLast.vue
index 9de19ab9..0ce085bf 100644
--- a/src/components/ui/pagination/PaginationLast.vue
+++ b/src/components/ui/pagination/PaginationLast.vue
@@ -27,7 +27,13 @@ const forwarded = useForwardProps(delegatedProps);
 <template>
   <PaginationLast
     data-slot="pagination-last"
-    :class="cn(buttonVariants({ variant: 'ghost', size }), 'gap-1 px-2.5 sm:pr-2.5', props.class)"
+    :class="
+      cn(
+        buttonVariants({ variant: 'ghost', size }),
+        'gap-1 px-2.5 sm:pr-2.5',
+        props.class,
+      )
+    "
     v-bind="forwarded"
   >
     <slot>
diff --git a/src/components/ui/pagination/PaginationNext.vue b/src/components/ui/pagination/PaginationNext.vue
index c5c894a6..5cacc1cb 100644
--- a/src/components/ui/pagination/PaginationNext.vue
+++ b/src/components/ui/pagination/PaginationNext.vue
@@ -30,7 +30,13 @@ const forwarded = useForwardProps(delegatedProps);
 <template>
   <PaginationNext
     data-slot="pagination-next"
-    :class="cn(buttonVariants({ variant: 'ghost', size }), 'gap-1 px-2.5 sm:pr-2.5', props.class)"
+    :class="
+      cn(
+        buttonVariants({ variant: 'ghost', size }),
+        'gap-1 px-2.5 sm:pr-2.5',
+        props.class,
+      )
+    "
     v-bind="forwarded"
   >
     <slot>
diff --git a/src/components/ui/pagination/PaginationPrevious.vue b/src/components/ui/pagination/PaginationPrevious.vue
index e8d1d625..b87cefa2 100644
--- a/src/components/ui/pagination/PaginationPrevious.vue
+++ b/src/components/ui/pagination/PaginationPrevious.vue
@@ -30,7 +30,13 @@ const forwarded = useForwardProps(delegatedProps);
 <template>
   <PaginationPrev
     data-slot="pagination-previous"
-    :class="cn(buttonVariants({ variant: 'ghost', size }), 'gap-1 px-2.5 sm:pr-2.5', props.class)"
+    :class="
+      cn(
+        buttonVariants({ variant: 'ghost', size }),
+        'gap-1 px-2.5 sm:pr-2.5',
+        props.class,
+      )
+    "
     v-bind="forwarded"
   >
     <slot>
diff --git a/src/components/ui/pop-confirm/PopConfirm.vue b/src/components/ui/pop-confirm/PopConfirm.vue
index bff0efca..ef34025b 100644
--- a/src/components/ui/pop-confirm/PopConfirm.vue
+++ b/src/components/ui/pop-confirm/PopConfirm.vue
@@ -1,6 +1,10 @@
 <script setup lang="ts">
 import { ref } from "vue";
-import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@/components/ui/popover";
 import { Button } from "@/components/ui/button";
 
 const props = defineProps<{
@@ -38,7 +42,7 @@ const handleCancel = () => {
       <div class="space-y-2">
         <div class="space-y-0.5">
           <p v-if="title" class="text-sm font-medium">{{ title }}</p>
-          <p v-if="description" class="text-muted-foreground text-sm">
+          <p v-if="description" class="text-sm text-muted-foreground">
             {{ description }}
           </p>
         </div>
diff --git a/src/components/ui/popover/PopoverContent.vue b/src/components/ui/popover/PopoverContent.vue
index e66e1623..7efedbde 100644
--- a/src/components/ui/popover/PopoverContent.vue
+++ b/src/components/ui/popover/PopoverContent.vue
@@ -30,7 +30,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
       v-bind="{ ...$attrs, ...forwarded }"
       :class="
         cn(
-          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--reka-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden',
+          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border p-4 shadow-md origin-(--reka-popover-content-transform-origin) outline-hidden',
           props.class,
         )
       "
diff --git a/src/components/ui/progress/Progress.vue b/src/components/ui/progress/Progress.vue
index 3d245153..5532af7a 100644
--- a/src/components/ui/progress/Progress.vue
+++ b/src/components/ui/progress/Progress.vue
@@ -1,22 +1,33 @@
 <script setup lang="ts">
-import type { ProgressRootProps } from "reka-ui";
-import type { HTMLAttributes } from "vue";
-import { reactiveOmit } from "@vueuse/core";
-import { ProgressIndicator, ProgressRoot } from "reka-ui";
-import { cn } from "@/lib/utils";
+import type { ProgressRootProps } from "reka-ui"
+import type { HTMLAttributes } from "vue"
+import { reactiveOmit } from "@vueuse/core"
+import {
+  ProgressIndicator,
+  ProgressRoot,
+} from "reka-ui"
+import { cn } from "@/lib/utils"
 
-const props = withDefaults(defineProps<ProgressRootProps & { class?: HTMLAttributes["class"] }>(), {
-  modelValue: 0,
-});
+const props = withDefaults(
+  defineProps<ProgressRootProps & { class?: HTMLAttributes["class"] }>(),
+  {
+    modelValue: 0,
+  },
+)
 
-const delegatedProps = reactiveOmit(props, "class");
+const delegatedProps = reactiveOmit(props, "class")
 </script>
 
 <template>
   <ProgressRoot
     data-slot="progress"
     v-bind="delegatedProps"
-    :class="cn('bg-primary/20 relative h-2 w-full overflow-hidden rounded-full', props.class)"
+    :class="
+      cn(
+        'bg-primary/20 relative h-2 w-full overflow-hidden rounded-full',
+        props.class,
+      )
+    "
   >
     <ProgressIndicator
       data-slot="progress-indicator"
diff --git a/src/components/ui/progress/index.ts b/src/components/ui/progress/index.ts
index e934a9bb..8598b969 100644
--- a/src/components/ui/progress/index.ts
+++ b/src/components/ui/progress/index.ts
@@ -1 +1 @@
-export { default as Progress } from "./Progress.vue";
+export { default as Progress } from "./Progress.vue"
diff --git a/src/components/ui/radio-group/RadioGroup.vue b/src/components/ui/radio-group/RadioGroup.vue
index 6fb9f80a..8e1db716 100644
--- a/src/components/ui/radio-group/RadioGroup.vue
+++ b/src/components/ui/radio-group/RadioGroup.vue
@@ -5,7 +5,9 @@ import { reactiveOmit } from "@vueuse/core";
 import { RadioGroupRoot, useForwardPropsEmits } from "reka-ui";
 import { cn } from "@/lib/utils";
 
-const props = defineProps<RadioGroupRootProps & { class?: HTMLAttributes["class"] }>();
+const props = defineProps<
+  RadioGroupRootProps & { class?: HTMLAttributes["class"] }
+>();
 const emits = defineEmits<RadioGroupRootEmits>();
 
 const delegatedProps = reactiveOmit(props, "class");
diff --git a/src/components/ui/radio-group/RadioGroupItem.vue b/src/components/ui/radio-group/RadioGroupItem.vue
index 0cb70447..9b8e05fd 100644
--- a/src/components/ui/radio-group/RadioGroupItem.vue
+++ b/src/components/ui/radio-group/RadioGroupItem.vue
@@ -6,7 +6,9 @@ import { CircleIcon } from "lucide-vue-next";
 import { RadioGroupIndicator, RadioGroupItem, useForwardProps } from "reka-ui";
 import { cn } from "@/lib/utils";
 
-const props = defineProps<RadioGroupItemProps & { class?: HTMLAttributes["class"] }>();
+const props = defineProps<
+  RadioGroupItemProps & { class?: HTMLAttributes["class"] }
+>();
 
 const delegatedProps = reactiveOmit(props, "class");
 
diff --git a/src/components/ui/rainbow-button/RainbowButton.vue b/src/components/ui/rainbow-button/RainbowButton.vue
index fa3efecf..56a17347 100644
--- a/src/components/ui/rainbow-button/RainbowButton.vue
+++ b/src/components/ui/rainbow-button/RainbowButton.vue
@@ -16,11 +16,7 @@ const speedInSeconds = computed(() => `${props.speed}s`);
 </script>
 
 <template>
-  <component
-    :is="is"
-    class="rainbow-button group text-primary-foreground focus-visible:ring-ring relative inline-flex h-11 cursor-pointer items-center justify-center rounded-xl border-0 bg-[linear-gradient(#121213,#121213),linear-gradient(#121213_50%,rgba(18,18,19,0.6)_80%,rgba(18,18,19,0)),linear-gradient(90deg,var(--color-1),var(--color-5),var(--color-3),var(--color-4),var(--color-2))] bg-[length:200%] [background-clip:padding-box,border-box,border-box] [background-origin:border-box] px-8 py-2 font-medium transition-colors [border:calc(0.08*1rem)_solid_transparent] before:absolute before:bottom-[-20%] before:left-1/2 before:z-0 before:h-1/5 before:w-3/5 before:-translate-x-1/2 before:bg-[linear-gradient(90deg,var(--color-1),var(--color-5),var(--color-3),var(--color-4),var(--color-2))] before:bg-[length:200%] before:[filter:blur(calc(0.8*1rem))] focus-visible:ring-1 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 dark:bg-[linear-gradient(#fff,#fff),linear-gradient(#fff_50%,rgba(255,255,255,0.6)_80%,rgba(0,0,0,0)),linear-gradient(90deg,var(--color-1),var(--color-5),var(--color-3),var(--color-4),var(--color-2))]"
-    :class="[props.class]"
-  >
+  <component :is="is" class="rainbow-button group text-primary-foreground focus-visible:ring-ring relative inline-flex h-11 cursor-pointer items-center justify-center rounded-xl border-0 bg-[linear-gradient(#121213,#121213),linear-gradient(#121213_50%,rgba(18,18,19,0.6)_80%,rgba(18,18,19,0)),linear-gradient(90deg,var(--color-1),var(--color-5),var(--color-3),var(--color-4),var(--color-2))] bg-[length:200%] [background-clip:padding-box,border-box,border-box] [background-origin:border-box] px-8 py-2 font-medium transition-colors [border:calc(0.08*1rem)_solid_transparent] before:absolute before:bottom-[-20%] before:left-1/2 before:z-0 before:h-1/5 before:w-3/5 before:-translate-x-1/2 before:bg-[linear-gradient(90deg,var(--color-1),var(--color-5),var(--color-3),var(--color-4),var(--color-2))] before:bg-[length:200%] before:[filter:blur(calc(0.8*1rem))] focus-visible:ring-1 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 dark:bg-[linear-gradient(#fff,#fff),linear-gradient(#fff_50%,rgba(255,255,255,0.6)_80%,rgba(0,0,0,0)),linear-gradient(90deg,var(--color-1),var(--color-5),var(--color-3),var(--color-4),var(--color-2))]" :class="[props.class]">
     <slot />
   </component>
 </template>
diff --git a/src/components/ui/scroll-area/ScrollArea.vue b/src/components/ui/scroll-area/ScrollArea.vue
index 9b1e4922..9c157344 100644
--- a/src/components/ui/scroll-area/ScrollArea.vue
+++ b/src/components/ui/scroll-area/ScrollArea.vue
@@ -6,7 +6,9 @@ import { ScrollAreaCorner, ScrollAreaRoot, ScrollAreaViewport } from "reka-ui";
 import { cn } from "@/lib/utils";
 import ScrollBar from "./ScrollBar.vue";
 
-const props = defineProps<ScrollAreaRootProps & { class?: HTMLAttributes["class"] }>();
+const props = defineProps<
+  ScrollAreaRootProps & { class?: HTMLAttributes["class"] }
+>();
 
 const delegatedProps = reactiveOmit(props, "class");
 </script>
@@ -19,7 +21,7 @@ const delegatedProps = reactiveOmit(props, "class");
   >
     <ScrollAreaViewport
       data-slot="scroll-area-viewport"
-      class="focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1"
+      class="size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1"
     >
       <slot />
     </ScrollAreaViewport>
diff --git a/src/components/ui/scroll-area/ScrollBar.vue b/src/components/ui/scroll-area/ScrollBar.vue
index 8c54c8df..e9746f7f 100644
--- a/src/components/ui/scroll-area/ScrollBar.vue
+++ b/src/components/ui/scroll-area/ScrollBar.vue
@@ -22,12 +22,17 @@ const delegatedProps = reactiveOmit(props, "class");
     :class="
       cn(
         'flex touch-none p-px transition-colors select-none',
-        orientation === 'vertical' && 'h-full w-2.5 border-l border-l-transparent',
-        orientation === 'horizontal' && 'h-2.5 flex-col border-t border-t-transparent',
+        orientation === 'vertical' &&
+          'h-full w-2.5 border-l border-l-transparent',
+        orientation === 'horizontal' &&
+          'h-2.5 flex-col border-t border-t-transparent',
         props.class,
       )
     "
   >
-    <ScrollAreaThumb data-slot="scroll-area-thumb" class="bg-border relative flex-1 rounded-full" />
+    <ScrollAreaThumb
+      data-slot="scroll-area-thumb"
+      class="relative flex-1 rounded-full bg-border"
+    />
   </ScrollAreaScrollbar>
 </template>
diff --git a/src/components/ui/select/Select.vue b/src/components/ui/select/Select.vue
index f58547d1..c94bbe88 100644
--- a/src/components/ui/select/Select.vue
+++ b/src/components/ui/select/Select.vue
@@ -1,15 +1,19 @@
 <script setup lang="ts">
-import type { SelectRootEmits, SelectRootProps } from "reka-ui";
-import { SelectRoot, useForwardPropsEmits } from "reka-ui";
+import type { SelectRootEmits, SelectRootProps } from "reka-ui"
+import { SelectRoot, useForwardPropsEmits } from "reka-ui"
 
-const props = defineProps<SelectRootProps>();
-const emits = defineEmits<SelectRootEmits>();
+const props = defineProps<SelectRootProps>()
+const emits = defineEmits<SelectRootEmits>()
 
-const forwarded = useForwardPropsEmits(props, emits);
+const forwarded = useForwardPropsEmits(props, emits)
 </script>
 
 <template>
-  <SelectRoot v-slot="slotProps" data-slot="select" v-bind="forwarded">
+  <SelectRoot
+    v-slot="slotProps"
+    data-slot="select"
+    v-bind="forwarded"
+  >
     <slot v-bind="slotProps" />
   </SelectRoot>
 </template>
diff --git a/src/components/ui/select/SelectContent.vue b/src/components/ui/select/SelectContent.vue
index 285f995d..adf04ec8 100644
--- a/src/components/ui/select/SelectContent.vue
+++ b/src/components/ui/select/SelectContent.vue
@@ -1,26 +1,31 @@
 <script setup lang="ts">
-import type { SelectContentEmits, SelectContentProps } from "reka-ui";
-import type { HTMLAttributes } from "vue";
-import { reactiveOmit } from "@vueuse/core";
-import { SelectContent, SelectPortal, SelectViewport, useForwardPropsEmits } from "reka-ui";
-import { cn } from "@/lib/utils";
-import { SelectScrollDownButton, SelectScrollUpButton } from ".";
+import type { SelectContentEmits, SelectContentProps } from "reka-ui"
+import type { HTMLAttributes } from "vue"
+import { reactiveOmit } from "@vueuse/core"
+import {
+  SelectContent,
+  SelectPortal,
+  SelectViewport,
+  useForwardPropsEmits,
+} from "reka-ui"
+import { cn } from "@/lib/utils"
+import { SelectScrollDownButton, SelectScrollUpButton } from "."
 
 defineOptions({
   inheritAttrs: false,
-});
+})
 
 const props = withDefaults(
   defineProps<SelectContentProps & { class?: HTMLAttributes["class"] }>(),
   {
     position: "popper",
   },
-);
-const emits = defineEmits<SelectContentEmits>();
+)
+const emits = defineEmits<SelectContentEmits>()
 
-const delegatedProps = reactiveOmit(props, "class");
+const delegatedProps = reactiveOmit(props, "class")
 
-const forwarded = useForwardPropsEmits(delegatedProps, emits);
+const forwarded = useForwardPropsEmits(delegatedProps, emits)
 </script>
 
 <template>
@@ -28,25 +33,16 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
     <SelectContent
       data-slot="select-content"
       v-bind="{ ...$attrs, ...forwarded }"
-      :class="
-        cn(
-          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--reka-select-content-available-height) min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-md border shadow-md',
-          position === 'popper' &&
-            'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',
-          props.class,
-        )
+      :class="cn(
+        'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--reka-select-content-available-height) min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-md border shadow-md',
+        position === 'popper'
+          && 'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',
+        props.class,
+      )
       "
     >
       <SelectScrollUpButton />
-      <SelectViewport
-        :class="
-          cn(
-            'p-1',
-            position === 'popper' &&
-              'h-[var(--reka-select-trigger-height)] w-full min-w-[var(--reka-select-trigger-width)] scroll-my-1',
-          )
-        "
-      >
+      <SelectViewport :class="cn('p-1', position === 'popper' && 'h-[var(--reka-select-trigger-height)] w-full min-w-[var(--reka-select-trigger-width)] scroll-my-1')">
         <slot />
       </SelectViewport>
       <SelectScrollDownButton />
diff --git a/src/components/ui/select/SelectGroup.vue b/src/components/ui/select/SelectGroup.vue
index defbcfec..e981c6c5 100644
--- a/src/components/ui/select/SelectGroup.vue
+++ b/src/components/ui/select/SelectGroup.vue
@@ -1,12 +1,15 @@
 <script setup lang="ts">
-import type { SelectGroupProps } from "reka-ui";
-import { SelectGroup } from "reka-ui";
+import type { SelectGroupProps } from "reka-ui"
+import { SelectGroup } from "reka-ui"
 
-const props = defineProps<SelectGroupProps>();
+const props = defineProps<SelectGroupProps>()
 </script>
 
 <template>
-  <SelectGroup data-slot="select-group" v-bind="props">
+  <SelectGroup
+    data-slot="select-group"
+    v-bind="props"
+  >
     <slot />
   </SelectGroup>
 </template>
diff --git a/src/components/ui/select/SelectItem.vue b/src/components/ui/select/SelectItem.vue
index 94df0cbe..93717645 100644
--- a/src/components/ui/select/SelectItem.vue
+++ b/src/components/ui/select/SelectItem.vue
@@ -1,16 +1,21 @@
 <script setup lang="ts">
-import type { SelectItemProps } from "reka-ui";
-import type { HTMLAttributes } from "vue";
-import { reactiveOmit } from "@vueuse/core";
-import { Check } from "lucide-vue-next";
-import { SelectItem, SelectItemIndicator, SelectItemText, useForwardProps } from "reka-ui";
-import { cn } from "@/lib/utils";
+import type { SelectItemProps } from "reka-ui"
+import type { HTMLAttributes } from "vue"
+import { reactiveOmit } from "@vueuse/core"
+import { Check } from "lucide-vue-next"
+import {
+  SelectItem,
+  SelectItemIndicator,
+  SelectItemText,
+  useForwardProps,
+} from "reka-ui"
+import { cn } from "@/lib/utils"
 
-const props = defineProps<SelectItemProps & { class?: HTMLAttributes["class"] }>();
+const props = defineProps<SelectItemProps & { class?: HTMLAttributes["class"] }>()
 
-const delegatedProps = reactiveOmit(props, "class");
+const delegatedProps = reactiveOmit(props, "class")
 
-const forwardedProps = useForwardProps(delegatedProps);
+const forwardedProps = useForwardProps(delegatedProps)
 </script>
 
 <template>
diff --git a/src/components/ui/select/SelectItemText.vue b/src/components/ui/select/SelectItemText.vue
index 1ddc6d79..b6700b17 100644
--- a/src/components/ui/select/SelectItemText.vue
+++ b/src/components/ui/select/SelectItemText.vue
@@ -1,12 +1,15 @@
 <script setup lang="ts">
-import type { SelectItemTextProps } from "reka-ui";
-import { SelectItemText } from "reka-ui";
+import type { SelectItemTextProps } from "reka-ui"
+import { SelectItemText } from "reka-ui"
 
-const props = defineProps<SelectItemTextProps>();
+const props = defineProps<SelectItemTextProps>()
 </script>
 
 <template>
-  <SelectItemText data-slot="select-item-text" v-bind="props">
+  <SelectItemText
+    data-slot="select-item-text"
+    v-bind="props"
+  >
     <slot />
   </SelectItemText>
 </template>
diff --git a/src/components/ui/select/SelectLabel.vue b/src/components/ui/select/SelectLabel.vue
index fb6519ca..5b6650cb 100644
--- a/src/components/ui/select/SelectLabel.vue
+++ b/src/components/ui/select/SelectLabel.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import type { SelectLabelProps } from "reka-ui";
-import type { HTMLAttributes } from "vue";
-import { SelectLabel } from "reka-ui";
-import { cn } from "@/lib/utils";
+import type { SelectLabelProps } from "reka-ui"
+import type { HTMLAttributes } from "vue"
+import { SelectLabel } from "reka-ui"
+import { cn } from "@/lib/utils"
 
-const props = defineProps<SelectLabelProps & { class?: HTMLAttributes["class"] }>();
+const props = defineProps<SelectLabelProps & { class?: HTMLAttributes["class"] }>()
 </script>
 
 <template>
diff --git a/src/components/ui/select/SelectScrollDownButton.vue b/src/components/ui/select/SelectScrollDownButton.vue
index 7b565800..7dc7670b 100644
--- a/src/components/ui/select/SelectScrollDownButton.vue
+++ b/src/components/ui/select/SelectScrollDownButton.vue
@@ -1,16 +1,16 @@
 <script setup lang="ts">
-import type { SelectScrollDownButtonProps } from "reka-ui";
-import type { HTMLAttributes } from "vue";
-import { reactiveOmit } from "@vueuse/core";
-import { ChevronDown } from "lucide-vue-next";
-import { SelectScrollDownButton, useForwardProps } from "reka-ui";
-import { cn } from "@/lib/utils";
+import type { SelectScrollDownButtonProps } from "reka-ui"
+import type { HTMLAttributes } from "vue"
+import { reactiveOmit } from "@vueuse/core"
+import { ChevronDown } from "lucide-vue-next"
+import { SelectScrollDownButton, useForwardProps } from "reka-ui"
+import { cn } from "@/lib/utils"
 
-const props = defineProps<SelectScrollDownButtonProps & { class?: HTMLAttributes["class"] }>();
+const props = defineProps<SelectScrollDownButtonProps & { class?: HTMLAttributes["class"] }>()
 
-const delegatedProps = reactiveOmit(props, "class");
+const delegatedProps = reactiveOmit(props, "class")
 
-const forwardedProps = useForwardProps(delegatedProps);
+const forwardedProps = useForwardProps(delegatedProps)
 </script>
 
 <template>
diff --git a/src/components/ui/select/SelectScrollUpButton.vue b/src/components/ui/select/SelectScrollUpButton.vue
index 9808bdb3..07fe87ea 100644
--- a/src/components/ui/select/SelectScrollUpButton.vue
+++ b/src/components/ui/select/SelectScrollUpButton.vue
@@ -1,16 +1,16 @@
 <script setup lang="ts">
-import type { SelectScrollUpButtonProps } from "reka-ui";
-import type { HTMLAttributes } from "vue";
-import { reactiveOmit } from "@vueuse/core";
-import { ChevronUp } from "lucide-vue-next";
-import { SelectScrollUpButton, useForwardProps } from "reka-ui";
-import { cn } from "@/lib/utils";
+import type { SelectScrollUpButtonProps } from "reka-ui"
+import type { HTMLAttributes } from "vue"
+import { reactiveOmit } from "@vueuse/core"
+import { ChevronUp } from "lucide-vue-next"
+import { SelectScrollUpButton, useForwardProps } from "reka-ui"
+import { cn } from "@/lib/utils"
 
-const props = defineProps<SelectScrollUpButtonProps & { class?: HTMLAttributes["class"] }>();
+const props = defineProps<SelectScrollUpButtonProps & { class?: HTMLAttributes["class"] }>()
 
-const delegatedProps = reactiveOmit(props, "class");
+const delegatedProps = reactiveOmit(props, "class")
 
-const forwardedProps = useForwardProps(delegatedProps);
+const forwardedProps = useForwardProps(delegatedProps)
 </script>
 
 <template>
diff --git a/src/components/ui/select/SelectSeparator.vue b/src/components/ui/select/SelectSeparator.vue
index c2a18ee5..4b5c8857 100644
--- a/src/components/ui/select/SelectSeparator.vue
+++ b/src/components/ui/select/SelectSeparator.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import type { SelectSeparatorProps } from "reka-ui";
-import type { HTMLAttributes } from "vue";
-import { reactiveOmit } from "@vueuse/core";
-import { SelectSeparator } from "reka-ui";
-import { cn } from "@/lib/utils";
+import type { SelectSeparatorProps } from "reka-ui"
+import type { HTMLAttributes } from "vue"
+import { reactiveOmit } from "@vueuse/core"
+import { SelectSeparator } from "reka-ui"
+import { cn } from "@/lib/utils"
 
-const props = defineProps<SelectSeparatorProps & { class?: HTMLAttributes["class"] }>();
+const props = defineProps<SelectSeparatorProps & { class?: HTMLAttributes["class"] }>()
 
-const delegatedProps = reactiveOmit(props, "class");
+const delegatedProps = reactiveOmit(props, "class")
 </script>
 
 <template>
diff --git a/src/components/ui/select/SelectTrigger.vue b/src/components/ui/select/SelectTrigger.vue
index 9af47afa..667908b6 100644
--- a/src/components/ui/select/SelectTrigger.vue
+++ b/src/components/ui/select/SelectTrigger.vue
@@ -1,18 +1,18 @@
 <script setup lang="ts">
-import type { SelectTriggerProps } from "reka-ui";
-import type { HTMLAttributes } from "vue";
-import { reactiveOmit } from "@vueuse/core";
-import { ChevronDown } from "lucide-vue-next";
-import { SelectIcon, SelectTrigger, useForwardProps } from "reka-ui";
-import { cn } from "@/lib/utils";
+import type { SelectTriggerProps } from "reka-ui"
+import type { HTMLAttributes } from "vue"
+import { reactiveOmit } from "@vueuse/core"
+import { ChevronDown } from "lucide-vue-next"
+import { SelectIcon, SelectTrigger, useForwardProps } from "reka-ui"
+import { cn } from "@/lib/utils"
 
 const props = withDefaults(
-  defineProps<SelectTriggerProps & { class?: HTMLAttributes["class"]; size?: "sm" | "default" }>(),
+  defineProps<SelectTriggerProps & { class?: HTMLAttributes["class"], size?: "sm" | "default" }>(),
   { size: "default" },
-);
+)
 
-const delegatedProps = reactiveOmit(props, "class", "size");
-const forwardedProps = useForwardProps(delegatedProps);
+const delegatedProps = reactiveOmit(props, "class", "size")
+const forwardedProps = useForwardProps(delegatedProps)
 </script>
 
 <template>
@@ -20,12 +20,10 @@ const forwardedProps = useForwardProps(delegatedProps);
     data-slot="select-trigger"
     :data-size="size"
     v-bind="forwardedProps"
-    :class="
-      cn(
-        'border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*=\'text-\'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4',
-        props.class,
-      )
-    "
+    :class="cn(
+      'border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*=\'text-\'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4',
+      props.class,
+    )"
   >
     <slot />
     <SelectIcon as-child>
diff --git a/src/components/ui/select/SelectValue.vue b/src/components/ui/select/SelectValue.vue
index 38115283..d5ce58b5 100644
--- a/src/components/ui/select/SelectValue.vue
+++ b/src/components/ui/select/SelectValue.vue
@@ -1,12 +1,15 @@
 <script setup lang="ts">
-import type { SelectValueProps } from "reka-ui";
-import { SelectValue } from "reka-ui";
+import type { SelectValueProps } from "reka-ui"
+import { SelectValue } from "reka-ui"
 
-const props = defineProps<SelectValueProps>();
+const props = defineProps<SelectValueProps>()
 </script>
 
 <template>
-  <SelectValue data-slot="select-value" v-bind="props">
+  <SelectValue
+    data-slot="select-value"
+    v-bind="props"
+  >
     <slot />
   </SelectValue>
 </template>
diff --git a/src/components/ui/select/index.ts b/src/components/ui/select/index.ts
index d911c4e1..96eae60c 100644
--- a/src/components/ui/select/index.ts
+++ b/src/components/ui/select/index.ts
@@ -1,11 +1,11 @@
-export { default as Select } from "./Select.vue";
-export { default as SelectContent } from "./SelectContent.vue";
-export { default as SelectGroup } from "./SelectGroup.vue";
-export { default as SelectItem } from "./SelectItem.vue";
-export { default as SelectItemText } from "./SelectItemText.vue";
-export { default as SelectLabel } from "./SelectLabel.vue";
-export { default as SelectScrollDownButton } from "./SelectScrollDownButton.vue";
-export { default as SelectScrollUpButton } from "./SelectScrollUpButton.vue";
-export { default as SelectSeparator } from "./SelectSeparator.vue";
-export { default as SelectTrigger } from "./SelectTrigger.vue";
-export { default as SelectValue } from "./SelectValue.vue";
+export { default as Select } from "./Select.vue"
+export { default as SelectContent } from "./SelectContent.vue"
+export { default as SelectGroup } from "./SelectGroup.vue"
+export { default as SelectItem } from "./SelectItem.vue"
+export { default as SelectItemText } from "./SelectItemText.vue"
+export { default as SelectLabel } from "./SelectLabel.vue"
+export { default as SelectScrollDownButton } from "./SelectScrollDownButton.vue"
+export { default as SelectScrollUpButton } from "./SelectScrollUpButton.vue"
+export { default as SelectSeparator } from "./SelectSeparator.vue"
+export { default as SelectTrigger } from "./SelectTrigger.vue"
+export { default as SelectValue } from "./SelectValue.vue"
diff --git a/src/components/ui/separator/Separator.vue b/src/components/ui/separator/Separator.vue
index 4fc8f2f9..78d60eca 100644
--- a/src/components/ui/separator/Separator.vue
+++ b/src/components/ui/separator/Separator.vue
@@ -1,16 +1,18 @@
 <script setup lang="ts">
-import type { SeparatorProps } from "reka-ui";
-import type { HTMLAttributes } from "vue";
-import { reactiveOmit } from "@vueuse/core";
-import { Separator } from "reka-ui";
-import { cn } from "@/lib/utils";
+import type { SeparatorProps } from "reka-ui"
+import type { HTMLAttributes } from "vue"
+import { reactiveOmit } from "@vueuse/core"
+import { Separator } from "reka-ui"
+import { cn } from "@/lib/utils"
 
-const props = withDefaults(defineProps<SeparatorProps & { class?: HTMLAttributes["class"] }>(), {
+const props = withDefaults(defineProps<
+  SeparatorProps & { class?: HTMLAttributes["class"] }
+>(), {
   orientation: "horizontal",
   decorative: true,
-});
+})
 
-const delegatedProps = reactiveOmit(props, "class");
+const delegatedProps = reactiveOmit(props, "class")
 </script>
 
 <template>
diff --git a/src/components/ui/separator/index.ts b/src/components/ui/separator/index.ts
index aae7f1a6..44072873 100644
--- a/src/components/ui/separator/index.ts
+++ b/src/components/ui/separator/index.ts
@@ -1 +1 @@
-export { default as Separator } from "./Separator.vue";
+export { default as Separator } from "./Separator.vue"
diff --git a/src/components/ui/skeleton/Skeleton.vue b/src/components/ui/skeleton/Skeleton.vue
index 730926a9..be01e4a1 100644
--- a/src/components/ui/skeleton/Skeleton.vue
+++ b/src/components/ui/skeleton/Skeleton.vue
@@ -10,5 +10,8 @@ const props = defineProps<SkeletonProps>();
 </script>
 
 <template>
-  <div data-slot="skeleton" :class="cn('bg-primary/10 animate-pulse rounded-md', props.class)" />
+  <div
+    data-slot="skeleton"
+    :class="cn('animate-pulse rounded-md bg-primary/10', props.class)"
+  />
 </template>
diff --git a/src/components/ui/spinner/Spinner.vue b/src/components/ui/spinner/Spinner.vue
index d75fbdc7..582ec193 100644
--- a/src/components/ui/spinner/Spinner.vue
+++ b/src/components/ui/spinner/Spinner.vue
@@ -9,5 +9,9 @@ const props = defineProps<{
 </script>
 
 <template>
-  <Loader2Icon role="status" aria-label="Loading" :class="cn('size-4 animate-spin', props.class)" />
+  <Loader2Icon
+    role="status"
+    aria-label="Loading"
+    :class="cn('size-4 animate-spin', props.class)"
+  />
 </template>
diff --git a/src/components/ui/switch/Switch.vue b/src/components/ui/switch/Switch.vue
index a25eab28..c77026a7 100644
--- a/src/components/ui/switch/Switch.vue
+++ b/src/components/ui/switch/Switch.vue
@@ -5,7 +5,9 @@ import { reactiveOmit } from "@vueuse/core";
 import { SwitchRoot, SwitchThumb, useForwardPropsEmits } from "reka-ui";
 import { cn } from "@/lib/utils";
 
-const props = defineProps<SwitchRootProps & { class?: HTMLAttributes["class"] }>();
+const props = defineProps<
+  SwitchRootProps & { class?: HTMLAttributes["class"] }
+>();
 
 const emits = defineEmits<SwitchRootEmits>();
 
diff --git a/src/components/ui/table/Table.vue b/src/components/ui/table/Table.vue
index bc481a7d..187a4537 100644
--- a/src/components/ui/table/Table.vue
+++ b/src/components/ui/table/Table.vue
@@ -13,7 +13,10 @@ const props = defineProps<{
     data-slot="table-container"
     :class="cn('relative w-full overflow-auto', props.tableContainerClass)"
   >
-    <table data-slot="table" :class="cn('w-full caption-bottom text-sm', props.class)">
+    <table
+      data-slot="table"
+      :class="cn('w-full caption-bottom text-sm', props.class)"
+    >
       <slot />
     </table>
   </div>
diff --git a/src/components/ui/table/TableBody.vue b/src/components/ui/table/TableBody.vue
index 7bf304f0..d14a2d32 100644
--- a/src/components/ui/table/TableBody.vue
+++ b/src/components/ui/table/TableBody.vue
@@ -1,14 +1,17 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue";
-import { cn } from "@/lib/utils";
+import type { HTMLAttributes } from "vue"
+import { cn } from "@/lib/utils"
 
 const props = defineProps<{
-  class?: HTMLAttributes["class"];
-}>();
+  class?: HTMLAttributes["class"]
+}>()
 </script>
 
 <template>
-  <tbody data-slot="table-body" :class="cn('[&_tr:last-child]:border-0', props.class)">
+  <tbody
+    data-slot="table-body"
+    :class="cn('[&_tr:last-child]:border-0', props.class)"
+  >
     <slot />
   </tbody>
 </template>
diff --git a/src/components/ui/table/TableCaption.vue b/src/components/ui/table/TableCaption.vue
index 0918a58b..36300845 100644
--- a/src/components/ui/table/TableCaption.vue
+++ b/src/components/ui/table/TableCaption.vue
@@ -1,14 +1,17 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue";
-import { cn } from "@/lib/utils";
+import type { HTMLAttributes } from "vue"
+import { cn } from "@/lib/utils"
 
 const props = defineProps<{
-  class?: HTMLAttributes["class"];
-}>();
+  class?: HTMLAttributes["class"]
+}>()
 </script>
 
 <template>
-  <caption data-slot="table-caption" :class="cn('text-muted-foreground mt-4 text-sm', props.class)">
+  <caption
+    data-slot="table-caption"
+    :class="cn('text-muted-foreground mt-4 text-sm', props.class)"
+  >
     <slot />
   </caption>
 </template>
diff --git a/src/components/ui/table/TableCell.vue b/src/components/ui/table/TableCell.vue
index 0a546ac9..d6e9ed24 100644
--- a/src/components/ui/table/TableCell.vue
+++ b/src/components/ui/table/TableCell.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue";
-import { cn } from "@/lib/utils";
+import type { HTMLAttributes } from "vue"
+import { cn } from "@/lib/utils"
 
 const props = defineProps<{
-  class?: HTMLAttributes["class"];
-}>();
+  class?: HTMLAttributes["class"]
+}>()
 </script>
 
 <template>
diff --git a/src/components/ui/table/TableEmpty.vue b/src/components/ui/table/TableEmpty.vue
index e79b6536..95193286 100644
--- a/src/components/ui/table/TableEmpty.vue
+++ b/src/components/ui/table/TableEmpty.vue
@@ -1,27 +1,29 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue";
-import { reactiveOmit } from "@vueuse/core";
-import { cn } from "@/lib/utils";
-import TableCell from "./TableCell.vue";
-import TableRow from "./TableRow.vue";
+import type { HTMLAttributes } from "vue"
+import { reactiveOmit } from "@vueuse/core"
+import { cn } from "@/lib/utils"
+import TableCell from "./TableCell.vue"
+import TableRow from "./TableRow.vue"
 
-const props = withDefaults(
-  defineProps<{
-    class?: HTMLAttributes["class"];
-    colspan?: number;
-  }>(),
-  {
-    colspan: 1,
-  },
-);
+const props = withDefaults(defineProps<{
+  class?: HTMLAttributes["class"]
+  colspan?: number
+}>(), {
+  colspan: 1,
+})
 
-const delegatedProps = reactiveOmit(props, "class");
+const delegatedProps = reactiveOmit(props, "class")
 </script>
 
 <template>
   <TableRow>
     <TableCell
-      :class="cn('text-foreground p-4 align-middle text-sm whitespace-nowrap', props.class)"
+      :class="
+        cn(
+          'p-4 whitespace-nowrap align-middle text-sm text-foreground',
+          props.class,
+        )
+      "
       v-bind="delegatedProps"
     >
       <div class="flex items-center justify-center py-10">
diff --git a/src/components/ui/table/TableFooter.vue b/src/components/ui/table/TableFooter.vue
index 096fb4f1..29e0ce9a 100644
--- a/src/components/ui/table/TableFooter.vue
+++ b/src/components/ui/table/TableFooter.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue";
-import { cn } from "@/lib/utils";
+import type { HTMLAttributes } from "vue"
+import { cn } from "@/lib/utils"
 
 const props = defineProps<{
-  class?: HTMLAttributes["class"];
-}>();
+  class?: HTMLAttributes["class"]
+}>()
 </script>
 
 <template>
diff --git a/src/components/ui/table/TableHead.vue b/src/components/ui/table/TableHead.vue
index 569a70d2..f83efe56 100644
--- a/src/components/ui/table/TableHead.vue
+++ b/src/components/ui/table/TableHead.vue
@@ -1,21 +1,16 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue";
-import { cn } from "@/lib/utils";
+import type { HTMLAttributes } from "vue"
+import { cn } from "@/lib/utils"
 
 const props = defineProps<{
-  class?: HTMLAttributes["class"];
-}>();
+  class?: HTMLAttributes["class"]
+}>()
 </script>
 
 <template>
   <th
     data-slot="table-head"
-    :class="
-      cn(
-        'text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',
-        props.class,
-      )
-    "
+    :class="cn('text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]', props.class)"
   >
     <slot />
   </th>
diff --git a/src/components/ui/table/TableHeader.vue b/src/components/ui/table/TableHeader.vue
index dd62d552..b4ab5cfb 100644
--- a/src/components/ui/table/TableHeader.vue
+++ b/src/components/ui/table/TableHeader.vue
@@ -1,14 +1,17 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue";
-import { cn } from "@/lib/utils";
+import type { HTMLAttributes } from "vue"
+import { cn } from "@/lib/utils"
 
 const props = defineProps<{
-  class?: HTMLAttributes["class"];
-}>();
+  class?: HTMLAttributes["class"]
+}>()
 </script>
 
 <template>
-  <thead data-slot="table-header" :class="cn('[&_tr]:border-b', props.class)">
+  <thead
+    data-slot="table-header"
+    :class="cn('[&_tr]:border-b', props.class)"
+  >
     <slot />
   </thead>
 </template>
diff --git a/src/components/ui/table/TableRow.vue b/src/components/ui/table/TableRow.vue
index 58142216..8f1d172f 100644
--- a/src/components/ui/table/TableRow.vue
+++ b/src/components/ui/table/TableRow.vue
@@ -1,18 +1,16 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue";
-import { cn } from "@/lib/utils";
+import type { HTMLAttributes } from "vue"
+import { cn } from "@/lib/utils"
 
 const props = defineProps<{
-  class?: HTMLAttributes["class"];
-}>();
+  class?: HTMLAttributes["class"]
+}>()
 </script>
 
 <template>
   <tr
     data-slot="table-row"
-    :class="
-      cn('hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors', props.class)
-    "
+    :class="cn('hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors', props.class)"
   >
     <slot />
   </tr>
diff --git a/src/components/ui/table/index.ts b/src/components/ui/table/index.ts
index 0afab4c0..3be308b5 100644
--- a/src/components/ui/table/index.ts
+++ b/src/components/ui/table/index.ts
@@ -1,9 +1,9 @@
-export { default as Table } from "./Table.vue";
-export { default as TableBody } from "./TableBody.vue";
-export { default as TableCaption } from "./TableCaption.vue";
-export { default as TableCell } from "./TableCell.vue";
-export { default as TableEmpty } from "./TableEmpty.vue";
-export { default as TableFooter } from "./TableFooter.vue";
-export { default as TableHead } from "./TableHead.vue";
-export { default as TableHeader } from "./TableHeader.vue";
-export { default as TableRow } from "./TableRow.vue";
+export { default as Table } from "./Table.vue"
+export { default as TableBody } from "./TableBody.vue"
+export { default as TableCaption } from "./TableCaption.vue"
+export { default as TableCell } from "./TableCell.vue"
+export { default as TableEmpty } from "./TableEmpty.vue"
+export { default as TableFooter } from "./TableFooter.vue"
+export { default as TableHead } from "./TableHead.vue"
+export { default as TableHeader } from "./TableHeader.vue"
+export { default as TableRow } from "./TableRow.vue"
diff --git a/src/components/ui/table/utils.ts b/src/components/ui/table/utils.ts
index 7db4cbec..3d4fd12f 100644
--- a/src/components/ui/table/utils.ts
+++ b/src/components/ui/table/utils.ts
@@ -1,8 +1,10 @@
-import type { Updater } from "@tanstack/vue-table";
+import type { Updater } from "@tanstack/vue-table"
 
-import type { Ref } from "vue";
-import { isFunction } from "@tanstack/vue-table";
+import type { Ref } from "vue"
+import { isFunction } from "@tanstack/vue-table"
 
 export function valueUpdater<T>(updaterOrValue: Updater<T>, ref: Ref<T>) {
-  ref.value = isFunction(updaterOrValue) ? updaterOrValue(ref.value) : updaterOrValue;
+  ref.value = isFunction(updaterOrValue)
+    ? updaterOrValue(ref.value)
+    : updaterOrValue
 }
diff --git a/src/components/ui/tabs/Tabs.vue b/src/components/ui/tabs/Tabs.vue
index 3ee39e49..d260a15c 100644
--- a/src/components/ui/tabs/Tabs.vue
+++ b/src/components/ui/tabs/Tabs.vue
@@ -1,15 +1,15 @@
 <script setup lang="ts">
-import type { TabsRootEmits, TabsRootProps } from "reka-ui";
-import type { HTMLAttributes } from "vue";
-import { reactiveOmit } from "@vueuse/core";
-import { TabsRoot, useForwardPropsEmits } from "reka-ui";
-import { cn } from "@/lib/utils";
+import type { TabsRootEmits, TabsRootProps } from "reka-ui"
+import type { HTMLAttributes } from "vue"
+import { reactiveOmit } from "@vueuse/core"
+import { TabsRoot, useForwardPropsEmits } from "reka-ui"
+import { cn } from "@/lib/utils"
 
-const props = defineProps<TabsRootProps & { class?: HTMLAttributes["class"] }>();
-const emits = defineEmits<TabsRootEmits>();
+const props = defineProps<TabsRootProps & { class?: HTMLAttributes["class"] }>()
+const emits = defineEmits<TabsRootEmits>()
 
-const delegatedProps = reactiveOmit(props, "class");
-const forwarded = useForwardPropsEmits(delegatedProps, emits);
+const delegatedProps = reactiveOmit(props, "class")
+const forwarded = useForwardPropsEmits(delegatedProps, emits)
 </script>
 
 <template>
diff --git a/src/components/ui/tabs/TabsContent.vue b/src/components/ui/tabs/TabsContent.vue
index 416563d5..3186ee88 100644
--- a/src/components/ui/tabs/TabsContent.vue
+++ b/src/components/ui/tabs/TabsContent.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import type { TabsContentProps } from "reka-ui";
-import type { HTMLAttributes } from "vue";
-import { reactiveOmit } from "@vueuse/core";
-import { TabsContent } from "reka-ui";
-import { cn } from "@/lib/utils";
+import type { TabsContentProps } from "reka-ui"
+import type { HTMLAttributes } from "vue"
+import { reactiveOmit } from "@vueuse/core"
+import { TabsContent } from "reka-ui"
+import { cn } from "@/lib/utils"
 
-const props = defineProps<TabsContentProps & { class?: HTMLAttributes["class"] }>();
+const props = defineProps<TabsContentProps & { class?: HTMLAttributes["class"] }>()
 
-const delegatedProps = reactiveOmit(props, "class");
+const delegatedProps = reactiveOmit(props, "class")
 </script>
 
 <template>
diff --git a/src/components/ui/tabs/TabsList.vue b/src/components/ui/tabs/TabsList.vue
index 40dcc71b..a64a2dad 100644
--- a/src/components/ui/tabs/TabsList.vue
+++ b/src/components/ui/tabs/TabsList.vue
@@ -1,25 +1,23 @@
 <script setup lang="ts">
-import type { TabsListProps } from "reka-ui";
-import type { HTMLAttributes } from "vue";
-import { reactiveOmit } from "@vueuse/core";
-import { TabsList } from "reka-ui";
-import { cn } from "@/lib/utils";
+import type { TabsListProps } from "reka-ui"
+import type { HTMLAttributes } from "vue"
+import { reactiveOmit } from "@vueuse/core"
+import { TabsList } from "reka-ui"
+import { cn } from "@/lib/utils"
 
-const props = defineProps<TabsListProps & { class?: HTMLAttributes["class"] }>();
+const props = defineProps<TabsListProps & { class?: HTMLAttributes["class"] }>()
 
-const delegatedProps = reactiveOmit(props, "class");
+const delegatedProps = reactiveOmit(props, "class")
 </script>
 
 <template>
   <TabsList
     data-slot="tabs-list"
     v-bind="delegatedProps"
-    :class="
-      cn(
-        'bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]',
-        props.class,
-      )
-    "
+    :class="cn(
+      'bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]',
+      props.class,
+    )"
   >
     <slot />
   </TabsList>
diff --git a/src/components/ui/tabs/TabsTrigger.vue b/src/components/ui/tabs/TabsTrigger.vue
index 336836ae..45e424f7 100644
--- a/src/components/ui/tabs/TabsTrigger.vue
+++ b/src/components/ui/tabs/TabsTrigger.vue
@@ -1,26 +1,24 @@
 <script setup lang="ts">
-import type { TabsTriggerProps } from "reka-ui";
-import type { HTMLAttributes } from "vue";
-import { reactiveOmit } from "@vueuse/core";
-import { TabsTrigger, useForwardProps } from "reka-ui";
-import { cn } from "@/lib/utils";
+import type { TabsTriggerProps } from "reka-ui"
+import type { HTMLAttributes } from "vue"
+import { reactiveOmit } from "@vueuse/core"
+import { TabsTrigger, useForwardProps } from "reka-ui"
+import { cn } from "@/lib/utils"
 
-const props = defineProps<TabsTriggerProps & { class?: HTMLAttributes["class"] }>();
+const props = defineProps<TabsTriggerProps & { class?: HTMLAttributes["class"] }>()
 
-const delegatedProps = reactiveOmit(props, "class");
+const delegatedProps = reactiveOmit(props, "class")
 
-const forwardedProps = useForwardProps(delegatedProps);
+const forwardedProps = useForwardProps(delegatedProps)
 </script>
 
 <template>
   <TabsTrigger
     data-slot="tabs-trigger"
-    :class="
-      cn(
-        'data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4',
-        props.class,
-      )
-    "
+    :class="cn(
+      'data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4',
+      props.class,
+    )"
     v-bind="forwardedProps"
   >
     <slot />
diff --git a/src/components/ui/tabs/index.ts b/src/components/ui/tabs/index.ts
index add2cc05..ee4a34ae 100644
--- a/src/components/ui/tabs/index.ts
+++ b/src/components/ui/tabs/index.ts
@@ -1,97 +1,79 @@
-import { defineComponent, h, provide, inject, computed } from "vue";
-import { cn } from "@/lib/utils";
+import { defineComponent, h, provide, inject, computed } from 'vue'
+import { cn } from '@/lib/utils'
 
-const TabsContext = Symbol("TabsContext");
+const TabsContext = Symbol('TabsContext')
 
 export const Tabs = defineComponent({
-  name: "Tabs",
+  name: 'Tabs',
   props: {
     modelValue: { type: String, required: true },
-    class: { type: String, default: "" },
+    class: { type: String, default: '' },
   },
-  emits: ["update:modelValue"],
+  emits: ['update:modelValue'],
   setup(props, { slots, emit }) {
-    provide(
-      TabsContext,
-      computed({
-        get: () => props.modelValue,
-        set: (val) => emit("update:modelValue", val),
-      }),
-    );
+    provide(TabsContext, computed({
+      get: () => props.modelValue,
+      set: (val) => emit('update:modelValue', val),
+    }))
 
-    return () => h("div", { class: props.class }, slots.default?.());
+    return () => h('div', { class: props.class }, slots.default?.())
   },
-});
+})
 
 export const TabsList = defineComponent({
-  name: "TabsList",
+  name: 'TabsList',
   props: {
-    class: { type: String, default: "" },
+    class: { type: String, default: '' },
   },
   setup(props, { slots }) {
-    return () =>
-      h(
-        "div",
-        {
-          class: cn(
-            "inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground",
-            props.class,
-          ),
-        },
-        slots.default?.(),
-      );
+    return () => h('div', {
+      class: cn(
+        'inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground',
+        props.class
+      ),
+    }, slots.default?.())
   },
-});
+})
 
 export const TabsTrigger = defineComponent({
-  name: "TabsTrigger",
-  props: {
-    value: { type: String, required: true },
-    class: { type: String, default: "" },
-  },
-  setup(props, { slots }) {
-    const context = inject<{ value: string }>(TabsContext);
+  name: 'TabsTrigger',
+    props: {
+        value: { type: String, required: true },
+        class: { type: String, default: '' },
+    },
+    setup(props, { slots }) {
+        const context = inject<{ value: string }>(TabsContext)
 
-    return () =>
-      h(
-        "button",
-        {
-          type: "button",
-          class: cn(
-            "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow",
-            props.class,
-          ),
-          "data-state": context?.value === props.value ? "active" : "inactive",
-          onClick: () => {
-            if (context) context.value = props.value;
-          },
-        },
-        slots.default?.(),
-      );
-  },
-});
+        return () => h('button', {
+            type: 'button',
+            class: cn(
+                'inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow',
+                props.class
+            ),
+            'data-state': context?.value === props.value ? 'active' : 'inactive',
+            onClick: () => {
+                if (context) context.value = props.value
+            },
+        }, slots.default?.())
+    },
+})
 
 export const TabsContent = defineComponent({
-  name: "TabsContent",
-  props: {
-    value: { type: String, required: true },
-    class: { type: String, default: "" },
-  },
-  setup(props, { slots }) {
-    const context = inject<{ value: string }>(TabsContext);
+    name: 'TabsContent',
+    props: {
+        value: { type: String, required: true },
+        class: { type: String, default: '' },
+    },
+    setup(props, { slots }) {
+        const context = inject<{ value: string }>(TabsContext)
 
-    return () =>
-      context?.value === props.value
-        ? h(
-            "div",
-            {
-              class: cn(
-                "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-                props.class,
-              ),
-            },
-            slots.default?.(),
-          )
-        : null;
-  },
-});
+        return () => context?.value === props.value 
+            ? h('div', {
+                class: cn(
+                    'mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',
+                    props.class
+                ),
+            }, slots.default?.())
+            : null
+    },
+})
diff --git a/src/components/ui/tags-input/TagsInput.vue b/src/components/ui/tags-input/TagsInput.vue
index fb1cd380..bd9f505f 100644
--- a/src/components/ui/tags-input/TagsInput.vue
+++ b/src/components/ui/tags-input/TagsInput.vue
@@ -5,7 +5,9 @@ import { reactiveOmit } from "@vueuse/core";
 import { TagsInputRoot, useForwardPropsEmits } from "reka-ui";
 import { cn } from "@/lib/utils";
 
-const props = defineProps<TagsInputRootProps & { class?: HTMLAttributes["class"] }>();
+const props = defineProps<
+  TagsInputRootProps & { class?: HTMLAttributes["class"] }
+>();
 const emits = defineEmits<TagsInputRootEmits>();
 
 const delegatedProps = reactiveOmit(props, "class");
@@ -19,7 +21,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
     v-bind="forwarded"
     :class="
       cn(
-        'border-input bg-background flex flex-wrap items-center gap-2 rounded-md border px-2 py-1 text-sm shadow-xs transition-[color,box-shadow] outline-none',
+        'flex flex-wrap gap-2 items-center rounded-md border border-input bg-background px-2 py-1 text-sm shadow-xs transition-[color,box-shadow] outline-none',
         'focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]',
         'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',
         props.class,
diff --git a/src/components/ui/tags-input/TagsInputInput.vue b/src/components/ui/tags-input/TagsInputInput.vue
index 794dc82a..4821dd82 100644
--- a/src/components/ui/tags-input/TagsInputInput.vue
+++ b/src/components/ui/tags-input/TagsInputInput.vue
@@ -5,7 +5,9 @@ import { reactiveOmit } from "@vueuse/core";
 import { TagsInputInput, useForwardProps } from "reka-ui";
 import { cn } from "@/lib/utils";
 
-const props = defineProps<TagsInputInputProps & { class?: HTMLAttributes["class"] }>();
+const props = defineProps<
+  TagsInputInputProps & { class?: HTMLAttributes["class"] }
+>();
 
 const delegatedProps = reactiveOmit(props, "class");
 
@@ -15,6 +17,11 @@ const forwardedProps = useForwardProps(delegatedProps);
 <template>
   <TagsInputInput
     v-bind="forwardedProps"
-    :class="cn('min-h-5 flex-1 bg-transparent px-1 text-sm focus:outline-none', props.class)"
+    :class="
+      cn(
+        'text-sm min-h-5 focus:outline-none flex-1 bg-transparent px-1',
+        props.class,
+      )
+    "
   />
 </template>
diff --git a/src/components/ui/tags-input/TagsInputItem.vue b/src/components/ui/tags-input/TagsInputItem.vue
index 65e897d8..465f2adc 100644
--- a/src/components/ui/tags-input/TagsInputItem.vue
+++ b/src/components/ui/tags-input/TagsInputItem.vue
@@ -6,7 +6,9 @@ import { reactiveOmit } from "@vueuse/core";
 import { TagsInputItem, useForwardProps } from "reka-ui";
 import { cn } from "@/lib/utils";
 
-const props = defineProps<TagsInputItemProps & { class?: HTMLAttributes["class"] }>();
+const props = defineProps<
+  TagsInputItemProps & { class?: HTMLAttributes["class"] }
+>();
 
 const delegatedProps = reactiveOmit(props, "class");
 
@@ -18,7 +20,7 @@ const forwardedProps = useForwardProps(delegatedProps);
     v-bind="forwardedProps"
     :class="
       cn(
-        'bg-secondary data-[state=active]:ring-ring ring-offset-background flex h-5 items-center rounded-md data-[state=active]:ring-2 data-[state=active]:ring-offset-2',
+        'flex h-5 items-center rounded-md bg-secondary data-[state=active]:ring-ring data-[state=active]:ring-2 data-[state=active]:ring-offset-2 ring-offset-background',
         props.class,
       )
     "
diff --git a/src/components/ui/tags-input/TagsInputItemDelete.vue b/src/components/ui/tags-input/TagsInputItemDelete.vue
index 2d4fd5a7..c30dcb8a 100644
--- a/src/components/ui/tags-input/TagsInputItemDelete.vue
+++ b/src/components/ui/tags-input/TagsInputItemDelete.vue
@@ -6,7 +6,9 @@ import { X } from "lucide-vue-next";
 import { TagsInputItemDelete, useForwardProps } from "reka-ui";
 import { cn } from "@/lib/utils";
 
-const props = defineProps<TagsInputItemDeleteProps & { class?: HTMLAttributes["class"] }>();
+const props = defineProps<
+  TagsInputItemDeleteProps & { class?: HTMLAttributes["class"] }
+>();
 
 const delegatedProps = reactiveOmit(props, "class");
 
@@ -16,10 +18,10 @@ const forwardedProps = useForwardProps(delegatedProps);
 <template>
   <TagsInputItemDelete
     v-bind="forwardedProps"
-    :class="cn('mr-1 flex rounded bg-transparent', props.class)"
+    :class="cn('flex rounded bg-transparent mr-1', props.class)"
   >
     <slot>
-      <X class="h-4 w-4" />
+      <X class="w-4 h-4" />
     </slot>
   </TagsInputItemDelete>
 </template>
diff --git a/src/components/ui/tags-input/TagsInputItemText.vue b/src/components/ui/tags-input/TagsInputItemText.vue
index e092f374..c573402d 100644
--- a/src/components/ui/tags-input/TagsInputItemText.vue
+++ b/src/components/ui/tags-input/TagsInputItemText.vue
@@ -5,7 +5,9 @@ import { reactiveOmit } from "@vueuse/core";
 import { TagsInputItemText, useForwardProps } from "reka-ui";
 import { cn } from "@/lib/utils";
 
-const props = defineProps<TagsInputItemTextProps & { class?: HTMLAttributes["class"] }>();
+const props = defineProps<
+  TagsInputItemTextProps & { class?: HTMLAttributes["class"] }
+>();
 
 const delegatedProps = reactiveOmit(props, "class");
 
@@ -15,7 +17,7 @@ const forwardedProps = useForwardProps(delegatedProps);
 <template>
   <TagsInputItemText
     v-bind="forwardedProps"
-    :class="cn('rounded bg-transparent px-2 py-0.5 text-sm', props.class)"
+    :class="cn('py-0.5 px-2 text-sm rounded bg-transparent', props.class)"
   >
     <slot />
   </TagsInputItemText>
diff --git a/src/composables/monitoring/dynamic/useDynamicSingle.ts b/src/composables/monitoring/dynamic/useDynamicSingle.ts
index 0b7be538..2b6a8bcc 100644
--- a/src/composables/monitoring/dynamic/useDynamicSingle.ts
+++ b/src/composables/monitoring/dynamic/useDynamicSingle.ts
@@ -54,4 +54,5 @@ const _fetchDynamic = async (
   }
 };
 
-export const { execute: fetchDynamic, isLoading: loading } = useInFlightDedupe(_fetchDynamic);
+export const { execute: fetchDynamic, isLoading: loading } =
+  useInFlightDedupe(_fetchDynamic);
diff --git a/src/composables/monitoring/dynamic/useDynamicSummaryMultiLast.ts b/src/composables/monitoring/dynamic/useDynamicSummaryMultiLast.ts
index b2d90a3a..9ced8e1b 100644
--- a/src/composables/monitoring/dynamic/useDynamicSummaryMultiLast.ts
+++ b/src/composables/monitoring/dynamic/useDynamicSummaryMultiLast.ts
@@ -7,15 +7,20 @@ import type { FullDynamicSummaryResponseItem } from "@/types/monitoring";
 import { DYNAMIC_SUMMARY_FIELDS } from "@/types/monitoring";
 import { OFFLINE_AFTER_MS } from "@/utils/show";
 
-type FullDynamicSummaryResponseItemWithOnline = FullDynamicSummaryResponseItem & {
-  online: boolean;
-};
+type FullDynamicSummaryResponseItemWithOnline =
+  FullDynamicSummaryResponseItem & {
+    online: boolean;
+  };
 
 /*
   获取所有节点的最新动态摘要
 */
-export function useDynamicSummaryMultiLast(backend = useBackendStore().currentBackend) {
-  const status = ref<"disconnected" | "connecting" | "connected">("disconnected");
+export function useDynamicSummaryMultiLast(
+  backend = useBackendStore().currentBackend,
+) {
+  const status = ref<"disconnected" | "connecting" | "connected">(
+    "disconnected",
+  );
   const error = ref("");
   const servers = ref<FullDynamicSummaryResponseItemWithOnline[]>([]);
   const queryFields = DYNAMIC_SUMMARY_FIELDS;
@@ -70,7 +75,8 @@ export function useDynamicSummaryMultiLast(backend = useBackendStore().currentBa
   watch(
     backend,
     (newVal, oldVal) => {
-      if (newVal?.url === oldVal?.url && newVal?.token === oldVal?.token) return;
+      if (newVal?.url === oldVal?.url && newVal?.token === oldVal?.token)
+        return;
       servers.value = [];
       status.value = "disconnected";
       if (newVal) void refresh();
diff --git a/src/composables/monitoring/useStaticMonitoring.ts b/src/composables/monitoring/useStaticMonitoring.ts
index 0df97eb8..0cb0a64e 100644
--- a/src/composables/monitoring/useStaticMonitoring.ts
+++ b/src/composables/monitoring/useStaticMonitoring.ts
@@ -9,8 +9,12 @@ import { useInFlightDedupe } from "@/composables/useInFlightDedupe";
 获取节点的最新静态数据
 */
 
-export function useStaticMonitoring(backend = useBackendStore().currentBackend) {
-  const status = ref<"disconnected" | "connecting" | "connected">("disconnected");
+export function useStaticMonitoring(
+  backend = useBackendStore().currentBackend,
+) {
+  const status = ref<"disconnected" | "connecting" | "connected">(
+    "disconnected",
+  );
   const error = ref("");
   const servers = ref<StaticResponseItem[]>([]);
   const queryFields = ["cpu", "system", "gpu"];
@@ -32,14 +36,13 @@ export function useStaticMonitoring(backend = useBackendStore().currentBackend)
 
       status.value = "connecting";
       error.value = "";
-      const result = await getWsConnection(backend.value.url).call<StaticResponseItem[]>(
-        "agent_static_data_multi_last_query",
-        {
-          token: backend.value.token,
-          uuids: uuids,
-          fields: queryFields,
-        },
-      );
+      const result = await getWsConnection(backend.value.url).call<
+        StaticResponseItem[]
+      >("agent_static_data_multi_last_query", {
+        token: backend.value.token,
+        uuids: uuids,
+        fields: queryFields,
+      });
       if (Array.isArray(result)) {
         servers.value = result;
         status.value = "connected";
@@ -59,7 +62,8 @@ export function useStaticMonitoring(backend = useBackendStore().currentBackend)
   watch(
     backend,
     (newVal, oldVal) => {
-      if (newVal?.url === oldVal?.url && newVal?.token === oldVal?.token) return;
+      if (newVal?.url === oldVal?.url && newVal?.token === oldVal?.token)
+        return;
       servers.value = [];
       status.value = "disconnected";
       if (newVal) void refresh();
diff --git a/src/composables/token/tokenSecret.ts b/src/composables/token/tokenSecret.ts
index ab9abf77..8c1c8e8b 100644
--- a/src/composables/token/tokenSecret.ts
+++ b/src/composables/token/tokenSecret.ts
@@ -8,7 +8,11 @@ export const normalizeRollTargetToken = (value: string | null | undefined) => {
   return normalized.slice(0, separatorIndex).trim();
 };
 
-export type PasswordChangeValidationError = "" | "required" | "tooShort" | "mismatch";
+export type PasswordChangeValidationError =
+  | ""
+  | "required"
+  | "tooShort"
+  | "mismatch";
 
 export const getPasswordChangeValidationError = (
   password: string,
diff --git a/src/composables/token/useCreateToken.ts b/src/composables/token/useCreateToken.ts
index bc0d27ae..e4e90ca4 100644
--- a/src/composables/token/useCreateToken.ts
+++ b/src/composables/token/useCreateToken.ts
@@ -40,7 +40,9 @@ export const useCreatTokenHook = () => {
   const { t } = useI18n();
 
   //   获取agent-uuid列表
-  const createToken = async (token_creation: token): Promise<{ key?: string; secret?: string }> => {
+  const createToken = async (
+    token_creation: token,
+  ): Promise<{ key?: string; secret?: string }> => {
     const url = backendUrl.value.trim();
     const token = currentBackend.value?.token?.trim() || "";
     if (!url || !token) return {};
diff --git a/src/composables/token/useEditToken.ts b/src/composables/token/useEditToken.ts
index 28020799..50d95e55 100644
--- a/src/composables/token/useEditToken.ts
+++ b/src/composables/token/useEditToken.ts
@@ -45,7 +45,10 @@ export const useEditTokenHook = () => {
   const backendUrl = computed(() => currentBackend.value?.url ?? "");
   const { t } = useI18n();
 
-  const updateToken = async (tokenData: Token, targetToken: string): Promise<boolean> => {
+  const updateToken = async (
+    tokenData: Token,
+    targetToken: string,
+  ): Promise<boolean> => {
     const url = backendUrl.value.trim();
     const token = currentBackend.value?.token?.trim() || "";
     const target_token = targetToken.trim();
diff --git a/src/composables/token/useTokenList.ts b/src/composables/token/useTokenList.ts
index 293419c7..cade4053 100644
--- a/src/composables/token/useTokenList.ts
+++ b/src/composables/token/useTokenList.ts
@@ -83,10 +83,10 @@ export const useTokenListHook = () => {
     const target_token = tokenItem.token_key ?? tokenItem.username;
     if (!url || !token) return;
     try {
-      const result = await getWsConnection(url).call<{ message: string }>("token_delete", {
-        token,
-        target_token,
-      });
+      const result = await getWsConnection(url).call<{ message: string }>(
+        "token_delete",
+        { token, target_token },
+      );
       if (result?.message) {
         toast.success(t("dashboard.token.api.deleteSuccess"));
         getTokenList();
@@ -201,7 +201,9 @@ export const useTokenListHook = () => {
     }
   };
 
-  const getTokenDetailApi = async (searchToken: string): Promise<TokenDetail | null> => {
+  const getTokenDetailApi = async (
+    searchToken: string,
+  ): Promise<TokenDetail | null> => {
     const url = backendUrl.value.trim();
     const token = currentBackend.value?.token?.trim() || "";
     const target_token = searchToken?.trim() || "";
diff --git a/src/composables/useAgentConfig.ts b/src/composables/useAgentConfig.ts
index 9a5f13d3..ad214fcd 100644
--- a/src/composables/useAgentConfig.ts
+++ b/src/composables/useAgentConfig.ts
@@ -12,7 +12,10 @@ import { useBackendExtra } from "@/composables/useBackendExtra";
 import { type TASK_NAME, TASK_NAME_LIST } from "@/types/task";
 import { compareVersions } from "compare-versions";
 
-import { useTask, type CreateTaskBlockingResponse } from "@/composables/useTask";
+import {
+  useTask,
+  type CreateTaskBlockingResponse,
+} from "@/composables/useTask";
 import TOML from "smol-toml";
 
 export type LogLevel = "trace" | "debug" | "info" | "warn" | "error";
@@ -73,13 +76,18 @@ const { currentBackend } = useBackendStore();
 const { createReadConfigTask } = useTask(currentBackend);
 const { currentBackendInfo, refreshAll } = useBackendExtra();
 
-function getRawAgentConfig(agentUuid: string, timeoutMs: number = 9000): Promise<string> {
-  return createReadConfigTask(agentUuid, true, timeoutMs).then((response: any) => {
-    if ("read_config" in response.task_event_result) {
-      return response.task_event_result.read_config;
-    }
-    throw new Error("Failed to read agent config");
-  });
+function getRawAgentConfig(
+  agentUuid: string,
+  timeoutMs: number = 9000,
+): Promise<string> {
+  return createReadConfigTask(agentUuid, true, timeoutMs).then(
+    (response: any) => {
+      if ("read_config" in response.task_event_result) {
+        return response.task_event_result.read_config;
+      }
+      throw new Error("Failed to read agent config");
+    },
+  );
 }
 
 /**
@@ -114,7 +122,9 @@ function parseToml(tomlStr: string): AgentConfig {
 
     return config;
   } catch (e) {
-    throw new Error(`Failed to parse TOML: ${e instanceof Error ? e.message : String(e)}`);
+    throw new Error(
+      `Failed to parse TOML: ${e instanceof Error ? e.message : String(e)}`,
+    );
   }
 }
 
@@ -178,11 +188,16 @@ function serializeToml(config: AgentConfig): string {
   try {
     return TOML.stringify(config as any);
   } catch (e) {
-    throw new Error(`Failed to serialize TOML: ${e instanceof Error ? e.message : String(e)}`);
+    throw new Error(
+      `Failed to serialize TOML: ${e instanceof Error ? e.message : String(e)}`,
+    );
   }
 }
 
-function getAgentConfig(agentUuid: string, timeoutMs: number = 5000): Promise<AgentConfig> {
+function getAgentConfig(
+  agentUuid: string,
+  timeoutMs: number = 5000,
+): Promise<AgentConfig> {
   return getRawAgentConfig(agentUuid, timeoutMs).then((tomlStr) => {
     const config = parseToml(tomlStr);
     config.server = config.server.map((v) => {
@@ -207,12 +222,17 @@ async function getAgentConfigExtra(
   agentUuid: string,
   timeoutMs: number = 5000,
 ): Promise<splitConfig> {
-  const [cfg, _] = await Promise.all([getAgentConfig(agentUuid, timeoutMs), refreshAll()]);
+  const [cfg, _] = await Promise.all([
+    getAgentConfig(agentUuid, timeoutMs),
+    refreshAll(),
+  ]);
   const upstreams = cfg.server;
   const currentUpstream = cfg.server.find(
     (v) => v.server_uuid === currentBackendInfo.value?.uuid,
   ) as UpstreamServer;
-  const otherUpstreams = cfg.server.filter((v) => v.server_uuid !== currentBackendInfo.value?.uuid);
+  const otherUpstreams = cfg.server.filter(
+    (v) => v.server_uuid !== currentBackendInfo.value?.uuid,
+  );
   const basicConfig = {
     ...cfg,
     server: undefined,
diff --git a/src/composables/useAgentInfo.ts b/src/composables/useAgentInfo.ts
index 10d4b4b0..e5f226f9 100644
--- a/src/composables/useAgentInfo.ts
+++ b/src/composables/useAgentInfo.ts
@@ -95,7 +95,9 @@ export function useAgentInfo(
       ]);
       const uuids = result?.uuids ?? [];
 
-      const emptyAgentNS = uuids.filter((v) => !kv.namespaces.value.includes(v));
+      const emptyAgentNS = uuids.filter(
+        (v) => !kv.namespaces.value.includes(v),
+      );
 
       await Promise.all(emptyAgentNS.map((uuid) => fixAgentNamespace(uuid)));
 
@@ -106,18 +108,18 @@ export function useAgentInfo(
           .filter((v) => kv.namespaces.value.includes(v))
           .map((uuid) => ({ namespace: uuid, key: "metadata_*" }));
 
-        const result = await conn.call<{ namespace: string; key: string; value: unknown }[]>(
-          "kv_get_multi_value",
-          {
-            token: backend.value.token,
-            namespace_key: namespaceKeys,
-          },
-        );
+        const result = await conn.call<
+          { namespace: string; key: string; value: unknown }[]
+        >("kv_get_multi_value", {
+          token: backend.value.token,
+          namespace_key: namespaceKeys,
+        });
 
         const grouped = groupBy(result, "namespace");
 
         Object.keys(grouped).forEach((uuid) => {
-          const arr = grouped[uuid]?.map(({ key, value }) => ({ key, value })) ?? [];
+          const arr =
+            grouped[uuid]?.map(({ key, value }) => ({ key, value })) ?? [];
           const metadata = parseMetadataFields(arr, "节点" + shorterUUID(uuid));
           metaMap.set(uuid, metadata);
         });
@@ -146,21 +148,14 @@ export function useAgentInfo(
     }
   }
 
-  const { execute: fetchAgents, isLoading: loading } = useInFlightDedupe(_fetchAgents);
+  const { execute: fetchAgents, isLoading: loading } =
+    useInFlightDedupe(_fetchAgents);
 
   const fixAgentNamespace = async (agentUUID: string) => {
     if (!backend.value) {
       return;
     }
-    await afterAgentCreate(
-      agentUUID,
-      {
-        cronList: [],
-        metadata: {},
-        databaseLimit: {},
-      },
-      backend,
-    );
+    await kv.createNamespace(agentUUID);
   };
 
   const fetchAgentIp = async (agent: AgentInfo) => {
diff --git a/src/composables/useBackendExtra.ts b/src/composables/useBackendExtra.ts
index 256e8be3..75c4531a 100644
--- a/src/composables/useBackendExtra.ts
+++ b/src/composables/useBackendExtra.ts
@@ -76,7 +76,8 @@ async function saveAgentConfigWsUrl(backend: Ref<Backend>, url: string) {
 }
 
 async function getServerIpInfo(backend: Ref<Backend>) {
-  const { runWorker, poolingWorkerLogs, listAllWorkers } = useJsRuntime(backend);
+  const { runWorker, poolingWorkerLogs, listAllWorkers } =
+    useJsRuntime(backend);
   for (let t = 0; t < 3000; t += 200) {
     const r = await listAllWorkers();
     if (r.find((v) => v === "server-task-worker")) {
@@ -130,7 +131,11 @@ const fetchServerInfo = async (backend: Backend) => {
   try {
     serverInfoLoading.value = true;
     tasks.push(
-      getSingleBackendProperty("uuid", backend, conn.call<string>("nodeget-server_uuid", [])),
+      getSingleBackendProperty(
+        "uuid",
+        backend,
+        conn.call<string>("nodeget-server_uuid", []),
+      ),
     );
     tasks.push(
       getSingleBackendProperty(
@@ -142,13 +147,19 @@ const fetchServerInfo = async (backend: Backend) => {
       ),
     );
     tasks.push(
-      getSingleBackendProperty("agentConfigWsUrl", backend, getAgentConfigWsUrl(ref(backend))),
+      getSingleBackendProperty(
+        "agentConfigWsUrl",
+        backend,
+        getAgentConfigWsUrl(ref(backend)),
+      ),
     );
     tasks.push(
       getSingleBackendProperty(
         "ip",
         backend,
-        getServerIpInfo(ref(backend)).then((ipinfo) => (ipinfo && ipinfo?.address) || ""),
+        getServerIpInfo(ref(backend)).then(
+          (ipinfo) => (ipinfo && ipinfo?.address) || "",
+        ),
       ),
     );
     await Promise.all(tasks);
@@ -171,7 +182,8 @@ watch(
 );
 
 const isActive = (backend: Backend) =>
-  currentBackend.value?.url === backend.url && currentBackend.value?.token === backend.token;
+  currentBackend.value?.url === backend.url &&
+  currentBackend.value?.token === backend.token;
 
 const currentBackendInfo = computed(() => {
   if (!currentBackend.value) {
diff --git a/src/composables/useBackendStore.ts b/src/composables/useBackendStore.ts
index b0ed8a22..77a9814d 100644
--- a/src/composables/useBackendStore.ts
+++ b/src/composables/useBackendStore.ts
@@ -55,7 +55,11 @@ const init = () => {
   }
 
   // If in dev mode, add dev backend
-  if (import.meta.env.DEV && backends.value.length === 0 && import.meta.env.VITE_BACKEND_WS) {
+  if (
+    import.meta.env.DEV &&
+    backends.value.length === 0 &&
+    import.meta.env.VITE_BACKEND_WS
+  ) {
     const devBackend: Backend = {
       name: "Dev",
       url: import.meta.env.VITE_BACKEND_WS || "",
@@ -85,7 +89,9 @@ watch(
     localStorage.setItem(LS_KEY_BACKENDS, JSON.stringify(newVal));
     if (currentBackend.value) {
       const found = newVal.find(
-        (b) => b.url === currentBackend.value?.url && b.token === currentBackend.value?.token,
+        (b) =>
+          b.url === currentBackend.value?.url &&
+          b.token === currentBackend.value?.token,
       );
       if (!found) {
         if (newVal.length > 0) {
@@ -120,7 +126,9 @@ const addBackend = (backend: Backend) => {
 };
 
 const removeBackend = (backend: Backend) => {
-  const index = backends.value.findIndex((b) => b.url === backend.url && b.token === backend.token); // Simple check
+  const index = backends.value.findIndex(
+    (b) => b.url === backend.url && b.token === backend.token,
+  ); // Simple check
   if (index !== -1) {
     backends.value.splice(index, 1);
   }
diff --git a/src/composables/useBatchExec.ts b/src/composables/useBatchExec.ts
index f555f840..19eb954f 100644
--- a/src/composables/useBatchExec.ts
+++ b/src/composables/useBatchExec.ts
@@ -54,7 +54,9 @@ export async function createTasks(tasks: Task[]): Promise<TaskResult[]> {
   return results;
 }
 
-export async function queryTaskResults(taskResults: TaskResult[]): Promise<TaskResult[]> {
+export async function queryTaskResults(
+  taskResults: TaskResult[],
+): Promise<TaskResult[]> {
   const { currentBackend } = useBackendStore();
   const backend = currentBackend.value;
   if (!backend) throw new Error("No backend selected");
diff --git a/src/composables/useBatchRun.ts b/src/composables/useBatchRun.ts
index 83ad2a51..6580839e 100644
--- a/src/composables/useBatchRun.ts
+++ b/src/composables/useBatchRun.ts
@@ -7,7 +7,11 @@ export const useBatchRun = () => {
   const runStatus = ref(false);
   const result = ref<TaskResult[]>([]);
 
-  const run = async (cmd: string = "bash", code: string, selectedNodes: { uuid: string }[]) => {
+  const run = async (
+    cmd: string = "bash",
+    code: string,
+    selectedNodes: { uuid: string }[],
+  ) => {
     if (!code) return toast.error("please input code");
     if (!selectedNodes.length) return toast.error("please select node");
     if (runStatus.value) return;
diff --git a/src/composables/useCron.ts b/src/composables/useCron.ts
index 244ae6c1..3e7d570e 100644
--- a/src/composables/useCron.ts
+++ b/src/composables/useCron.ts
@@ -50,10 +50,13 @@ export function backendToTask(b: BackendCron): CronTask {
     const task = agentCron.task;
     const taskType = (Object.keys(task)[0] ?? "ping") as AgentTaskKind;
     const executePayload =
-      taskType === "execute" && task[taskType] && typeof task[taskType] === "object"
+      taskType === "execute" &&
+      task[taskType] &&
+      typeof task[taskType] === "object"
         ? (task[taskType] as Partial<ExecuteTaskPayload>)
         : null;
-    const taskTarget = taskType === "execute" ? "" : String(task[taskType] ?? "");
+    const taskTarget =
+      taskType === "execute" ? "" : String(task[taskType] ?? "");
     return {
       id: b.id,
       name: b.name,
@@ -140,7 +143,8 @@ export function useCron(backend = useBackendStore().currentBackend) {
     cron_type: BackendCron["cron_type"];
   }) => rpc("crontab_edit", { token: backendToken.value, ...params });
 
-  const remove = (name: string) => rpc("crontab_delete", { token: backendToken.value, name });
+  const remove = (name: string) =>
+    rpc("crontab_delete", { token: backendToken.value, name });
 
   const setEnable = (name: string, enable: boolean) =>
     rpc("crontab_set_enable", { token: backendToken.value, name, enable });
diff --git a/src/composables/useCronHistory.ts b/src/composables/useCronHistory.ts
index 086df75d..efa1785a 100644
--- a/src/composables/useCronHistory.ts
+++ b/src/composables/useCronHistory.ts
@@ -49,10 +49,13 @@ export function useCronHistory() {
   const backendToken = computed(() => currentBackend.value?.token ?? "");
 
   const query = (condition: any[]): Promise<CrontabResult[]> => {
-    return getWsConnection(backendUrl.value).call<CrontabResult[]>("crontab-result_query", {
-      token: backendToken.value,
-      query: { condition },
-    });
+    return getWsConnection(backendUrl.value).call<CrontabResult[]>(
+      "crontab-result_query",
+      {
+        token: backendToken.value,
+        query: { condition },
+      },
+    );
   };
 
   const queryTask = (
diff --git a/src/composables/useExtensions.ts b/src/composables/useExtensions.ts
index a4eb8220..5f88f1bc 100644
--- a/src/composables/useExtensions.ts
+++ b/src/composables/useExtensions.ts
@@ -20,7 +20,9 @@ export const extractZipToFiles = (zipFile: File): Promise<File[]> =>
           ([p]) => p === "app.json" || /^[^/]+\/app\.json$/.test(p),
         )?.[0];
         const hasTopDir = !!appJsonPath && appJsonPath !== "app.json";
-        const prefix = hasTopDir ? "" : `${zipFile.name.replace(/\.zip$/i, "")}/`;
+        const prefix = hasTopDir
+          ? ""
+          : `${zipFile.name.replace(/\.zip$/i, "")}/`;
 
         for (const [path, content] of entries) {
           if (path.endsWith("/")) continue; // 跳过目录条目
@@ -121,7 +123,9 @@ export function useExtensions() {
 
   // backend.url 是 WebSocket 地址（wss/ws），静态文件接口需要 HTTP(S)
   const httpBaseUrl = computed(() =>
-    backendUrl.value.replace(/^wss:\/\//, "https://").replace(/^ws:\/\//, "http://"),
+    backendUrl.value
+      .replace(/^wss:\/\//, "https://")
+      .replace(/^ws:\/\//, "http://"),
   );
 
   const bucketBaseUrl = computed(() => {
@@ -135,7 +139,10 @@ export function useExtensions() {
 
   const getBackendCargoVersion = async (): Promise<string | undefined> => {
     try {
-      const info = await rpc<{ cargo_version: string }>("nodeget-server_version", []);
+      const info = await rpc<{ cargo_version: string }>(
+        "nodeget-server_version",
+        [],
+      );
       return info?.cargo_version;
     } catch {
       return undefined;
@@ -173,7 +180,10 @@ export function useExtensions() {
     const namespaces = await rpc<string[]>("kv_list_all_namespace", {
       token: backendToken.value,
     });
-    if (!Array.isArray(namespaces) || !namespaces.includes(EXTENSION_NAMESPACE)) {
+    if (
+      !Array.isArray(namespaces) ||
+      !namespaces.includes(EXTENSION_NAMESPACE)
+    ) {
       await rpc("kv_create", {
         token: backendToken.value,
         namespace: EXTENSION_NAMESPACE,
@@ -187,13 +197,12 @@ export function useExtensions() {
     error.value = null;
     try {
       await ensureNamespace();
-      const results = await rpc<{ namespace: string; key: string; value: unknown }[]>(
-        "kv_get_multi_value",
-        {
-          token: backendToken.value,
-          namespace_key: [{ namespace: EXTENSION_NAMESPACE, key: "*" }],
-        },
-      );
+      const results = await rpc<
+        { namespace: string; key: string; value: unknown }[]
+      >("kv_get_multi_value", {
+        token: backendToken.value,
+        namespace_key: [{ namespace: EXTENSION_NAMESPACE, key: "*" }],
+      });
       extensions.value = Array.isArray(results)
         ? results
             .filter((r) => r.value && typeof r.value === "object")
@@ -251,7 +260,10 @@ export function useExtensions() {
       try {
         await staticBucketApi.deleteBucket(getBucketName(id));
       } catch (e) {
-        console.warn(`[deleteExtension] 清理 bucket 失败，请手动删除 ${getBucketName(id)}:`, e);
+        console.warn(
+          `[deleteExtension] 清理 bucket 失败，请手动删除 ${getBucketName(id)}:`,
+          e,
+        );
       }
     }
     await rpc("kv_delete_key", {
@@ -269,7 +281,8 @@ export function useExtensions() {
     contentType?: string,
     storage?: ExtensionStorage,
   ) => {
-    const resolvedStorage = storage ?? extensions.value.find((e) => e.id === extensionId)?.storage;
+    const resolvedStorage =
+      storage ?? extensions.value.find((e) => e.id === extensionId)?.storage;
 
     if (resolvedStorage === "static") {
       await rpc("static-bucket-file_upload", {
@@ -286,7 +299,9 @@ export function useExtensions() {
       if (contentType) headers["Content-Type"] = contentType;
       const resp = await fetch(url, { method: "POST", body: content, headers });
       if (!resp.ok) {
-        throw new Error(`上传文件 ${path} 失败: ${resp.status} ${resp.statusText}`);
+        throw new Error(
+          `上传文件 ${path} 失败: ${resp.status} ${resp.statusText}`,
+        );
       }
     }
   };
@@ -307,17 +322,20 @@ export function useExtensions() {
             },
           ];
 
-    const result = await rpc<{ key?: string; secret?: string }>("token_create", {
-      father_token: backendToken.value,
-      token_creation: {
-        username: null,
-        password: null,
-        timestamp_from: null,
-        timestamp_to: null,
-        version: 1,
-        token_limit: tokenLimit,
+    const result = await rpc<{ key?: string; secret?: string }>(
+      "token_create",
+      {
+        father_token: backendToken.value,
+        token_creation: {
+          username: null,
+          password: null,
+          timestamp_from: null,
+          timestamp_to: null,
+          version: 1,
+          token_limit: tokenLimit,
+        },
       },
-    });
+    );
 
     const key = result?.key || "";
     const secret = result?.secret || "";
@@ -347,7 +365,10 @@ export function useExtensions() {
     // 找到 readme.md
     const readmeFile = files.find((f) => {
       const parts = f.webkitRelativePath.split("/");
-      return (parts[parts.length - 1] ?? "").toLowerCase() === "readme.md" && parts.length === 2;
+      return (
+        (parts[parts.length - 1] ?? "").toLowerCase() === "readme.md" &&
+        parts.length === 2
+      );
     });
     const readme = readmeFile ? await readmeFile.text() : "";
 
@@ -355,7 +376,10 @@ export function useExtensions() {
     const extensionId = crypto.randomUUID();
 
     const backendVersion = await getBackendCargoVersion();
-    const storage: ExtensionStorage = semverGt(backendVersion, STATIC_STORAGE_MIN_VERSION)
+    const storage: ExtensionStorage = semverGt(
+      backendVersion,
+      STATIC_STORAGE_MIN_VERSION,
+    )
       ? "static"
       : "worker";
 
@@ -373,14 +397,22 @@ export function useExtensions() {
     // 上传 resources/ 目录下的文件
     const rootFolder = files[0]?.webkitRelativePath.split("/")[0] ?? "";
     const resourcePrefix = `${rootFolder}/resources/`;
-    const resourceFiles = files.filter((f) => f.webkitRelativePath.startsWith(resourcePrefix));
+    const resourceFiles = files.filter((f) =>
+      f.webkitRelativePath.startsWith(resourcePrefix),
+    );
     const uploadedFiles: ExtensionFile[] = [];
 
     for (const file of resourceFiles) {
       const relativePath = file.webkitRelativePath.slice(resourcePrefix.length);
       if (!relativePath) continue;
       const content = await file.arrayBuffer();
-      await uploadFile(extensionId, relativePath, content, file.type || undefined, storage);
+      await uploadFile(
+        extensionId,
+        relativePath,
+        content,
+        file.type || undefined,
+        storage,
+      );
       uploadedFiles.push({ path: relativePath, size: file.size });
       onProgress?.(`已上传: ${relativePath}`);
     }
@@ -390,7 +422,10 @@ export function useExtensions() {
     if (appJson.worker?.filename) {
       const workerFile = files.find((f) => {
         const parts = f.webkitRelativePath.split("/");
-        return parts[parts.length - 1] === appJson.worker!.filename && parts.length === 2;
+        return (
+          parts[parts.length - 1] === appJson.worker!.filename &&
+          parts.length === 2
+        );
       });
       if (workerFile) {
         const workerContent = await workerFile.text();
@@ -405,7 +440,9 @@ export function useExtensions() {
           worker_name = workerName;
           onProgress?.(`已注册 Worker: ${workerName}`);
         } catch (e: unknown) {
-          onProgress?.(`Worker 注册失败（已忽略）: ${e instanceof Error ? e.message : String(e)}`);
+          onProgress?.(
+            `Worker 注册失败（已忽略）: ${e instanceof Error ? e.message : String(e)}`,
+          );
         }
         if (worker_name && appJson.worker.cron) {
           try {
@@ -462,7 +499,10 @@ export function useExtensions() {
 
     const readmeFile = files.find((f) => {
       const parts = f.webkitRelativePath.split("/");
-      return (parts[parts.length - 1] ?? "").toLowerCase() === "readme.md" && parts.length === 2;
+      return (
+        (parts[parts.length - 1] ?? "").toLowerCase() === "readme.md" &&
+        parts.length === 2
+      );
     });
     const readme = readmeFile ? await readmeFile.text() : existing.readme;
 
@@ -492,7 +532,8 @@ export function useExtensions() {
 
     const backendVersion = await getBackendCargoVersion();
     const storage: ExtensionStorage =
-      existing.storage === "static" || semverGt(backendVersion, STATIC_STORAGE_MIN_VERSION)
+      existing.storage === "static" ||
+      semverGt(backendVersion, STATIC_STORAGE_MIN_VERSION)
         ? "static"
         : "worker";
 
@@ -504,14 +545,22 @@ export function useExtensions() {
     onProgress?.("正在上传静态文件...");
     const rootFolder = files[0]?.webkitRelativePath.split("/")[0] ?? "";
     const resourcePrefix = `${rootFolder}/resources/`;
-    const resourceFiles = files.filter((f) => f.webkitRelativePath.startsWith(resourcePrefix));
+    const resourceFiles = files.filter((f) =>
+      f.webkitRelativePath.startsWith(resourcePrefix),
+    );
     const uploadedFiles: ExtensionFile[] = [];
 
     for (const file of resourceFiles) {
       const relativePath = file.webkitRelativePath.slice(resourcePrefix.length);
       if (!relativePath) continue;
       const content = await file.arrayBuffer();
-      await uploadFile(existing.id, relativePath, content, file.type || undefined, storage);
+      await uploadFile(
+        existing.id,
+        relativePath,
+        content,
+        file.type || undefined,
+        storage,
+      );
       uploadedFiles.push({ path: relativePath, size: file.size });
       onProgress?.(`已上传: ${relativePath}`);
     }
@@ -563,7 +612,9 @@ export function useExtensions() {
           }
           worker_name = workerName;
         } catch (e: unknown) {
-          onProgress?.(`Worker 注册失败（已忽略）: ${e instanceof Error ? e.message : String(e)}`);
+          onProgress?.(
+            `Worker 注册失败（已忽略）: ${e instanceof Error ? e.message : String(e)}`,
+          );
         }
         if (worker_name && appJson.worker.cron) {
           try {
@@ -615,7 +666,11 @@ export function useExtensions() {
     await saveExtension(existing.id, kvData);
   };
 
-  const getStaticUrl = (extensionId: string, path: string, storage?: ExtensionStorage): string => {
+  const getStaticUrl = (
+    extensionId: string,
+    path: string,
+    storage?: ExtensionStorage,
+  ): string => {
     if (storage === "static") {
       return `${bucketBaseUrl.value}/nodeget/static/${getBucketName(extensionId)}/${path}`;
     }
@@ -642,7 +697,10 @@ export function useExtensions() {
       base = getStaticUrl(extensionId, entry, storage);
     }
     const theme = useThemeStore().isDark ? "dark" : "light";
-    const params: string[] = [`token=${encodeURIComponent(token)}`, `theme=${theme}`];
+    const params: string[] = [
+      `token=${encodeURIComponent(token)}`,
+      `theme=${theme}`,
+    ];
     if (nodeUuid) params.push(`node=${encodeURIComponent(nodeUuid)}`);
     return `${base}#?${params.join("&")}`;
   };
@@ -664,7 +722,13 @@ export function useExtensions() {
     await ensureNamespace();
 
     onProgress?.("正在上传图标...");
-    await uploadFile(extensionId, "assets/icon.svg", svgBytes, "image/svg+xml", "worker");
+    await uploadFile(
+      extensionId,
+      "assets/icon.svg",
+      svgBytes,
+      "image/svg+xml",
+      "worker",
+    );
 
     const appJson: AppJson = {
       name,
diff --git a/src/composables/useFileUploadParsing.ts b/src/composables/useFileUploadParsing.ts
index a813d1b4..a6fee231 100644
--- a/src/composables/useFileUploadParsing.ts
+++ b/src/composables/useFileUploadParsing.ts
@@ -12,7 +12,9 @@ export function parseZipFile(arrayBuffer: ArrayBuffer): Promise<FileEntry[]> {
       const firstDir = topDirs.size === 1 ? ([...topDirs][0] ?? "") : "";
       const hasTopDir =
         firstDir !== "" &&
-        entries.every(([p]) => p === firstDir + "/" || p.startsWith(firstDir + "/"));
+        entries.every(
+          ([p]) => p === firstDir + "/" || p.startsWith(firstDir + "/"),
+        );
       const files: FileEntry[] = [];
       for (const [path, content] of entries) {
         if (path.endsWith("/")) continue;
diff --git a/src/composables/useInFlightDedupe.ts b/src/composables/useInFlightDedupe.ts
index b548db4a..e618c02f 100644
--- a/src/composables/useInFlightDedupe.ts
+++ b/src/composables/useInFlightDedupe.ts
@@ -1,6 +1,8 @@
 import { ref } from "vue";
 
-export function useInFlightDedupe<T, A extends any[]>(fn: (...args: A) => Promise<T>) {
+export function useInFlightDedupe<T, A extends any[]>(
+  fn: (...args: A) => Promise<T>,
+) {
   const data = ref<T | null>(null);
   const error = ref<any>(null);
   const isLoading = ref(false);
diff --git a/src/composables/useJsRuntime.ts b/src/composables/useJsRuntime.ts
index 5a4d7e65..f01ede79 100644
--- a/src/composables/useJsRuntime.ts
+++ b/src/composables/useJsRuntime.ts
@@ -204,7 +204,10 @@ export function useJsRuntime(backend = useBackendStore().currentBackend) {
    * 轮询 JS 运行结果
    * API: js-result_query
    */
-  const poolingWorkerLogs = async (workerId: number, timeout: number = 5000): Promise<JsResult> => {
+  const poolingWorkerLogs = async (
+    workerId: number,
+    timeout: number = 5000,
+  ): Promise<JsResult> => {
     const delayPerTime = 100;
     for (let t = 0; t < timeout; t += delayPerTime) {
       await delay(delayPerTime);
diff --git a/src/composables/useKv.ts b/src/composables/useKv.ts
index 73f5d2de..92777cfa 100644
--- a/src/composables/useKv.ts
+++ b/src/composables/useKv.ts
@@ -39,13 +39,12 @@ export function useKv(backend = useBackendStore().currentBackend) {
     loading.value = true;
     error.value = null;
     try {
-      const results = await rpc<{ namespace: string; key: string; value: unknown }[]>(
-        "kv_get_multi_value",
-        {
-          token: backendToken.value,
-          namespace_key: [{ namespace: namespace.value, key: "*" }],
-        },
-      );
+      const results = await rpc<
+        { namespace: string; key: string; value: unknown }[]
+      >("kv_get_multi_value", {
+        token: backendToken.value,
+        namespace_key: [{ namespace: namespace.value, key: "*" }],
+      });
       entries.value = Array.isArray(results)
         ? results.map((r) => ({ key: r.key, value: r.value }))
         : [];
@@ -60,13 +59,12 @@ export function useKv(backend = useBackendStore().currentBackend) {
   const getMultiValue = async (
     namespaceKeys: { namespace: string; key: string }[],
   ): Promise<{ namespace: string; key: string; value: unknown }[]> => {
-    const results = await rpc<{ namespace: string; key: string; value: unknown }[]>(
-      "kv_get_multi_value",
-      {
-        token: backendToken.value,
-        namespace_key: namespaceKeys,
-      },
-    );
+    const results = await rpc<
+      { namespace: string; key: string; value: unknown }[]
+    >("kv_get_multi_value", {
+      token: backendToken.value,
+      namespace_key: namespaceKeys,
+    });
     return Array.isArray(results) ? results : [];
   };
 
@@ -136,7 +134,9 @@ export function useKv(backend = useBackendStore().currentBackend) {
     results.forEach((result, i) => {
       const item = items[i]!;
       if (result?.success === false) {
-        partialFailures.push(item.key + (result.message ? `：${result.message}` : ""));
+        partialFailures.push(
+          item.key + (result.message ? `：${result.message}` : ""),
+        );
       } else {
         const entry = entries.value.find((e) => e.key === item.key);
         if (entry) {
@@ -159,7 +159,9 @@ export function useKv(backend = useBackendStore().currentBackend) {
     entries.value = entries.value.filter((e) => e.key !== key);
   };
 
-  const deleteNamespace = async (ns: string): Promise<{ partialFailures: string[] }> => {
+  const deleteNamespace = async (
+    ns: string,
+  ): Promise<{ partialFailures: string[] }> => {
     // const results = await getMultiValue([{ namespace: ns, key: "*" }]);
     // const keys = results.map((r) => r.key);
     const keys = await rpc<string[]>("kv_get_all_keys", {
@@ -203,9 +205,12 @@ export function useKv(backend = useBackendStore().currentBackend) {
   };
 
   const listAgentUuids = async (): Promise<string[]> => {
-    const result = await rpc<{ uuids: string[] }>("nodeget-server_list_all_agent_uuid", {
-      token: backendToken.value,
-    });
+    const result = await rpc<{ uuids: string[] }>(
+      "nodeget-server_list_all_agent_uuid",
+      {
+        token: backendToken.value,
+      },
+    );
     return Array.isArray(result?.uuids) ? result.uuids : [];
   };
 
diff --git a/src/composables/useLifecycle.ts b/src/composables/useLifecycle.ts
index ad780d77..c65d1897 100644
--- a/src/composables/useLifecycle.ts
+++ b/src/composables/useLifecycle.ts
@@ -63,12 +63,14 @@ async function afterServerCreate(backend: Backend, force: boolean = false) {
 
   try {
     const baseWorkerName = "base-worker";
-    const worker = await getWorker(baseWorkerName).catch((v: Error | string) => {
-      if (v.toString().indexOf("js_worker not found") !== -1) {
-        return null;
-      }
-      throw v;
-    });
+    const worker = await getWorker(baseWorkerName).catch(
+      (v: Error | string) => {
+        if (v.toString().indexOf("js_worker not found") !== -1) {
+          return null;
+        }
+        throw v;
+      },
+    );
     if (!worker) {
       const jsContent = await fetch(
         `${import.meta.env.VITE_BOOTSTRAP}/workers/base-worker/index.js`,
@@ -131,12 +133,6 @@ async function afterAgentCreate(
       ...makeDefaultMetadata(agentUUID),
       ...option.metadata,
     });
-    // for (const [key, value] of Object.entries({
-    // })) {
-    //   if (value !== undefined && value !== null) {
-    //     await kvClient.setValue(key, value);
-    //   }
-    // }
 
     // Update cron tasks to include this agent
     const cronClient = useCron(backend);
@@ -161,7 +157,8 @@ async function afterAgentCreate(
 
     toast.success("Agent post-processing completed successfully");
   } catch (e: unknown) {
-    const errorMsg = e instanceof Error ? e.message : "Agent post-processing failed";
+    const errorMsg =
+      e instanceof Error ? e.message : "Agent post-processing failed";
     toast.error(errorMsg);
     console.error("afterAgentCreate error:", e);
   }
@@ -232,7 +229,8 @@ async function afterAgentDelete(agentUUID: string, stage: string) {
         break;
     }
   } catch (e: unknown) {
-    const errorMsg = e instanceof Error ? e.message : "Agent post-processing failed";
+    const errorMsg =
+      e instanceof Error ? e.message : "Agent post-processing failed";
     toast.error(errorMsg);
     console.error("agent delete error:", e);
   }
diff --git a/src/composables/useLogs.ts b/src/composables/useLogs.ts
index 78eb3f4d..24e6054a 100644
--- a/src/composables/useLogs.ts
+++ b/src/composables/useLogs.ts
@@ -23,11 +23,22 @@ export const LOG_TARGET_OPTIONS = [
   "terminal",
 ] as const;
 
-export const LOG_LEVEL_OPTIONS = ["trace", "debug", "info", "warn", "error"] as const;
+export const LOG_LEVEL_OPTIONS = [
+  "trace",
+  "debug",
+  "info",
+  "warn",
+  "error",
+] as const;
 
 export type LogTarget = (typeof LOG_TARGET_OPTIONS)[number];
 export type LogLevel = (typeof LOG_LEVEL_OPTIONS)[number];
-export type LogStatus = "connecting" | "connected" | "disconnected" | "paused" | "error";
+export type LogStatus =
+  | "connecting"
+  | "connected"
+  | "disconnected"
+  | "paused"
+  | "error";
 export type LogActionStatus =
   | "idle"
   | "connecting"
@@ -99,7 +110,10 @@ const formatRpcError = (error: unknown): string => {
 };
 
 const createRequestId = (): string => {
-  if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
+  if (
+    typeof crypto !== "undefined" &&
+    typeof crypto.randomUUID === "function"
+  ) {
     return crypto.randomUUID();
   }
   return `${Date.now()}-${Math.random().toString(16).slice(2)}`;
@@ -131,7 +145,10 @@ const normalizeLogEvent = (raw: unknown): StreamLogEvent | null => {
   };
 };
 
-export const buildLogFilter = (filters: LogFilterRule[], defaultLevel: LogLevel): string => {
+export const buildLogFilter = (
+  filters: LogFilterRule[],
+  defaultLevel: LogLevel,
+): string => {
   const entries = filters
     .filter((item) => isLogTarget(item.target) && isLogLevel(item.level))
     .map((item) => `${item.target}=${item.level}`);
@@ -212,7 +229,11 @@ class LogWsClient {
     return this.connectPromise;
   }
 
-  async request<T>(method: string, params: unknown, timeoutMs = REQUEST_TIMEOUT_MS): Promise<T> {
+  async request<T>(
+    method: string,
+    params: unknown,
+    timeoutMs = REQUEST_TIMEOUT_MS,
+  ): Promise<T> {
     if (!this.url) throw new Error("WebSocket 尚未初始化");
     await this.connect(this.url);
     return new Promise<T>((resolve, reject) => {
@@ -274,7 +295,9 @@ class LogWsClient {
     this.pending.delete(id);
 
     if (msg.error) {
-      pending.reject(new Error(formatRpcError(msg.error) || `${pending.method} rpc error`));
+      pending.reject(
+        new Error(formatRpcError(msg.error) || `${pending.method} rpc error`),
+      );
       return;
     }
 
@@ -285,7 +308,11 @@ class LogWsClient {
       "error_message" in msg.result
     ) {
       const result = msg.result as Record<string, unknown>;
-      pending.reject(new Error(String(result.error_message || `${pending.method} rpc error`)));
+      pending.reject(
+        new Error(
+          String(result.error_message || `${pending.method} rpc error`),
+        ),
+      );
       return;
     }
 
@@ -346,7 +373,10 @@ const setFilters = async (nextFilters: LogFilterRule[]) => {
     clearLogs();
   }
 
-  if (previousFilter !== nextFilter && (subscriptionId.value || status.value === "connecting")) {
+  if (
+    previousFilter !== nextFilter &&
+    (subscriptionId.value || status.value === "connecting")
+  ) {
     actionStatus.value = "updatingFilters";
     await reconnect();
   }
diff --git a/src/composables/useNodeMetadata.ts b/src/composables/useNodeMetadata.ts
index 0a0766a1..8be43413 100644
--- a/src/composables/useNodeMetadata.ts
+++ b/src/composables/useNodeMetadata.ts
@@ -1,8 +1,10 @@
 import type { NodeMetadata } from "@/types/agent";
 import type { useKv } from "@/composables/useKv";
+import { shorterUUID } from "@/utils/format";
 
 export function makeDefaultMetadata(uuid: string) {
-  const defaultName = "节点" + uuid.slice(-6);
+  const defaultName = "节点" + shorterUUID(uuid);
+
   return {
     metadata_name: defaultName,
     metadata_tags: [],
@@ -24,9 +26,10 @@ export function useNodeMetadata(kv: ReturnType<typeof useKv>) {
     const get = (key: string) => entries.find((e) => e.key === key)?.value;
     return {
       customName: String(get("metadata_name") ?? "") || fallbackName,
-      tags: (Array.isArray(get("metadata_tags")) ? (get("metadata_tags") as string[]) : []).filter(
-        Boolean,
-      ),
+      tags: (Array.isArray(get("metadata_tags"))
+        ? (get("metadata_tags") as string[])
+        : []
+      ).filter(Boolean),
       price: Number(get("metadata_price") ?? 0),
       priceUnit: String(get("metadata_price_unit") ?? "$"),
       priceCycle: Number(get("metadata_price_cycle") ?? 30),
@@ -56,7 +59,9 @@ export function useNodeMetadata(kv: ReturnType<typeof useKv>) {
     metadata: Record<string, any> = makeDefaultMetadata(uuid),
   ) {
     kv.namespace.value = uuid;
-    await Promise.all(Object.entries(metadata).map(([k, v]) => kv.setValue(k, v)));
+    await Promise.all(
+      Object.entries(metadata).map(([k, v]) => kv.setValue(k, v)),
+    );
   }
 
   return {
diff --git a/src/composables/useOverviewData.ts b/src/composables/useOverviewData.ts
index 4796ef49..daba28a9 100644
--- a/src/composables/useOverviewData.ts
+++ b/src/composables/useOverviewData.ts
@@ -141,11 +141,17 @@ function buildOverviewServers(
 /**
  * 启动轮询
  */
-function startPolling(onDynamicFetch: () => Promise<void>, onStaticFetch: () => Promise<void>) {
+function startPolling(
+  onDynamicFetch: () => Promise<void>,
+  onStaticFetch: () => Promise<void>,
+) {
   if (pollTimer) return; // 已在轮询
 
   pollTimer = setInterval(() => void onDynamicFetch(), POLL_INTERVAL_MS);
-  staticPollTimer = setInterval(() => void onStaticFetch(), STATIC_POLL_INTERVAL_MS);
+  staticPollTimer = setInterval(
+    () => void onStaticFetch(),
+    STATIC_POLL_INTERVAL_MS,
+  );
 }
 
 /**
@@ -242,7 +248,8 @@ export function useOverviewData() {
 
     try {
       const startedVisible =
-        typeof document === "undefined" || document.visibilityState === "visible";
+        typeof document === "undefined" ||
+        document.visibilityState === "visible";
 
       await dynamicMonitoring.refresh(uuids.value);
       lastFetchTime.value = Date.now();
@@ -275,7 +282,10 @@ export function useOverviewData() {
         .filter((u) => !uuids.value.includes(u));
 
       if (newUuids.length > 0) {
-        await Promise.all([staticMonitoring.refresh(newUuids), dynamicMonitoring.refresh()]);
+        await Promise.all([
+          staticMonitoring.refresh(newUuids),
+          dynamicMonitoring.refresh(),
+        ]);
 
         servers.value = buildOverviewServers(
           dynamicMonitoring.servers.value,
diff --git a/src/composables/useScreenshot.ts b/src/composables/useScreenshot.ts
index babce202..816c5f3f 100644
--- a/src/composables/useScreenshot.ts
+++ b/src/composables/useScreenshot.ts
@@ -5,22 +5,33 @@ export interface ScreenshotModule {
   label: string;
 }
 
-export async function captureModules(modules: ScreenshotModule[]): Promise<void> {
+export async function captureModules(
+  modules: ScreenshotModule[],
+): Promise<void> {
   const scale = 2;
   const padding = 16;
   const gap = 12;
   const isDark = document.documentElement.classList.contains("dark");
   const bg = isDark ? "#09090b" : "#ffffff";
 
-  const canvases = await Promise.all(modules.map((m) => domToCanvas(m.el, { scale })));
+  const canvases = await Promise.all(
+    modules.map((m) => domToCanvas(m.el, { scale })),
+  );
 
   const MAX_CONTENT_WIDTH = 1000 * scale; // 1000 逻辑像素 × devicePixelRatio(scale)
-  const contentWidth = Math.min(Math.max(...canvases.map((c) => c.width)), MAX_CONTENT_WIDTH);
-  const scaledHeights = canvases.map((c) => Math.round((c.height * contentWidth) / c.width));
+  const contentWidth = Math.min(
+    Math.max(...canvases.map((c) => c.width)),
+    MAX_CONTENT_WIDTH,
+  );
+  const scaledHeights = canvases.map((c) =>
+    Math.round((c.height * contentWidth) / c.width),
+  );
 
   const totalWidth = contentWidth + padding * 2;
   const totalHeight =
-    scaledHeights.reduce((sum, h) => sum + h, 0) + gap * (canvases.length - 1) + padding * 2;
+    scaledHeights.reduce((sum, h) => sum + h, 0) +
+    gap * (canvases.length - 1) +
+    padding * 2;
 
   const out = document.createElement("canvas");
   out.width = totalWidth;
diff --git a/src/composables/useScripts.ts b/src/composables/useScripts.ts
index f2aecffd..12e0b1fc 100644
--- a/src/composables/useScripts.ts
+++ b/src/composables/useScripts.ts
@@ -43,7 +43,9 @@ export function useScripts() {
     loading.value = true;
     error.value = null;
     try {
-      const kvGetScripts = await getMultiValue([{ namespace: namespace.value, key: "*" }]);
+      const kvGetScripts = await getMultiValue([
+        { namespace: namespace.value, key: "*" },
+      ]);
       // 将 KV 的 value 转为 Script
       scripts.value = kvGetScripts
         .map((e) => {
diff --git a/src/composables/useStaticBucket.ts b/src/composables/useStaticBucket.ts
index d1d26035..a587c4cb 100644
--- a/src/composables/useStaticBucket.ts
+++ b/src/composables/useStaticBucket.ts
@@ -59,7 +59,9 @@ export function useStaticBucket(backend = useBackendStore().currentBackend) {
     });
   };
 
-  const createBucket = async (input: StaticBucketInput): Promise<StaticBucket> => {
+  const createBucket = async (
+    input: StaticBucketInput,
+  ): Promise<StaticBucket> => {
     const result = await rpc<StaticBucket>("static-bucket_create", {
       token: backendToken.value,
       ...input,
@@ -67,7 +69,9 @@ export function useStaticBucket(backend = useBackendStore().currentBackend) {
     return result;
   };
 
-  const updateBucket = async (input: StaticBucketInput): Promise<StaticBucket> => {
+  const updateBucket = async (
+    input: StaticBucketInput,
+  ): Promise<StaticBucket> => {
     return rpc<StaticBucket>("static-bucket_update", {
       token: backendToken.value,
       ...input,
diff --git a/src/composables/useStaticBucketFile.ts b/src/composables/useStaticBucketFile.ts
index c24ea692..1b457fb8 100644
--- a/src/composables/useStaticBucketFile.ts
+++ b/src/composables/useStaticBucketFile.ts
@@ -12,7 +12,9 @@ export type BucketFile = {
   mtime: number;
 };
 
-export function useStaticBucketFile(backend = useBackendStore().currentBackend) {
+export function useStaticBucketFile(
+  backend = useBackendStore().currentBackend,
+) {
   const backendUrl = computed(() => backend.value?.url ?? "");
   const backendToken = computed(() => backend.value?.token ?? "");
 
@@ -43,7 +45,11 @@ export function useStaticBucketFile(backend = useBackendStore().currentBackend)
     }
   };
 
-  const uploadFile = async (bucketName: string, path: string, base64: string): Promise<void> => {
+  const uploadFile = async (
+    bucketName: string,
+    path: string,
+    base64: string,
+  ): Promise<void> => {
     await rpc("static-bucket-file_upload", {
       token: backendToken.value,
       name: bucketName,
@@ -52,7 +58,10 @@ export function useStaticBucketFile(backend = useBackendStore().currentBackend)
     });
   };
 
-  const readFile = async (bucketName: string, path: string): Promise<string> => {
+  const readFile = async (
+    bucketName: string,
+    path: string,
+  ): Promise<string> => {
     return rpc<string>("static-bucket-file_read", {
       token: backendToken.value,
       name: bucketName,
@@ -60,7 +69,10 @@ export function useStaticBucketFile(backend = useBackendStore().currentBackend)
     });
   };
 
-  const deleteFile = async (bucketName: string, path: string): Promise<void> => {
+  const deleteFile = async (
+    bucketName: string,
+    path: string,
+  ): Promise<void> => {
     await rpc("static-bucket-file_delete", {
       token: backendToken.value,
       name: bucketName,
@@ -69,17 +81,26 @@ export function useStaticBucketFile(backend = useBackendStore().currentBackend)
     files.value = files.value.filter((f) => f.path !== path);
   };
 
-  const renameFile = async (bucketName: string, from: string, to: string): Promise<void> => {
+  const renameFile = async (
+    bucketName: string,
+    from: string,
+    to: string,
+  ): Promise<void> => {
     await rpc("static-bucket-file_rename", {
       token: backendToken.value,
       name: bucketName,
       from,
       to,
     });
-    files.value = files.value.map((f) => (f.path === from ? { ...f, path: to } : f));
+    files.value = files.value.map((f) =>
+      f.path === from ? { ...f, path: to } : f,
+    );
   };
 
-  const readTextFile = async (bucketName: string, path: string): Promise<string> => {
+  const readTextFile = async (
+    bucketName: string,
+    path: string,
+  ): Promise<string> => {
     try {
       const base64 = await readFile(bucketName, path);
       return base64 ? new TextDecoder().decode(base64ToBuf(base64)) : "";
@@ -88,7 +109,11 @@ export function useStaticBucketFile(backend = useBackendStore().currentBackend)
     }
   };
 
-  const saveTextFile = async (bucketName: string, path: string, content: string): Promise<void> => {
+  const saveTextFile = async (
+    bucketName: string,
+    path: string,
+    content: string,
+  ): Promise<void> => {
     const base64 = bufToBase64(new TextEncoder().encode(content));
     await uploadFile(bucketName, path, base64);
   };
@@ -131,7 +156,9 @@ export function useStaticBucketFile(backend = useBackendStore().currentBackend)
   ): Promise<{ uploaded: number; deleted: number }> => {
     const remoteFiles = await fetchList(bucketName);
     const localPaths = new Set(files.map((f) => f.path));
-    const extraRemotePaths = remoteFiles.map((f) => f.path).filter((p) => !localPaths.has(p));
+    const extraRemotePaths = remoteFiles
+      .map((f) => f.path)
+      .filter((p) => !localPaths.has(p));
     for (const file of files) {
       await uploadFile(bucketName, file.path, file.base64);
     }
diff --git a/src/composables/useTask.ts b/src/composables/useTask.ts
index f685bdf3..8c791408 100644
--- a/src/composables/useTask.ts
+++ b/src/composables/useTask.ts
@@ -40,7 +40,11 @@ export function useTask(backend = useBackendStore().currentBackend) {
   const backendUrl = computed(() => backend.value?.url ?? "");
   const backendToken = computed(() => backend.value?.token ?? "");
 
-  const rpc = <T>(method: string, params: unknown, timeoutMs: number = 5000): Promise<T> =>
+  const rpc = <T>(
+    method: string,
+    params: unknown,
+    timeoutMs: number = 5000,
+  ): Promise<T> =>
     getWsConnection(backendUrl.value).call<T>(method, params, timeoutMs);
 
   /**
@@ -80,7 +84,9 @@ export function useTask(backend = useBackendStore().currentBackend) {
   /**
    * 查询任务执行记录
    */
-  const query = async (conditions: TaskQueryCondition[]): Promise<TaskRecord[]> => {
+  const query = async (
+    conditions: TaskQueryCondition[],
+  ): Promise<TaskRecord[]> => {
     return rpc<TaskRecord[]>("task_query", {
       token: backendToken.value,
       task_data_query: {
@@ -92,14 +98,20 @@ export function useTask(backend = useBackendStore().currentBackend) {
   /**
    * 查询指定 Agent 的任务记录
    */
-  const queryByUuid = async (uuid: string, limit: number = 100): Promise<TaskRecord[]> => {
+  const queryByUuid = async (
+    uuid: string,
+    limit: number = 100,
+  ): Promise<TaskRecord[]> => {
     return query([{ uuid }, { limit }]);
   };
 
   /**
    * 查询指定类型的任务记录
    */
-  const queryByType = async (type: string, limit: number = 100): Promise<TaskRecord[]> => {
+  const queryByType = async (
+    type: string,
+    limit: number = 100,
+  ): Promise<TaskRecord[]> => {
     return query([{ type }, { limit }]);
   };
 
@@ -113,7 +125,9 @@ export function useTask(backend = useBackendStore().currentBackend) {
   /**
    * 删除任务执行记录
    */
-  const deleteRecords = async (conditions: TaskQueryCondition[]): Promise<DeleteTaskResponse> => {
+  const deleteRecords = async (
+    conditions: TaskQueryCondition[],
+  ): Promise<DeleteTaskResponse> => {
     return rpc<DeleteTaskResponse>("task_delete", {
       token: backendToken.value,
       conditions,
@@ -137,7 +151,10 @@ export function useTask(backend = useBackendStore().currentBackend) {
   /**
    * 删除指定时间范围内的任务记录
    */
-  const deleteByTimeRange = async (from: number, to: number): Promise<DeleteTaskResponse> => {
+  const deleteByTimeRange = async (
+    from: number,
+    to: number,
+  ): Promise<DeleteTaskResponse> => {
     return deleteRecords([{ timestamp_from_to: [from, to] }]);
   };
 
@@ -147,7 +164,9 @@ export function useTask(backend = useBackendStore().currentBackend) {
     target: string,
     blocking: T = false as T,
     timeoutMs?: number,
-  ): Promise<T extends true ? CreateTaskBlockingResponse<PingResult> : CreateTaskResponse> => {
+  ): Promise<
+    T extends true ? CreateTaskBlockingResponse<PingResult> : CreateTaskResponse
+  > => {
     const taskType: PingTask = { ping: target };
     return (
       blocking
@@ -161,7 +180,11 @@ export function useTask(backend = useBackendStore().currentBackend) {
     target: string,
     blocking: T = false as T,
     timeoutMs?: number,
-  ): Promise<T extends true ? CreateTaskBlockingResponse<TcpPingResult> : CreateTaskResponse> => {
+  ): Promise<
+    T extends true
+      ? CreateTaskBlockingResponse<TcpPingResult>
+      : CreateTaskResponse
+  > => {
     const taskType: TcpPingTask = { tcp_ping: target };
     return (
       blocking
@@ -175,7 +198,11 @@ export function useTask(backend = useBackendStore().currentBackend) {
     url: string,
     blocking: T = false as T,
     timeoutMs?: number,
-  ): Promise<T extends true ? CreateTaskBlockingResponse<HttpPingResult> : CreateTaskResponse> => {
+  ): Promise<
+    T extends true
+      ? CreateTaskBlockingResponse<HttpPingResult>
+      : CreateTaskResponse
+  > => {
     const taskType: HttpPingTask = { http_ping: url };
     return (
       blocking
@@ -197,7 +224,9 @@ export function useTask(backend = useBackendStore().currentBackend) {
     blocking: T = false as T,
     timeoutMs?: number,
   ): Promise<
-    T extends true ? CreateTaskBlockingResponse<HttpRequestResult> : CreateTaskResponse
+    T extends true
+      ? CreateTaskBlockingResponse<HttpRequestResult>
+      : CreateTaskResponse
   > => {
     const taskType: HttpRequestTask = { http_request: config };
     return (
@@ -213,7 +242,9 @@ export function useTask(backend = useBackendStore().currentBackend) {
     blocking: T = false as T,
     timeoutMs?: number,
   ): Promise<
-    T extends true ? CreateTaskBlockingResponse<SelfUpdateResult> : CreateTaskResponse
+    T extends true
+      ? CreateTaskBlockingResponse<SelfUpdateResult>
+      : CreateTaskResponse
   > => {
     const taskType: SelfUpdateTask = { self_update: version };
     return (
@@ -229,7 +260,11 @@ export function useTask(backend = useBackendStore().currentBackend) {
     args: string[] = [],
     blocking: T = false as T,
     timeoutMs?: number,
-  ): Promise<T extends true ? CreateTaskBlockingResponse<ExecuteResult> : CreateTaskResponse> => {
+  ): Promise<
+    T extends true
+      ? CreateTaskBlockingResponse<ExecuteResult>
+      : CreateTaskResponse
+  > => {
     const taskType: ExecuteTask = { execute: { cmd, args } };
     return (
       blocking
@@ -254,7 +289,9 @@ export function useTask(backend = useBackendStore().currentBackend) {
     blocking: T = false as T,
     timeoutMs?: number,
   ): Promise<
-    T extends true ? CreateTaskBlockingResponse<ReadConfigResult> : CreateTaskResponse
+    T extends true
+      ? CreateTaskBlockingResponse<ReadConfigResult>
+      : CreateTaskResponse
   > => {
     const taskType: ReadConfigTask = "read_config";
     return (
@@ -270,7 +307,9 @@ export function useTask(backend = useBackendStore().currentBackend) {
     blocking: T = false as T,
     timeoutMs?: number,
   ): Promise<
-    T extends true ? CreateTaskBlockingResponse<EditConfigResult> : CreateTaskResponse
+    T extends true
+      ? CreateTaskBlockingResponse<EditConfigResult>
+      : CreateTaskResponse
   > => {
     const taskType: EditConfigTask = { edit_config: configContent };
     return (
@@ -284,7 +323,9 @@ export function useTask(backend = useBackendStore().currentBackend) {
     targetUuid: string,
     blocking: T = false as T,
     timeoutMs?: number,
-  ): Promise<T extends true ? CreateTaskBlockingResponse<IpResult> : CreateTaskResponse> => {
+  ): Promise<
+    T extends true ? CreateTaskBlockingResponse<IpResult> : CreateTaskResponse
+  > => {
     const taskType: IpTask = "ip";
     return (
       blocking
@@ -297,7 +338,11 @@ export function useTask(backend = useBackendStore().currentBackend) {
     targetUuid: string,
     blocking: T,
     timeoutMs?: number,
-  ): Promise<T extends true ? CreateTaskBlockingResponse<VersionResult> : CreateTaskResponse> => {
+  ): Promise<
+    T extends true
+      ? CreateTaskBlockingResponse<VersionResult>
+      : CreateTaskResponse
+  > => {
     const taskType: VersionTask = "version";
     return (
       blocking
diff --git a/src/composables/useThemeBucketUpload.ts b/src/composables/useThemeBucketUpload.ts
index 35551f0a..dd7606d7 100644
--- a/src/composables/useThemeBucketUpload.ts
+++ b/src/composables/useThemeBucketUpload.ts
@@ -39,28 +39,42 @@ export function useThemeBucketUpload() {
     if (isUpdate) {
       const needConfig = kp.userPrefs === "old" || kp.siteTokens === "old";
       const [configResult, cssResult, jsResult] = await Promise.all([
-        needConfig ? sbf.readTextFile(bucketName, "config.json") : Promise.resolve(""),
-        kp.css === "old" ? sbf.readTextFile(bucketName, "custom.css") : Promise.resolve(""),
-        kp.js === "old" ? sbf.readTextFile(bucketName, "custom.js") : Promise.resolve(""),
+        needConfig
+          ? sbf.readTextFile(bucketName, "config.json")
+          : Promise.resolve(""),
+        kp.css === "old"
+          ? sbf.readTextFile(bucketName, "custom.css")
+          : Promise.resolve(""),
+        kp.js === "old"
+          ? sbf.readTextFile(bucketName, "custom.js")
+          : Promise.resolve(""),
       ]);
       oldConfigText = configResult;
       oldCss = cssResult;
       oldJs = jsResult;
     }
 
-    const manifestEntry = files.find((f) => f.path === "nodeget-theme-files.json");
+    const manifestEntry = files.find(
+      (f) => f.path === "nodeget-theme-files.json",
+    );
     if (manifestEntry) {
       try {
-        const text = new TextDecoder().decode(base64ToBuf(manifestEntry.base64));
+        const text = new TextDecoder().decode(
+          base64ToBuf(manifestEntry.base64),
+        );
         const list: unknown = JSON.parse(text);
         if (Array.isArray(list)) {
           const paths = list.map((item) =>
-            typeof item === "string" ? item : ((item as { path?: string }).path ?? ""),
+            typeof item === "string"
+              ? item
+              : ((item as { path?: string }).path ?? ""),
           );
           const toAdd = FIXED_CUSTOM_FILES.filter((f) => !paths.includes(f));
           if (toAdd.length > 0) {
             const isObjectFormat =
-              list.length > 0 && typeof list[0] === "object" && list[0] !== null;
+              list.length > 0 &&
+              typeof list[0] === "object" &&
+              list[0] !== null;
             const toAddItems: unknown[] = isObjectFormat
               ? toAdd.map((f) => ({ path: f }))
               : [...toAdd];
@@ -93,7 +107,12 @@ export function useThemeBucketUpload() {
           await sbf.saveTextFile(
             bucketName,
             "config.json",
-            mergeThemeConfigJson(newConfigText, oldConfigText, kp.userPrefs, kp.siteTokens),
+            mergeThemeConfigJson(
+              newConfigText,
+              oldConfigText,
+              kp.userPrefs,
+              kp.siteTokens,
+            ),
           );
         }
       }
diff --git a/src/composables/useThemeTokenPresets.ts b/src/composables/useThemeTokenPresets.ts
index 678500d3..d8a56bd2 100644
--- a/src/composables/useThemeTokenPresets.ts
+++ b/src/composables/useThemeTokenPresets.ts
@@ -35,7 +35,10 @@ export function useThemeTokenPresets() {
   const kv = useKv();
   const backendStore = useBackendStore();
 
-  const buildTokenPayload = (username: string, permissions: PermissionEntry[]) =>
+  const buildTokenPayload = (
+    username: string,
+    permissions: PermissionEntry[],
+  ) =>
     serializeTokenPayload({
       ...createDefaultToken(),
       username,
@@ -83,9 +86,16 @@ export function useThemeTokenPresets() {
 
     const settle = async (username: string, permissions: PermissionEntry[]) => {
       try {
-        return await createTokenOnBackend(backend.url, backend.token, username, permissions);
+        return await createTokenOnBackend(
+          backend.url,
+          backend.token,
+          username,
+          permissions,
+        );
       } catch (e: unknown) {
-        toast.warning(`${username}: ${e instanceof Error ? e.message : String(e)}`);
+        toast.warning(
+          `${username}: ${e instanceof Error ? e.message : String(e)}`,
+        );
         return "";
       }
     };
@@ -105,7 +115,9 @@ export function useThemeTokenPresets() {
   const loadOrInitPresets = async (): Promise<TokenPreset[]> => {
     kv.namespace.value = KV_NAMESPACE;
     const raw = await kv.getValue(KV_KEY);
-    const saved: TokenPreset[] = Array.isArray(raw) ? (raw as TokenPreset[]) : [];
+    const saved: TokenPreset[] = Array.isArray(raw)
+      ? (raw as TokenPreset[])
+      : [];
     if (saved.length === 0 && backendStore.currentBackend.value) {
       const initialized = await initDefaultPresets();
       kv.namespace.value = KV_NAMESPACE;
diff --git a/src/composables/useWsConnection.ts b/src/composables/useWsConnection.ts
index a658b202..26ebdecc 100644
--- a/src/composables/useWsConnection.ts
+++ b/src/composables/useWsConnection.ts
@@ -40,7 +40,10 @@ interface WsCallOptions {
 
 const generateId = (prefix = ""): string => {
   let id: string;
-  if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
+  if (
+    typeof crypto !== "undefined" &&
+    typeof crypto.randomUUID === "function"
+  ) {
     id = crypto.randomUUID();
   } else {
     id = "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
@@ -172,7 +175,9 @@ class WsConnection {
     this.pending.delete(id);
 
     if (msg.error) {
-      req.reject(new Error(formatRpcError(msg.error) || `${req.method} rpc error`));
+      req.reject(
+        new Error(formatRpcError(msg.error) || `${req.method} rpc error`),
+      );
       return;
     }
 
@@ -185,7 +190,9 @@ class WsConnection {
       msg.result.error_message !== null
     ) {
       const r = msg.result as Record<string, unknown>;
-      req.reject(new Error(String(r.error_message || `${req.method} rpc error`)));
+      req.reject(
+        new Error(String(r.error_message || `${req.method} rpc error`)),
+      );
       return;
     }
 
@@ -269,12 +276,18 @@ export function releaseWsConnection(url: string) {
   }
 }
 
-export function makeRpcFunction(backendUrl: string = currentBackend.value?.url as string) {
+export function makeRpcFunction(
+  backendUrl: string = currentBackend.value?.url as string,
+) {
   if (typeof backendUrl !== "string") {
     throw "backendUrl can't be empty";
   }
 
-  const rpc = <T>(method: string, params: unknown, timeoutMs: number = 5000): Promise<T> =>
+  const rpc = <T>(
+    method: string,
+    params: unknown,
+    timeoutMs: number = 5000,
+  ): Promise<T> =>
     getWsConnection(backendUrl).call<T>(method, params, timeoutMs);
   return rpc;
 }
diff --git a/src/layout/components/AppMain.vue b/src/layout/components/AppMain.vue
index 528763a7..9d1e216e 100644
--- a/src/layout/components/AppMain.vue
+++ b/src/layout/components/AppMain.vue
@@ -1,5 +1,5 @@
 <template>
-  <main class="bg-background flex-1 overflow-auto p-6">
+  <main class="flex-1 overflow-auto p-6 bg-background">
     <router-view v-slot="{ Component }">
       <Transition name="page" mode="out-in">
         <component :is="Component" />
diff --git a/src/layout/components/DashboardHeader.vue b/src/layout/components/DashboardHeader.vue
index 9032d1a8..a8f08931 100644
--- a/src/layout/components/DashboardHeader.vue
+++ b/src/layout/components/DashboardHeader.vue
@@ -58,8 +58,12 @@ const currentAgent = computed(() => {
   if (!isAgentPanel.value) {
     return null;
   }
-  const info = agents.value.find((v) => v.uuid === (route.params as { uuid: string }).uuid);
-  const staticData = servers.value.find((v) => v.uuid === (route.params as { uuid: string }).uuid);
+  const info = agents.value.find(
+    (v) => v.uuid === (route.params as { uuid: string }).uuid,
+  );
+  const staticData = servers.value.find(
+    (v) => v.uuid === (route.params as { uuid: string }).uuid,
+  );
   return {
     info,
     staticData,
@@ -86,23 +90,26 @@ onMounted(init);
 </script>
 
 <template>
-  <header class="flex h-14 shrink-0 items-center gap-3 border-b px-4">
+  <header class="flex h-14 shrink-0 items-center border-b px-4 gap-3">
     <Button
       variant="ghost"
       size="icon"
-      class="shrink-0 md:hidden"
+      class="md:hidden shrink-0"
       @click="emit('openMobileSidebar')"
     >
       <Menu class="h-5 w-5" />
     </Button>
     <div v-if="isAgentPanel && currentAgent" class="ml-2 opacity-60">
       <div class="flex h-5 items-center space-x-4 text-sm">
-        <div class="flex gap-1" v-if="agents.length && (route.params as { uuid: string }).uuid">
+        <div
+          class="flex gap-1"
+          v-if="agents.length && (route.params as { uuid: string }).uuid"
+        >
           <Select
             :model-value="(route.params as { uuid: string }).uuid"
             @update:model-value="(v) => selectAgent(v as string)"
           >
-            <SelectTrigger class="flex w-[160px] items-center gap-1">
+            <SelectTrigger class="w-[160px] flex gap-1 items-center">
               <template v-if="currentAgent.info?.metadata?.region">
                 <img
                   v-if="flagUrl(currentAgent.info?.metadata?.region)"
@@ -110,19 +117,23 @@ onMounted(init);
                   :alt="currentAgent.info?.metadata?.region"
                   :title="currentAgent.info?.metadata?.region"
                   loading="lazy"
-                  class="mr-1 inline-block h-3.5 w-5 rounded-[1px] object-cover shadow-sm"
+                  class="inline-block w-5 h-3.5 rounded-[1px] object-cover shadow-sm mr-1"
                 />
               </template>
               <CircleQuestionMark
                 v-else
-                class="mx-1 inline-block h-3.5 w-5 rounded-[1px] object-cover"
+                class="inline-block w-5 h-3.5 rounded-[1px] object-cover mx-1"
               />
               <SelectValue placeholder="切换被控节点" />
             </SelectTrigger>
             <SelectContent>
               <SelectGroup class="px-1.5">
                 <SelectLabel>被控节点</SelectLabel>
-                <SelectItem :value="ag.uuid" v-for="ag in agents" class="flex items-center gap-1">
+                <SelectItem
+                  :value="ag.uuid"
+                  v-for="ag in agents"
+                  class="flex gap-1 items-center"
+                >
                   <!-- <Router class="h-4 w-4 mr-1" /> -->
                   <template v-if="ag?.metadata?.region">
                     <img
@@ -131,12 +142,12 @@ onMounted(init);
                       :alt="ag?.metadata?.region"
                       :title="ag?.metadata?.region"
                       loading="lazy"
-                      class="mr-1 inline-block h-3.5 w-5 rounded-[1px] object-cover shadow-sm"
+                      class="inline-block w-5 h-3.5 rounded-[1px] object-cover shadow-sm mr-1"
                     />
                   </template>
                   <CircleQuestionMark
                     v-else
-                    class="mx-1 inline-block h-3.5 w-8 rounded-[1px] object-cover"
+                    class="inline-block w-8 h-3.5 rounded-[1px] object-cover mx-1"
                   />
                   {{ ag.metadata?.customName }}
                 </SelectItem>
@@ -162,7 +173,7 @@ onMounted(init);
       <SettingsDialog />
       <!-- <RouterLink :to="{ name: '/' }"> -->
       <Button variant="ghost" size="sm" @click="() => router.back()">
-        <ArrowLeft class="mr-1 h-4 w-4" />
+        <ArrowLeft class="h-4 w-4 mr-1" />
         返回
       </Button>
       <!-- </RouterLink> -->
diff --git a/src/layout/components/Sidebar.vue b/src/layout/components/Sidebar.vue
index 4bf947e4..353205e4 100644
--- a/src/layout/components/Sidebar.vue
+++ b/src/layout/components/Sidebar.vue
@@ -175,7 +175,10 @@ function buildMenuTree(parentPath: string): SidebarRoute[] {
       return !remaining.includes("/");
     })
     .filter((r) => !r.meta?.hidden)
-    .sort((a, b) => ((a.meta?.order as number) ?? 99) - ((b.meta?.order as number) ?? 99))
+    .sort(
+      (a, b) =>
+        ((a.meta?.order as number) ?? 99) - ((b.meta?.order as number) ?? 99),
+    )
     .map((r) => ({
       path: r.path,
       name: typeof r.name === "string" ? r.name : undefined,
@@ -201,7 +204,9 @@ const extensionGlobalRoutes = computed<SidebarRoute[]>(() =>
           path: `/dashboard/app/${r.name}`,
           meta: {
             title: r.name,
-            icon: ext.app.icon ? getStaticUrl(ext.id, ext.app.icon, ext.storage) : LayoutGrid,
+            icon: ext.app.icon
+              ? getStaticUrl(ext.id, ext.app.icon, ext.storage)
+              : LayoutGrid,
             order: 100,
           },
         })),
@@ -220,7 +225,9 @@ const extensionNodeRoutes = computed<SidebarRoute[]>(() => {
           path: `/dashboard/node/${nodeUuid.value}/${r.name}`,
           meta: {
             title: r.name,
-            icon: ext.app.icon ? getStaticUrl(ext.id, ext.app.icon, ext.storage) : LayoutGrid,
+            icon: ext.app.icon
+              ? getStaticUrl(ext.id, ext.app.icon, ext.storage)
+              : LayoutGrid,
           },
         })),
     );
@@ -250,7 +257,7 @@ const groupedRoutes = computed<[string, SidebarRoute[]][]>(() => {
 <template>
   <aside
     :class="[
-      'bg-background z-50 flex shrink-0 flex-col border-r transition-all duration-300 ease-in-out',
+      'z-50 flex shrink-0 flex-col border-r bg-background transition-all duration-300 ease-in-out',
       'fixed inset-y-0 left-0 h-full md:relative',
       props.isMobileSidebarOpen
         ? 'translate-x-0 shadow-lg md:shadow-none'
@@ -260,16 +267,29 @@ const groupedRoutes = computed<[string, SidebarRoute[]][]>(() => {
   >
     <div
       class="flex h-14 shrink-0 items-center border-b px-3"
-      :class="props.collapsed ? 'justify-between md:justify-center' : 'justify-between'"
+      :class="
+        props.collapsed
+          ? 'justify-between md:justify-center'
+          : 'justify-between'
+      "
     >
-      <span class="block truncate text-base font-bold" :class="props.collapsed ? 'md:hidden' : ''"
+      <span
+        class="block truncate text-base font-bold"
+        :class="props.collapsed ? 'md:hidden' : ''"
         >NodeGet</span
       >
-      <Button variant="ghost" size="icon" @click="emit('toggle')" class="hidden md:flex">
+      <Button
+        variant="ghost"
+        size="icon"
+        @click="emit('toggle')"
+        class="hidden md:flex"
+      >
         <PanelLeftClose v-if="!props.collapsed" class="h-4 w-4" />
         <PanelLeftOpen v-else class="h-4 w-4" />
         <span class="sr-only">{{
-          props.collapsed ? $t("common.expandSidebar") : $t("common.collapseSidebar")
+          props.collapsed
+            ? $t("common.expandSidebar")
+            : $t("common.collapseSidebar")
         }}</span>
       </Button>
       <!-- Mobile Close Button -->
@@ -309,10 +329,14 @@ const groupedRoutes = computed<[string, SidebarRoute[]][]>(() => {
           </div>
         </div>
       </div>
-      <div v-else v-for="([group, routes], index) in groupedRoutes" :key="group">
+      <div
+        v-else
+        v-for="([group, routes], index) in groupedRoutes"
+        :key="group"
+      >
         <div
           v-if="group"
-          class="text-muted-foreground/60 px-2 pt-1 text-sm font-semibold tracking-wider uppercase select-none"
+          class="px-2 pt-1 text-sm font-semibold tracking-wider text-muted-foreground/60 uppercase select-none"
           :class="props.collapsed ? 'md:hidden' : ''"
         >
           {{ $t(group) }}
@@ -323,7 +347,10 @@ const groupedRoutes = computed<[string, SidebarRoute[]][]>(() => {
           :class="props.collapsed ? 'md:block' : ''"
         />
 
-        <div class="flex flex-col gap-y-0.5" :class="{ 'mt-1': group && !props.collapsed }">
+        <div
+          class="flex flex-col gap-y-0.5"
+          :class="{ 'mt-1': group && !props.collapsed }"
+        >
           <div :class="props.collapsed ? 'contents md:hidden' : 'contents'">
             <SidebarItem
               v-for="route in routes"
diff --git a/src/layout/components/SidebarItem.vue b/src/layout/components/SidebarItem.vue
index c4ec95b8..2c316743 100644
--- a/src/layout/components/SidebarItem.vue
+++ b/src/layout/components/SidebarItem.vue
@@ -4,8 +4,16 @@ import type { RouteLocationRaw, RouteMeta } from "vue-router";
 import { RouterLink } from "vue-router";
 import { ChevronDown } from "lucide-vue-next";
 import { useI18n } from "vue-i18n";
-import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@/components/ui/collapsible";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from "@/components/ui/collapsible";
 import { cn } from "@/lib/utils";
 
 export interface SidebarRoute {
@@ -38,7 +46,10 @@ const isOpen = ref(props.isOpen);
 const visibleChildren = computed(() =>
   (props.route.children ?? [])
     .filter((c) => !c.meta?.hidden)
-    .sort((a, b) => ((a.meta?.order as number) ?? 99) - ((b.meta?.order as number) ?? 99)),
+    .sort(
+      (a, b) =>
+        ((a.meta?.order as number) ?? 99) - ((b.meta?.order as number) ?? 99),
+    ),
 );
 
 const routeTo = computed<RouteLocationRaw>(() =>
@@ -66,7 +77,7 @@ function translateTitle(title: unknown): string {
         <button
           :class="
             cn(
-              'hover:bg-accent hover:text-accent-foreground flex w-full items-center gap-2 rounded-md px-3 py-2 text-sm font-medium transition-colors',
+              'flex w-full items-center gap-2 rounded-md px-3 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground',
             )
           "
         >
@@ -82,7 +93,9 @@ function translateTitle(title: unknown): string {
             v-else-if="route.meta?.icon && level === 0"
             class="h-4 w-4 shrink-0"
           />
-          <span class="flex-1 truncate text-left">{{ translateTitle(route.meta?.title) }}</span>
+          <span class="flex-1 truncate text-left">{{
+            translateTitle(route.meta?.title)
+          }}</span>
           <ChevronDown
             class="h-3.5 w-3.5 shrink-0 transition-transform duration-200"
             :class="{ '-rotate-90': !isOpen }"
@@ -91,7 +104,7 @@ function translateTitle(title: unknown): string {
       </CollapsibleTrigger>
       <CollapsibleContent>
         <div class="relative mt-0.5 flex flex-col gap-y-0.5 pl-6">
-          <div class="bg-border absolute inset-y-1 left-5 w-px" />
+          <div class="absolute inset-y-1 left-5 w-px bg-border" />
           <SidebarItem
             v-for="child in visibleChildren"
             :key="child.path"
@@ -105,7 +118,7 @@ function translateTitle(title: unknown): string {
     </Collapsible>
     <div v-else class="px-2 py-1">
       <button
-        class="hover:bg-accent hover:text-accent-foreground flex w-full items-center justify-center rounded-md p-2 text-sm transition-colors"
+        class="flex w-full items-center justify-center rounded-md p-2 text-sm transition-colors hover:bg-accent hover:text-accent-foreground"
         @click="isOpen = !isOpen"
       >
         <img
@@ -115,7 +128,11 @@ function translateTitle(title: unknown): string {
           class="h-4 w-4 rounded-sm object-contain"
           @error="($event.target as HTMLImageElement).style.display = 'none'"
         />
-        <component :is="route.meta?.icon" v-else-if="route.meta?.icon" class="h-4 w-4" />
+        <component
+          :is="route.meta?.icon"
+          v-else-if="route.meta?.icon"
+          class="h-4 w-4"
+        />
       </button>
     </div>
   </template>
@@ -125,25 +142,31 @@ function translateTitle(title: unknown): string {
       <TooltipTrigger as-child>
         <RouterLink :to="routeTo" class="block px-2 py-1">
           <span
-            class="hover:bg-accent hover:text-accent-foreground flex items-center justify-center rounded-md p-2 text-sm transition-colors"
+            class="flex items-center justify-center rounded-md p-2 text-sm transition-colors hover:bg-accent hover:text-accent-foreground"
           >
             <img
               v-if="isIconUrl && route.meta?.icon"
               :src="route.meta.icon as string"
               class="h-4 w-4 rounded-sm object-contain"
             />
-            <component :is="route.meta?.icon" v-else-if="route.meta?.icon" class="h-4 w-4" />
+            <component
+              :is="route.meta?.icon"
+              v-else-if="route.meta?.icon"
+              class="h-4 w-4"
+            />
           </span>
         </RouterLink>
       </TooltipTrigger>
-      <TooltipContent side="right">{{ translateTitle(route.meta?.title) }}</TooltipContent>
+      <TooltipContent side="right">{{
+        translateTitle(route.meta?.title)
+      }}</TooltipContent>
     </Tooltip>
     <RouterLink
       v-else
       :to="routeTo"
       :class="
         cn(
-          'hover:bg-accent hover:text-accent-foreground flex items-center gap-2 rounded-md px-3 py-2 text-sm transition-colors',
+          'flex items-center gap-2 rounded-md px-3 py-2 text-sm transition-colors hover:bg-accent hover:text-accent-foreground',
         )
       "
       active-class="bg-accent text-accent-foreground font-medium"
diff --git a/src/layout/index.vue b/src/layout/index.vue
index 45c8787c..cf8aed54 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -10,11 +10,11 @@ const isMobileSidebarOpen = ref(false);
 </script>
 
 <template>
-  <div class="bg-background relative flex h-screen overflow-hidden">
+  <div class="flex h-screen overflow-hidden bg-background relative">
     <TooltipProvider>
       <div
         v-if="isMobileSidebarOpen"
-        class="bg-background/80 fixed inset-0 z-40 backdrop-blur-sm md:hidden"
+        class="fixed inset-0 bg-background/80 backdrop-blur-sm z-40 md:hidden"
         @click="isMobileSidebarOpen = false"
       ></div>
 
@@ -24,7 +24,7 @@ const isMobileSidebarOpen = ref(false);
         @toggle="collapsed = !collapsed"
         @close-mobile="isMobileSidebarOpen = false"
       />
-      <div class="flex min-w-0 flex-1 flex-col overflow-hidden">
+      <div class="flex flex-1 flex-col overflow-hidden min-w-0">
         <DashboardHeader @open-mobile-sidebar="isMobileSidebarOpen = true" />
         <AppMain />
       </div>
diff --git a/src/lib/migration.ts b/src/lib/migration.ts
index f8151881..108038ba 100644
--- a/src/lib/migration.ts
+++ b/src/lib/migration.ts
@@ -2,15 +2,24 @@ import { useAgentConfig, type AgentConfig } from "@/composables/useAgentConfig";
 import { compareVersions } from "compare-versions";
 import { upgradeTokenLimit } from "@/components/agents/generateToken";
 
-export const postProcesses: Record<string, ((...arg: any[]) => Promise<any>)[]> = {
+export const postProcesses: Record<
+  string,
+  ((...arg: any[]) => Promise<any>)[]
+> = {
   "0.3.7": [enableDnsTask],
 };
 
-export async function applyPostProces(agentUUID: string, oldVersion: string, newVersion: string) {
+export async function applyPostProces(
+  agentUUID: string,
+  oldVersion: string,
+  newVersion: string,
+) {
   const breakPoints = Array.from(Object.keys(postProcesses))
     .sort(compareVersions)
     .filter(
-      (bpVer) => compareVersions(bpVer, oldVersion) > 0 && compareVersions(bpVer, newVersion) <= 0,
+      (bpVer) =>
+        compareVersions(bpVer, oldVersion) > 0 &&
+        compareVersions(bpVer, newVersion) <= 0,
     );
   for (let i = 0, len = breakPoints.length; i < len; i++) {
     const bp = breakPoints[i] as string;
@@ -34,7 +43,9 @@ async function enableDnsTask(agentUUID: string) {
   if (!config.currentUpstream.allow_task_type) {
     return;
   }
-  const exist = !!config.currentUpstream.allow_task_type.find((v) => v === "dns");
+  const exist = !!config.currentUpstream.allow_task_type.find(
+    (v) => v === "dns",
+  );
   if (!exist) {
     const newConfig: AgentConfig = {
       ...config.basicConfig,
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
index 88283f01..c66a9d9c 100644
--- a/src/lib/utils.ts
+++ b/src/lib/utils.ts
@@ -1,7 +1,7 @@
-import type { ClassValue } from "clsx";
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
+import type { ClassValue } from "clsx"
+import { clsx } from "clsx"
+import { twMerge } from "tailwind-merge"
 
 export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs));
+  return twMerge(clsx(inputs))
 }
diff --git a/src/locales/en.ts b/src/locales/en.ts
index 82e6a62c..eb24862c 100644
--- a/src/locales/en.ts
+++ b/src/locales/en.ts
@@ -117,7 +117,8 @@ export default {
       showUnlockedCountries: "Show unlocked countries",
       showMyLocationLinks: "Show links from my location",
       nodeListTitle: "Node List",
-      nodeListDescription: "Click a map marker or a list item to mark that node as selected.",
+      nodeListDescription:
+        "Click a map marker or a list item to mark that node as selected.",
       selectedNode: "Selected",
       noNodes: "No visible nodes",
       locationStatus: {
@@ -139,7 +140,8 @@ export default {
       regionsDescription:
         "Major regions are marked now so nodes, links, or alerts can be layered on later.",
       legendTitle: "Legend",
-      legendDescription: "A single visual language separates land, ocean, and regional anchors.",
+      legendDescription:
+        "A single visual language separates land, ocean, and regional anchors.",
       futureHint:
         "If you later attach real node coordinates, this base map can carry markers, bubbles, or route overlays directly.",
       tabs: {
@@ -181,7 +183,8 @@ export default {
         detailFailed: "Failed to fetch token detail",
         rollSecretSuccess: "Token secret regenerated successfully",
         rollSecretFailed: "Failed to regenerate token secret",
-        rollSecretFailedWithMessage: "Failed to regenerate token secret: {message}",
+        rollSecretFailedWithMessage:
+          "Failed to regenerate token secret: {message}",
         changePasswordSuccess: "Password changed successfully",
         changePasswordFailed: "Failed to change password",
         changePasswordFailedWithMessage: "Failed to change password: {message}",
@@ -209,7 +212,8 @@ export default {
         },
         deleteDialog: {
           title: "Delete Token",
-          confirm: "Are you sure you want to delete this? This action is irreversible!",
+          confirm:
+            "Are you sure you want to delete this? This action is irreversible!",
         },
         resetDialog: {
           title: "Reset Token",
@@ -227,8 +231,10 @@ export default {
         },
         changePasswordDialog: {
           title: "Change Password",
-          description: "Change the login password for the user linked to this token.",
-          disabledTip: "This token has no username, so its password cannot be changed",
+          description:
+            "Change the login password for the user linked to this token.",
+          disabledTip:
+            "This token has no username, so its password cannot be changed",
           newPassword: "Enter new password",
           confirmPassword: "Enter new password again",
           confirmButton: "Change Password",
@@ -246,18 +252,21 @@ export default {
         returnButtonDescription: "Return to token list",
         mode: {
           title: "Choose how to create this token",
-          description: "Start from a preset template or open the editor with a blank token.",
+          description:
+            "Start from a preset template or open the editor with a blank token.",
           backToSelect: "Back to create options",
         },
         custom: {
           title: "Custom Token",
-          description: "Manually configure scopes and permissions from scratch.",
+          description:
+            "Manually configure scopes and permissions from scratch.",
           hint: "Open the shared editor with a blank token configuration.",
           action: "Create Custom Token",
         },
         templates: {
           title: "Token Templates",
-          description: "Start from a preset configuration, then fine-tune it in the shared editor.",
+          description:
+            "Start from a preset configuration, then fine-tune it in the shared editor.",
           useTemplate: "Use Template",
         },
         createTokenCard: {
@@ -295,11 +304,14 @@ export default {
       },
       import: {
         title: "Import Token",
-        description: "Paste an existing token JSON, then reselect scopes before importing.",
+        description:
+          "Paste an existing token JSON, then reselect scopes before importing.",
         returnButtonDescription: "Return to token list",
         emptyInput: "Please enter the token JSON to import",
-        parseSuccess: "Token parsed successfully. Please choose the scopes again.",
-        parseFailed: "Parse error. Please check whether the token JSON is correct.",
+        parseSuccess:
+          "Token parsed successfully. Please choose the scopes again.",
+        parseFailed:
+          "Parse error. Please check whether the token JSON is correct.",
         parseCard: {
           title: "Import Token",
           description: "Paste the complete token JSON content below.",
@@ -322,7 +334,8 @@ export default {
       },
       detail: {
         title: "Token Detail",
-        description: "View token basics, permission configuration, and the raw JSON payload.",
+        description:
+          "View token basics, permission configuration, and the raw JSON payload.",
         returnButtonDescription: "Return to token list",
         editButton: "Edit Token",
         copyTokenKey: "Copy Token Key",
@@ -477,11 +490,13 @@ export default {
       templates: {
         agent: {
           title: "Agent Default",
-          description: "Preset write-oriented permissions for common agent operations.",
+          description:
+            "Preset write-oriented permissions for common agent operations.",
         },
         visitor: {
           title: "Visitor Readonly",
-          description: "Preset read-oriented permissions for basic monitoring visibility.",
+          description:
+            "Preset read-oriented permissions for basic monitoring visibility.",
         },
       },
     },
@@ -490,8 +505,10 @@ export default {
       desc: "Manage installed extension apps",
       install: "Install Extension",
       installTitle: "Install Extension",
-      installDesc: "Select extension folder, parse app.json, confirm permissions and install.",
-      noExtensions: 'No extensions installed. Click "Install Extension" to get started.',
+      installDesc:
+        "Select extension folder, parse app.json, confirm permissions and install.",
+      noExtensions:
+        'No extensions installed. Click "Install Extension" to get started.',
       colName: "Name",
       colId: "ID",
       colDesc: "Description",
@@ -522,7 +539,8 @@ export default {
       notification: "Notification",
       site: {
         custom: "Custom",
-        securityWarning: "Please ensure code security and avoid untrusted content.",
+        securityWarning:
+          "Please ensure code security and avoid untrusted content.",
         customHeader: "Custom Header",
         customHeaderDesc: "Add custom content to page header",
         customBody: "Custom Body",
@@ -716,11 +734,13 @@ export default {
       dynamicMonitoringSummary: "dynamic_monitoring_summary retention",
       agentTask: "agnet_task retention",
       minuteUnit: "minutes",
-      storageHint: "These settings are in-memory only and take effect immediately.",
+      storageHint:
+        "These settings are in-memory only and take effect immediately.",
       installTitle: "Install",
       installSubtitle: "Run on the target machine",
       waitingOnline: "Waiting for online...",
-      onlineHint: "Polling every 3 seconds. Pre-config will auto-apply once the agent is online.",
+      onlineHint:
+        "Polling every 3 seconds. Pre-config will auto-apply once the agent is online.",
       completed: "Completed",
       continueAdding: "Continue Adding",
       adjustNode: "Adjust Node",
@@ -806,10 +826,12 @@ export default {
       expressionRange: "Range",
       expressionStep: "Step",
       expressionList: "List",
-      hintQuestionMark: "Only for day/weekday fields, meaning no specified value",
+      hintQuestionMark:
+        "Only for day/weekday fields, meaning no specified value",
       hintNumberRange: "Please enter a valid number within the allowed range",
       hintStep: "Interval, e.g. */5 means every 5 units",
-      hintStartStep: "Start/step format, e.g. 0/2 means every 2 units starting from 0",
+      hintStartStep:
+        "Start/step format, e.g. 0/2 means every 2 units starting from 0",
       hintStepPositive: "Step value must be greater than 0",
       hintRange: "Format: start-end, e.g. 1-5",
       hintList: "Comma-separated, e.g. 1,3,5",
@@ -976,7 +998,8 @@ export default {
       updatedTime: "Last Edited",
       actions: "Actions",
       empty: "No script snippets available",
-      deleteConfirm: "Are you sure you want to delete the script snippet {name}?",
+      deleteConfirm:
+        "Are you sure you want to delete the script snippet {name}?",
       edit: "Edit Script Snippet",
       nameRequired: "Script name cannot be empty",
       contentRequired: "Script snippet cannot be empty",
diff --git a/src/locales/zh_cn.ts b/src/locales/zh_cn.ts
index 37a1c620..4ba2c321 100644
--- a/src/locales/zh_cn.ts
+++ b/src/locales/zh_cn.ts
@@ -147,10 +147,12 @@ export default {
         nodeCount: "节点数：{count}",
       },
       regionsTitle: "覆盖区域",
-      regionsDescription: "地图上已经标出主要区域，方便后续叠加节点、链路或告警信息。",
+      regionsDescription:
+        "地图上已经标出主要区域，方便后续叠加节点、链路或告警信息。",
       legendTitle: "图例说明",
       legendDescription: "用统一视觉语言区分陆地、海洋和区域锚点。",
-      futureHint: "后续如果需要接入真实节点坐标，可以直接在这张底图上叠加点位、气泡或链路线。",
+      futureHint:
+        "后续如果需要接入真实节点坐标，可以直接在这张底图上叠加点位、气泡或链路线。",
       tabs: {
         flat: "2D Map",
         globe: "3D Map",
@@ -222,14 +224,17 @@ export default {
         },
         resetDialog: {
           title: "重置 Token",
-          description: "重新生成该 Token 的 Token Secret，旧 Secret 会立即失效。",
-          confirm: "是否确认重新生成？请在成功后立即复制并妥善保存新的 Secret。",
+          description:
+            "重新生成该 Token 的 Token Secret，旧 Secret 会立即失效。",
+          confirm:
+            "是否确认重新生成？请在成功后立即复制并妥善保存新的 Secret。",
           confirmButton: "重置",
           confirmingButton: "重置中...",
         },
         resetSuccessDialog: {
           title: "Token Secret 重新生成成功",
-          description: "新的 Token Secret 只会显示这一次，请立即复制并妥善保存。旧 Secret 已失效。",
+          description:
+            "新的 Token Secret 只会显示这一次，请立即复制并妥善保存。旧 Secret 已失效。",
         },
         changePasswordDialog: {
           title: "修改密码",
@@ -731,7 +736,8 @@ export default {
       deselectAll: "取消全选",
       expression: "Cron 表达式",
       expressionHint: "会自动整理空格，紧凑写法如 2***** 会转换为 2 * * * * *",
-      expressionFormatHint: "最终格式固定为 6 段；如果后面的段没填，失焦后会自动补成 *。",
+      expressionFormatHint:
+        "最终格式固定为 6 段；如果后面的段没填，失焦后会自动补成 *。",
       expressionRequired: "请填写 Cron 表达式。",
       nameRequired: "请填写任务名称。",
       nodesRequired: "请选择执行节点。",
diff --git a/src/main.ts b/src/main.ts
index 1e8c29e6..23ee5762 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -5,7 +5,6 @@ import { createPersistedState } from "pinia-plugin-persistedstate";
 import { createI18n } from "vue-i18n";
 import App from "./App.vue";
 import router from "./router";
-import routePrefetchPlugin from "./router/prefetchPlugin";
 import "./style/app.css";
 import en from "./locales/en";
 import zh_cn from "./locales/zh_cn";
@@ -15,7 +14,10 @@ const pinia = createPinia();
 const savedLocale = localStorage.getItem("locale");
 const browserLanguage = (navigator.language || "en").split("-")[0] || "en";
 const defaultLocale: string =
-  savedLocale || ((["en", "zh_cn"].includes(browserLanguage) ? browserLanguage : "en") as string);
+  savedLocale ||
+  ((["en", "zh_cn"].includes(browserLanguage)
+    ? browserLanguage
+    : "en") as string);
 
 const i18n = createI18n({
   legacy: false,
@@ -32,7 +34,7 @@ pinia.use(createPersistedState());
 installRpcDebugPanel(pinia);
 
 app.use(pinia);
-app.use(routePrefetchPlugin(router));
+app.use(router);
 app.use(i18n);
 
 app.mount("#app");
diff --git a/src/pages/[...404].vue b/src/pages/[...404].vue
new file mode 100644
index 00000000..75428093
--- /dev/null
+++ b/src/pages/[...404].vue
@@ -0,0 +1,181 @@
+<script setup lang="ts">
+import { computed } from "vue";
+import { RouterLink, useRoute, useRouter } from "vue-router";
+import { ArrowLeftIcon, HomeIcon, ShieldQuestionIcon } from "lucide-vue-next";
+
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+import { Separator } from "@/components/ui/separator";
+
+const route = useRoute();
+const router = useRouter();
+
+function goBack() {
+  if (window.history.length > 1) {
+    router.back();
+    return;
+  }
+
+  router.push("/");
+}
+
+function formatValue(value: unknown) {
+  if (value === null || value === undefined || value === "") {
+    return "—";
+  }
+
+  if (typeof value === "string") {
+    return value;
+  }
+
+  return JSON.stringify(value, null, 2);
+}
+
+const matchedRoutes = computed(() => {
+  return route.matched.map((record) => ({
+    name: record.name ?? null,
+    path: record.path,
+    meta: record.meta,
+  }));
+});
+
+const routeDetails = computed(() => [
+  {
+    label: "fullPath",
+    value: formatValue(route.fullPath),
+  },
+  {
+    label: "path",
+    value: formatValue(route.path),
+  },
+  {
+    label: "name",
+    value: formatValue(route.name),
+  },
+  {
+    label: "params",
+    value: formatValue(route.params),
+  },
+  {
+    label: "query",
+    value: formatValue(route.query),
+  },
+  {
+    label: "hash",
+    value: formatValue(route.hash),
+  },
+  {
+    label: "meta",
+    value: formatValue(route.meta),
+  },
+  {
+    label: "matched",
+    value: formatValue(matchedRoutes.value),
+  },
+  {
+    label: "redirectedFrom",
+    value: formatValue(
+      route.redirectedFrom
+        ? {
+            fullPath: route.redirectedFrom.fullPath,
+            path: route.redirectedFrom.path,
+            params: route.redirectedFrom.params,
+            query: route.redirectedFrom.query,
+            hash: route.redirectedFrom.hash,
+          }
+        : null,
+    ),
+  },
+]);
+</script>
+
+<template>
+  <main
+    class="grid min-h-dvh place-items-center bg-background p-4 text-foreground"
+  >
+    <Card class="w-full max-w-xl overflow-hidden border-border/70 shadow-sm">
+      <CardHeader class="space-y-3 p-5 pb-3">
+        <div class="flex items-center justify-between gap-3">
+          <Badge
+            variant="secondary"
+            class="rounded-full px-2.5 py-1 text-[11px]"
+          >
+            404 Not Found
+          </Badge>
+
+          <div
+            class="grid size-8 place-items-center rounded-full border bg-muted/40"
+          >
+            <ShieldQuestionIcon class="size-4 text-muted-foreground" />
+          </div>
+        </div>
+
+        <div class="space-y-1">
+          <CardTitle class="text-2xl font-semibold tracking-tight">
+            页面走丢了
+          </CardTitle>
+
+          <CardDescription class="text-sm leading-5">
+            你访问的页面不存在、已移动，或链接地址有误。
+          </CardDescription>
+        </div>
+      </CardHeader>
+
+      <CardContent class="space-y-4 p-5 pt-2">
+        <section class="rounded-lg border bg-muted/30">
+          <div
+            class="flex items-center justify-between gap-3 border-b px-3 py-2"
+          >
+            <p class="text-xs font-medium text-foreground">路由信息</p>
+
+            <Badge variant="outline" class="h-5 rounded-full px-2 text-[10px]">
+              debug
+            </Badge>
+          </div>
+
+          <dl class="max-h-72 divide-y overflow-auto">
+            <div
+              v-for="item in routeDetails"
+              :key="item.label"
+              class="grid gap-1 px-3 py-2 sm:grid-cols-[112px_1fr] sm:gap-3"
+            >
+              <dt class="text-xs font-medium text-muted-foreground">
+                {{ item.label }}
+              </dt>
+
+              <dd>
+                <pre
+                  class="font-mono text-xs leading-5 break-all whitespace-pre-wrap text-foreground"
+                  >{{ item.value }}</pre
+                >
+              </dd>
+            </div>
+          </dl>
+        </section>
+
+        <Separator />
+
+        <div class="grid gap-2 sm:grid-cols-2">
+          <Button as-child size="sm" class="h-8">
+            <RouterLink to="/">
+              <HomeIcon class="size-4" />
+              回到首页
+            </RouterLink>
+          </Button>
+
+          <Button variant="outline" size="sm" class="h-8" @click="goBack">
+            <ArrowLeftIcon class="size-4" />
+            返回上一页
+          </Button>
+        </div>
+      </CardContent>
+    </Card>
+  </main>
+</template>
diff --git a/src/pages/dashboard/about.vue b/src/pages/dashboard/about.vue
index dc02de78..f42959b1 100644
--- a/src/pages/dashboard/about.vue
+++ b/src/pages/dashboard/about.vue
@@ -17,5 +17,8 @@ const rendered = md.render(about);
 </script>
 
 <template>
-  <div class="prose prose-sm dark:prose-invert max-w-none" v-html="rendered"></div>
+  <div
+    class="prose prose-sm dark:prose-invert max-w-none"
+    v-html="rendered"
+  ></div>
 </template>
diff --git a/src/pages/dashboard/agents.vue b/src/pages/dashboard/agents.vue
index d49f472e..744d4a48 100644
--- a/src/pages/dashboard/agents.vue
+++ b/src/pages/dashboard/agents.vue
@@ -69,9 +69,10 @@ const fetchAgents = async () => {
   const results = await Promise.allSettled(
     backends.value.map(async (backend) => {
       const conn = getWsConnection(backend.url);
-      const result = await conn.call<{ uuids: string[] }>("nodeget-server_list_all_agent_uuid", {
-        token: backend.token,
-      });
+      const result = await conn.call<{ uuids: string[] }>(
+        "nodeget-server_list_all_agent_uuid",
+        { token: backend.token },
+      );
       return result?.uuids ?? [];
     }),
   );
@@ -98,13 +99,12 @@ const fetchAgents = async () => {
       backends.value.map(async (backend) => {
         const conn = getWsConnection(backend.url);
         try {
-          const result = await conn.call<{ namespace: string; key: string; value: unknown }[]>(
-            "kv_get_multi_value",
-            {
-              token: backend.token,
-              namespace_key: namespaceKeys,
-            },
-          );
+          const result = await conn.call<
+            { namespace: string; key: string; value: unknown }[]
+          >("kv_get_multi_value", {
+            token: backend.token,
+            namespace_key: namespaceKeys,
+          });
           return Array.isArray(result) ? result : [];
         } catch {
           return [];
@@ -115,7 +115,11 @@ const fetchAgents = async () => {
     for (const result of nameResults) {
       if (result.status !== "fulfilled") continue;
       for (const entry of result.value) {
-        if (entry.key === "metadata_name" && entry.value && !nameMap.has(entry.namespace)) {
+        if (
+          entry.key === "metadata_name" &&
+          entry.value &&
+          !nameMap.has(entry.namespace)
+        ) {
           nameMap.set(entry.namespace, String(entry.value));
         }
       }
@@ -137,7 +141,9 @@ const filteredAgents = computed(() => {
   const q = searchQuery.value.toLowerCase();
   if (!q) return agents.value;
   return agents.value.filter(
-    (a) => a.customName.toLowerCase().includes(q) || a.uuid.toLowerCase().includes(q),
+    (a) =>
+      a.customName.toLowerCase().includes(q) ||
+      a.uuid.toLowerCase().includes(q),
   );
 });
 
@@ -184,19 +190,21 @@ const handleSettings = (uuid: string) => {
         <h1 class="text-2xl font-semibold">
           {{ t("dashboard.agents.title") }}
         </h1>
-        <p class="text-muted-foreground mt-1 text-sm">
+        <p class="text-sm text-muted-foreground mt-1">
           {{ t("dashboard.agents.desc") }}
         </p>
       </div>
       <Button @click="addOpen = true">
-        <Plus class="mr-1.5 h-4 w-4" />
+        <Plus class="h-4 w-4 mr-1.5" />
         {{ t("dashboard.agents.addAgent") }}
       </Button>
     </div>
 
     <div class="flex items-center gap-3">
-      <div class="relative max-w-sm flex-1">
-        <Search class="text-muted-foreground absolute top-1/2 left-2.5 h-4 w-4 -translate-y-1/2" />
+      <div class="relative flex-1 max-w-sm">
+        <Search
+          class="absolute left-2.5 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground"
+        />
         <Input
           v-model="searchQuery"
           :placeholder="t('dashboard.agents.searchPlaceholder')"
@@ -204,18 +212,22 @@ const handleSettings = (uuid: string) => {
         />
       </div>
       <div v-if="hasSelection" class="flex items-center gap-2">
-        <Button size="sm" variant="outline" @click="handleBatchAction('upgrade')">
-          <ArrowUpFromLine class="mr-1.5 h-4 w-4" />
+        <Button
+          size="sm"
+          variant="outline"
+          @click="handleBatchAction('upgrade')"
+        >
+          <ArrowUpFromLine class="h-4 w-4 mr-1.5" />
           {{ t("dashboard.agents.batchUpgrade") }}
         </Button>
         <Button size="sm" variant="outline" @click="handleBatchAction('move')">
-          <FolderInput class="mr-1.5 h-4 w-4" />
+          <FolderInput class="h-4 w-4 mr-1.5" />
           {{ t("dashboard.agents.batchMove") }}
         </Button>
         <DropdownMenu>
           <DropdownMenuTrigger as-child>
             <Button size="sm" variant="outline">
-              <Copy class="mr-1.5 h-4 w-4" />
+              <Copy class="h-4 w-4 mr-1.5" />
               {{ t("dashboard.agents.batchCopy") }}
             </Button>
           </DropdownMenuTrigger>
@@ -232,12 +244,18 @@ const handleSettings = (uuid: string) => {
       </div>
     </div>
 
-    <div v-if="loading" class="text-muted-foreground flex items-center justify-center py-12">
-      <Loader2 class="mr-2 h-5 w-5 animate-spin" />
+    <div
+      v-if="loading"
+      class="flex items-center justify-center py-12 text-muted-foreground"
+    >
+      <Loader2 class="h-5 w-5 animate-spin mr-2" />
       {{ t("common.loading") }}
     </div>
 
-    <div v-else-if="agents.length === 0" class="text-muted-foreground py-12 text-center text-sm">
+    <div
+      v-else-if="agents.length === 0"
+      class="py-12 text-center text-muted-foreground text-sm"
+    >
       {{ t("dashboard.agents.noAgents") }}
     </div>
 
@@ -246,13 +264,18 @@ const handleSettings = (uuid: string) => {
         <TableHeader>
           <TableRow>
             <TableHead class="w-[40px]">
-              <Checkbox :checked="allSelected" @update:checked="toggleSelectAll" />
+              <Checkbox
+                :checked="allSelected"
+                @update:checked="toggleSelectAll"
+              />
             </TableHead>
             <TableHead>{{ t("dashboard.agents.colId") }}</TableHead>
             <TableHead>{{ t("dashboard.agents.colName") }}</TableHead>
             <TableHead>{{ t("dashboard.agents.colServerCount") }}</TableHead>
             <TableHead>{{ t("dashboard.agents.colVersion") }}</TableHead>
-            <TableHead class="text-right">{{ t("dashboard.agents.colActions") }}</TableHead>
+            <TableHead class="text-right">{{
+              t("dashboard.agents.colActions")
+            }}</TableHead>
           </TableRow>
         </TableHeader>
         <TableBody>
@@ -266,7 +289,7 @@ const handleSettings = (uuid: string) => {
                 @update:checked="(v: boolean) => toggleSelect(agent.uuid, v)"
               />
             </TableCell>
-            <TableCell class="text-muted-foreground font-mono text-xs">
+            <TableCell class="font-mono text-xs text-muted-foreground">
               {{ agent.uuid.slice(0, 8) }}
             </TableCell>
             <TableCell class="font-medium">{{ agent.customName }}</TableCell>
diff --git a/src/pages/dashboard/app-panel/[id].vue b/src/pages/dashboard/app-panel/[id].vue
index 12c12b95..387f08e4 100644
--- a/src/pages/dashboard/app-panel/[id].vue
+++ b/src/pages/dashboard/app-panel/[id].vue
@@ -9,13 +9,15 @@ import type { Extension } from "@/composables/useExtensions";
 
 definePage({ meta: { title: "", hidden: true } });
 
-const route = useRoute();
+const route = useRoute("/dashboard/app-panel/[id]");
 const router = useRouter();
-const extensionId = computed(() => (route.params as Record<string, string>).id);
+const extensionId = computed(() => route.params.id);
 
 const { extensions, loading, fetchExtensions } = useExtensions();
 
-const extension = computed(() => extensions.value.find((e) => e.id === extensionId.value) ?? null);
+const extension = computed(
+  () => extensions.value.find((e) => e.id === extensionId.value) ?? null,
+);
 
 const fetched = ref(extensions.value.length > 0);
 
@@ -40,20 +42,29 @@ const handleUpdated = (ext: Extension) => {
 <template>
   <div class="flex h-full flex-col gap-4 overflow-hidden">
     <div class="flex items-center gap-3">
-      <Button variant="ghost" size="sm" @click="router.push('/dashboard/app-panel')">
+      <Button
+        variant="ghost"
+        size="sm"
+        @click="router.push('/dashboard/app-panel')"
+      >
         <ArrowLeft class="mr-1 h-4 w-4" />
         返回
       </Button>
       <h2 class="text-xl font-semibold">{{ extension?.app.name }}</h2>
     </div>
 
-    <div v-if="!fetched || loading" class="flex flex-1 items-center justify-center">
-      <div class="border-primary h-6 w-6 animate-spin rounded-full border-2 border-t-transparent" />
+    <div
+      v-if="!fetched || loading"
+      class="flex flex-1 items-center justify-center"
+    >
+      <div
+        class="h-6 w-6 animate-spin rounded-full border-2 border-primary border-t-transparent"
+      />
     </div>
 
     <div
       v-else-if="!extension"
-      class="text-muted-foreground flex flex-1 items-center justify-center"
+      class="flex flex-1 items-center justify-center text-muted-foreground"
     >
       未找到扩展
     </div>
diff --git a/src/pages/dashboard/app-panel/list.vue b/src/pages/dashboard/app-panel/list.vue
index b11326e6..32b27a0b 100644
--- a/src/pages/dashboard/app-panel/list.vue
+++ b/src/pages/dashboard/app-panel/list.vue
@@ -1,7 +1,14 @@
 <script setup lang="ts">
 import { ref, onMounted } from "vue";
 import { useRouter } from "vue-router";
-import { Plus, RefreshCw, Trash2, Settings, RotateCcw, Zap } from "lucide-vue-next";
+import {
+  Plus,
+  RefreshCw,
+  Trash2,
+  Settings,
+  RotateCcw,
+  Zap,
+} from "lucide-vue-next";
 import { toast } from "vue-sonner";
 import { Button } from "@/components/ui/button";
 import { PopConfirm } from "@/components/ui/pop-confirm";
@@ -38,7 +45,9 @@ const {
 } = useExtensions();
 
 const installDialogOpen = ref(false);
-const installDialogRef = ref<InstanceType<typeof ExtensionInstallDialog> | null>(null);
+const installDialogRef = ref<InstanceType<
+  typeof ExtensionInstallDialog
+> | null>(null);
 const reinstallTarget = ref<Extension | null>(null);
 const deletingId = ref<string | null>(null);
 const quickDialogOpen = ref(false);
@@ -112,7 +121,7 @@ onMounted(() => fetchExtensions());
 </script>
 
 <template>
-  <div class="flex h-full flex-col space-y-6 overflow-y-auto">
+  <div class="h-full flex flex-col space-y-6 overflow-y-auto">
     <div class="flex items-center justify-between">
       <div>
         <h2 class="text-2xl font-bold tracking-tight">
@@ -121,15 +130,20 @@ onMounted(() => fetchExtensions());
         <p class="text-muted-foreground text-sm">管理已安装的扩展应用</p>
       </div>
       <div class="flex items-center gap-2">
-        <Button variant="outline" size="sm" :disabled="loading" @click="fetchExtensions">
+        <Button
+          variant="outline"
+          size="sm"
+          :disabled="loading"
+          @click="fetchExtensions"
+        >
           <RefreshCw class="h-4 w-4" :class="{ 'animate-spin': loading }" />
         </Button>
         <Button variant="outline" size="sm" @click="quickDialogOpen = true">
-          <Zap class="mr-1 h-4 w-4" />
+          <Zap class="h-4 w-4 mr-1" />
           快捷 Extension
         </Button>
         <Button size="sm" @click="installDialogOpen = true">
-          <Plus class="mr-1 h-4 w-4" />
+          <Plus class="h-4 w-4 mr-1" />
           添加 Extension
         </Button>
       </div>
@@ -137,7 +151,7 @@ onMounted(() => fetchExtensions());
 
     <div
       v-if="error"
-      class="border-destructive/50 bg-destructive/10 text-destructive rounded-md border p-3 text-sm"
+      class="rounded-md border border-destructive/50 bg-destructive/10 p-3 text-sm text-destructive"
     >
       {{ error }}
     </div>
@@ -158,14 +172,20 @@ onMounted(() => fetchExtensions());
         <TableBody>
           <template v-if="loading && extensions.length === 0">
             <TableRow>
-              <TableCell colspan="7" class="text-muted-foreground py-8 text-center">
+              <TableCell
+                colspan="7"
+                class="text-center text-muted-foreground py-8"
+              >
                 加载中...
               </TableCell>
             </TableRow>
           </template>
           <template v-else-if="extensions.length === 0">
             <TableRow>
-              <TableCell colspan="7" class="text-muted-foreground py-8 text-center">
+              <TableCell
+                colspan="7"
+                class="text-center text-muted-foreground py-8"
+              >
                 暂无已安装的扩展，点击「添加 Extension」开始使用
               </TableCell>
             </TableRow>
@@ -174,25 +194,29 @@ onMounted(() => fetchExtensions());
             <TableRow v-for="ext in extensions" :key="ext.id">
               <TableCell>
                 <div
-                  class="bg-muted/40 flex h-8 w-8 items-center justify-center overflow-hidden rounded border"
+                  class="w-8 h-8 rounded border bg-muted/40 flex items-center justify-center overflow-hidden"
                 >
                   <ExtensionIcon :url="getIconUrl(ext)" :size="20" />
                 </div>
               </TableCell>
 
               <TableCell
-                class="cursor-pointer font-medium hover:underline"
+                class="font-medium cursor-pointer hover:underline"
                 @click="router.push(`/dashboard/app-panel/${ext.id}`)"
                 >{{ ext.app.name }}</TableCell
               >
 
-              <TableCell class="text-muted-foreground max-w-32 truncate font-mono text-xs">
+              <TableCell
+                class="font-mono text-xs text-muted-foreground max-w-32 truncate"
+              >
                 {{ ext.id }}
               </TableCell>
 
-              <TableCell class="text-sm">{{ ext.app.version || "—" }}</TableCell>
+              <TableCell class="text-sm">{{
+                ext.app.version || "—"
+              }}</TableCell>
 
-              <TableCell class="text-muted-foreground text-sm">
+              <TableCell class="text-sm text-muted-foreground">
                 {{ formatDate(ext.created_at) }}
               </TableCell>
 
@@ -222,7 +246,7 @@ onMounted(() => fetchExtensions());
                       class="h-7 w-7"
                       :disabled="deletingId === ext.id"
                     >
-                      <Trash2 class="text-destructive h-3.5 w-3.5" />
+                      <Trash2 class="h-3.5 w-3.5 text-destructive" />
                     </Button>
                   </PopConfirm>
 
diff --git a/src/pages/dashboard/app/[extensionRoute].vue b/src/pages/dashboard/app/[extensionRoute].vue
index 8a24fb38..82cc8cd2 100644
--- a/src/pages/dashboard/app/[extensionRoute].vue
+++ b/src/pages/dashboard/app/[extensionRoute].vue
@@ -9,8 +9,8 @@ definePage({
   meta: { title: "", hidden: true },
 });
 
-const route = useRoute();
-const routeName = computed(() => (route.params as Record<string, string>).extensionRoute ?? "");
+const route = useRoute("/dashboard/app/[extensionRoute]");
+const routeName = computed(() => route.params.extensionRoute);
 
 const { extensions, fetchExtensions, getIframeUrl } = useExtensions();
 
@@ -18,7 +18,9 @@ const { extensions, fetchExtensions, getIframeUrl } = useExtensions();
 const matched = computed(() => {
   for (const ext of extensions.value) {
     if (ext.disabled) continue;
-    const r = ext.app.routes?.find((r) => r.type === "global" && r.name === routeName.value);
+    const r = ext.app.routes?.find(
+      (r) => r.type === "global" && r.name === routeName.value,
+    );
     if (r) return { ext, route: r };
   }
   return null;
@@ -67,12 +69,14 @@ watch(
 <template>
   <div class="flex h-full w-full flex-col">
     <div v-if="!ready" class="flex flex-1 items-center justify-center">
-      <div class="border-primary h-6 w-6 animate-spin rounded-full border-2 border-t-transparent" />
+      <div
+        class="h-6 w-6 animate-spin rounded-full border-2 border-primary border-t-transparent"
+      />
     </div>
 
     <div
       v-else-if="!matched"
-      class="text-muted-foreground flex flex-1 items-center justify-center gap-2"
+      class="flex flex-1 items-center justify-center gap-2 text-muted-foreground"
     >
       <AlertCircle class="h-5 w-5" />
       <span>未找到扩展路由「{{ routeName }}」</span>
diff --git a/src/pages/dashboard/batch-exec.vue b/src/pages/dashboard/batch-exec.vue
index 423a8add..87e3ad24 100644
--- a/src/pages/dashboard/batch-exec.vue
+++ b/src/pages/dashboard/batch-exec.vue
@@ -42,13 +42,16 @@ const handlePickScripts = (s: string) => {
 
 <template>
   <div>
-    <h1 class="mb-2 text-2xl font-bold">{{ $t("router.batchExec") }}</h1>
+    <h1 class="text-2xl font-bold mb-2">{{ $t("router.batchExec") }}</h1>
     <p class="text-muted-foreground text-sm">
       {{ $t("dashboard.batchExec.desc") }}
     </p>
 
-    <div class="mt-2 grid grid-cols-1 gap-2">
-      <CodeCard v-model="code" @openScriptsSelect="openSelectScriptsDialog = true" />
+    <div class="grid gap-2 grid-cols-1 mt-2">
+      <CodeCard
+        v-model="code"
+        @openScriptsSelect="openSelectScriptsDialog = true"
+      />
       <SelectNodesCard
         v-model:selected="selected"
         v-model:cmd="cmd"
diff --git a/src/pages/dashboard/bucket/[name].vue b/src/pages/dashboard/bucket/[name].vue
index cf74021f..0f4dc036 100644
--- a/src/pages/dashboard/bucket/[name].vue
+++ b/src/pages/dashboard/bucket/[name].vue
@@ -45,7 +45,9 @@ const handleReadFile = async (path: string) => {
     }
     fileViewRef.value.onFileContentLoaded(new TextDecoder().decode(buf));
   } catch (e: unknown) {
-    fileViewRef.value?.onFileContentError(e instanceof Error ? e.message : String(e));
+    fileViewRef.value?.onFileContentError(
+      e instanceof Error ? e.message : String(e),
+    );
   }
 };
 
@@ -131,12 +133,19 @@ const handleUploadFile = async (path: string, base64: string) => {
   }
 };
 
-const handleUploadDir = async (files: Array<{ path: string; base64: string }>) => {
+const handleUploadDir = async (
+  files: Array<{ path: string; base64: string }>,
+) => {
   uploadDirLoading.value = true;
   uploadDirError.value = null;
   try {
-    const { uploaded, deleted } = await bucketFile.syncBucketDir(bucketName, files);
-    toast.success(`已同步到「${bucketName}」：上传 ${uploaded} 个，删除 ${deleted} 个`);
+    const { uploaded, deleted } = await bucketFile.syncBucketDir(
+      bucketName,
+      files,
+    );
+    toast.success(
+      `已同步到「${bucketName}」：上传 ${uploaded} 个，删除 ${deleted} 个`,
+    );
     uploadDirOpen.value = false;
     await bucketFile.fetchList(bucketName);
   } catch (e: unknown) {
@@ -148,7 +157,7 @@ const handleUploadDir = async (files: Array<{ path: string; base64: string }>) =
 </script>
 
 <template>
-  <div class="flex h-full flex-col overflow-hidden">
+  <div class="h-full flex flex-col overflow-hidden">
     <StaticBucketFileView
       ref="fileViewRef"
       class="flex-1 overflow-hidden"
diff --git a/src/pages/dashboard/cost.vue b/src/pages/dashboard/cost.vue
index 090b0ac9..2acc38ec 100644
--- a/src/pages/dashboard/cost.vue
+++ b/src/pages/dashboard/cost.vue
@@ -153,6 +153,7 @@ async function loadNodes() {
     }
   }
 
+  /*
   const namespacesWithData = new Set(results.map((row) => row.namespace));
   const emptyUuids = uuids.filter((uuid) => !namespacesWithData.has(uuid));
   for (const emptyUuid of emptyUuids) {
@@ -164,6 +165,7 @@ async function loadNodes() {
     );
     results = [...results, ...newResults];
   }
+  */
 
   const grouped = new Map<string, { key: string; value: unknown }[]>();
   for (const row of results) {
@@ -188,7 +190,8 @@ async function loadCostSettings() {
     kv.getValue(GLOBAL_KV_COST_FX_PROVIDER).catch(() => null),
   ]);
 
-  const parsedBaseCurrency = normalizeBaseCurrency(rawBaseCurrency) ?? DEFAULT_BASE_CURRENCY;
+  const parsedBaseCurrency =
+    normalizeBaseCurrency(rawBaseCurrency) ?? DEFAULT_BASE_CURRENCY;
   baseCurrency.value = parsedBaseCurrency;
   fxSnapshot.value = parseFxSnapshot(rawFxCache);
   fxProviderTemplate.value = parseFxProviderTemplate(rawFxProvider);
@@ -223,7 +226,9 @@ const effectiveFxProviderLabel = computed(() => {
 });
 
 async function refreshFxRates(showToast = false) {
-  const hasSupportedCurrency = nodes.value.some((node) => currencyFromPriceUnit(node.priceUnit));
+  const hasSupportedCurrency = nodes.value.some((node) =>
+    currencyFromPriceUnit(node.priceUnit),
+  );
 
   const targets = supportedCurrenciesForNodes(nodes.value, baseCurrency.value);
   if (!hasSupportedCurrency) {
@@ -268,8 +273,12 @@ async function refreshFxRates(showToast = false) {
       fxState.value = "cached";
       fxSnapshot.value = cachedSnapshot;
       fxMessage.value = isFxSnapshotFresh(cachedSnapshot)
-        ? `${reason}，当前使用最近一次缓存汇率（${formatTimestamp(cachedSnapshot.fetched_at)}）。`
-        : `${reason}，当前使用已过期缓存汇率（${formatTimestamp(cachedSnapshot.fetched_at)}）。`;
+        ? `${reason}，当前使用最近一次缓存汇率（${formatTimestamp(
+            cachedSnapshot.fetched_at,
+          )}）。`
+        : `${reason}，当前使用已过期缓存汇率（${formatTimestamp(
+            cachedSnapshot.fetched_at,
+          )}）。`;
     } else {
       fxState.value = "grouped";
       fxSnapshot.value = null;
@@ -315,7 +324,8 @@ const sortedNodes = computed<EvaluatedCostNode[]>(() => {
   return list.sort((left, right) => {
     let diff = 0;
     if (field === "price") {
-      if (left.monthlyCostBase === null && right.monthlyCostBase === null) diff = 0;
+      if (left.monthlyCostBase === null && right.monthlyCostBase === null)
+        diff = 0;
       else if (left.monthlyCostBase === null) diff = 1;
       else if (right.monthlyCostBase === null) diff = -1;
       else diff = left.monthlyCostBase - right.monthlyCostBase;
@@ -365,7 +375,9 @@ async function adjustExpire(
   const key = `${node.id}:${direction}`;
   adjustLoading.value = key;
   try {
-    const current = node.expireTime ? new Date(`${node.expireTime}T00:00:00`) : new Date();
+    const current = node.expireTime
+      ? new Date(`${node.expireTime}T00:00:00`)
+      : new Date();
     current.setHours(0, 0, 0, 0);
     current.setDate(current.getDate() + direction * node.priceCycle);
     const newExpire = formatDateOnly(current);
@@ -401,10 +413,13 @@ onMounted(initialize);
 </script>
 
 <template>
-  <div class="flex h-full flex-col gap-4 overflow-hidden p-1">
+  <div class="h-full flex flex-col gap-4 overflow-hidden p-1">
     <div class="flex flex-wrap items-center gap-2">
-      <span class="text-muted-foreground text-sm">基准币种：</span>
-      <Select :model-value="baseCurrency" @update:model-value="handleBaseCurrencyChange">
+      <span class="text-sm text-muted-foreground">基准币种：</span>
+      <Select
+        :model-value="baseCurrency"
+        @update:model-value="handleBaseCurrencyChange"
+      >
         <SelectTrigger class="w-36">
           <SelectValue />
         </SelectTrigger>
@@ -428,9 +443,13 @@ onMounted(initialize);
         <template v-else>刷新汇率</template>
       </Button>
       <Badge v-if="fxState === 'live'" variant="secondary">实时汇率</Badge>
-      <Badge v-else-if="fxState === 'cached'" variant="secondary">缓存汇率</Badge>
-      <Badge v-else-if="fxState === 'grouped'" variant="secondary"> 按币种分组 </Badge>
-      <span v-if="effectiveFxSnapshot" class="text-muted-foreground text-xs">
+      <Badge v-else-if="fxState === 'cached'" variant="secondary"
+        >缓存汇率</Badge
+      >
+      <Badge v-else-if="fxState === 'grouped'" variant="secondary">
+        按币种分组
+      </Badge>
+      <span v-if="effectiveFxSnapshot" class="text-xs text-muted-foreground">
         汇率来源：{{ effectiveFxProviderLabel }}，更新于
         {{ formatTimestamp(effectiveFxSnapshot.fetched_at) }}
       </span>
@@ -446,99 +465,105 @@ onMounted(initialize);
       </AlertDescription>
     </Alert>
 
-    <div v-if="stats.unified" class="grid grid-cols-2 gap-4 md:grid-cols-4">
-      <div class="bg-card flex items-center gap-3 rounded-lg border p-4">
-        <div class="bg-primary/10 rounded-md p-2">
-          <CreditCard class="text-primary h-5 w-5" />
+    <div v-if="stats.unified" class="grid grid-cols-2 md:grid-cols-4 gap-4">
+      <div class="rounded-lg border bg-card p-4 flex items-center gap-3">
+        <div class="p-2 rounded-md bg-primary/10">
+          <CreditCard class="h-5 w-5 text-primary" />
         </div>
         <div>
-          <p class="text-muted-foreground text-xs">折算月成本</p>
-          <p class="font-mono text-xl font-semibold">
+          <p class="text-xs text-muted-foreground">折算月成本</p>
+          <p class="text-xl font-semibold font-mono">
             {{ formatAmount(baseCurrencySymbol, stats.totalMonthlyCost) }}
           </p>
         </div>
       </div>
 
-      <div class="bg-card flex items-center gap-3 rounded-lg border p-4">
-        <div class="rounded-md bg-blue-500/10 p-2">
+      <div class="rounded-lg border bg-card p-4 flex items-center gap-3">
+        <div class="p-2 rounded-md bg-blue-500/10">
           <TrendingUp class="h-5 w-5 text-blue-500" />
         </div>
         <div>
-          <p class="text-muted-foreground text-xs">平均每台 / 月</p>
-          <p class="font-mono text-xl font-semibold">
+          <p class="text-xs text-muted-foreground">平均每台 / 月</p>
+          <p class="text-xl font-semibold font-mono">
             {{ formatAmount(baseCurrencySymbol, stats.avgMonthlyCost) }}
           </p>
         </div>
       </div>
 
-      <div class="bg-card flex items-center gap-3 rounded-lg border p-4">
-        <div class="rounded-md bg-green-500/10 p-2">
+      <div class="rounded-lg border bg-card p-4 flex items-center gap-3">
+        <div class="p-2 rounded-md bg-green-500/10">
           <TrendingUp class="h-5 w-5 text-green-500" />
         </div>
         <div>
-          <p class="text-muted-foreground text-xs">折算剩余价值</p>
-          <p class="font-mono text-xl font-semibold">
+          <p class="text-xs text-muted-foreground">折算剩余价值</p>
+          <p class="text-xl font-semibold font-mono">
             {{ formatAmount(baseCurrencySymbol, stats.totalRemainingValue) }}
           </p>
         </div>
       </div>
 
-      <div class="bg-card flex items-center gap-3 rounded-lg border p-4">
-        <div class="rounded-md bg-orange-500/10 p-2">
+      <div class="rounded-lg border bg-card p-4 flex items-center gap-3">
+        <div class="p-2 rounded-md bg-orange-500/10">
           <AlertTriangle class="h-5 w-5 text-orange-500" />
         </div>
         <div>
-          <p class="text-muted-foreground text-xs">30 天内到期</p>
+          <p class="text-xs text-muted-foreground">30 天内到期</p>
           <p class="text-xl font-semibold">
             {{ stats.expiringSoon }}
-            <span class="text-muted-foreground text-sm font-normal">台</span>
+            <span class="text-sm font-normal text-muted-foreground">台</span>
           </p>
         </div>
       </div>
     </div>
 
-    <div v-else class="grid grid-cols-2 gap-4 md:grid-cols-4">
+    <div v-else class="grid grid-cols-2 md:grid-cols-4 gap-4">
       <div
         v-for="group in stats.groupedMonthlyTotals"
         :key="group.currency"
-        class="bg-card flex items-center gap-3 rounded-lg border p-4"
+        class="rounded-lg border bg-card p-4 flex items-center gap-3"
       >
-        <div class="bg-primary/10 rounded-md p-2">
-          <CreditCard class="text-primary h-5 w-5" />
+        <div class="p-2 rounded-md bg-primary/10">
+          <CreditCard class="h-5 w-5 text-primary" />
         </div>
         <div>
-          <p class="text-muted-foreground text-xs">{{ group.currency }} 月成本</p>
-          <p class="font-mono text-xl font-semibold">
+          <p class="text-xs text-muted-foreground">
+            {{ group.currency }} 月成本
+          </p>
+          <p class="text-xl font-semibold font-mono">
             {{ formatAmount(group.symbol, group.monthlyCost) }}
           </p>
-          <p class="text-muted-foreground text-xs">
-            剩余价值 {{ formatAmount(group.symbol, group.remainingValue) }} · {{ group.count }} 台
+          <p class="text-xs text-muted-foreground">
+            剩余价值 {{ formatAmount(group.symbol, group.remainingValue) }} ·
+            {{ group.count }} 台
           </p>
         </div>
       </div>
 
-      <div class="bg-card flex items-center gap-3 rounded-lg border p-4">
-        <div class="rounded-md bg-orange-500/10 p-2">
+      <div class="rounded-lg border bg-card p-4 flex items-center gap-3">
+        <div class="p-2 rounded-md bg-orange-500/10">
           <AlertTriangle class="h-5 w-5 text-orange-500" />
         </div>
         <div>
-          <p class="text-muted-foreground text-xs">30 天内到期</p>
+          <p class="text-xs text-muted-foreground">30 天内到期</p>
           <p class="text-xl font-semibold">
             {{ stats.expiringSoon }}
-            <span class="text-muted-foreground text-sm font-normal">台</span>
+            <span class="text-sm font-normal text-muted-foreground">台</span>
           </p>
         </div>
       </div>
     </div>
 
     <div class="flex items-center gap-2">
-      <span class="text-muted-foreground text-sm">排序：</span>
+      <span class="text-sm text-muted-foreground">排序：</span>
       <Button
         size="sm"
         :variant="sortField === 'remaining' ? 'default' : 'outline'"
         @click="toggleSort('remaining')"
       >
-        <ArrowUp v-if="sortField === 'remaining' && sortDir === 'asc'" class="h-3.5 w-3.5" />
+        <ArrowUp
+          v-if="sortField === 'remaining' && sortDir === 'asc'"
+          class="h-3.5 w-3.5"
+        />
         <ArrowDown
           v-else-if="sortField === 'remaining' && sortDir === 'desc'"
           class="h-3.5 w-3.5"
@@ -551,25 +576,40 @@ onMounted(initialize);
         :variant="sortField === 'price' ? 'default' : 'outline'"
         @click="toggleSort('price')"
       >
-        <ArrowUp v-if="sortField === 'price' && sortDir === 'asc'" class="h-3.5 w-3.5" />
-        <ArrowDown v-else-if="sortField === 'price' && sortDir === 'desc'" class="h-3.5 w-3.5" />
+        <ArrowUp
+          v-if="sortField === 'price' && sortDir === 'asc'"
+          class="h-3.5 w-3.5"
+        />
+        <ArrowDown
+          v-else-if="sortField === 'price' && sortDir === 'desc'"
+          class="h-3.5 w-3.5"
+        />
         <ArrowUpDown v-else class="h-3.5 w-3.5" />
         折算月成本
       </Button>
     </div>
 
-    <div v-if="loading" class="text-muted-foreground flex items-center justify-center py-16">
-      <Loader2 class="mr-2 h-5 w-5 animate-spin" />
+    <div
+      v-if="loading"
+      class="flex items-center justify-center py-16 text-muted-foreground"
+    >
+      <Loader2 class="h-5 w-5 animate-spin mr-2" />
       加载中...
     </div>
 
-    <div v-else-if="nodes.length === 0" class="text-muted-foreground py-16 text-center text-sm">
+    <div
+      v-else-if="nodes.length === 0"
+      class="py-16 text-center text-muted-foreground text-sm"
+    >
       暂无节点数据
     </div>
 
-    <div v-else class="bg-card cost-table-wrap min-h-0 flex-1 overflow-auto rounded-md border">
+    <div
+      v-else
+      class="flex-1 min-h-0 rounded-md border bg-card overflow-auto cost-table-wrap"
+    >
       <Table>
-        <TableHeader class="bg-card sticky top-0 z-10">
+        <TableHeader class="sticky top-0 bg-card z-10">
           <TableRow>
             <TableHead>节点名称</TableHead>
             <TableHead class="text-right">价格 / 周期</TableHead>
@@ -588,7 +628,7 @@ onMounted(initialize);
               >
                 {{ node.customName }}
               </RouterLink>
-              <div class="text-muted-foreground font-mono text-xs">
+              <div class="text-xs text-muted-foreground font-mono">
                 {{ node.id.slice(-8) }}
               </div>
             </TableCell>
@@ -596,11 +636,17 @@ onMounted(initialize);
             <TableCell class="text-right font-mono">
               <div>
                 {{ node.priceUnit }}{{ node.price.toFixed(2) }}
-                <span class="text-muted-foreground text-xs"> / {{ node.priceCycle }}天 </span>
+                <span class="text-xs text-muted-foreground">
+                  / {{ node.priceCycle }}天
+                </span>
               </div>
-              <div v-if="node.monthlyCostBase !== null" class="text-muted-foreground text-xs">
+              <div
+                v-if="node.monthlyCostBase !== null"
+                class="text-xs text-muted-foreground"
+              >
                 {{ isExactMonthlyBaseDisplay(node, baseCurrency) ? "=" : "≈" }}
-                {{ formatAmount(baseCurrencySymbol, node.monthlyCostBase) }} / 30天
+                {{ formatAmount(baseCurrencySymbol, node.monthlyCostBase) }} /
+                30天
               </div>
             </TableCell>
 
@@ -625,26 +671,41 @@ onMounted(initialize);
             </TableCell>
 
             <TableCell class="text-right font-mono">
-              <template v-if="node.expireTime && getRemainingDays(node.expireTime) !== null">
+              <template
+                v-if="
+                  node.expireTime && getRemainingDays(node.expireTime) !== null
+                "
+              >
                 <div>
                   {{
                     formatAmount(
                       node.priceUnit,
-                      getRemainingValue(node.expireTime, node.price, node.priceCycle),
+                      getRemainingValue(
+                        node.expireTime,
+                        node.price,
+                        node.priceCycle,
+                      ),
                     )
                   }}
                 </div>
-                <div v-if="node.remainingValueBase !== null" class="text-muted-foreground text-xs">
-                  {{ isExactRemainingBaseDisplay(node, baseCurrency) ? "=" : "≈" }}
-                  {{ formatAmount(baseCurrencySymbol, node.remainingValueBase) }}
+                <div
+                  v-if="node.remainingValueBase !== null"
+                  class="text-xs text-muted-foreground"
+                >
+                  {{
+                    isExactRemainingBaseDisplay(node, baseCurrency) ? "=" : "≈"
+                  }}
+                  {{
+                    formatAmount(baseCurrencySymbol, node.remainingValueBase)
+                  }}
                 </div>
                 <div
                   v-else-if="node.excludedReason === 'unsupported_currency'"
-                  class="text-muted-foreground text-xs"
+                  class="text-xs text-muted-foreground"
                 >
                   不支持折算
                 </div>
-                <div v-else class="text-muted-foreground text-xs">等待汇率</div>
+                <div v-else class="text-xs text-muted-foreground">等待汇率</div>
               </template>
               <template v-else>
                 <span class="text-muted-foreground">—</span>
@@ -652,11 +713,15 @@ onMounted(initialize);
             </TableCell>
 
             <TableCell>
-              <template v-if="node.expireTime && getRemainingDays(node.expireTime) !== null">
+              <template
+                v-if="
+                  node.expireTime && getRemainingDays(node.expireTime) !== null
+                "
+              >
                 <div class="space-y-1.5">
                   <div class="flex items-center justify-between text-xs">
                     <template v-if="getRemainingDays(node.expireTime)! < 0">
-                      <Badge variant="destructive" class="px-1.5 py-0 text-xs">
+                      <Badge variant="destructive" class="text-xs px-1.5 py-0">
                         已过期
                         {{ Math.abs(getRemainingDays(node.expireTime)!) }} 天
                       </Badge>
@@ -665,7 +730,7 @@ onMounted(initialize);
                       <span
                         :class="
                           getRemainingDays(node.expireTime)! <= 7
-                            ? 'font-medium text-red-500'
+                            ? 'text-red-500 font-medium'
                             : getRemainingDays(node.expireTime)! <= 30
                               ? 'text-orange-500'
                               : 'text-muted-foreground'
@@ -675,7 +740,9 @@ onMounted(initialize);
                       </span>
                     </template>
                   </div>
-                  <div class="bg-muted h-1.5 w-full overflow-hidden rounded-full">
+                  <div
+                    class="h-1.5 w-full rounded-full bg-muted overflow-hidden"
+                  >
                     <div
                       class="h-full rounded-full transition-all"
                       :class="
diff --git a/src/pages/dashboard/cron-history/[cronName].vue b/src/pages/dashboard/cron-history/[cronName].vue
index 9f08de25..9deedd8c 100644
--- a/src/pages/dashboard/cron-history/[cronName].vue
+++ b/src/pages/dashboard/cron-history/[cronName].vue
@@ -8,7 +8,10 @@ import { Button } from "@/components/ui/button";
 import CronHistoryFilter from "@/components/cron/CronHistoryFilter.vue";
 import CronHistoryTable from "@/components/cron/CronHistoryTable.vue";
 import CronHistoryDetailDialog from "@/components/cron/CronHistoryDetailDialog.vue";
-import { useCronHistory, type CrontabResult } from "@/composables/useCronHistory";
+import {
+  useCronHistory,
+  type CrontabResult,
+} from "@/composables/useCronHistory";
 import type { FilterState } from "@/components/cron/CronHistoryFilter.vue";
 
 definePage({
@@ -18,12 +21,12 @@ definePage({
   },
 });
 
-const route = useRoute();
+const route = useRoute("/dashboard/cron-history/[cronName]");
 const router = useRouter();
 const { t } = useI18n();
 const { query } = useCronHistory();
 
-const cronName = computed(() => (route.params as { cronName: string }).cronName);
+const cronName = computed(() => route.params.cronName);
 const taskType = computed(() => {
   const value = route.query.taskType;
   return value === "server" ? "server" : "agent";
@@ -59,7 +62,9 @@ const records = computed(() => {
   return allRecords.value.slice(start, start + pageSize.value);
 });
 
-const totalPages = computed(() => Math.ceil(allRecords.value.length / pageSize.value));
+const totalPages = computed(() =>
+  Math.ceil(allRecords.value.length / pageSize.value),
+);
 
 const buildCondition = () => {
   const condition: any[] = [
@@ -72,7 +77,11 @@ const buildCondition = () => {
     if (!Number.isNaN(id) && id > 0) condition.push({ id });
   }
 
-  if (!filter.value.latestOnly && filter.value.startTime && filter.value.endTime) {
+  if (
+    !filter.value.latestOnly &&
+    filter.value.startTime &&
+    filter.value.endTime
+  ) {
     const startTs = new Date(filter.value.startTime).getTime();
     const endTs = new Date(filter.value.endTime).getTime();
     condition.push({ run_time_from_to: [startTs, endTs] });
@@ -165,7 +174,7 @@ onMounted(() => {
           <h1 class="text-2xl font-bold">
             {{ t("dashboard.cron.history.title") }}
           </h1>
-          <p class="text-muted-foreground text-sm">
+          <p class="text-sm text-muted-foreground">
             {{ t("dashboard.cron.history.taskName") }}: {{ cronName }}
           </p>
         </div>
diff --git a/src/pages/dashboard/cron.vue b/src/pages/dashboard/cron.vue
index f4c7564c..c3bf8cb8 100644
--- a/src/pages/dashboard/cron.vue
+++ b/src/pages/dashboard/cron.vue
@@ -157,14 +157,18 @@ const handleSave = async (data: Omit<CronTask, "id"> & { id?: number }) => {
         cron_expression: data.cronExpression,
         cron_type,
       });
-      toast.success(formatRpcSuccessMessage(result, t("dashboard.cron.updateSuccess")));
+      toast.success(
+        formatRpcSuccessMessage(result, t("dashboard.cron.updateSuccess")),
+      );
     } else {
       const result = await cron.create({
         name: data.name,
         cron_expression: data.cronExpression,
         cron_type,
       });
-      toast.success(formatRpcSuccessMessage(result, t("dashboard.cron.createSuccess")));
+      toast.success(
+        formatRpcSuccessMessage(result, t("dashboard.cron.createSuccess")),
+      );
     }
     formOpen.value = false;
     await loadTasks();
@@ -181,7 +185,9 @@ const handleDelete = async (name: string) => {
   deletingNames.value = [...deletingNames.value, name];
   try {
     const result = await cron.remove(name);
-    toast.success(formatRpcSuccessMessage(result, t("dashboard.cron.deleteSuccess")));
+    toast.success(
+      formatRpcSuccessMessage(result, t("dashboard.cron.deleteSuccess")),
+    );
     await loadTasks();
   } catch (e: unknown) {
     toast.error(e instanceof Error ? e.message : String(e));
@@ -205,7 +211,9 @@ const handleToggle = async (task: CronTask) => {
     toast.success(
       formatRpcSuccessMessage(
         result,
-        enabled ? t("dashboard.cron.enableSuccess") : t("dashboard.cron.disableSuccess"),
+        enabled
+          ? t("dashboard.cron.enableSuccess")
+          : t("dashboard.cron.disableSuccess"),
       ),
     );
     await loadTasks();
@@ -213,7 +221,9 @@ const handleToggle = async (task: CronTask) => {
     task.enabled = previousEnabled;
     toast.error(e instanceof Error ? e.message : String(e));
   } finally {
-    togglingNames.value = togglingNames.value.filter((name) => name !== task.name);
+    togglingNames.value = togglingNames.value.filter(
+      (name) => name !== task.name,
+    );
   }
 };
 
@@ -236,15 +246,20 @@ const handleUpdateNodes = async (name: string, agentIds: string[]) => {
     <div class="flex items-start justify-between">
       <div>
         <h1 class="text-2xl font-semibold">{{ t("dashboard.cron.title") }}</h1>
-        <p class="text-muted-foreground mt-1 text-sm">
+        <p class="text-sm text-muted-foreground mt-1">
           {{ t("dashboard.cron.desc") }}
         </p>
       </div>
-      <Button variant="outline" :disabled="loading" class="mr-2 ml-auto" @click="() => loadTasks()">
+      <Button
+        variant="outline"
+        :disabled="loading"
+        class="ml-auto mr-2"
+        @click="() => loadTasks()"
+      >
         <RefreshCw class="h-4 w-4" :class="{ 'animate-spin': loading }" />
       </Button>
       <Button @click="openCreate">
-        <Plus class="mr-1.5 h-4 w-4" />
+        <Plus class="h-4 w-4 mr-1.5" />
         {{ t("dashboard.cron.create") }}
       </Button>
     </div>
diff --git a/src/pages/dashboard/js-runtime.vue b/src/pages/dashboard/js-runtime.vue
index eee9e6b5..027c7f14 100644
--- a/src/pages/dashboard/js-runtime.vue
+++ b/src/pages/dashboard/js-runtime.vue
@@ -87,7 +87,7 @@ const deleteWorkerFun = async (name: string) => {
         <h1 class="text-2xl font-semibold">
           {{ t("dashboard.jsRuntime.title") }}
         </h1>
-        <p class="text-muted-foreground mt-1 text-sm">
+        <p class="text-sm text-muted-foreground mt-1">
           {{ t("dashboard.jsRuntime.desc") }}
         </p>
       </div>
@@ -98,7 +98,10 @@ const deleteWorkerFun = async (name: string) => {
           :disabled="runtime.loading.value"
           @click="listAllWorkersFun"
         >
-          <RotateCcw class="h-4 w-4" :class="{ 'animate-spin': runtime.loading.value }" />
+          <RotateCcw
+            class="h-4 w-4"
+            :class="{ 'animate-spin': runtime.loading.value }"
+          />
         </Button>
         <Button @click="dialogOpen = true">
           <Plus class="mr-2 h-4 w-4" />
@@ -114,7 +117,11 @@ const deleteWorkerFun = async (name: string) => {
       @delete="deleteWorkerFun"
     />
 
-    <WorkerFormDialog v-model:open="dialogOpen" :loading="saveLoading" @save="addWorkerFun" />
+    <WorkerFormDialog
+      v-model:open="dialogOpen"
+      :loading="saveLoading"
+      @save="addWorkerFun"
+    />
   </div>
   <router-view v-else />
 </template>
diff --git a/src/pages/dashboard/js-runtime/[id].vue b/src/pages/dashboard/js-runtime/[id].vue
index 03931f63..c640f4bc 100644
--- a/src/pages/dashboard/js-runtime/[id].vue
+++ b/src/pages/dashboard/js-runtime/[id].vue
@@ -59,8 +59,16 @@ import {
   DropdownMenuItem,
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@/components/ui/collapsible";
-import { useJsRuntime, type JsWorker, type JsResult } from "@/composables/useJsRuntime";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from "@/components/ui/collapsible";
+import {
+  useJsRuntime,
+  type JsWorker,
+  type JsResult,
+} from "@/composables/useJsRuntime";
 import { useThemeStore } from "@/stores/theme";
 import { cn } from "@/lib/utils";
 import MarkdownIt from "markdown-it";
@@ -107,7 +115,12 @@ const isActionPending = computed(
 );
 
 const parsedHttpResult = computed(() => {
-  if (!runResult.value || activeRunMode.value !== "http" || !runResult.value.result) return null;
+  if (
+    !runResult.value ||
+    activeRunMode.value !== "http" ||
+    !runResult.value.result
+  )
+    return null;
   let res = runResult.value.result;
 
   // Unwrap nested backend response if needed
@@ -128,7 +141,9 @@ const parsedHttpResult = computed(() => {
 
     headersText = list.map((h: any) => `${h.name}: ${h.value}`).join("\n");
 
-    const ctHeader = list.find((h: any) => h.name?.toLowerCase() === "content-type")?.value;
+    const ctHeader = list.find(
+      (h: any) => h.name?.toLowerCase() === "content-type",
+    )?.value;
     if (ctHeader) contentType = String(ctHeader).toLowerCase();
   }
 
@@ -139,7 +154,11 @@ const parsedHttpResult = computed(() => {
     rawBody = base64ToBytes(res.body_base64);
   } else {
     rawBody =
-      res.body_bytes !== undefined ? res.body_bytes : res.body !== undefined ? res.body : res.data;
+      res.body_bytes !== undefined
+        ? res.body_bytes
+        : res.body !== undefined
+          ? res.body
+          : res.data;
   }
 
   // 3. Process Body based on content type
@@ -152,7 +171,8 @@ const parsedHttpResult = computed(() => {
   if (rawBody === undefined) {
     body = { isText: true, content: "" };
   } else if (Array.isArray(rawBody) || rawBody instanceof Uint8Array) {
-    const uint8Body = rawBody instanceof Uint8Array ? rawBody : new Uint8Array(rawBody);
+    const uint8Body =
+      rawBody instanceof Uint8Array ? rawBody : new Uint8Array(rawBody);
 
     if (isImage) {
       try {
@@ -188,7 +208,8 @@ const parsedHttpResult = computed(() => {
       }
     }
   } else {
-    const content = typeof rawBody === "string" ? rawBody : JSON.stringify(rawBody, null, 2);
+    const content =
+      typeof rawBody === "string" ? rawBody : JSON.stringify(rawBody, null, 2);
     if (isHtml) {
       body = { isHtml: true, content };
     } else {
@@ -308,7 +329,9 @@ const logs = computed(() => {
   return allLogs.value.slice(start, start + pageSize.value);
 });
 
-const totalPages = computed(() => Math.ceil(allLogs.value.length / pageSize.value));
+const totalPages = computed(() =>
+  Math.ceil(allLogs.value.length / pageSize.value),
+);
 
 const logFilter = ref({
   id: "",
@@ -371,7 +394,8 @@ const resetLogsFilterFun = () => {
 };
 
 const deleteLogFun = async (id: number) => {
-  if (!confirm(t("dashboard.jsRuntime.logs.deleteConfirm", "Delete this log?"))) return;
+  if (!confirm(t("dashboard.jsRuntime.logs.deleteConfirm", "Delete this log?")))
+    return;
   try {
     await runtime.deleteWorkerLog(id);
     toast.success(t("dashboard.jsRuntime.logs.deleteSuccess", "Log deleted"));
@@ -387,9 +411,15 @@ watch(activeTab, (val) => {
   }
 });
 
-const extensions = computed(() => [javascript(), ...(themeStore.isDark ? [oneDark] : [])]);
+const extensions = computed(() => [
+  javascript(),
+  ...(themeStore.isDark ? [oneDark] : []),
+]);
 
-const jsonExtensions = computed(() => [json(), ...(themeStore.isDark ? [oneDark] : [])]);
+const jsonExtensions = computed(() => [
+  json(),
+  ...(themeStore.isDark ? [oneDark] : []),
+]);
 
 const getWorkerFun = async () => {
   loading.value = true;
@@ -399,7 +429,8 @@ const getWorkerFun = async () => {
       worker.value = data;
       content.value = data.content;
       workerRoute.value = data.route || "";
-      cleanTime.value = data.runtime_clean_time != null ? String(data.runtime_clean_time) : "";
+      cleanTime.value =
+        data.runtime_clean_time != null ? String(data.runtime_clean_time) : "";
 
       max_run_time.value = data.max_run_time;
       max_stack_size.value = data.max_stack_size;
@@ -409,10 +440,12 @@ const getWorkerFun = async () => {
         key,
         value: String(value),
       }));
-      tempEnvVars.value = Object.entries(data.env || {}).map(([key, value]) => ({
-        key,
-        value: String(value),
-      }));
+      tempEnvVars.value = Object.entries(data.env || {}).map(
+        ([key, value]) => ({
+          key,
+          value: String(value),
+        }),
+      );
       // Always keep one empty row for new env var
       ensureEmptyEnvRow();
       ensureEmptyTempEnvRow();
@@ -455,7 +488,10 @@ const syncLatestWorkerState = async (): Promise<JsWorker> => {
   return data;
 };
 
-const updateWorkerContentFun = async (withEnv = false, loadingRef = saveOnlyLoading) => {
+const updateWorkerContentFun = async (
+  withEnv = false,
+  loadingRef = saveOnlyLoading,
+) => {
   if (!worker.value) return;
   loadingRef.value = true;
   try {
@@ -561,10 +597,15 @@ const runWorkerFun = async (saveFirst = false) => {
         if (!handleJsonParseError("Invalid Env JSON")) return;
       }
 
-      const result = await runtime.runWorker(worker.value.name, mode, paramsObj, {
-        env: envObj,
-        compile_mode: "source",
-      });
+      const result = await runtime.runWorker(
+        worker.value.name,
+        mode,
+        paramsObj,
+        {
+          env: envObj,
+          compile_mode: "source",
+        },
+      );
       runResult.value = result;
       await pollResult(result);
     } else if (mode === "http") {
@@ -575,7 +616,9 @@ const runWorkerFun = async (saveFirst = false) => {
 
       let body_bytes: number[] = [];
       if (httpSimulation.value.body) {
-        body_bytes = Array.from(new TextEncoder().encode(httpSimulation.value.body));
+        body_bytes = Array.from(
+          new TextEncoder().encode(httpSimulation.value.body),
+        );
       }
 
       const suffix = httpSimulation.value.suffix
@@ -721,43 +764,69 @@ const formatTime = (ts: number | null) => {
 <template>
   <div class="flex h-[calc(100vh-100px)] flex-col space-y-4">
     <div class="flex items-center gap-4">
-      <Button variant="ghost" size="icon" @click="router.push('/dashboard/js-runtime')">
+      <Button
+        variant="ghost"
+        size="icon"
+        @click="router.push('/dashboard/js-runtime')"
+      >
         <ChevronLeft class="h-5 w-5" />
       </Button>
       <div>
         <h1 class="flex items-center gap-2 text-2xl font-semibold">
           {{ worker?.name || "Loading..." }}
-          <span v-if="loading" class="inline-block animate-spin"><Loader2 class="h-4 w-4" /></span>
+          <span v-if="loading" class="inline-block animate-spin"
+            ><Loader2 class="h-4 w-4"
+          /></span>
         </h1>
-        <p class="text-muted-foreground font-mono text-xs">{{ workerId }}</p>
+        <p class="font-mono text-xs text-muted-foreground">{{ workerId }}</p>
       </div>
     </div>
 
     <Tabs v-model="activeTab" class="flex min-h-0 flex-1 flex-col">
       <TabsList class="w-fit">
-        <TabsTrigger value="overview">{{ t("dashboard.jsRuntime.tabs.overview") }}</TabsTrigger>
-        <TabsTrigger value="content">{{ t("dashboard.jsRuntime.tabs.content") }}</TabsTrigger>
-        <TabsTrigger value="logs">{{ t("dashboard.jsRuntime.tabs.logs") }}</TabsTrigger>
-        <TabsTrigger value="settings">{{ t("dashboard.jsRuntime.tabs.settings") }}</TabsTrigger>
+        <TabsTrigger value="overview">{{
+          t("dashboard.jsRuntime.tabs.overview")
+        }}</TabsTrigger>
+        <TabsTrigger value="content">{{
+          t("dashboard.jsRuntime.tabs.content")
+        }}</TabsTrigger>
+        <TabsTrigger value="logs">{{
+          t("dashboard.jsRuntime.tabs.logs")
+        }}</TabsTrigger>
+        <TabsTrigger value="settings">{{
+          t("dashboard.jsRuntime.tabs.settings")
+        }}</TabsTrigger>
       </TabsList>
 
       <div class="mt-4 min-h-0 flex-1 overflow-auto">
         <TabsContent value="overview" class="m-0">
           <div class="px-1 py-1">
             <div
-              class="text-muted-foreground/60 flex flex-wrap items-center gap-x-6 gap-y-2 font-mono text-xs"
+              class="flex flex-wrap items-center gap-x-6 gap-y-2 font-mono text-xs text-muted-foreground/60"
             >
               <div class="flex items-center gap-1.5">
-                <span class="shrink-0">{{ t("dashboard.jsRuntime.overview.createdAt") }}:</span>
-                <span class="">{{ formatTime(worker?.created_at || null) }}</span>
+                <span class="shrink-0"
+                  >{{ t("dashboard.jsRuntime.overview.createdAt") }}:</span
+                >
+                <span class="">{{
+                  formatTime(worker?.created_at || null)
+                }}</span>
               </div>
               <div class="flex items-center gap-1.5">
-                <span class="shrink-0">{{ t("dashboard.jsRuntime.overview.updatedAt") }}:</span>
-                <span class="">{{ formatTime(worker?.updated_at || null) }}</span>
+                <span class="shrink-0"
+                  >{{ t("dashboard.jsRuntime.overview.updatedAt") }}:</span
+                >
+                <span class="">{{
+                  formatTime(worker?.updated_at || null)
+                }}</span>
               </div>
               <div class="flex items-center gap-1.5">
-                <span class="shrink-0">{{ t("dashboard.jsRuntime.overview.route") }}:</span>
-                <span class="break-all">{{ worker?.route || t("common.none") }}</span>
+                <span class="shrink-0"
+                  >{{ t("dashboard.jsRuntime.overview.route") }}:</span
+                >
+                <span class="break-all">{{
+                  worker?.route || t("common.none")
+                }}</span>
               </div>
             </div>
           </div>
@@ -765,10 +834,14 @@ const formatTime = (ts: number | null) => {
           <Card class="mt-4 gap-0">
             <CardHeader class="flex flex-row items-center justify-between pb-2">
               <CardTitle
-                class="text-muted-foreground/50 text-[13px] font-medium tracking-wider uppercase"
+                class="text-[13px] font-medium tracking-wider text-muted-foreground/50 uppercase"
                 >README</CardTitle
               >
-              <Button size="sm" variant="outline" @click="openDescriptionEditFun">
+              <Button
+                size="sm"
+                variant="outline"
+                @click="openDescriptionEditFun"
+              >
                 <FileText class="mr-2 h-4 w-4" />
                 编辑描述
               </Button>
@@ -776,12 +849,12 @@ const formatTime = (ts: number | null) => {
             <CardContent class="pt-2 pb-4">
               <div
                 v-if="worker?.description"
-                class="prose prose-sm dark:prose-invert max-w-none text-sm leading-relaxed"
+                class="prose prose-sm max-w-none text-sm leading-relaxed dark:prose-invert"
                 v-html="renderedDescription"
               ></div>
               <div
                 v-else
-                class="bg-muted/20 text-muted-foreground flex flex-col items-center justify-center rounded-lg border border-dashed py-10 text-sm"
+                class="flex flex-col items-center justify-center rounded-lg border border-dashed bg-muted/20 py-10 text-sm text-muted-foreground"
               >
                 <FileText class="mb-2 h-8 w-8 opacity-50" />
                 <span>无脚本描述</span>
@@ -790,15 +863,20 @@ const formatTime = (ts: number | null) => {
           </Card>
         </TabsContent>
 
-        <TabsContent value="content" class="relative m-0 flex h-full min-h-0 flex-col">
+        <TabsContent
+          value="content"
+          class="relative m-0 flex h-full min-h-0 flex-col"
+        >
           <div
             v-if="activeTab === 'content' && isActionPending"
-            class="bg-background/5 absolute inset-0 z-[100] cursor-wait"
+            class="absolute inset-0 z-[100] cursor-wait bg-background/5"
           ></div>
 
           <div class="grid h-full min-h-0 grid-cols-1 gap-4 lg:grid-cols-2">
             <!-- Left: Editor -->
-            <div class="bg-card flex min-h-0 flex-col overflow-hidden rounded-lg border">
+            <div
+              class="flex min-h-0 flex-col overflow-hidden rounded-lg border bg-card"
+            >
               <div class="min-h-0 flex-1 overflow-hidden">
                 <Codemirror
                   v-model="content"
@@ -838,7 +916,10 @@ const formatTime = (ts: number | null) => {
                     @click="updateWorkerContentFun(true)"
                     :disabled="isActionPending"
                   >
-                    <Loader2 v-if="saveOnlyLoading" class="mr-2 h-3 w-3 animate-spin" />
+                    <Loader2
+                      v-if="saveOnlyLoading"
+                      class="mr-2 h-3 w-3 animate-spin"
+                    />
                     <Save v-else class="mr-2 h-3 w-3" />
                     {{ t("dashboard.jsRuntime.editor.save") }}
                   </Button>
@@ -846,9 +927,13 @@ const formatTime = (ts: number | null) => {
               </div>
 
               <!-- Content Area based on activeRunMode -->
-              <div class="flex min-h-0 flex-1 flex-col gap-4 overflow-auto pr-1">
+              <div
+                class="flex min-h-0 flex-1 flex-col gap-4 overflow-auto pr-1"
+              >
                 <!-- Call / Cron Mode UI -->
-                <template v-if="activeRunMode === 'call' || activeRunMode === 'cron'">
+                <template
+                  v-if="activeRunMode === 'call' || activeRunMode === 'cron'"
+                >
                   <Collapsible v-model:open="isConfigOpen">
                     <Tabs v-model="activeEditorTab" class="space-y-4">
                       <div class="group flex items-center justify-between">
@@ -868,7 +953,11 @@ const formatTime = (ts: number | null) => {
                           </TabsList>
                         </div>
                         <CollapsibleTrigger as-child>
-                          <Button variant="ghost" size="icon" class="ml-2 h-8 w-8 shrink-0">
+                          <Button
+                            variant="ghost"
+                            size="icon"
+                            class="ml-2 h-8 w-8 shrink-0"
+                          >
                             <ChevronDown
                               class="h-4 w-4 transition-transform duration-200"
                               :class="{ 'rotate-180': isConfigOpen }"
@@ -880,7 +969,7 @@ const formatTime = (ts: number | null) => {
                       <CollapsibleContent class="space-y-4">
                         <TabsContent
                           value="params"
-                          class="bg-card m-0 h-32 overflow-hidden rounded-md border"
+                          class="m-0 h-32 overflow-hidden rounded-md border bg-card"
                         >
                           <Codemirror
                             v-model="runParams"
@@ -891,7 +980,7 @@ const formatTime = (ts: number | null) => {
                         </TabsContent>
                         <TabsContent
                           value="env"
-                          class="bg-card m-0 flex min-h-32 flex-col overflow-hidden rounded-md border"
+                          class="m-0 flex min-h-32 flex-col overflow-hidden rounded-md border bg-card"
                         >
                           <div class="flex-1 overflow-auto p-2">
                             <Table>
@@ -931,7 +1020,7 @@ const formatTime = (ts: number | null) => {
                                       v-if="index !== tempEnvVars.length - 1"
                                       variant="ghost"
                                       size="icon"
-                                      class="text-destructive h-7 w-7"
+                                      class="h-7 w-7 text-destructive"
                                       @click="tempEnvVars.splice(index, 1)"
                                     >
                                       <Trash2 class="h-3.5 w-3.5" />
@@ -952,22 +1041,32 @@ const formatTime = (ts: number | null) => {
                   <div class="space-y-2">
                     <!-- URL Display -->
                     <div
-                      class="bg-muted/40 flex items-center gap-2 overflow-hidden rounded-lg p-2 font-mono text-[13px]"
+                      class="flex items-center gap-2 overflow-hidden rounded-lg bg-muted/40 p-2 font-mono text-[13px]"
                     >
                       <Select v-model="httpSimulation.method">
                         <SelectTrigger
-                          class="border-muted bg-background h-6 w-auto shrink-0 gap-0.5 px-1.5 py-0 font-mono text-[10px] [&>svg]:ml-0 [&>svg]:h-3 [&>svg]:w-3"
+                          class="h-6 w-auto shrink-0 gap-0.5 border-muted bg-background px-1.5 py-0 font-mono text-[10px] [&>svg]:ml-0 [&>svg]:h-3 [&>svg]:w-3"
                         >
                           <SelectValue />
                         </SelectTrigger>
                         <SelectContent>
-                          <SelectItem value="GET" class="text-[10px]">GET</SelectItem>
-                          <SelectItem value="POST" class="text-[10px]">POST</SelectItem>
-                          <SelectItem value="PUT" class="text-[10px]">PUT</SelectItem>
-                          <SelectItem value="DELETE" class="text-[10px]">DELETE</SelectItem>
+                          <SelectItem value="GET" class="text-[10px]"
+                            >GET</SelectItem
+                          >
+                          <SelectItem value="POST" class="text-[10px]"
+                            >POST</SelectItem
+                          >
+                          <SelectItem value="PUT" class="text-[10px]"
+                            >PUT</SelectItem
+                          >
+                          <SelectItem value="DELETE" class="text-[10px]"
+                            >DELETE</SelectItem
+                          >
                         </SelectContent>
                       </Select>
-                      <div class="text-muted-foreground mx-1 flex min-w-0 flex-1 overflow-hidden">
+                      <div
+                        class="mx-1 flex min-w-0 flex-1 overflow-hidden text-muted-foreground"
+                      >
                         <span class="min-w-[40px] shrink truncate opacity-70">{{
                           httpBaseUrl
                         }}</span>
@@ -981,11 +1080,16 @@ const formatTime = (ts: number | null) => {
                         class="h-7 w-[130px] shrink-0 px-2 font-mono text-[12px]"
                       />
                     </div>
-                    <p v-if="!worker?.route" class="px-1 text-xs text-orange-500">
+                    <p
+                      v-if="!worker?.route"
+                      class="px-1 text-xs text-orange-500"
+                    >
                       {{ t("dashboard.jsRuntime.editor.noRoute") }}
                     </p>
 
-                    <div class="bg-card mt-0 w-full space-y-3 rounded-md border p-3 shadow-sm">
+                    <div
+                      class="mt-0 w-full space-y-3 rounded-md border bg-card p-3 shadow-sm"
+                    >
                       <!-- Headers Section -->
                       <div class="space-y-2">
                         <div class="flex items-center gap-4">
@@ -995,7 +1099,7 @@ const formatTime = (ts: number | null) => {
                           <Button
                             variant="link"
                             size="sm"
-                            class="text-primary h-6 p-0 text-xs"
+                            class="h-6 p-0 text-xs text-primary"
                             @click="addHttpHeaderFun"
                           >
                             <Plus class="mr-1 h-3 w-3" />
@@ -1007,12 +1111,20 @@ const formatTime = (ts: number | null) => {
                           :key="i"
                           class="flex items-center gap-2"
                         >
-                          <Input v-model="h.key" placeholder="Header" class="h-7 text-xs" />
-                          <Input v-model="h.value" placeholder="Value" class="h-7 text-xs" />
+                          <Input
+                            v-model="h.key"
+                            placeholder="Header"
+                            class="h-7 text-xs"
+                          />
+                          <Input
+                            v-model="h.value"
+                            placeholder="Value"
+                            class="h-7 text-xs"
+                          />
                           <Button
                             variant="ghost"
                             size="icon"
-                            class="text-muted-foreground hover:text-destructive h-7 w-7 shrink-0"
+                            class="h-7 w-7 shrink-0 text-muted-foreground hover:text-destructive"
                             @click="removeHttpHeaderFun(i)"
                           >
                             <Trash2 class="h-3 w-3" />
@@ -1025,7 +1137,9 @@ const formatTime = (ts: number | null) => {
                         <div class="text-[13px] font-semibold">
                           {{ t("dashboard.jsRuntime.editor.body") }}
                         </div>
-                        <div class="bg-background h-32 overflow-hidden rounded-md border">
+                        <div
+                          class="h-32 overflow-hidden rounded-md border bg-background"
+                        >
                           <Codemirror
                             v-model="httpSimulation.body"
                             :extensions="jsonExtensions"
@@ -1042,11 +1156,17 @@ const formatTime = (ts: number | null) => {
                 <template v-else-if="activeRunMode === 'preview'">
                   <div class="flex h-full min-h-0 flex-col space-y-4">
                     <div
-                      class="bg-muted/40 flex items-center gap-2 overflow-auto rounded-lg p-3 font-mono text-[13px]"
+                      class="flex items-center gap-2 overflow-auto rounded-lg bg-muted/40 p-3 font-mono text-[13px]"
                     >
-                      <Globe class="text-muted-foreground h-3.5 w-3.5 shrink-0" />
-                      <div class="text-muted-foreground mx-1 flex min-w-0 flex-1 overflow-hidden">
-                        <span class="min-w-[40px] shrink truncate opacity-70">{{ wsBaseUrl }}</span>
+                      <Globe
+                        class="h-3.5 w-3.5 shrink-0 text-muted-foreground"
+                      />
+                      <div
+                        class="mx-1 flex min-w-0 flex-1 overflow-hidden text-muted-foreground"
+                      >
+                        <span class="min-w-[40px] shrink truncate opacity-70">{{
+                          wsBaseUrl
+                        }}</span>
                         <span class="shrink-0"
                           >/worker-route/{{ worker?.route || "{ROUTE}" }}/</span
                         >
@@ -1070,8 +1190,15 @@ const formatTime = (ts: number | null) => {
                     <div class="mt-2 flex items-center justify-between px-1">
                       <h3 class="text-sm font-semibold">预览 (Preview)</h3>
                       <div class="flex shrink-0 items-center gap-2">
-                        <Button size="sm" @click="runWorkerFun(false)" :disabled="isActionPending">
-                          <Loader2 v-if="runLoading" class="mr-2 h-3 w-3 animate-spin" />
+                        <Button
+                          size="sm"
+                          @click="runWorkerFun(false)"
+                          :disabled="isActionPending"
+                        >
+                          <Loader2
+                            v-if="runLoading"
+                            class="mr-2 h-3 w-3 animate-spin"
+                          />
                           <Eye v-else class="mr-2 h-3 w-3" />
                           {{ t("dashboard.jsRuntime.editor.preview") }}
                         </Button>
@@ -1081,7 +1208,10 @@ const formatTime = (ts: number | null) => {
                           @click="runWorkerFun(true)"
                           :disabled="isActionPending"
                         >
-                          <Loader2 v-if="saveAndRunLoading" class="mr-2 h-3 w-3 animate-spin" />
+                          <Loader2
+                            v-if="saveAndRunLoading"
+                            class="mr-2 h-3 w-3 animate-spin"
+                          />
                           <Save v-else class="mr-2 h-3 w-3" />
                           {{ t("dashboard.jsRuntime.editor.saveAndPreview") }}
                         </Button>
@@ -1093,7 +1223,7 @@ const formatTime = (ts: number | null) => {
                     >
                       <div
                         v-if="!worker?.route"
-                        class="text-muted-foreground flex h-full items-center justify-center text-sm"
+                        class="flex h-full items-center justify-center text-sm text-muted-foreground"
                       >
                         {{ t("dashboard.jsRuntime.editor.noRoute") }}
                       </div>
@@ -1109,7 +1239,10 @@ const formatTime = (ts: number | null) => {
                 </template>
 
                 <!-- Common Result Area (for all modes except preview which has iframe) -->
-                <div v-if="activeRunMode !== 'preview'" class="flex shrink-0 flex-col gap-2">
+                <div
+                  v-if="activeRunMode !== 'preview'"
+                  class="flex shrink-0 flex-col gap-2"
+                >
                   <div class="flex items-center justify-between px-1">
                     <h3 class="text-sm font-semibold">
                       {{ t("dashboard.jsRuntime.editor.result") }}
@@ -1130,7 +1263,10 @@ const formatTime = (ts: number | null) => {
                         @click="runWorkerFun(false)"
                         :disabled="isActionPending"
                       >
-                        <Loader2 v-if="runLoading" class="mr-2 h-3 w-3 animate-spin" />
+                        <Loader2
+                          v-if="runLoading"
+                          class="mr-2 h-3 w-3 animate-spin"
+                        />
                         <Play v-else class="mr-2 h-3 w-3" />
                         {{ t("dashboard.jsRuntime.editor.run") }}
                       </Button>
@@ -1140,19 +1276,26 @@ const formatTime = (ts: number | null) => {
                         @click="runWorkerFun(true)"
                         :disabled="isActionPending"
                       >
-                        <Loader2 v-if="saveAndRunLoading" class="mr-2 h-3 w-3 animate-spin" />
+                        <Loader2
+                          v-if="saveAndRunLoading"
+                          class="mr-2 h-3 w-3 animate-spin"
+                        />
                         <Save v-else class="mr-2 h-3 w-3" />
                         {{ t("dashboard.jsRuntime.editor.saveAndRun") }}
                       </Button>
                     </div>
                   </div>
 
-                  <div class="bg-card relative overflow-hidden rounded-lg border">
+                  <div
+                    class="relative overflow-hidden rounded-lg border bg-card"
+                  >
                     <div
                       v-if="runLoading"
-                      class="bg-background/40 absolute inset-0 z-10 flex items-center justify-center backdrop-blur-[1px]"
+                      class="absolute inset-0 z-10 flex items-center justify-center bg-background/40 backdrop-blur-[1px]"
                     >
-                      <Loader2 class="text-muted-foreground h-6 w-6 animate-spin" />
+                      <Loader2
+                        class="h-6 w-6 animate-spin text-muted-foreground"
+                      />
                     </div>
 
                     <Collapsible v-model:open="httpResultOpen">
@@ -1162,11 +1305,14 @@ const formatTime = (ts: number | null) => {
                       >
                         <template v-if="parsedHttpResult">
                           <!-- Part 1: Status Code -->
-                          <div class="bg-muted/5 flex items-center gap-2 border-b px-3 py-2">
+                          <div
+                            class="flex items-center gap-2 border-b bg-muted/5 px-3 py-2"
+                          >
                             <div
                               :class="[
                                 'h-2 w-2 rounded-full',
-                                parsedHttpResult.status >= 200 && parsedHttpResult.status < 300
+                                parsedHttpResult.status >= 200 &&
+                                parsedHttpResult.status < 300
                                   ? 'bg-green-500'
                                   : 'bg-orange-500',
                               ]"
@@ -1180,9 +1326,11 @@ const formatTime = (ts: number | null) => {
                           <div class="border-b">
                             <button
                               @click="httpHeadersOpen = !httpHeadersOpen"
-                              class="text-muted-foreground hover:bg-muted/30 flex w-full items-center justify-between px-3 py-1.5 text-[10px] font-bold tracking-tight uppercase transition-colors"
+                              class="flex w-full items-center justify-between px-3 py-1.5 text-[10px] font-bold tracking-tight text-muted-foreground uppercase transition-colors hover:bg-muted/30"
                             >
-                              <span>{{ t("dashboard.jsRuntime.editor.responseHeaders") }}</span>
+                              <span>{{
+                                t("dashboard.jsRuntime.editor.responseHeaders")
+                              }}</span>
                               <ChevronDown
                                 :class="[
                                   'h-3 w-3 transition-transform duration-200',
@@ -1192,10 +1340,10 @@ const formatTime = (ts: number | null) => {
                             </button>
                             <div
                               v-show="httpHeadersOpen"
-                              class="bg-muted/10 border-t border-dashed px-3 py-2"
+                              class="border-t border-dashed bg-muted/10 px-3 py-2"
                             >
                               <pre
-                                class="text-foreground/80 font-mono text-[11px] leading-relaxed break-all whitespace-pre-wrap"
+                                class="font-mono text-[11px] leading-relaxed break-all whitespace-pre-wrap text-foreground/80"
                                 >{{ parsedHttpResult.headersText }}</pre
                               >
                             </div>
@@ -1205,14 +1353,15 @@ const formatTime = (ts: number | null) => {
                           <div
                             class="relative overflow-hidden p-1"
                             :class="
-                              parsedHttpResult.body.isImage || parsedHttpResult.body.isHtml
+                              parsedHttpResult.body.isImage ||
+                              parsedHttpResult.body.isHtml
                                 ? 'h-[300px]'
                                 : 'min-h-[100px]'
                             "
                           >
                             <div
                               v-if="parsedHttpResult.body.isImage"
-                              class="bg-muted/20 flex h-full w-full items-center justify-center overflow-hidden rounded-sm border"
+                              class="flex h-full w-full items-center justify-center overflow-hidden rounded-sm border bg-muted/20"
                             >
                               <img
                                 :src="parsedHttpResult.body.url"
@@ -1236,8 +1385,14 @@ const formatTime = (ts: number | null) => {
                         </template>
                         <div v-else class="h-[200px] p-1">
                           <Codemirror
-                            :model-value="runResult ? JSON.stringify(runResult, null, 2) : ''"
-                            :placeholder="t('dashboard.jsRuntime.logs.detailTitle')"
+                            :model-value="
+                              runResult
+                                ? JSON.stringify(runResult, null, 2)
+                                : ''
+                            "
+                            :placeholder="
+                              t('dashboard.jsRuntime.logs.detailTitle')
+                            "
                             :extensions="jsonExtensions"
                             class="h-full text-[12px]"
                             :style="{ height: '100%' }"
@@ -1249,7 +1404,7 @@ const formatTime = (ts: number | null) => {
 
                     <div
                       v-if="!runResult && !runLoading"
-                      class="bg-muted/10 text-muted-foreground flex h-[200px] flex-col items-center justify-center opacity-60"
+                      class="flex h-[200px] flex-col items-center justify-center bg-muted/10 text-muted-foreground opacity-60"
                     >
                       <Inbox class="mb-2 h-10 w-10 opacity-20" />
                       <p class="text-xs">未执行，请先执行后查看结果</p>
@@ -1260,15 +1415,22 @@ const formatTime = (ts: number | null) => {
             </div>
           </div>
         </TabsContent>
-        <TabsContent value="logs" class="m-0 flex h-full min-h-0 flex-col space-y-4 pt-1">
-          <div class="bg-card shrink-0 rounded-xl border p-4 shadow-sm transition-all">
+        <TabsContent
+          value="logs"
+          class="m-0 flex h-full min-h-0 flex-col space-y-4 pt-1"
+        >
+          <div
+            class="shrink-0 rounded-xl border bg-card p-4 shadow-sm transition-all"
+          >
             <div class="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4">
               <div class="space-y-1.5">
-                <label class="text-foreground/80 text-sm font-medium">{{
+                <label class="text-sm font-medium text-foreground/80">{{
                   t("dashboard.jsRuntime.logs.runType")
                 }}</label>
                 <Select v-model="logFilter.runType">
-                  <SelectTrigger class="bg-background/50 h-9 w-full"><SelectValue /></SelectTrigger>
+                  <SelectTrigger class="h-9 w-full bg-background/50"
+                    ><SelectValue
+                  /></SelectTrigger>
                   <SelectContent>
                     <SelectItem value="call">Call</SelectItem>
                     <SelectItem value="cron">Cron</SelectItem>
@@ -1277,11 +1439,13 @@ const formatTime = (ts: number | null) => {
                 </Select>
               </div>
               <div class="space-y-1.5">
-                <label class="text-foreground/80 text-sm font-medium">{{
+                <label class="text-sm font-medium text-foreground/80">{{
                   t("dashboard.jsRuntime.logs.status", "Status")
                 }}</label>
                 <Select v-model="logFilter.status">
-                  <SelectTrigger class="bg-background/50 h-9 w-full"><SelectValue /></SelectTrigger>
+                  <SelectTrigger class="h-9 w-full bg-background/50"
+                    ><SelectValue
+                  /></SelectTrigger>
                   <SelectContent>
                     <SelectItem value="all"
                       ><span class="flex items-center gap-2">{{
@@ -1302,7 +1466,7 @@ const formatTime = (ts: number | null) => {
                 </Select>
               </div>
               <div class="space-y-1.5">
-                <label class="text-foreground/80 text-sm font-medium">{{
+                <label class="text-sm font-medium text-foreground/80">{{
                   t("dashboard.jsRuntime.logs.limit", "Return Limit")
                 }}</label>
                 <Input
@@ -1310,40 +1474,58 @@ const formatTime = (ts: number | null) => {
                   type="number"
                   min="1"
                   max="500"
-                  class="bg-background/50 h-9"
-                  @update:model-value="logFilter.limit = Math.max(1, Number($event) || 20)"
+                  class="h-9 bg-background/50"
+                  @update:model-value="
+                    logFilter.limit = Math.max(1, Number($event) || 20)
+                  "
                 />
               </div>
               <div class="space-y-1.5">
-                <label class="text-foreground/80 text-sm font-medium">{{
+                <label class="text-sm font-medium text-foreground/80">{{
                   t("dashboard.jsRuntime.logs.latestOnly", "Latest Only")
                 }}</label>
                 <Select
                   :model-value="logFilter.latestOnly ? 'yes' : 'no'"
                   @update:model-value="logFilter.latestOnly = $event === 'yes'"
                 >
-                  <SelectTrigger class="bg-background/50 h-9 w-full"><SelectValue /></SelectTrigger>
+                  <SelectTrigger class="h-9 w-full bg-background/50"
+                    ><SelectValue
+                  /></SelectTrigger>
                   <SelectContent>
-                    <SelectItem value="no">{{ t("common.disable", "Disabled") }}</SelectItem>
-                    <SelectItem value="yes">{{ t("common.enable", "Enabled") }}</SelectItem>
+                    <SelectItem value="no">{{
+                      t("common.disable", "Disabled")
+                    }}</SelectItem>
+                    <SelectItem value="yes">{{
+                      t("common.enable", "Enabled")
+                    }}</SelectItem>
                   </SelectContent>
                 </Select>
               </div>
               <div class="space-y-1.5">
-                <label class="text-foreground/80 text-sm font-medium">{{
+                <label class="text-sm font-medium text-foreground/80">{{
                   t("dashboard.jsRuntime.logs.recordId", "Record ID")
                 }}</label>
-                <Input v-model="logFilter.id" type="number" min="1" class="bg-background/50 h-9" />
+                <Input
+                  v-model="logFilter.id"
+                  type="number"
+                  min="1"
+                  class="h-9 bg-background/50"
+                />
               </div>
 
-              <div class="flex w-full items-end justify-end gap-3 sm:col-span-2 lg:col-span-4">
+              <div
+                class="flex w-full items-end justify-end gap-3 sm:col-span-2 lg:col-span-4"
+              >
                 <Button
                   :disabled="logsLoading"
                   @click="resetLogsFilterFun"
                   variant="outline"
-                  class="hover:bg-muted h-9 px-4"
+                  class="h-9 px-4 hover:bg-muted"
                 >
-                  <RotateCcw class="mr-2 h-4 w-4" :class="{ 'animate-spin': logsLoading }" />
+                  <RotateCcw
+                    class="mr-2 h-4 w-4"
+                    :class="{ 'animate-spin': logsLoading }"
+                  />
                   {{ t("common.reset", "Reset") }}
                 </Button>
                 <Button
@@ -1360,21 +1542,33 @@ const formatTime = (ts: number | null) => {
           </div>
 
           <div
-            class="bg-card text-card-foreground relative flex min-h-0 flex-1 flex-col overflow-hidden rounded-xl border shadow-sm"
+            class="relative flex min-h-0 flex-1 flex-col overflow-hidden rounded-xl border bg-card text-card-foreground shadow-sm"
           >
             <div class="min-h-0 flex-1 overflow-auto">
               <Table>
                 <TableHeader class="bg-muted/30">
                   <TableRow class="hover:bg-transparent">
-                    <TableHead class="w-[100px] font-medium whitespace-nowrap">{{
-                      t("dashboard.jsRuntime.logs.recordId", "Record ID")
-                    }}</TableHead>
-                    <TableHead class="w-[170px] font-medium whitespace-nowrap">{{
-                      t("dashboard.jsRuntime.logs.startTime", "Execution Time")
-                    }}</TableHead>
-                    <TableHead class="w-[100px] font-medium whitespace-nowrap">{{
-                      t("dashboard.jsRuntime.logs.status", "Status")
-                    }}</TableHead>
+                    <TableHead
+                      class="w-[100px] font-medium whitespace-nowrap"
+                      >{{
+                        t("dashboard.jsRuntime.logs.recordId", "Record ID")
+                      }}</TableHead
+                    >
+                    <TableHead
+                      class="w-[170px] font-medium whitespace-nowrap"
+                      >{{
+                        t(
+                          "dashboard.jsRuntime.logs.startTime",
+                          "Execution Time",
+                        )
+                      }}</TableHead
+                    >
+                    <TableHead
+                      class="w-[100px] font-medium whitespace-nowrap"
+                      >{{
+                        t("dashboard.jsRuntime.logs.status", "Status")
+                      }}</TableHead
+                    >
                     <TableHead class="font-medium whitespace-nowrap">{{
                       t("dashboard.jsRuntime.logs.message", "Message")
                     }}</TableHead>
@@ -1386,21 +1580,27 @@ const formatTime = (ts: number | null) => {
                 <TableBody>
                   <TableRow v-if="logsLoading && logs.length === 0">
                     <TableCell colspan="5" class="h-[300px] text-center">
-                      <div class="flex flex-col items-center justify-center space-y-3">
-                        <Loader2 class="text-muted-foreground/50 h-6 w-6 animate-spin" />
-                        <span class="text-sm font-medium">{{ t("common.loading") }}</span>
+                      <div
+                        class="flex flex-col items-center justify-center space-y-3"
+                      >
+                        <Loader2
+                          class="h-6 w-6 animate-spin text-muted-foreground/50"
+                        />
+                        <span class="text-sm font-medium">{{
+                          t("common.loading")
+                        }}</span>
                       </div>
                     </TableCell>
                   </TableRow>
                   <TableRow v-else-if="logs.length === 0">
                     <TableCell colspan="5" class="h-[300px] text-center">
                       <div
-                        class="text-muted-foreground flex flex-col items-center justify-center space-y-3"
+                        class="flex flex-col items-center justify-center space-y-3 text-muted-foreground"
                       >
                         <div
-                          class="bg-muted/50 flex h-12 w-12 items-center justify-center rounded-full"
+                          class="flex h-12 w-12 items-center justify-center rounded-full bg-muted/50"
                         >
-                          <Inbox class="text-muted-foreground/60 h-6 w-6" />
+                          <Inbox class="h-6 w-6 text-muted-foreground/60" />
                         </div>
                         <p class="text-sm">
                           {{ t("common.noData", "No Data") }}
@@ -1409,16 +1609,23 @@ const formatTime = (ts: number | null) => {
                     </TableCell>
                   </TableRow>
                   <TableRow v-for="log in logs" :key="log.id">
-                    <TableCell class="text-foreground/80 py-3 font-mono text-xs">{{
-                      log.id
-                    }}</TableCell>
+                    <TableCell
+                      class="py-3 font-mono text-xs text-foreground/80"
+                      >{{ log.id }}</TableCell
+                    >
                     <TableCell class="py-3 whitespace-nowrap">
-                      <div class="text-foreground/90 flex items-center gap-2 text-sm">
-                        <span class="font-mono">{{ formatTime(log.start_time) }}</span>
+                      <div
+                        class="flex items-center gap-2 text-sm text-foreground/90"
+                      >
+                        <span class="font-mono">{{
+                          formatTime(log.start_time)
+                        }}</span>
                       </div>
                     </TableCell>
                     <TableCell class="py-3">
-                      <Badge :variant="log.error_message ? 'destructive' : 'default'">
+                      <Badge
+                        :variant="log.error_message ? 'destructive' : 'default'"
+                      >
                         {{
                           log.error_message
                             ? t("dashboard.jsRuntime.logs.error", "Error")
@@ -1428,12 +1635,16 @@ const formatTime = (ts: number | null) => {
                     </TableCell>
                     <TableCell class="py-3">
                       <p
-                        class="text-foreground/80 max-w-[200px] truncate text-sm md:max-w-[400px]"
+                        class="max-w-[200px] truncate text-sm text-foreground/80 md:max-w-[400px]"
                         :title="
-                          log.error_message || t('dashboard.jsRuntime.logs.success', 'Success')
+                          log.error_message ||
+                          t('dashboard.jsRuntime.logs.success', 'Success')
                         "
                       >
-                        {{ log.error_message || t("dashboard.jsRuntime.logs.success", "Success") }}
+                        {{
+                          log.error_message ||
+                          t("dashboard.jsRuntime.logs.success", "Success")
+                        }}
                       </p>
                     </TableCell>
                     <TableCell class="py-3 pr-6 text-right">
@@ -1467,11 +1678,15 @@ const formatTime = (ts: number | null) => {
 
             <div
               v-if="totalPages > 1 || allLogs.length > 0"
-              class="bg-muted/10 flex flex-col gap-3 border-t px-4 py-3 md:flex-row md:items-center md:justify-between"
+              class="flex flex-col gap-3 border-t bg-muted/10 px-4 py-3 md:flex-row md:items-center md:justify-between"
             >
-              <div class="text-muted-foreground flex items-center gap-3 text-sm">
+              <div
+                class="flex items-center gap-3 text-sm text-muted-foreground"
+              >
                 <div class="flex items-center gap-2">
-                  <span>{{ t("dashboard.jsRuntime.logs.limit", "Return Limit") }}</span>
+                  <span>{{
+                    t("dashboard.jsRuntime.logs.limit", "Return Limit")
+                  }}</span>
                   <Select
                     :model-value="String(pageSize)"
                     @update:model-value="
@@ -1481,7 +1696,7 @@ const formatTime = (ts: number | null) => {
                       }
                     "
                   >
-                    <SelectTrigger class="bg-background h-8 w-[88px]"
+                    <SelectTrigger class="h-8 w-[88px] bg-background"
                       ><SelectValue
                     /></SelectTrigger>
                     <SelectContent>
@@ -1494,13 +1709,16 @@ const formatTime = (ts: number | null) => {
                     </SelectContent>
                   </Select>
                 </div>
-                <span>{{ totalPages > 0 ? currentPage : 0 }} / {{ totalPages }}</span>
+                <span
+                  >{{ totalPages > 0 ? currentPage : 0 }} /
+                  {{ totalPages }}</span
+                >
               </div>
               <div class="flex items-center gap-2">
                 <Button
                   variant="outline"
                   size="sm"
-                  class="bg-background hover:bg-muted h-8 px-3 shadow-sm transition-colors"
+                  class="h-8 bg-background px-3 shadow-sm transition-colors hover:bg-muted"
                   :disabled="currentPage <= 1 || logsLoading"
                   @click="currentPage--"
                 >
@@ -1510,7 +1728,7 @@ const formatTime = (ts: number | null) => {
                 <Button
                   variant="outline"
                   size="sm"
-                  class="bg-background hover:bg-muted h-8 px-3 shadow-sm transition-colors"
+                  class="h-8 bg-background px-3 shadow-sm transition-colors hover:bg-muted"
                   :disabled="currentPage >= totalPages || logsLoading"
                   @click="currentPage++"
                 >
@@ -1526,10 +1744,16 @@ const formatTime = (ts: number | null) => {
           <div class="max-w-3xl space-y-6">
             <Card>
               <CardHeader>
-                <CardTitle>{{ t("dashboard.jsRuntime.settings.envVars") }}</CardTitle>
+                <CardTitle>{{
+                  t("dashboard.jsRuntime.settings.envVars")
+                }}</CardTitle>
               </CardHeader>
               <CardContent class="space-y-4">
-                <div v-for="(item, index) in envVars" :key="index" class="flex items-center gap-4">
+                <div
+                  v-for="(item, index) in envVars"
+                  :key="index"
+                  class="flex items-center gap-4"
+                >
                   <Input
                     v-model="item.key"
                     :placeholder="t('dashboard.jsRuntime.settings.key')"
@@ -1543,7 +1767,7 @@ const formatTime = (ts: number | null) => {
                   <Button
                     variant="ghost"
                     size="icon"
-                    class="text-destructive h-8 w-8"
+                    class="h-8 w-8 text-destructive"
                     @click="envVars.splice(index, 1)"
                     v-if="index < envVars.length - 1"
                   >
@@ -1556,7 +1780,9 @@ const formatTime = (ts: number | null) => {
 
             <Card>
               <CardHeader>
-                <CardTitle>{{ t("dashboard.jsRuntime.settings.route") }}</CardTitle>
+                <CardTitle>{{
+                  t("dashboard.jsRuntime.settings.route")
+                }}</CardTitle>
               </CardHeader>
               <CardContent>
                 <div class="flex items-center gap-4">
@@ -1571,7 +1797,9 @@ const formatTime = (ts: number | null) => {
 
             <Card>
               <CardHeader>
-                <CardTitle>{{ t("dashboard.jsRuntime.settings.cleanTime") }}</CardTitle>
+                <CardTitle>{{
+                  t("dashboard.jsRuntime.settings.cleanTime")
+                }}</CardTitle>
               </CardHeader>
               <CardContent>
                 <div class="flex items-center gap-4">
@@ -1633,8 +1861,14 @@ const formatTime = (ts: number | null) => {
             </Card>
 
             <div class="flex justify-end">
-              <Button @click="updateWorkerSettingsFun" :disabled="isActionPending">
-                <Loader2 v-if="settingsLoading" class="mr-2 h-4 w-4 animate-spin" />
+              <Button
+                @click="updateWorkerSettingsFun"
+                :disabled="isActionPending"
+              >
+                <Loader2
+                  v-if="settingsLoading"
+                  class="mr-2 h-4 w-4 animate-spin"
+                />
                 {{ t("dashboard.jsRuntime.settings.confirm") }}
               </Button>
             </div>
@@ -1646,7 +1880,9 @@ const formatTime = (ts: number | null) => {
     <Dialog v-model:open="logDetailOpen">
       <DialogContent class="flex max-h-[80vh] max-w-3xl flex-col">
         <DialogHeader>
-          <DialogTitle>{{ t("dashboard.jsRuntime.logs.detailTitle", "Log Detail") }}</DialogTitle>
+          <DialogTitle>{{
+            t("dashboard.jsRuntime.logs.detailTitle", "Log Detail")
+          }}</DialogTitle>
           <DialogDescription> ID: {{ currentLog?.id }} </DialogDescription>
         </DialogHeader>
         <div class="min-h-0 flex-1 overflow-auto rounded-md border p-4">
@@ -1656,7 +1892,9 @@ const formatTime = (ts: number | null) => {
               <div class="h-48">
                 <Codemirror
                   :model-value="
-                    currentLog?.param ? JSON.stringify(currentLog.param, null, 2) : '{}'
+                    currentLog?.param
+                      ? JSON.stringify(currentLog.param, null, 2)
+                      : '{}'
                   "
                   :extensions="jsonExtensions"
                   class="h-full rounded border text-[12px]"
@@ -1670,7 +1908,9 @@ const formatTime = (ts: number | null) => {
               <div class="h-48">
                 <Codemirror
                   :model-value="
-                    currentLog?.result ? JSON.stringify(currentLog.result, null, 2) : 'null'
+                    currentLog?.result
+                      ? JSON.stringify(currentLog.result, null, 2)
+                      : 'null'
                   "
                   :extensions="jsonExtensions"
                   class="h-full rounded border text-[12px]"
@@ -1680,9 +1920,9 @@ const formatTime = (ts: number | null) => {
               </div>
             </div>
             <div v-if="currentLog?.error_message">
-              <h4 class="text-destructive mb-2 font-medium">Error</h4>
+              <h4 class="mb-2 font-medium text-destructive">Error</h4>
               <pre
-                class="border-destructive/20 bg-destructive/10 text-destructive overflow-auto rounded border p-2 text-sm"
+                class="overflow-auto rounded border border-destructive/20 bg-destructive/10 p-2 text-sm text-destructive"
                 >{{ currentLog.error_message }}</pre
               >
             </div>
@@ -1697,12 +1937,13 @@ const formatTime = (ts: number | null) => {
       <DialogHeader>
         <DialogTitle>编辑脚本描述</DialogTitle>
         <DialogDescription
-          >支持 Markdown 语法，不支持 HTML 标签嵌入，留空则显示无描述。</DialogDescription
+          >支持 Markdown 语法，不支持 HTML
+          标签嵌入，留空则显示无描述。</DialogDescription
         >
       </DialogHeader>
 
       <div class="space-y-4 py-4">
-        <div class="bg-card flex min-h-0 flex-col rounded-lg border">
+        <div class="flex min-h-0 flex-col rounded-lg border bg-card">
           <Codemirror
             v-model="descriptionEditText"
             :extensions="[]"
@@ -1712,9 +1953,17 @@ const formatTime = (ts: number | null) => {
       </div>
 
       <div class="mt-2 flex justify-end gap-3 border-t pt-4">
-        <Button variant="outline" @click="descriptionEditOpen = false">取消</Button>
-        <Button @click="updateWorkerDescriptionFun" :disabled="descriptionLoading">
-          <Loader2 v-if="descriptionLoading" class="mr-2 h-4 w-4 animate-spin" />
+        <Button variant="outline" @click="descriptionEditOpen = false"
+          >取消</Button
+        >
+        <Button
+          @click="updateWorkerDescriptionFun"
+          :disabled="descriptionLoading"
+        >
+          <Loader2
+            v-if="descriptionLoading"
+            class="mr-2 h-4 w-4 animate-spin"
+          />
           保存描述
         </Button>
       </div>
diff --git a/src/pages/dashboard/kv.vue b/src/pages/dashboard/kv.vue
index dd2e5376..fed50989 100644
--- a/src/pages/dashboard/kv.vue
+++ b/src/pages/dashboard/kv.vue
@@ -136,7 +136,9 @@ const handleDelete = async (key: string) => {
     await kv.deleteKey(key);
     toast.success(t("dashboard.kv.deleteSuccess"));
   } catch (e: unknown) {
-    toast.error(e instanceof Error ? e.message : t("dashboard.kv.deleteFailed"));
+    toast.error(
+      e instanceof Error ? e.message : t("dashboard.kv.deleteFailed"),
+    );
   }
 };
 
@@ -145,7 +147,9 @@ const handleNsDelete = async (ns: string) => {
   try {
     const { partialFailures } = await kv.deleteNamespace(ns);
     if (partialFailures.length > 0) {
-      toast.warning(`部分 key 删除失败，namespace 仍存在：${partialFailures.join("、")}`);
+      toast.warning(
+        `部分 key 删除失败，namespace 仍存在：${partialFailures.join("、")}`,
+      );
     } else {
       toast.success(`命名空间「${ns}」已删除`);
     }
@@ -164,8 +168,8 @@ const openAddKey = () => {
 </script>
 
 <template>
-  <div class="flex h-full flex-col space-y-4">
-    <h1 class="mb-2 text-2xl font-bold">{{ $t("dashboard.kv.title") }}</h1>
+  <div class="h-full flex flex-col space-y-4">
+    <h1 class="text-2xl font-bold mb-2">{{ $t("dashboard.kv.title") }}</h1>
 
     <!-- Tabs (only displayed in namespace list view) -->
     <Tabs
@@ -174,9 +178,15 @@ const openAddKey = () => {
       @update:model-value="handleTabChange($event as string)"
     >
       <TabsList>
-        <TabsTrigger value="list">{{ $t("dashboard.kv.normalView") }}</TabsTrigger>
-        <TabsTrigger value="flat" v-if="false">{{ $t("dashboard.kv.flatView") }}</TabsTrigger>
-        <TabsTrigger value="node">{{ $t("dashboard.kv.nodeView") }}</TabsTrigger>
+        <TabsTrigger value="list">{{
+          $t("dashboard.kv.normalView")
+        }}</TabsTrigger>
+        <TabsTrigger value="flat" v-if="false">{{
+          $t("dashboard.kv.flatView")
+        }}</TabsTrigger>
+        <TabsTrigger value="node">{{
+          $t("dashboard.kv.nodeView")
+        }}</TabsTrigger>
       </TabsList>
 
       <!-- Normal View: namespace list -->
@@ -217,9 +227,11 @@ const openAddKey = () => {
           <Button variant="outline" size="sm" @click="backToList">{{
             $t("dashboard.kv.back")
           }}</Button>
-          <p class="text-muted-foreground text-sm">
+          <p class="text-sm text-muted-foreground">
             {{ $t("dashboard.kv.namespace") }}
-            <span class="text-foreground font-mono font-medium">{{ selectedNamespace }}</span>
+            <span class="font-mono font-medium text-foreground">{{
+              selectedNamespace
+            }}</span>
             {{ $t("dashboard.kv.allKeys", { count: kv.entries.value.length }) }}
           </p>
         </div>
diff --git a/src/pages/dashboard/logs.vue b/src/pages/dashboard/logs.vue
index dd8e593a..1bc3ff7d 100644
--- a/src/pages/dashboard/logs.vue
+++ b/src/pages/dashboard/logs.vue
@@ -19,7 +19,7 @@ definePage({
       {{ $t('dashboard.workInProcess') }}
     </p>
   </div> -->
-  <div class="flex h-full flex-col space-y-6">
+  <div class="h-full flex flex-col space-y-6">
     <div class="flex items-center justify-between">
       <div>
         <h2 class="text-2xl font-bold tracking-tight">
diff --git a/src/pages/dashboard/map.vue b/src/pages/dashboard/map.vue
index f978b48a..8d047086 100644
--- a/src/pages/dashboard/map.vue
+++ b/src/pages/dashboard/map.vue
@@ -32,7 +32,9 @@ const userLocation = ref<{
   name: string;
   value: [number, number, number];
 } | null>(null);
-const locationStatus = ref<"idle" | "loading" | "success" | "unavailable" | "denied">("idle");
+const locationStatus = ref<
+  "idle" | "loading" | "success" | "unavailable" | "denied"
+>("idle");
 const displayedUserLocation = computed(() => {
   if (!showUserLinks.value || !userLocation.value) return null;
   return {
@@ -42,15 +44,21 @@ const displayedUserLocation = computed(() => {
 });
 const locationStatusText = computed(() => {
   if (!showUserLinks.value) return "";
-  if (locationStatus.value === "loading") return t("dashboard.map.locationStatus.loading");
-  if (locationStatus.value === "success") return t("dashboard.map.locationStatus.success");
-  if (locationStatus.value === "unavailable") return t("dashboard.map.locationStatus.unavailable");
-  if (locationStatus.value === "denied") return t("dashboard.map.locationStatus.denied");
+  if (locationStatus.value === "loading")
+    return t("dashboard.map.locationStatus.loading");
+  if (locationStatus.value === "success")
+    return t("dashboard.map.locationStatus.success");
+  if (locationStatus.value === "unavailable")
+    return t("dashboard.map.locationStatus.unavailable");
+  if (locationStatus.value === "denied")
+    return t("dashboard.map.locationStatus.denied");
   return "";
 });
 let locationWatchId: number | null = null;
 const regionDisplayNames =
-  typeof Intl !== "undefined" ? new Intl.DisplayNames(["en"], { type: "region" }) : null;
+  typeof Intl !== "undefined"
+    ? new Intl.DisplayNames(["en"], { type: "region" })
+    : null;
 const regionNameFallback: Record<string, string> = {
   // 大中华区
   HK: "Hong Kong",
@@ -334,18 +342,28 @@ function getCountryNameFromRegion(region?: string) {
   if (!region) return null;
   const normalized = region.trim().toUpperCase();
   if (!normalized) return null;
-  return regionNameFallback[normalized] ?? regionDisplayNames?.of(normalized) ?? null;
+  return (
+    regionNameFallback[normalized] ?? regionDisplayNames?.of(normalized) ?? null
+  );
 }
 
 function stopUserLocationWatch() {
-  if (locationWatchId !== null && typeof navigator !== "undefined" && navigator.geolocation) {
+  if (
+    locationWatchId !== null &&
+    typeof navigator !== "undefined" &&
+    navigator.geolocation
+  ) {
     navigator.geolocation.clearWatch(locationWatchId);
   }
   locationWatchId = null;
 }
 
 function startUserLocationWatch() {
-  if (typeof navigator === "undefined" || !navigator.geolocation || locationWatchId !== null) {
+  if (
+    typeof navigator === "undefined" ||
+    !navigator.geolocation ||
+    locationWatchId !== null
+  ) {
     locationStatus.value = "unavailable";
     return;
   }
@@ -392,15 +410,20 @@ watch(showUserLinks, (enabled) => {
   }
 });
 
-const visibleServers = computed(() => servers.value.filter((server) => !server.hidden));
+const visibleServers = computed(() =>
+  servers.value.filter((server) => !server.hidden),
+);
 
 const nodeList = computed(() => {
   const coordGroupCount = new Map<string, number>();
   const coordGroupIndex = new Map<string, number>();
   const baseNodes = visibleServers.value
     .map((server) => {
-      const hasCustomCoord = Number.isFinite(server.longitude) && Number.isFinite(server.latitude);
-      const regionMeta = server.region ? REGION_COORDS[server.region] : undefined;
+      const hasCustomCoord =
+        Number.isFinite(server.longitude) && Number.isFinite(server.latitude);
+      const regionMeta = server.region
+        ? REGION_COORDS[server.region]
+        : undefined;
       const coord: [number, number] | null = hasCustomCoord
         ? [server.longitude as number, server.latitude as number]
         : (regionMeta?.coord ?? null);
@@ -417,7 +440,10 @@ const nodeList = computed(() => {
         countryName: getCountryNameFromRegion(server.region),
         region:
           (getCountryNameFromRegion(server.region)
-            ? getDisplayCountryName(getCountryNameFromRegion(server.region)!, locale.value)
+            ? getDisplayCountryName(
+                getCountryNameFromRegion(server.region)!,
+                locale.value,
+              )
             : null) ||
           regionMeta?.name ||
           server.region ||
@@ -446,14 +472,16 @@ const nodeList = computed(() => {
         countryName: node.countryName,
         count: 1,
         nodes: [node.nodeName],
-        value: [node.coord[0] + longitudeOffset, node.coord[1] + latitudeOffset, 1] as [
-          number,
-          number,
-          number,
-        ],
+        value: [
+          node.coord[0] + longitudeOffset,
+          node.coord[1] + latitudeOffset,
+          1,
+        ] as [number, number, number],
       };
     })
-    .sort((a, b) => `${a.region}-${a.name}`.localeCompare(`${b.region}-${b.name}`, "zh-CN"));
+    .sort((a, b) =>
+      `${a.region}-${a.name}`.localeCompare(`${b.region}-${b.name}`, "zh-CN"),
+    );
 });
 
 const selectedNode = computed(
@@ -486,7 +514,8 @@ const mapPoints = computed(() => {
   for (const server of visibleServers.value) {
     const iso = server.region?.trim().toUpperCase();
     if (!iso) continue;
-    const hasCustomCoord = Number.isFinite(server.longitude) && Number.isFinite(server.latitude);
+    const hasCustomCoord =
+      Number.isFinite(server.longitude) && Number.isFinite(server.latitude);
     const regionMeta = REGION_COORDS[iso];
     const coord: [number, number] | null = hasCustomCoord
       ? [server.longitude as number, server.latitude as number]
@@ -498,7 +527,10 @@ const mapPoints = computed(() => {
         isoCode: iso,
         region:
           (getCountryNameFromRegion(iso)
-            ? getDisplayCountryName(getCountryNameFromRegion(iso)!, locale.value)
+            ? getDisplayCountryName(
+                getCountryNameFromRegion(iso)!,
+                locale.value,
+              )
             : null) ||
           regionMeta?.name ||
           iso,
@@ -531,7 +563,10 @@ watch(
       selectedNodeId.value = null;
       return;
     }
-    if (!selectedNodeId.value || !nodes.some((node) => node.id === selectedNodeId.value)) {
+    if (
+      !selectedNodeId.value ||
+      !nodes.some((node) => node.id === selectedNodeId.value)
+    ) {
       selectedNodeId.value = nodes[0]?.id ?? null;
     }
   },
@@ -545,9 +580,11 @@ watch(
       <h1 class="text-2xl font-bold tracking-tight">
         {{ t("dashboard.map.title") }}
       </h1>
-      <p class="text-muted-foreground text-sm">
+      <p class="text-sm text-muted-foreground">
         {{
-          loading ? t("common.loading") : t("dashboard.map.nodeCount", { count: nodeList.length })
+          loading
+            ? t("common.loading")
+            : t("dashboard.map.nodeCount", { count: nodeList.length })
         }}
       </p>
       <p v-if="error" class="text-sm text-red-600">{{ error }}</p>
@@ -556,7 +593,9 @@ watch(
     <Card class="overflow-hidden border-sky-100/70">
       <CardContent class="px-4 sm:px-6">
         <Tabs v-model="activeView" class="gap-3">
-          <div class="flex flex-col gap-3 pt-4 sm:flex-row sm:items-center sm:justify-between">
+          <div
+            class="flex flex-col gap-3 pt-4 sm:flex-row sm:items-center sm:justify-between"
+          >
             <TabsList>
               <TabsTrigger value="flat">
                 {{ t("dashboard.map.tabs.flat") }}
@@ -567,16 +606,21 @@ watch(
             </TabsList>
 
             <div
-              class="text-muted-foreground flex flex-wrap items-center gap-3 text-sm sm:justify-end"
+              class="flex flex-wrap items-center gap-3 text-sm text-muted-foreground sm:justify-end"
             >
-              <span v-if="locationStatusText" class="text-muted-foreground/80 text-xs">
+              <span
+                v-if="locationStatusText"
+                class="text-xs text-muted-foreground/80"
+              >
                 {{ locationStatusText }}
               </span>
               <label class="flex cursor-pointer items-center gap-2">
                 <Checkbox
                   id="show-unlocked-countries"
                   :model-value="showUnlockedCountries"
-                  @update:model-value="(checked) => (showUnlockedCountries = !!checked)"
+                  @update:model-value="
+                    (checked) => (showUnlockedCountries = !!checked)
+                  "
                 />
                 <span>{{ t("dashboard.map.showUnlockedCountries") }}</span>
               </label>
@@ -612,13 +656,15 @@ watch(
           </TabsContent>
         </Tabs>
 
-        <div class="bg-background/70 mt-4 rounded-2xl border border-sky-100/80 p-4">
+        <div
+          class="mt-4 rounded-2xl border border-sky-100/80 bg-background/70 p-4"
+        >
           <div class="flex items-center justify-between gap-3">
             <div>
               <h2 class="text-base font-semibold">
                 {{ t("dashboard.map.nodeListTitle") }}
               </h2>
-              <p class="text-muted-foreground text-sm">
+              <p class="text-sm text-muted-foreground">
                 {{ t("dashboard.map.nodeListDescription") }}
               </p>
             </div>
@@ -646,10 +692,10 @@ watch(
               @click="selectedNodeId = node.id"
             >
               <div class="min-w-0">
-                <div class="text-foreground truncate font-medium">
+                <div class="truncate font-medium text-foreground">
                   {{ node.name }}
                 </div>
-                <div class="text-muted-foreground text-xs">
+                <div class="text-xs text-muted-foreground">
                   <span class="truncate">{{ node.region }}</span>
                   <span v-if="node.isoCode" class="ml-1 font-mono opacity-50">{{
                     node.isoCode
@@ -667,7 +713,7 @@ watch(
             </button>
           </div>
 
-          <p v-else class="text-muted-foreground mt-4 text-sm">
+          <p v-else class="mt-4 text-sm text-muted-foreground">
             {{ t("dashboard.map.noNodes") }}
           </p>
         </div>
diff --git a/src/pages/dashboard/node-manage.vue b/src/pages/dashboard/node-manage.vue
index efd1ab7f..74dd853b 100644
--- a/src/pages/dashboard/node-manage.vue
+++ b/src/pages/dashboard/node-manage.vue
@@ -40,7 +40,7 @@ const activeTab = computed({
         <h1 class="text-2xl font-semibold">
           {{ t("dashboard.nodeManage.title") }}
         </h1>
-        <p class="text-muted-foreground mt-1 text-sm">
+        <p class="text-sm text-muted-foreground mt-1">
           {{ t("dashboard.nodeManage.desc") }}
         </p>
       </div>
diff --git a/src/pages/dashboard/node/[uuid].vue b/src/pages/dashboard/node/[uuid].vue
index 6ad6a4c9..e51f3f34 100644
--- a/src/pages/dashboard/node/[uuid].vue
+++ b/src/pages/dashboard/node/[uuid].vue
@@ -5,16 +5,19 @@ import { onMounted, computed } from "vue";
 import { useRoute } from "vue-router";
 
 definePage({
-  redirect: (to) => `/dashboard/node/${(to.params as { uuid: string }).uuid}/status`,
+  redirect: (to) => {
+    const uuid = "uuid" in to.params ? to.params.uuid : "";
+    return `/dashboard/node/${uuid}/status`;
+  },
   meta: {
     title: "router.node.detail",
     hidden: true,
   },
 });
 
-const route = useRoute();
+const route = useRoute("/dashboard/node/[uuid]");
 const currentAgentUUID = computed(() => {
-  return (route.params as { uuid: string })?.uuid;
+  return route.params.uuid;
 });
 
 // const { connect: connectDynamic } = useAgentStatus();
diff --git a/src/pages/dashboard/node/[uuid]/LatencyView.vue b/src/pages/dashboard/node/[uuid]/LatencyView.vue
index 0279e481..aa380a23 100644
--- a/src/pages/dashboard/node/[uuid]/LatencyView.vue
+++ b/src/pages/dashboard/node/[uuid]/LatencyView.vue
@@ -7,7 +7,14 @@ import { useBackendStore } from "@/composables/useBackendStore";
 import { useCronHistory } from "@/composables/useCronHistory";
 import type { TaskQueryResult } from "@/composables/useCronHistory";
 
-const CHART_COLORS = ["#3b82f6", "#10b981", "#f59e0b", "#ef4444", "#8b5cf6", "#06b6d4"];
+const CHART_COLORS = [
+  "#3b82f6",
+  "#10b981",
+  "#f59e0b",
+  "#ef4444",
+  "#8b5cf6",
+  "#06b6d4",
+];
 
 function nameColor(name: string): string {
   let h = 0;
@@ -23,28 +30,37 @@ type SeriesStats = {
   lossRate: number;
 };
 
-function computeStats(data: TaskQueryResult[], type: "ping" | "tcp_ping"): SeriesStats[] {
+function computeStats(
+  data: TaskQueryResult[],
+  type: "ping" | "tcp_ping",
+): SeriesStats[] {
   const cronNames = [...new Set(data.map((r) => r.cron_source ?? "未知"))];
   return cronNames
     .map((name) => {
       const rows = data.filter((r) => (r.cron_source ?? "未知") === name);
       const total = rows.length;
       const color = nameColor(name);
-      if (total === 0) return { name, color, avg: null, jitter: null, lossRate: 0 };
+      if (total === 0)
+        return { name, color, avg: null, jitter: null, lossRate: 0 };
 
       const vals = rows
         .filter(
-          (r) => r.success && r.task_event_result && typeof r.task_event_result[type] === "number",
+          (r) =>
+            r.success &&
+            r.task_event_result &&
+            typeof r.task_event_result[type] === "number",
         )
         .map((r) => r.task_event_result![type] as number);
 
       const lossRate = ((total - vals.length) / total) * 100;
-      if (vals.length === 0) return { name, color, avg: null, jitter: null, lossRate };
+      if (vals.length === 0)
+        return { name, color, avg: null, jitter: null, lossRate };
 
       const avg = vals.reduce((s, v) => s + v, 0) / vals.length;
       const jitter =
         vals.length >= 2
-          ? vals.slice(1).reduce((s, v, i) => s + Math.abs(v - vals[i]!), 0) / (vals.length - 1)
+          ? vals.slice(1).reduce((s, v, i) => s + Math.abs(v - vals[i]!), 0) /
+            (vals.length - 1)
           : null;
 
       return { name, color, avg, jitter, lossRate };
@@ -60,8 +76,8 @@ function computeStats(data: TaskQueryResult[], type: "ping" | "tcp_ping"): Serie
     });
 }
 
-const route = useRoute();
-const uuid = computed(() => (route.params as Record<string, string>).uuid ?? "");
+const route = useRoute("/dashboard/node/[uuid]/LatencyView");
+const uuid = computed(() => route.params.uuid);
 
 const { currentBackend } = useBackendStore();
 const { queryTask } = useCronHistory();
@@ -164,8 +180,16 @@ const fetchData = async () => {
   tcpPingLoading.value = true;
 
   const [pingResult, tcpResult] = await Promise.allSettled([
-    queryTask([{ uuid: uuid.value }, { timestamp_from_to: [pingFrom, now] }, { type: "ping" }]),
-    queryTask([{ uuid: uuid.value }, { timestamp_from_to: [tcpFrom, now] }, { type: "tcp_ping" }]),
+    queryTask([
+      { uuid: uuid.value },
+      { timestamp_from_to: [pingFrom, now] },
+      { type: "ping" },
+    ]),
+    queryTask([
+      { uuid: uuid.value },
+      { timestamp_from_to: [tcpFrom, now] },
+      { type: "tcp_ping" },
+    ]),
   ]);
 
   pingLoading.value = false;
@@ -191,7 +215,9 @@ const fetchData = async () => {
 };
 
 const pingStats = computed(() => computeStats(pingData.value, "ping"));
-const tcpPingStats = computed(() => computeStats(tcpPingData.value, "tcp_ping"));
+const tcpPingStats = computed(() =>
+  computeStats(tcpPingData.value, "tcp_ping"),
+);
 
 // 系列数量变化时扩展 visible 数组，保留已有隐藏状态
 watch(
@@ -229,24 +255,32 @@ watch(
     <div class="flex flex-col gap-4">
       <!-- 顶部控制栏 -->
       <div class="flex items-center justify-between">
-        <span class="text-muted-foreground inline-flex items-center gap-1 text-xs">
+        <span
+          class="inline-flex items-center gap-1 text-xs text-muted-foreground"
+        >
           最近
           <select
             v-model="windowMs"
-            class="bg-card text-foreground hover:bg-muted cursor-pointer rounded border px-1.5 py-0.5 text-xs transition-colors outline-none"
+            class="cursor-pointer rounded border bg-card px-1.5 py-0.5 text-xs text-foreground transition-colors outline-none hover:bg-muted"
           >
             <option v-for="w in WINDOWS" :key="w.value" :value="w.value">
               {{ w.label }}
             </option>
           </select>
         </span>
-        <span class="text-muted-foreground inline-flex items-center gap-1 text-xs">
+        <span
+          class="inline-flex items-center gap-1 text-xs text-muted-foreground"
+        >
           每
           <select
             v-model="refreshInterval"
-            class="bg-card text-foreground hover:bg-muted cursor-pointer rounded border px-1.5 py-0.5 text-xs transition-colors outline-none"
+            class="cursor-pointer rounded border bg-card px-1.5 py-0.5 text-xs text-foreground transition-colors outline-none hover:bg-muted"
           >
-            <option v-for="item in INTERVALS" :key="item.value" :value="item.value">
+            <option
+              v-for="item in INTERVALS"
+              :key="item.value"
+              :value="item.value"
+            >
               {{ item.label }}
             </option>
           </select>
@@ -255,16 +289,16 @@ watch(
       </div>
 
       <!-- TCP Ping 图表 -->
-      <div class="bg-card rounded-lg border">
+      <div class="rounded-lg border bg-card">
         <div class="flex items-center justify-between border-b px-4 py-3">
           <span class="text-sm font-semibold">TCP Ping</span>
           <label
-            class="text-muted-foreground inline-flex cursor-pointer items-center gap-1.5 text-xs select-none"
+            class="inline-flex cursor-pointer items-center gap-1.5 text-xs text-muted-foreground select-none"
           >
             <input
               v-model="tcpPingPeakCut"
               type="checkbox"
-              class="accent-primary h-3.5 w-3.5 cursor-pointer"
+              class="h-3.5 w-3.5 cursor-pointer accent-primary"
             />
             削峰
           </label>
@@ -273,14 +307,14 @@ watch(
           <!-- 首次加载（无数据）时展示 spinner -->
           <div
             v-if="tcpPingLoading && tcpPingData.length === 0"
-            class="text-muted-foreground absolute inset-0 flex items-center justify-center text-sm"
+            class="absolute inset-0 flex items-center justify-center text-sm text-muted-foreground"
           >
             加载中...
           </div>
           <!-- 无数据且不在加载 -->
           <div
             v-else-if="!tcpPingLoading && tcpPingData.length === 0"
-            class="text-muted-foreground absolute inset-0 flex items-center justify-center text-sm"
+            class="absolute inset-0 flex items-center justify-center text-sm text-muted-foreground"
           >
             暂无 tcp_ping 数据
           </div>
@@ -296,13 +330,13 @@ watch(
           <!-- 刷新中：轻量覆盖指示，不遮挡图表 -->
           <div
             v-if="tcpPingLoading && tcpPingData.length > 0"
-            class="bg-primary absolute top-2 right-2 h-1.5 w-1.5 animate-pulse rounded-full"
+            class="absolute top-2 right-2 h-1.5 w-1.5 animate-pulse rounded-full bg-primary"
           />
         </div>
         <!-- 统计数据 -->
         <div v-if="tcpPingStats.length > 0" class="border-t">
           <div
-            class="text-muted-foreground flex items-center justify-between px-4 pt-2.5 pb-1 text-xs"
+            class="flex items-center justify-between px-4 pt-2.5 pb-1 text-xs text-muted-foreground"
           >
             <span>来源</span>
             <div class="flex">
@@ -315,8 +349,10 @@ watch(
             <div
               v-for="(s, i) in tcpPingStats"
               :key="s.name"
-              class="hover:bg-muted flex cursor-pointer items-center justify-between rounded-md px-2 py-1.5 text-xs transition-all select-none"
-              :class="tcpPingVisible[s.name] === false ? 'opacity-35' : 'opacity-100'"
+              class="flex cursor-pointer items-center justify-between rounded-md px-2 py-1.5 text-xs transition-all select-none hover:bg-muted"
+              :class="
+                tcpPingVisible[s.name] === false ? 'opacity-35' : 'opacity-100'
+              "
               @click="tcpPingVisible[s.name] = !tcpPingVisible[s.name]"
             >
               <span class="mr-4 flex min-w-0 flex-1 items-center gap-2">
@@ -324,18 +360,22 @@ watch(
                   class="inline-block h-0.5 w-5 flex-shrink-0 rounded-full"
                   :style="{ background: s.color }"
                 />
-                <span class="text-foreground truncate">{{ s.name }}</span>
+                <span class="truncate text-foreground">{{ s.name }}</span>
               </span>
               <div class="flex flex-shrink-0">
-                <span class="text-foreground w-20 text-right tabular-nums">
+                <span class="w-20 text-right text-foreground tabular-nums">
                   {{ s.avg != null ? s.avg.toFixed(1) + " ms" : "—" }}
                 </span>
-                <span class="text-foreground w-16 text-right tabular-nums">
+                <span class="w-16 text-right text-foreground tabular-nums">
                   {{ s.jitter != null ? s.jitter.toFixed(1) + " ms" : "—" }}
                 </span>
                 <span
                   class="w-14 text-right tabular-nums"
-                  :class="s.lossRate >= 5 ? 'font-medium text-red-500' : 'text-foreground'"
+                  :class="
+                    s.lossRate >= 5
+                      ? 'font-medium text-red-500'
+                      : 'text-foreground'
+                  "
                 >
                   {{ s.lossRate.toFixed(1) + "%" }}
                 </span>
@@ -346,16 +386,16 @@ watch(
       </div>
 
       <!-- Ping 图表 -->
-      <div class="bg-card rounded-lg border">
+      <div class="rounded-lg border bg-card">
         <div class="flex items-center justify-between border-b px-4 py-3">
           <span class="text-sm font-semibold">Ping</span>
           <label
-            class="text-muted-foreground inline-flex cursor-pointer items-center gap-1.5 text-xs select-none"
+            class="inline-flex cursor-pointer items-center gap-1.5 text-xs text-muted-foreground select-none"
           >
             <input
               v-model="pingPeakCut"
               type="checkbox"
-              class="accent-primary h-3.5 w-3.5 cursor-pointer"
+              class="h-3.5 w-3.5 cursor-pointer accent-primary"
             />
             削峰
           </label>
@@ -363,13 +403,13 @@ watch(
         <div class="relative h-[260px]">
           <div
             v-if="pingLoading && pingData.length === 0"
-            class="text-muted-foreground absolute inset-0 flex items-center justify-center text-sm"
+            class="absolute inset-0 flex items-center justify-center text-sm text-muted-foreground"
           >
             加载中...
           </div>
           <div
             v-else-if="!pingLoading && pingData.length === 0"
-            class="text-muted-foreground absolute inset-0 flex items-center justify-center text-sm"
+            class="absolute inset-0 flex items-center justify-center text-sm text-muted-foreground"
           >
             暂无 ping 数据
           </div>
@@ -383,13 +423,13 @@ watch(
           />
           <div
             v-if="pingLoading && pingData.length > 0"
-            class="bg-primary absolute top-2 right-2 h-1.5 w-1.5 animate-pulse rounded-full"
+            class="absolute top-2 right-2 h-1.5 w-1.5 animate-pulse rounded-full bg-primary"
           />
         </div>
         <!-- 统计数据 -->
         <div v-if="pingStats.length > 0" class="border-t">
           <div
-            class="text-muted-foreground flex items-center justify-between px-4 pt-2.5 pb-1 text-xs"
+            class="flex items-center justify-between px-4 pt-2.5 pb-1 text-xs text-muted-foreground"
           >
             <span>来源</span>
             <div class="flex">
@@ -402,8 +442,10 @@ watch(
             <div
               v-for="(s, i) in pingStats"
               :key="s.name"
-              class="hover:bg-muted flex cursor-pointer items-center justify-between rounded-md px-2 py-1.5 text-xs transition-all select-none"
-              :class="pingVisible[s.name] === false ? 'opacity-35' : 'opacity-100'"
+              class="flex cursor-pointer items-center justify-between rounded-md px-2 py-1.5 text-xs transition-all select-none hover:bg-muted"
+              :class="
+                pingVisible[s.name] === false ? 'opacity-35' : 'opacity-100'
+              "
               @click="pingVisible[s.name] = !pingVisible[s.name]"
             >
               <span class="mr-4 flex min-w-0 flex-1 items-center gap-2">
@@ -411,18 +453,22 @@ watch(
                   class="inline-block h-0.5 w-5 flex-shrink-0 rounded-full"
                   :style="{ background: s.color }"
                 />
-                <span class="text-foreground truncate">{{ s.name }}</span>
+                <span class="truncate text-foreground">{{ s.name }}</span>
               </span>
               <div class="flex flex-shrink-0">
-                <span class="text-foreground w-20 text-right tabular-nums">
+                <span class="w-20 text-right text-foreground tabular-nums">
                   {{ s.avg != null ? s.avg.toFixed(1) + " ms" : "—" }}
                 </span>
-                <span class="text-foreground w-16 text-right tabular-nums">
+                <span class="w-16 text-right text-foreground tabular-nums">
                   {{ s.jitter != null ? s.jitter.toFixed(1) + " ms" : "—" }}
                 </span>
                 <span
                   class="w-14 text-right tabular-nums"
-                  :class="s.lossRate >= 5 ? 'font-medium text-red-500' : 'text-foreground'"
+                  :class="
+                    s.lossRate >= 5
+                      ? 'font-medium text-red-500'
+                      : 'text-foreground'
+                  "
                 >
                   {{ s.lossRate.toFixed(1) + "%" }}
                 </span>
diff --git a/src/pages/dashboard/node/[uuid]/[extensionRoute].vue b/src/pages/dashboard/node/[uuid]/[extensionRoute].vue
index 616fd16c..07cc0cf6 100644
--- a/src/pages/dashboard/node/[uuid]/[extensionRoute].vue
+++ b/src/pages/dashboard/node/[uuid]/[extensionRoute].vue
@@ -9,17 +9,18 @@ definePage({
   meta: { title: "", hidden: true },
 });
 
-const route = useRoute();
-const params = computed(() => route.params as Record<string, string>);
-const routeName = computed(() => params.value.extensionRoute ?? "");
-const nodeUuid = computed(() => params.value.uuid ?? "");
+const route = useRoute("/dashboard/node/[uuid]/[extensionRoute]");
+const routeName = computed(() => route.params.extensionRoute);
+const nodeUuid = computed(() => route.params.uuid);
 
 const { extensions, fetchExtensions, getIframeUrl } = useExtensions();
 
 const matched = computed(() => {
   for (const ext of extensions.value) {
     if (ext.disabled) continue;
-    const r = ext.app.routes?.find((r) => r.type === "node" && r.name === routeName.value);
+    const r = ext.app.routes?.find(
+      (r) => r.type === "node" && r.name === routeName.value,
+    );
     if (r) return { ext, route: r };
   }
   return null;
@@ -68,12 +69,14 @@ watch(
 <template>
   <div class="flex h-full w-full flex-col">
     <div v-if="!ready" class="flex flex-1 items-center justify-center">
-      <div class="border-primary h-6 w-6 animate-spin rounded-full border-2 border-t-transparent" />
+      <div
+        class="h-6 w-6 animate-spin rounded-full border-2 border-primary border-t-transparent"
+      />
     </div>
 
     <div
       v-else-if="!matched"
-      class="text-muted-foreground flex flex-1 items-center justify-center gap-2"
+      class="flex flex-1 items-center justify-center gap-2 text-muted-foreground"
     >
       <AlertCircle class="h-5 w-5" />
       <span>未找到扩展路由「{{ routeName }}」</span>
diff --git a/src/pages/dashboard/node/[uuid]/latency.vue b/src/pages/dashboard/node/[uuid]/latency.vue
index 29029034..4146d5d1 100644
--- a/src/pages/dashboard/node/[uuid]/latency.vue
+++ b/src/pages/dashboard/node/[uuid]/latency.vue
@@ -23,9 +23,9 @@ definePage({
   },
 });
 
-const route = useRoute();
+const route = useRoute("/dashboard/node/[uuid]/latency");
 const cron = useCron();
-const uuid = computed(() => (route.params as { uuid: string }).uuid);
+const uuid = computed(() => route.params.uuid);
 
 const { currentBackend } = useBackendStore();
 const { queryTask } = useCronHistory();
@@ -149,11 +149,19 @@ const fetchData = async () => {
 
     const [pingResult, tcpResult] = await Promise.allSettled([
       queryTask(
-        [{ uuid: uuid.value }, { timestamp_from_to: [pingFrom, now] }, { type: "ping" }],
+        [
+          { uuid: uuid.value },
+          { timestamp_from_to: [pingFrom, now] },
+          { type: "ping" },
+        ],
         LATENCY_QUERY_TIMEOUT_MS,
       ),
       queryTask(
-        [{ uuid: uuid.value }, { timestamp_from_to: [tcpFrom, now] }, { type: "tcp_ping" }],
+        [
+          { uuid: uuid.value },
+          { timestamp_from_to: [tcpFrom, now] },
+          { type: "tcp_ping" },
+        ],
         LATENCY_QUERY_TIMEOUT_MS,
       ),
     ]);
@@ -213,7 +221,9 @@ function assignSeriesColors(
     if (next[name]) continue;
 
     const unusedColor = SERIES_COLORS.find((color) => !usedColors.has(color));
-    const color = unusedColor ?? SERIES_COLORS[Math.floor(Math.random() * SERIES_COLORS.length)]!;
+    const color =
+      unusedColor ??
+      SERIES_COLORS[Math.floor(Math.random() * SERIES_COLORS.length)]!;
 
     next[name] = color;
     usedColors.add(color);
@@ -235,7 +245,10 @@ watch(
   tcpPingData,
   (data) => {
     const names = getStableCronNames(data);
-    tcpPingSeriesColors.value = assignSeriesColors(names, tcpPingSeriesColors.value);
+    tcpPingSeriesColors.value = assignSeriesColors(
+      names,
+      tcpPingSeriesColors.value,
+    );
   },
   { immediate: true },
 );
@@ -258,7 +271,9 @@ const tcpPingStatsData = computed(() => {
   });
 });
 
-const pingStats = computed(() => computeStats(pingStatsData.value, "ping", pingSeriesColors.value));
+const pingStats = computed(() =>
+  computeStats(pingStatsData.value, "ping", pingSeriesColors.value),
+);
 const tcpPingStats = computed(() =>
   computeStats(tcpPingStatsData.value, "tcp_ping", tcpPingSeriesColors.value),
 );
@@ -303,24 +318,32 @@ watch(
       <!-- 顶部控制栏 -->
       <div class="flex items-center justify-between">
         <div class="flex items-center gap-3">
-          <span class="text-muted-foreground inline-flex items-center gap-1 text-xs">
+          <span
+            class="inline-flex items-center gap-1 text-xs text-muted-foreground"
+          >
             最近
             <select
               v-model="windowMs"
-              class="bg-card text-foreground hover:bg-muted cursor-pointer rounded border px-1.5 py-0.5 text-xs transition-colors outline-none"
+              class="cursor-pointer rounded border bg-card px-1.5 py-0.5 text-xs text-foreground transition-colors outline-none hover:bg-muted"
             >
               <option v-for="w in WINDOWS" :key="w.value" :value="w.value">
                 {{ w.label }}
               </option>
             </select>
           </span>
-          <span class="text-muted-foreground inline-flex items-center gap-1 text-xs">
+          <span
+            class="inline-flex items-center gap-1 text-xs text-muted-foreground"
+          >
             每
             <select
               v-model="refreshInterval"
-              class="bg-card text-foreground hover:bg-muted cursor-pointer rounded border px-1.5 py-0.5 text-xs transition-colors outline-none"
+              class="cursor-pointer rounded border bg-card px-1.5 py-0.5 text-xs text-foreground transition-colors outline-none hover:bg-muted"
             >
-              <option v-for="item in INTERVALS" :key="item.value" :value="item.value">
+              <option
+                v-for="item in INTERVALS"
+                :key="item.value"
+                :value="item.value"
+              >
                 {{ item.label }}
               </option>
             </select>
@@ -335,14 +358,17 @@ watch(
             :disabled="isRefreshing"
             @click="handleRefresh"
           >
-            <RefreshCw class="h-3.5 w-3.5" :class="{ 'animate-spin': isRefreshing }" />
+            <RefreshCw
+              class="h-3.5 w-3.5"
+              :class="{ 'animate-spin': isRefreshing }"
+            />
             刷新
           </Button>
         </div>
       </div>
 
       <!-- TCP Ping 图表 -->
-      <div class="bg-card rounded-lg border">
+      <div class="rounded-lg border bg-card">
         <div class="flex items-center justify-between border-b px-4 py-3">
           <span class="text-sm font-semibold">TCP Ping</span>
         </div>
@@ -350,14 +376,14 @@ watch(
           <!-- 首次加载（无数据）时展示 spinner -->
           <div
             v-if="tcpPingLoading && tcpPingData.length === 0"
-            class="text-muted-foreground absolute inset-0 flex items-center justify-center text-sm"
+            class="absolute inset-0 flex items-center justify-center text-sm text-muted-foreground"
           >
             加载中...
           </div>
           <!-- 无数据且不在加载 -->
           <div
             v-else-if="!tcpPingLoading && tcpPingData.length === 0"
-            class="text-muted-foreground absolute inset-0 flex items-center justify-center text-sm"
+            class="absolute inset-0 flex items-center justify-center text-sm text-muted-foreground"
           >
             暂无 tcp_ping 数据
           </div>
@@ -376,13 +402,13 @@ watch(
           <!-- 刷新中：轻量覆盖指示，不遮挡图表 -->
           <div
             v-if="tcpPingLoading && tcpPingData.length > 0"
-            class="bg-primary absolute top-2 right-2 h-1.5 w-1.5 animate-pulse rounded-full"
+            class="absolute top-2 right-2 h-1.5 w-1.5 animate-pulse rounded-full bg-primary"
           />
         </div>
         <!-- 统计数据 -->
         <div v-if="tcpPingStats.length > 0" class="border-t">
           <div
-            class="text-muted-foreground flex items-center justify-between px-4 pt-2.5 pb-1 text-xs"
+            class="flex items-center justify-between px-4 pt-2.5 pb-1 text-xs text-muted-foreground"
           >
             <div class="mr-4 flex min-w-0 flex-1 items-center">
               <span class="flex-1">来源</span>
@@ -398,9 +424,14 @@ watch(
             <div
               v-for="s in tcpPingStats"
               :key="s.name"
-              class="hover:bg-muted flex cursor-pointer items-center justify-between rounded-md px-2 py-1.5 text-xs transition-all select-none"
-              :class="tcpPingVisible[s.name] === false ? 'opacity-35' : 'opacity-100'"
-              @mouseenter="tcpPingHovered = tcpPingVisible[s.name] === false ? null : s.name"
+              class="flex cursor-pointer items-center justify-between rounded-md px-2 py-1.5 text-xs transition-all select-none hover:bg-muted"
+              :class="
+                tcpPingVisible[s.name] === false ? 'opacity-35' : 'opacity-100'
+              "
+              @mouseenter="
+                tcpPingHovered =
+                  tcpPingVisible[s.name] === false ? null : s.name
+              "
               @mouseleave="tcpPingHovered = null"
               @click="tcpPingVisible[s.name] = !tcpPingVisible[s.name]"
             >
@@ -411,22 +442,26 @@ watch(
                     :class="tcpPingHovered === s.name ? 'w-7' : 'w-5'"
                     :style="{ background: s.color }"
                   />
-                  <span class="text-foreground truncate">{{ s.name }}</span>
+                  <span class="truncate text-foreground">{{ s.name }}</span>
                 </span>
                 <span class="w-1/3 shrink-0">
                   <LatencyQualityCanvas :bars="s.qualityBars" />
                 </span>
               </div>
               <div class="flex shrink-0">
-                <span class="text-foreground w-20 text-right tabular-nums">
+                <span class="w-20 text-right text-foreground tabular-nums">
                   {{ s.avg != null ? s.avg.toFixed(1) + " ms" : "—" }}
                 </span>
-                <span class="text-foreground w-16 text-right tabular-nums">
+                <span class="w-16 text-right text-foreground tabular-nums">
                   {{ s.jitter != null ? s.jitter.toFixed(1) + " ms" : "—" }}
                 </span>
                 <span
                   class="w-14 text-right tabular-nums"
-                  :class="s.lossRate >= 5 ? 'font-medium text-red-500' : 'text-foreground'"
+                  :class="
+                    s.lossRate >= 5
+                      ? 'font-medium text-red-500'
+                      : 'text-foreground'
+                  "
                 >
                   {{ s.lossRate.toFixed(1) + "%" }}
                 </span>
@@ -437,20 +472,20 @@ watch(
       </div>
 
       <!-- Ping 图表 -->
-      <div class="bg-card rounded-lg border">
+      <div class="rounded-lg border bg-card">
         <div class="flex items-center justify-between border-b px-4 py-3">
           <span class="text-sm font-semibold">Ping</span>
         </div>
         <div class="relative h-[260px]">
           <div
             v-if="pingLoading && pingData.length === 0"
-            class="text-muted-foreground absolute inset-0 flex items-center justify-center text-sm"
+            class="absolute inset-0 flex items-center justify-center text-sm text-muted-foreground"
           >
             加载中...
           </div>
           <div
             v-else-if="!pingLoading && pingData.length === 0"
-            class="text-muted-foreground absolute inset-0 flex items-center justify-center text-sm"
+            class="absolute inset-0 flex items-center justify-center text-sm text-muted-foreground"
           >
             暂无 ping 数据
           </div>
@@ -467,13 +502,13 @@ watch(
           />
           <div
             v-if="pingLoading && pingData.length > 0"
-            class="bg-primary absolute top-2 right-2 h-1.5 w-1.5 animate-pulse rounded-full"
+            class="absolute top-2 right-2 h-1.5 w-1.5 animate-pulse rounded-full bg-primary"
           />
         </div>
         <!-- 统计数据 -->
         <div v-if="pingStats.length > 0" class="border-t">
           <div
-            class="text-muted-foreground flex items-center justify-between px-4 pt-2.5 pb-1 text-xs"
+            class="flex items-center justify-between px-4 pt-2.5 pb-1 text-xs text-muted-foreground"
           >
             <div class="mr-4 flex min-w-0 flex-1 items-center">
               <span class="flex-1">来源</span>
@@ -489,9 +524,13 @@ watch(
             <div
               v-for="s in pingStats"
               :key="s.name"
-              class="hover:bg-muted flex cursor-pointer items-center justify-between rounded-md px-2 py-1.5 text-xs transition-all select-none"
-              :class="pingVisible[s.name] === false ? 'opacity-35' : 'opacity-100'"
-              @mouseenter="pingHovered = pingVisible[s.name] === false ? null : s.name"
+              class="flex cursor-pointer items-center justify-between rounded-md px-2 py-1.5 text-xs transition-all select-none hover:bg-muted"
+              :class="
+                pingVisible[s.name] === false ? 'opacity-35' : 'opacity-100'
+              "
+              @mouseenter="
+                pingHovered = pingVisible[s.name] === false ? null : s.name
+              "
               @mouseleave="pingHovered = null"
               @click="pingVisible[s.name] = !pingVisible[s.name]"
             >
@@ -502,22 +541,26 @@ watch(
                     :class="pingHovered === s.name ? 'w-7' : 'w-5'"
                     :style="{ background: s.color }"
                   />
-                  <span class="text-foreground truncate">{{ s.name }}</span>
+                  <span class="truncate text-foreground">{{ s.name }}</span>
                 </span>
                 <span class="w-1/3 shrink-0">
                   <LatencyQualityCanvas :bars="s.qualityBars" />
                 </span>
               </div>
               <div class="flex shrink-0">
-                <span class="text-foreground w-20 text-right tabular-nums">
+                <span class="w-20 text-right text-foreground tabular-nums">
                   {{ s.avg != null ? s.avg.toFixed(1) + " ms" : "—" }}
                 </span>
-                <span class="text-foreground w-16 text-right tabular-nums">
+                <span class="w-16 text-right text-foreground tabular-nums">
                   {{ s.jitter != null ? s.jitter.toFixed(1) + " ms" : "—" }}
                 </span>
                 <span
                   class="w-14 text-right tabular-nums"
-                  :class="s.lossRate >= 5 ? 'font-medium text-red-500' : 'text-foreground'"
+                  :class="
+                    s.lossRate >= 5
+                      ? 'font-medium text-red-500'
+                      : 'text-foreground'
+                  "
                 >
                   {{ s.lossRate.toFixed(1) + "%" }}
                 </span>
diff --git a/src/pages/dashboard/node/[uuid]/ping.vue b/src/pages/dashboard/node/[uuid]/ping.vue
index 2027827d..652c6ac5 100644
--- a/src/pages/dashboard/node/[uuid]/ping.vue
+++ b/src/pages/dashboard/node/[uuid]/ping.vue
@@ -8,13 +8,13 @@ definePage({
   },
 });
 
-const route = useRoute();
-const uuid = (route.params as { uuid: string }).uuid;
+const route = useRoute("/dashboard/node/[uuid]/ping");
+const uuid = route.params.uuid;
 </script>
 
 <template>
   <div class="flex h-full flex-col">
-    <div class="bg-card flex-1 overflow-auto rounded-md border p-6">
+    <div class="flex-1 overflow-auto rounded-md border bg-card p-6">
       <PingView :uuid="uuid" />
     </div>
   </div>
diff --git a/src/pages/dashboard/node/[uuid]/setting.vue b/src/pages/dashboard/node/[uuid]/setting.vue
index 10b31f74..ae98da8d 100644
--- a/src/pages/dashboard/node/[uuid]/setting.vue
+++ b/src/pages/dashboard/node/[uuid]/setting.vue
@@ -14,19 +14,19 @@ definePage({
   },
 });
 
-const route = useRoute();
-const uuid = (route.params as { uuid: string }).uuid;
+const route = useRoute("/dashboard/node/[uuid]/setting");
+const uuid = route.params.uuid;
 const activeTab = ref("basic");
 </script>
 
 <template>
   <div class="flex h-full flex-col">
-    <div class="bg-card flex-1 overflow-auto rounded-md border p-6">
+    <div class="flex-1 overflow-auto rounded-md border bg-card p-6">
       <div class="mb-6">
         <h2 class="text-lg font-semibold">
           {{ $t("dashboard.node.settingsTitle") }}
         </h2>
-        <p class="text-muted-foreground mt-1 text-sm">
+        <p class="mt-1 text-sm text-muted-foreground">
           {{ $t("dashboard.node.settingsDesc") }}
         </p>
       </div>
diff --git a/src/pages/dashboard/node/[uuid]/status.vue b/src/pages/dashboard/node/[uuid]/status.vue
index 167d8d00..3f7661db 100644
--- a/src/pages/dashboard/node/[uuid]/status.vue
+++ b/src/pages/dashboard/node/[uuid]/status.vue
@@ -16,8 +16,8 @@ definePage({
   },
 });
 
-const route = useRoute();
-const uuid = computed(() => (route.params as { uuid: string }).uuid);
+const route = useRoute("/dashboard/node/[uuid]/status");
+const uuid = computed(() => route.params.uuid);
 
 const {
   server,
@@ -53,9 +53,15 @@ const {
       :show-live="!!server"
     />
 
-    <div v-if="!server" class="text-muted-foreground flex flex-1 items-center justify-center">
+    <div
+      v-if="!server"
+      class="flex flex-1 items-center justify-center text-muted-foreground"
+    >
       <div class="flex flex-col items-center gap-2">
-        <div v-if="dynamicError" class="text-destructive flex items-center gap-2">
+        <div
+          v-if="dynamicError"
+          class="flex items-center gap-2 text-destructive"
+        >
           <AlertCircle class="h-5 w-5" /> {{ dynamicError }}
         </div>
         <span v-else-if="notFound">节点未找到或已离线</span>
diff --git a/src/pages/dashboard/node/[uuid]/traffic.vue b/src/pages/dashboard/node/[uuid]/traffic.vue
index 60d30e0f..77f32c90 100644
--- a/src/pages/dashboard/node/[uuid]/traffic.vue
+++ b/src/pages/dashboard/node/[uuid]/traffic.vue
@@ -7,12 +7,14 @@ import { Button } from "@/components/ui/button";
 import { useBackendStore } from "@/composables/useBackendStore";
 import { getWsConnection } from "@/composables/useWsConnection";
 import { formatBytes } from "@/utils/format";
-import TrafficBarChart, { type TrafficBucket } from "@/components/node/traffic/TrafficBarChart.vue";
+import TrafficBarChart, {
+  type TrafficBucket,
+} from "@/components/node/traffic/TrafficBarChart.vue";
 
 definePage({ meta: { title: "router.node.traffic" } });
 
-const route = useRoute();
-const uuid = computed(() => (route.params as { uuid: string }).uuid);
+const route = useRoute("/dashboard/node/[uuid]/traffic");
+const uuid = computed(() => route.params.uuid);
 const { currentBackend } = useBackendStore();
 
 type SummaryPoint = {
@@ -28,13 +30,16 @@ async function querySummary(
   from: number,
   to: number,
 ): Promise<SummaryPoint[]> {
-  return getWsConnection(url).call<SummaryPoint[]>("agent_query_dynamic_summary", [
-    token,
-    {
-      fields: ["total_received", "total_transmitted"],
-      condition: [{ uuid }, { timestamp_from_to: [from, to] }, { limit: 5 }],
-    },
-  ]);
+  return getWsConnection(url).call<SummaryPoint[]>(
+    "agent_query_dynamic_summary",
+    [
+      token,
+      {
+        fields: ["total_received", "total_transmitted"],
+        condition: [{ uuid }, { timestamp_from_to: [from, to] }, { limit: 5 }],
+      },
+    ],
+  );
 }
 
 type ScopeKey = "minute" | "hour" | "day" | "week";
@@ -83,7 +88,9 @@ const INTERVALS = [
 ] as const;
 
 const scopeKey = ref<ScopeKey>("hour");
-const scope = computed(() => SCOPES.find((s) => s.key === scopeKey.value) ?? SCOPES[0]!);
+const scope = computed(
+  () => SCOPES.find((s) => s.key === scopeKey.value) ?? SCOPES[0]!,
+);
 const refreshInterval = ref(60_000);
 
 const buckets = ref<TrafficBucket[]>([]);
@@ -146,7 +153,8 @@ const fetchData = async () => {
             if (!Array.isArray(arr) || arr.length === 0) return null;
             let best = arr[0]!;
             for (const r of arr) {
-              if (Math.abs(r.timestamp - t) < Math.abs(best.timestamp - t)) best = r;
+              if (Math.abs(r.timestamp - t) < Math.abs(best.timestamp - t))
+                best = r;
             }
             return best;
           } catch {
@@ -164,13 +172,21 @@ const fetchData = async () => {
           next.push({ label: labelOf(ts, s.key), rx: 0, tx: 0, total: 0 });
           continue;
         }
-        const rx = Math.max(0, (end.total_received ?? 0) - (start.total_received ?? 0));
-        const tx = Math.max(0, (end.total_transmitted ?? 0) - (start.total_transmitted ?? 0));
+        const rx = Math.max(
+          0,
+          (end.total_received ?? 0) - (start.total_received ?? 0),
+        );
+        const tx = Math.max(
+          0,
+          (end.total_transmitted ?? 0) - (start.total_transmitted ?? 0),
+        );
         next.push({ label: labelOf(ts, s.key), rx, tx, total: rx + tx });
       }
       buckets.value = next;
     } catch (e) {
-      toast.error(`流量查询失败：${e instanceof Error ? e.message : String(e)}`);
+      toast.error(
+        `流量查询失败：${e instanceof Error ? e.message : String(e)}`,
+      );
     } finally {
       loading.value = false;
     }
@@ -224,22 +240,26 @@ const SERIES = [
     <div class="flex flex-col gap-4">
       <div class="flex items-center justify-between">
         <div class="flex items-center gap-3">
-          <span class="text-muted-foreground inline-flex items-center gap-1 text-xs">
+          <span
+            class="inline-flex items-center gap-1 text-xs text-muted-foreground"
+          >
             粒度
             <select
               v-model="scopeKey"
-              class="bg-card text-foreground hover:bg-muted cursor-pointer rounded border px-1.5 py-0.5 text-xs transition-colors outline-none"
+              class="cursor-pointer rounded border bg-card px-1.5 py-0.5 text-xs text-foreground transition-colors outline-none hover:bg-muted"
             >
               <option v-for="s in SCOPES" :key="s.key" :value="s.key">
                 {{ s.label }}
               </option>
             </select>
           </span>
-          <span class="text-muted-foreground inline-flex items-center gap-1 text-xs">
+          <span
+            class="inline-flex items-center gap-1 text-xs text-muted-foreground"
+          >
             每
             <select
               v-model="refreshInterval"
-              class="bg-card text-foreground hover:bg-muted cursor-pointer rounded border px-1.5 py-0.5 text-xs transition-colors outline-none"
+              class="cursor-pointer rounded border bg-card px-1.5 py-0.5 text-xs text-foreground transition-colors outline-none hover:bg-muted"
             >
               <option v-for="i in INTERVALS" :key="i.value" :value="i.value">
                 {{ i.label }}
@@ -260,20 +280,20 @@ const SERIES = [
         </Button>
       </div>
 
-      <div class="bg-card rounded-lg border">
+      <div class="rounded-lg border bg-card">
         <div class="flex items-center justify-between border-b px-4 py-3">
           <span class="text-sm font-semibold">{{ scope.label }}</span>
         </div>
         <div class="relative h-[280px]">
           <div
             v-if="loading && !buckets.length"
-            class="text-muted-foreground absolute inset-0 flex items-center justify-center text-sm"
+            class="absolute inset-0 flex items-center justify-center text-sm text-muted-foreground"
           >
             加载中...
           </div>
           <div
             v-else-if="!loading && !buckets.length"
-            class="text-muted-foreground absolute inset-0 flex items-center justify-center text-sm"
+            class="absolute inset-0 flex items-center justify-center text-sm text-muted-foreground"
           >
             暂无流量数据
           </div>
@@ -285,14 +305,14 @@ const SERIES = [
           />
           <div
             v-if="loading && buckets.length"
-            class="bg-primary absolute top-2 right-2 h-1.5 w-1.5 animate-pulse rounded-full"
+            class="absolute top-2 right-2 h-1.5 w-1.5 animate-pulse rounded-full bg-primary"
           />
         </div>
         <div v-if="buckets.length" class="border-t px-2 py-2">
           <div
             v-for="s in SERIES"
             :key="s.key"
-            class="hover:bg-muted flex cursor-pointer items-center justify-between rounded-md px-2 py-1.5 text-xs transition-all select-none"
+            class="flex cursor-pointer items-center justify-between rounded-md px-2 py-1.5 text-xs transition-all select-none hover:bg-muted"
             :class="!visibleSeries[s.key] ? 'opacity-35' : 'opacity-100'"
             @mouseenter="hovered = visibleSeries[s.key] ? s.key : null"
             @mouseleave="hovered = null"
@@ -306,7 +326,7 @@ const SERIES = [
               />
               <span class="text-foreground">{{ s.name }}</span>
             </span>
-            <span class="text-foreground text-right tabular-nums">
+            <span class="text-right text-foreground tabular-nums">
               {{ formatBytes(totals[s.key]) }}
             </span>
           </div>
diff --git a/src/pages/dashboard/node/[uuid]/webshell.vue b/src/pages/dashboard/node/[uuid]/webshell.vue
index 33ae3652..4d021a31 100644
--- a/src/pages/dashboard/node/[uuid]/webshell.vue
+++ b/src/pages/dashboard/node/[uuid]/webshell.vue
@@ -11,13 +11,15 @@ definePage({
   },
 });
 
-const route = useRoute();
-const uuid = (route.params as { uuid: string }).uuid;
+const route = useRoute("/dashboard/node/[uuid]/webshell");
+const uuid = route.params.uuid;
 
 const { currentBackend } = useBackendStore();
 
 const webshellReady = computed(() => {
-  return Boolean(currentBackend.value?.url && currentBackend.value?.token && uuid);
+  return Boolean(
+    currentBackend.value?.url && currentBackend.value?.token && uuid,
+  );
 });
 </script>
 
@@ -32,8 +34,9 @@ const webshellReady = computed(() => {
         class="h-full"
       />
       <Card v-else>
-        <CardContent class="text-muted-foreground py-6 text-sm">
-          Current backend config is incomplete, unable to create a WebShell task.
+        <CardContent class="py-6 text-sm text-muted-foreground">
+          Current backend config is incomplete, unable to create a WebShell
+          task.
         </CardContent>
       </Card>
     </div>
diff --git a/src/pages/dashboard/overview.vue b/src/pages/dashboard/overview.vue
index 0890a26f..38d0952a 100644
--- a/src/pages/dashboard/overview.vue
+++ b/src/pages/dashboard/overview.vue
@@ -126,13 +126,20 @@ const goToServerDetail = (uuid: string) => {
 </script>
 
 <template>
-  <div class="flex h-full flex-col space-y-6">
+  <div class="h-full flex flex-col space-y-6">
     <div class="flex items-center justify-between gap-4">
       <div>
         <h2 class="text-2xl font-bold tracking-tight">Servers</h2>
-        <p class="text-muted-foreground">Manage and monitor your servers in a list layout.</p>
+        <p class="text-muted-foreground">
+          Manage and monitor your servers in a list layout.
+        </p>
       </div>
-      <Button class="ml-auto" variant="outline" size="sm" @click="() => refresh()">
+      <Button
+        class="ml-auto"
+        variant="outline"
+        size="sm"
+        @click="() => refresh()"
+      >
         <RefreshCw class="h-4 w-4" :class="{ 'animate-spin': loading }" />
       </Button>
       <div v-if="allTags.length > 0" class="w-40 shrink-0">
@@ -141,8 +148,12 @@ const goToServerDetail = (uuid: string) => {
             <SelectValue />
           </SelectTrigger>
           <SelectContent>
-            <SelectItem value="all">{{ $t("dashboard.batchExec.selectTag") }}</SelectItem>
-            <SelectItem v-for="t in allTags" :key="t" :value="t">{{ t }}</SelectItem>
+            <SelectItem value="all">{{
+              $t("dashboard.batchExec.selectTag")
+            }}</SelectItem>
+            <SelectItem v-for="t in allTags" :key="t" :value="t">{{
+              t
+            }}</SelectItem>
           </SelectContent>
         </Select>
       </div>
@@ -154,22 +165,28 @@ const goToServerDetail = (uuid: string) => {
       <AlertDescription>{{ error }}</AlertDescription>
     </Alert>
 
-    <div v-if="servers.length === 0 && loading" class="text-muted-foreground py-10 text-center">
+    <div
+      v-if="servers.length === 0 && loading"
+      class="text-center py-10 text-muted-foreground"
+    >
       Loading server data...
     </div>
 
-    <div v-if="servers.length === 0 && !loading" class="text-muted-foreground py-10 text-center">
+    <div
+      v-if="servers.length === 0 && !loading"
+      class="text-center py-10 text-muted-foreground"
+    >
       No servers found.
     </div>
 
     <div
       v-if="servers.length > 0 && filteredServers.length === 0"
-      class="text-muted-foreground py-10 text-center"
+      class="text-center py-10 text-muted-foreground"
     >
       No servers match the selected tag.
     </div>
 
-    <div class="bg-card rounded-md border" v-if="filteredServers.length > 0">
+    <div class="border rounded-md bg-card" v-if="filteredServers.length > 0">
       <Table>
         <TableHeader>
           <TableRow>
@@ -190,7 +207,7 @@ const goToServerDetail = (uuid: string) => {
           <TableRow
             v-for="server in filteredServers"
             :key="server.uuid"
-            class="hover:bg-muted/50 cursor-pointer transition-colors"
+            class="cursor-pointer hover:bg-muted/50 transition-colors"
             :class="{ 'opacity-60': !isOnline(server) }"
             @click="goToServerDetail(server.uuid)"
           >
@@ -198,8 +215,14 @@ const goToServerDetail = (uuid: string) => {
             <TableCell>
               <div class="flex items-center justify-center">
                 <span
-                  :title="inactive ? 'Inactive' : isOnline(server) ? 'Online' : 'Offline'"
-                  class="inline-block h-2 w-2 shrink-0 rounded-full"
+                  :title="
+                    inactive
+                      ? 'Inactive'
+                      : isOnline(server)
+                        ? 'Online'
+                        : 'Offline'
+                  "
+                  class="inline-block w-2 h-2 rounded-full shrink-0"
                   :class="
                     inactive
                       ? 'bg-gray-400 ring-2 ring-gray-400/25'
@@ -218,25 +241,28 @@ const goToServerDetail = (uuid: string) => {
                   v-if="distroLogo(server)"
                   :src="distroLogo(server)"
                   alt=""
-                  class="h-5 w-5 shrink-0 object-contain"
+                  class="w-5 h-5 shrink-0 object-contain"
                   loading="lazy"
                 />
-                <div v-else class="bg-primary/10 rounded-lg p-2">
-                  <Server class="text-primary h-4 w-4" />
+                <div v-else class="p-2 bg-primary/10 rounded-lg">
+                  <Server class="h-4 w-4 text-primary" />
                 </div>
                 <div class="flex flex-col">
                   <div class="flex items-center gap-1">
                     <span
-                      class="max-w-[150px] truncate font-medium"
+                      class="font-medium truncate max-w-[150px]"
                       :title="server.customName || showHostname(server)"
                     >
                       {{ server.customName || showHostname(server) }}
                     </span>
-                    <Badge v-if="server.hidden" variant="secondary" class="ml-1 text-xs"
+                    <Badge
+                      v-if="server.hidden"
+                      variant="secondary"
+                      class="ml-1 text-xs"
                       >隐藏</Badge
                     >
                   </div>
-                  <span class="text-muted-foreground font-mono text-[10px]">
+                  <span class="text-[10px] text-muted-foreground font-mono">
                     {{ server.uuid.substring(0, 8) }}
                   </span>
                 </div>
@@ -251,14 +277,18 @@ const goToServerDetail = (uuid: string) => {
                 :alt="server.region"
                 :title="server.region"
                 loading="lazy"
-                class="inline-block h-3.5 w-5 rounded-[1px] object-cover shadow-sm"
+                class="inline-block w-5 h-3.5 rounded-[1px] object-cover shadow-sm"
               />
               <span v-else class="text-muted-foreground text-sm">—</span>
             </TableCell>
 
             <!-- OS -->
             <TableCell>
-              <Badge variant="outline" class="text-xs font-normal" :title="showOS(server)">
+              <Badge
+                variant="outline"
+                class="font-normal text-xs"
+                :title="showOS(server)"
+              >
                 {{ showOS(server) }}
               </Badge>
             </TableCell>
@@ -268,7 +298,7 @@ const goToServerDetail = (uuid: string) => {
               <Badge
                 v-if="virtLabel(server)"
                 variant="secondary"
-                class="text-[10px] tracking-wide uppercase"
+                class="text-[10px] uppercase tracking-wide"
               >
                 {{ virtLabel(server) }}
               </Badge>
@@ -277,7 +307,9 @@ const goToServerDetail = (uuid: string) => {
 
             <!-- Uptime -->
             <TableCell>
-              <div class="text-muted-foreground flex items-center gap-1 text-sm">
+              <div
+                class="flex items-center gap-1 text-sm text-muted-foreground"
+              >
                 <Clock class="h-3 w-3" />
                 <span>{{ formatUptime(server.uptime ?? 0) }}</span>
               </div>
@@ -285,7 +317,9 @@ const goToServerDetail = (uuid: string) => {
 
             <!-- Load -->
             <TableCell>
-              <div class="text-muted-foreground flex flex-col gap-1 font-mono text-sm">
+              <div
+                class="flex flex-col text-sm font-mono text-muted-foreground gap-1"
+              >
                 <div class="flex items-center gap-1">
                   <Activity class="h-3 w-3" />
                   <span>{{
@@ -301,13 +335,18 @@ const goToServerDetail = (uuid: string) => {
 
             <!-- CPU -->
             <TableCell>
-              <div class="space-y-1.5" :style="{ '--primary': `hsl(${colors.cpu.hsl})` }">
+              <div
+                class="space-y-1.5"
+                :style="{ '--primary': `hsl(${colors.cpu.hsl})` }"
+              >
                 <div class="flex justify-between text-xs">
-                  <span class="text-muted-foreground flex items-center gap-1">
+                  <span class="flex items-center gap-1 text-muted-foreground">
                     <Cpu class="h-3 w-3" :style="{ color: colors.cpu.color }" />
                     CPU
                   </span>
-                  <span class="font-medium">{{ showCpuPercent(server).toFixed(1) }}%</span>
+                  <span class="font-medium"
+                    >{{ showCpuPercent(server).toFixed(1) }}%</span
+                  >
                 </div>
                 <Progress :model-value="showCpuPercent(server)" class="h-1.5" />
               </div>
@@ -315,13 +354,21 @@ const goToServerDetail = (uuid: string) => {
 
             <!-- RAM -->
             <TableCell>
-              <div class="space-y-1.5" :style="{ '--primary': `hsl(${colors.memory.hsl})` }">
+              <div
+                class="space-y-1.5"
+                :style="{ '--primary': `hsl(${colors.memory.hsl})` }"
+              >
                 <div class="flex justify-between text-xs">
-                  <span class="text-muted-foreground flex items-center gap-1">
-                    <Database class="h-3 w-3" :style="{ color: colors.memory.color }" />
+                  <span class="flex items-center gap-1 text-muted-foreground">
+                    <Database
+                      class="h-3 w-3"
+                      :style="{ color: colors.memory.color }"
+                    />
                     Mem
                   </span>
-                  <span class="font-medium">{{ showRamPercent(server).toFixed(1) }}%</span>
+                  <span class="font-medium"
+                    >{{ showRamPercent(server).toFixed(1) }}%</span
+                  >
                 </div>
                 <Progress :model-value="showRamPercent(server)" class="h-1.5" />
               </div>
@@ -335,43 +382,57 @@ const goToServerDetail = (uuid: string) => {
                 :style="{ '--primary': `hsl(${colors.disk.hsl})` }"
               >
                 <div class="flex justify-between text-xs">
-                  <span class="text-muted-foreground flex items-center gap-1">
-                    <HardDrive class="h-3 w-3" :style="{ color: colors.disk.color }" />
+                  <span class="flex items-center gap-1 text-muted-foreground">
+                    <HardDrive
+                      class="h-3 w-3"
+                      :style="{ color: colors.disk.color }"
+                    />
                     Disk
                   </span>
-                  <span class="font-medium">{{ showDiskPercent(server).toFixed(1) }}%</span>
+                  <span class="font-medium"
+                    >{{ showDiskPercent(server).toFixed(1) }}%</span
+                  >
                 </div>
-                <Progress :model-value="showDiskPercent(server)" class="h-1.5" />
+                <Progress
+                  :model-value="showDiskPercent(server)"
+                  class="h-1.5"
+                />
               </div>
-              <div v-else class="text-muted-foreground text-xs">N/A</div>
+              <div v-else class="text-xs text-muted-foreground">N/A</div>
             </TableCell>
 
             <!-- Network -->
             <TableCell class="w-[150px]">
               <div
-                class="flex flex-col gap-1 font-mono text-xs"
-                v-if="server.receive_speed != null || server.transmit_speed != null"
+                class="flex flex-col gap-1 text-xs font-mono"
+                v-if="
+                  server.receive_speed != null || server.transmit_speed != null
+                "
               >
-                <div class="text-muted-foreground flex items-center justify-between gap-2">
+                <div
+                  class="flex items-center justify-between gap-2 text-muted-foreground"
+                >
                   <div class="flex items-center gap-1">
                     <ArrowDownIcon class="h-3 w-3" />
                     <span>Rx</span>
                   </div>
-                  <span class="text-right whitespace-nowrap tabular-nums">{{
+                  <span class="tabular-nums text-right whitespace-nowrap">{{
                     showNetworkSpeed(server, "rx")
                   }}</span>
                 </div>
-                <div class="text-muted-foreground flex items-center justify-between gap-2">
+                <div
+                  class="flex items-center justify-between gap-2 text-muted-foreground"
+                >
                   <div class="flex items-center gap-1">
                     <ArrowUpIcon class="h-3 w-3" />
                     <span>Tx</span>
                   </div>
-                  <span class="text-right whitespace-nowrap tabular-nums">{{
+                  <span class="tabular-nums text-right whitespace-nowrap">{{
                     showNetworkSpeed(server, "tx")
                   }}</span>
                 </div>
               </div>
-              <div v-else class="text-muted-foreground text-xs">N/A</div>
+              <div v-else class="text-xs text-muted-foreground">N/A</div>
             </TableCell>
           </TableRow>
         </TableBody>
diff --git a/src/pages/dashboard/scripts.vue b/src/pages/dashboard/scripts.vue
index ea3b6cf6..8e614558 100644
--- a/src/pages/dashboard/scripts.vue
+++ b/src/pages/dashboard/scripts.vue
@@ -53,7 +53,9 @@ const onDel = async (scriptName: string) => {
   } catch (e: any) {
     toast.error(e.message);
   }
-  deletingNames.value = deletingNames.value.filter((name) => name !== scriptName);
+  deletingNames.value = deletingNames.value.filter(
+    (name) => name !== scriptName,
+  );
 };
 
 // 修改Order
@@ -116,17 +118,21 @@ const handleSave = async (script: Script) => {
     <div class="flex items-start justify-between">
       <div class="flex-1">
         <h1 class="text-2xl font-semibold">{{ $t("router.scripts") }}</h1>
-        <p class="text-muted-foreground mt-1 mb-2 text-sm">
+        <p class="text-sm text-muted-foreground mt-1 mb-2">
           {{ $t("dashboard.scripts.desc") }}
         </p>
       </div>
-      <div class="flex flex-col gap-1 md:flex-row md:gap-2">
+      <div class="flex flex-col md:flex-row gap-1 md:gap-2">
         <Button @click="sortable = !sortable" size="sm" variant="outline">
-          <Menu class="mr-1.5 h-4 w-4" />
-          {{ sortable ? $t("dashboard.scripts.sortSave") : $t("dashboard.scripts.sortEdit") }}
+          <Menu class="h-4 w-4 mr-1.5" />
+          {{
+            sortable
+              ? $t("dashboard.scripts.sortSave")
+              : $t("dashboard.scripts.sortEdit")
+          }}
         </Button>
         <Button @click="openCreate" size="sm">
-          <Plus class="mr-1.5 h-4 w-4" />
+          <Plus class="h-4 w-4 mr-1.5" />
           {{ $t("dashboard.scripts.create") }}
         </Button>
       </div>
diff --git a/src/pages/dashboard/servers-detail/[backendName].vue b/src/pages/dashboard/servers-detail/[backendName].vue
index b56bd45e..98176388 100644
--- a/src/pages/dashboard/servers-detail/[backendName].vue
+++ b/src/pages/dashboard/servers-detail/[backendName].vue
@@ -2,7 +2,15 @@
 import { ref, type Ref, computed, watch } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
-import { Loader2, PackageOpen, ArrowLeft, Copy, Check, Pencil, Cable } from "lucide-vue-next";
+import {
+  Loader2,
+  PackageOpen,
+  ArrowLeft,
+  Copy,
+  Check,
+  Pencil,
+  Cable,
+} from "lucide-vue-next";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Badge } from "@/components/ui/badge";
@@ -24,14 +32,15 @@ definePage({
 });
 
 const { t } = useI18n();
-const route = useRoute();
+const route = useRoute("/dashboard/servers-detail/[backendName]");
 const router = useRouter();
 const { backends, currentBackend } = useBackendStore();
-const { serverInfo, saveAgentConfigWsUrl, refreshAll, serverInfoLoading } = useBackendExtra();
+const { serverInfo, saveAgentConfigWsUrl, refreshAll, serverInfoLoading } =
+  useBackendExtra();
 const themeStore = useThemeStore();
 
 const backend = computed(() => {
-  const backendName = (route.params as { backendName: string }).backendName;
+  const backendName = route.params.backendName;
   // const sep = raw.indexOf(":::");
   // if (sep === -1) {
   //   const token = decodeURIComponent(raw);
@@ -84,7 +93,8 @@ const fetchConfig = async () => {
       "nodeget-server_read_config",
       { token: backend.value.token },
     );
-    configContent.value = typeof result === "string" ? result : JSON.stringify(result, null, 2);
+    configContent.value =
+      typeof result === "string" ? result : JSON.stringify(result, null, 2);
     configLoaded.value = true;
   } catch {
   } finally {
@@ -132,10 +142,10 @@ const saveConfig = async () => {
   if (!backend.value || configSaving.value) return;
   configSaving.value = true;
   try {
-    await getWsConnection(backend.value.url).call("nodeget-server_edit_config", {
-      token: backend.value.token,
-      config_string: configContent.value,
-    });
+    await getWsConnection(backend.value.url).call(
+      "nodeget-server_edit_config",
+      { token: backend.value.token, config_string: configContent.value },
+    );
   } catch {
   } finally {
     configSaving.value = false;
@@ -222,7 +232,9 @@ function saveEdit(field: string) {
 
   if (field === "name") {
     backends.value[idx]!.name = editValue.value;
-    router.replace(`/dashboard/servers-detail/${encodeURIComponent(editValue.value)}`);
+    router.replace(
+      `/dashboard/servers-detail/${encodeURIComponent(editValue.value)}`,
+    );
   } else if (field === "url") {
     backends.value[idx]!.url = normalizeUrl(editValue.value);
   } else if (field === "token") {
@@ -264,11 +276,20 @@ function saveEdit(field: string) {
     </div>
 
     <!-- Tabs -->
-    <Tabs :model-value="activeTab" @update:model-value="handleTabChange($event as string)">
+    <Tabs
+      :model-value="activeTab"
+      @update:model-value="handleTabChange($event as string)"
+    >
       <TabsList>
-        <TabsTrigger value="info">{{ t("dashboard.servers.detail.tabInfo") }}</TabsTrigger>
-        <TabsTrigger value="storage">{{ t("dashboard.servers.detail.tabStorage") }}</TabsTrigger>
-        <TabsTrigger value="config">{{ t("dashboard.servers.detail.tabConfig") }}</TabsTrigger>
+        <TabsTrigger value="info">{{
+          t("dashboard.servers.detail.tabInfo")
+        }}</TabsTrigger>
+        <TabsTrigger value="storage">{{
+          t("dashboard.servers.detail.tabStorage")
+        }}</TabsTrigger>
+        <TabsTrigger value="config">{{
+          t("dashboard.servers.detail.tabConfig")
+        }}</TabsTrigger>
         <TabsTrigger value="version" v-if="false">{{
           t("dashboard.servers.detail.tabVersion")
         }}</TabsTrigger>
@@ -280,7 +301,7 @@ function saveEdit(field: string) {
         <div class="divide-y rounded-md border">
           <!-- 名称 -->
           <div class="flex items-center gap-4 px-4 py-3">
-            <span class="text-muted-foreground w-28 shrink-0 text-sm">
+            <span class="w-28 shrink-0 text-sm text-muted-foreground">
               {{ t("dashboard.servers.detail.infoName") }}
             </span>
             <template v-if="editingField === 'name'">
@@ -293,15 +314,20 @@ function saveEdit(field: string) {
               </Button>
             </template>
             <template v-else>
-              <span class="text-sm font-medium">{{ backend?.name ?? "--" }}</span>
+              <span class="text-sm font-medium">{{
+                backend?.name ?? "--"
+              }}</span>
               <Button
                 size="icon"
                 variant="ghost"
                 class="h-6 w-6 shrink-0"
                 @click="copyText('name', backend?.name)"
               >
-                <Check v-if="copiedKey === 'name'" class="h-3.5 w-3.5 text-green-500" />
-                <Copy v-else class="text-muted-foreground h-3.5 w-3.5" />
+                <Check
+                  v-if="copiedKey === 'name'"
+                  class="h-3.5 w-3.5 text-green-500"
+                />
+                <Copy v-else class="h-3.5 w-3.5 text-muted-foreground" />
               </Button>
               <Button
                 size="icon"
@@ -309,13 +335,13 @@ function saveEdit(field: string) {
                 class="h-6 w-6 shrink-0"
                 @click="startEdit('name', backend?.name)"
               >
-                <Pencil class="text-muted-foreground h-3.5 w-3.5" />
+                <Pencil class="h-3.5 w-3.5 text-muted-foreground" />
               </Button>
             </template>
           </div>
           <!-- API 地址 -->
           <div class="flex flex-wrap items-center gap-4 px-4 py-3">
-            <span class="text-muted-foreground w-28 shrink-0 text-sm">
+            <span class="w-28 shrink-0 text-sm text-muted-foreground">
               {{ t("dashboard.servers.detail.infoEndpoint") }}
             </span>
             <div
@@ -343,7 +369,9 @@ function saveEdit(field: string) {
             </div>
             <template v-else>
               <div class="flex min-w-0 items-center gap-1.5">
-                <span class="font-mono text-sm">{{ backend?.url ?? "--" }}</span>
+                <span class="font-mono text-sm">{{
+                  backend?.url ?? "--"
+                }}</span>
                 <Button
                   v-if="backend?.url"
                   size="icon"
@@ -351,8 +379,11 @@ function saveEdit(field: string) {
                   class="h-6 w-6 shrink-0"
                   @click="copyText('url', backend?.url)"
                 >
-                  <Check v-if="copiedKey === 'url'" class="h-3.5 w-3.5 text-green-500" />
-                  <Copy v-else class="text-muted-foreground h-3.5 w-3.5" />
+                  <Check
+                    v-if="copiedKey === 'url'"
+                    class="h-3.5 w-3.5 text-green-500"
+                  />
+                  <Copy v-else class="h-3.5 w-3.5 text-muted-foreground" />
                 </Button>
                 <Button
                   size="icon"
@@ -360,7 +391,7 @@ function saveEdit(field: string) {
                   class="h-6 w-6 shrink-0"
                   @click="startEdit('url', backend?.url)"
                 >
-                  <Pencil class="text-muted-foreground h-3.5 w-3.5" />
+                  <Pencil class="h-3.5 w-3.5 text-muted-foreground" />
                 </Button>
                 <Button
                   v-if="serverUuid"
@@ -371,12 +402,15 @@ function saveEdit(field: string) {
                   @click="setAgentConfigWsUrl('url-select', backend?.url || '')"
                 >
                   <template v-if="copiedKey === 'url-select'">
-                    <Check v-if="serverInfoLoading" class="h-3.5 w-3.5 text-green-500" />
+                    <Check
+                      v-if="serverInfoLoading"
+                      class="h-3.5 w-3.5 text-green-500"
+                    />
                     <Loader2 v-else class="h-3.5 w-3.5 animate-spin"></Loader2>
                   </template>
                   <Cable
                     v-else
-                    class="text-muted-foreground h-3.5 w-3.5"
+                    class="h-3.5 w-3.5 text-muted-foreground"
                     title="select as agent config address"
                   />
                 </Button>
@@ -386,7 +420,7 @@ function saveEdit(field: string) {
 
           <!-- 状态 -->
           <div class="flex items-center gap-4 px-4 py-3">
-            <span class="text-muted-foreground w-28 shrink-0 text-sm">
+            <span class="w-28 shrink-0 text-sm text-muted-foreground">
               {{ t("dashboard.servers.detail.infoStatus") }}
             </span>
             <Badge v-if="isActive" variant="default">
@@ -398,14 +432,18 @@ function saveEdit(field: string) {
           </div>
           <!-- Token -->
           <div class="flex items-start gap-4 px-4 py-3">
-            <span class="text-muted-foreground w-28 shrink-0 pt-0.5 text-sm">
+            <span class="w-28 shrink-0 pt-0.5 text-sm text-muted-foreground">
               {{ t("dashboard.servers.detail.infoToken") }}
             </span>
             <template v-if="editingField === 'token'">
               <div class="flex min-w-0 flex-col gap-2">
                 <Input v-model="editValue" class="h-8 w-64 font-mono text-xs" />
                 <div class="flex gap-2">
-                  <Button size="sm" variant="outline" @click="saveEdit('token')">
+                  <Button
+                    size="sm"
+                    variant="outline"
+                    @click="saveEdit('token')"
+                  >
                     {{ t("dashboard.servers.detail.infoSave") }}
                   </Button>
                   <Button size="sm" variant="ghost" @click="cancelEdit">
@@ -416,7 +454,9 @@ function saveEdit(field: string) {
             </template>
             <template v-else>
               <div class="flex min-w-0 items-start gap-1.5">
-                <span class="font-mono text-sm break-all">{{ backend?.token ?? "--" }}</span>
+                <span class="font-mono text-sm break-all">{{
+                  backend?.token ?? "--"
+                }}</span>
                 <Button
                   v-if="backend?.token"
                   size="icon"
@@ -424,8 +464,11 @@ function saveEdit(field: string) {
                   class="mt-0.5 h-6 w-6 shrink-0"
                   @click="copyText('token', backend?.token)"
                 >
-                  <Check v-if="copiedKey === 'token'" class="h-3.5 w-3.5 text-green-500" />
-                  <Copy v-else class="text-muted-foreground h-3.5 w-3.5" />
+                  <Check
+                    v-if="copiedKey === 'token'"
+                    class="h-3.5 w-3.5 text-green-500"
+                  />
+                  <Copy v-else class="h-3.5 w-3.5 text-muted-foreground" />
                 </Button>
                 <Button
                   size="icon"
@@ -433,7 +476,7 @@ function saveEdit(field: string) {
                   class="mt-0.5 h-6 w-6 shrink-0"
                   @click="startEdit('token', backend?.token)"
                 >
-                  <Pencil class="text-muted-foreground h-3.5 w-3.5" />
+                  <Pencil class="h-3.5 w-3.5 text-muted-foreground" />
                 </Button>
               </div>
             </template>
@@ -444,13 +487,13 @@ function saveEdit(field: string) {
         <div class="relative divide-y rounded-md border">
           <div
             v-if="serverInfoLoading"
-            class="bg-background/40 absolute inset-0 z-10 flex flex-col items-center justify-center rounded-md backdrop-blur-[1px]"
+            class="absolute inset-0 z-10 flex flex-col items-center justify-center rounded-md bg-background/40 backdrop-blur-[1px]"
           >
-            <Loader2 class="text-muted-foreground h-8 w-8 animate-spin" />
+            <Loader2 class="h-8 w-8 animate-spin text-muted-foreground" />
           </div>
           <!-- UUID -->
           <div class="flex items-center gap-4 px-4 py-3">
-            <span class="text-muted-foreground w-28 shrink-0 text-sm">
+            <span class="w-28 shrink-0 text-sm text-muted-foreground">
               {{ t("dashboard.servers.detail.infoId") }}
             </span>
             <div class="flex min-w-0 items-center gap-1.5">
@@ -462,20 +505,29 @@ function saveEdit(field: string) {
                 class="h-6 w-6 shrink-0"
                 @click="copyText('uuid', serverUuid)"
               >
-                <Check v-if="copiedKey === 'uuid'" class="h-3.5 w-3.5 text-green-500" />
-                <Copy v-else class="text-muted-foreground h-3.5 w-3.5" />
+                <Check
+                  v-if="copiedKey === 'uuid'"
+                  class="h-3.5 w-3.5 text-green-500"
+                />
+                <Copy v-else class="h-3.5 w-3.5 text-muted-foreground" />
               </Button>
             </div>
           </div>
 
           <!-- IP -->
           <div class="flex items-center gap-4 px-4 py-3">
-            <span class="text-muted-foreground w-28 shrink-0 text-sm"> IP </span>
+            <span class="w-28 shrink-0 text-sm text-muted-foreground">
+              IP
+            </span>
             <div class="flex min-w-0 items-center gap-1.5">
               <span class="font-mono text-sm">{{
-                (typeof backend?.url === "string" && serverInfo[backend?.url]?.ip) ?? "--"
+                (typeof backend?.url === "string" &&
+                  serverInfo[backend?.url]?.ip) ??
+                "--"
               }}</span>
-              <span class="font-mono text-sm" v-if="local_ws_port">(:{{ local_ws_port }})</span>
+              <span class="font-mono text-sm" v-if="local_ws_port"
+                >(:{{ local_ws_port }})</span
+              >
               <Button
                 v-if="serverUuid"
                 size="icon"
@@ -484,12 +536,17 @@ function saveEdit(field: string) {
                 @click="
                   copyText(
                     'ip',
-                    (typeof backend?.url === 'string' && serverInfo[backend?.url]?.ip) || '',
+                    (typeof backend?.url === 'string' &&
+                      serverInfo[backend?.url]?.ip) ||
+                      '',
                   )
                 "
               >
-                <Check v-if="copiedKey === 'ip'" class="h-3.5 w-3.5 text-green-500" />
-                <Copy v-else class="text-muted-foreground h-3.5 w-3.5" />
+                <Check
+                  v-if="copiedKey === 'ip'"
+                  class="h-3.5 w-3.5 text-green-500"
+                />
+                <Copy v-else class="h-3.5 w-3.5 text-muted-foreground" />
               </Button>
               <Button
                 v-if="serverUuid"
@@ -500,17 +557,22 @@ function saveEdit(field: string) {
                 @click="
                   setAgentConfigWsUrl(
                     'ip-select',
-                    (typeof backend?.url === 'string' && serverInfo[backend?.url]?.ip) || '',
+                    (typeof backend?.url === 'string' &&
+                      serverInfo[backend?.url]?.ip) ||
+                      '',
                   )
                 "
               >
                 <template v-if="copiedKey === 'ip-select'">
-                  <Check v-if="serverInfoLoading" class="h-3.5 w-3.5 text-green-500" />
+                  <Check
+                    v-if="serverInfoLoading"
+                    class="h-3.5 w-3.5 text-green-500"
+                  />
                   <Loader2 v-else class="h-3.5 w-3.5 animate-spin"></Loader2>
                 </template>
                 <Cable
                   v-else
-                  class="text-muted-foreground h-3.5 w-3.5"
+                  class="h-3.5 w-3.5 text-muted-foreground"
                   title="select as agent config address"
                 />
               </Button>
@@ -519,15 +581,20 @@ function saveEdit(field: string) {
 
           <!-- Agent Config API 地址 -->
           <div class="flex flex-wrap items-center gap-4 gap-y-0.5 px-4 py-3">
-            <span class="text-muted-foreground w-28 shrink-0 text-sm">
-              {{ t("dashboard.servers.detail.infoEndpoint") }} <br />[ for agent ]
+            <span class="w-28 shrink-0 text-sm text-muted-foreground">
+              {{ t("dashboard.servers.detail.infoEndpoint") }} <br />[ for agent
+              ]
             </span>
             <div
               v-if="editingField === 'agent-url'"
               class="flex flex-wrap items-center gap-x-4 gap-y-1 py-1"
             >
               <Input v-model="editValue" class="h-8 w-64" />
-              <Button size="sm" variant="outline" @click="saveEdit('agent-url')">
+              <Button
+                size="sm"
+                variant="outline"
+                @click="saveEdit('agent-url')"
+              >
                 {{ t("dashboard.servers.detail.infoSave") }}
               </Button>
               <Button size="sm" variant="ghost" @click="cancelEdit">
@@ -547,30 +614,43 @@ function saveEdit(field: string) {
                   size="icon"
                   variant="ghost"
                   class="h-6 w-6 shrink-0"
-                  @click="copyText('agent-url', serverInfo[backend?.url]?.agentConfigWsUrl)"
+                  @click="
+                    copyText(
+                      'agent-url',
+                      serverInfo[backend?.url]?.agentConfigWsUrl,
+                    )
+                  "
                 >
-                  <Check v-if="copiedKey === 'agent-url'" class="h-3.5 w-3.5 text-green-500" />
-                  <Copy v-else class="text-muted-foreground h-3.5 w-3.5" />
+                  <Check
+                    v-if="copiedKey === 'agent-url'"
+                    class="h-3.5 w-3.5 text-green-500"
+                  />
+                  <Copy v-else class="h-3.5 w-3.5 text-muted-foreground" />
                 </Button>
                 <Button
                   size="icon"
                   variant="ghost"
                   class="h-6 w-6 shrink-0"
-                  @click="startEdit('agent-url', serverInfo[backend?.url]?.agentConfigWsUrl || '')"
+                  @click="
+                    startEdit(
+                      'agent-url',
+                      serverInfo[backend?.url]?.agentConfigWsUrl || '',
+                    )
+                  "
                 >
-                  <Pencil class="text-muted-foreground h-3.5 w-3.5" />
+                  <Pencil class="h-3.5 w-3.5 text-muted-foreground" />
                 </Button>
               </div>
             </template>
             <div class="w-full"></div>
-            <div class="text-muted-foreground ml-32 font-mono text-xs">
+            <div class="ml-32 font-mono text-xs text-muted-foreground">
               添加新的 agent 时使用的 ws_url 配置
             </div>
           </div>
 
           <!-- 版本号 -->
           <div class="flex items-center gap-4 px-4 py-3">
-            <span class="text-muted-foreground w-28 shrink-0 text-sm">
+            <span class="w-28 shrink-0 text-sm text-muted-foreground">
               {{ t("dashboard.servers.detail.infoVersion") }}
             </span>
             <span class="font-mono text-sm">{{ serverVersion ?? "--" }}</span>
@@ -580,13 +660,20 @@ function saveEdit(field: string) {
 
       <!-- Tab: 数据库占用 -->
       <TabsContent value="storage" class="mt-4">
-        <DatabaseStorageTab :data="storageData" :loading="storageLoading" @refresh="fetchStorage" />
+        <DatabaseStorageTab
+          :data="storageData"
+          :loading="storageLoading"
+          @refresh="fetchStorage"
+        />
       </TabsContent>
 
       <!-- Tab: 配置管理 -->
       <TabsContent value="config" class="mt-4">
         <div class="space-y-3">
-          <div v-if="configLoading" class="text-muted-foreground py-8 text-center text-sm">
+          <div
+            v-if="configLoading"
+            class="py-8 text-center text-sm text-muted-foreground"
+          >
             {{ t("dashboard.servers.detail.configLoading") }}
           </div>
           <template v-else>
@@ -609,7 +696,9 @@ function saveEdit(field: string) {
 
       <!-- Tab: 版本升级 -->
       <TabsContent value="version" class="mt-4" v-if="false">
-        <div class="text-muted-foreground flex flex-col items-center justify-center gap-4 py-24">
+        <div
+          class="flex flex-col items-center justify-center gap-4 py-24 text-muted-foreground"
+        >
           <PackageOpen class="h-16 w-16 opacity-30" />
           <p class="text-sm">
             {{ t("dashboard.servers.detail.versionComingSoon") }}
diff --git a/src/pages/dashboard/servers.vue b/src/pages/dashboard/servers.vue
index 470af10d..a81f98dd 100644
--- a/src/pages/dashboard/servers.vue
+++ b/src/pages/dashboard/servers.vue
@@ -32,7 +32,8 @@ definePage({
 const { t } = useI18n();
 const route = useRoute();
 const router = useRouter();
-const { backends, currentBackend, selectBackend, removeBackend, addBackend } = useBackendStore();
+const { backends, currentBackend, selectBackend, removeBackend, addBackend } =
+  useBackendStore();
 
 const addOpen = ref(false);
 
@@ -69,7 +70,8 @@ const fetchServerInfo = (backend: Backend) => {
 watch(backends, (list) => list.forEach(fetchServerInfo), { immediate: true });
 
 const isActive = (backend: Backend) =>
-  currentBackend.value?.url === backend.url && currentBackend.value?.token === backend.token;
+  currentBackend.value?.url === backend.url &&
+  currentBackend.value?.token === backend.token;
 
 const handleManage = (backend: Backend) => {
   router.push(
@@ -85,7 +87,9 @@ onMounted(() => {
     const decoded = JSON.parse(atob(raw)) as Backend;
     if (!decoded.url || !decoded.token || !decoded.name) return;
 
-    const exists = backends.value.some((b) => b.url === decoded.url && b.token === decoded.token);
+    const exists = backends.value.some(
+      (b) => b.url === decoded.url && b.token === decoded.token,
+    );
     if (!exists) {
       addBackend(decoded);
       if (backends.value.length === 1) {
@@ -107,7 +111,7 @@ onMounted(() => {
         <h1 class="text-2xl font-semibold">
           {{ t("dashboard.servers.title") }}
         </h1>
-        <p class="text-muted-foreground mt-1 text-sm">
+        <p class="mt-1 text-sm text-muted-foreground">
           {{ t("dashboard.servers.desc") }}
         </p>
       </div>
@@ -126,7 +130,9 @@ onMounted(() => {
             <TableHead>{{ t("dashboard.servers.colEndpoint") }}</TableHead>
             <TableHead>{{ t("dashboard.servers.colVersion") }}</TableHead>
             <TableHead>{{ t("dashboard.servers.colStatus") }}</TableHead>
-            <TableHead class="text-right">{{ t("dashboard.servers.colActions") }}</TableHead>
+            <TableHead class="text-right">{{
+              t("dashboard.servers.colActions")
+            }}</TableHead>
           </TableRow>
         </TableHeader>
         <TableBody>
@@ -135,10 +141,13 @@ onMounted(() => {
           </TableEmpty>
           <TableRow v-for="backend in backends" :key="backend.url">
             <TableCell class="font-medium">{{ backend.name }}</TableCell>
-            <TableCell class="text-muted-foreground font-mono text-xs">
+            <TableCell class="font-mono text-xs text-muted-foreground">
               {{ serverInfo[backend.url]?.uuid ?? "--" }}
             </TableCell>
-            <TableCell class="max-w-[200px] truncate font-mono text-xs" :title="backend.url">
+            <TableCell
+              class="max-w-[200px] truncate font-mono text-xs"
+              :title="backend.url"
+            >
               {{ backend.url }}
             </TableCell>
             <TableCell class="text-muted-foreground">
@@ -148,13 +157,23 @@ onMounted(() => {
               <Badge v-if="isActive(backend)" variant="default">
                 {{ t("dashboard.servers.active") }}
               </Badge>
-              <Button v-else size="sm" variant="secondary" @click="selectBackend(backend)">
+              <Button
+                v-else
+                size="sm"
+                variant="secondary"
+                @click="selectBackend(backend)"
+              >
                 {{ t("dashboard.servers.select") }}
               </Button>
             </TableCell>
             <TableCell class="text-right">
               <div class="flex items-center justify-end gap-1">
-                <Button size="icon" variant="ghost" class="h-8 w-8" @click="handleManage(backend)">
+                <Button
+                  size="icon"
+                  variant="ghost"
+                  class="h-8 w-8"
+                  @click="handleManage(backend)"
+                >
                   <Wrench class="h-4 w-4" />
                 </Button>
                 <PopConfirm
@@ -167,7 +186,7 @@ onMounted(() => {
                   <Button
                     size="icon"
                     variant="ghost"
-                    class="text-destructive hover:text-destructive/90 h-8 w-8"
+                    class="h-8 w-8 text-destructive hover:text-destructive/90"
                   >
                     <Trash2 class="h-4 w-4" />
                   </Button>
diff --git a/src/pages/dashboard/settings/general.vue b/src/pages/dashboard/settings/general.vue
index abd4c129..e7e98935 100644
--- a/src/pages/dashboard/settings/general.vue
+++ b/src/pages/dashboard/settings/general.vue
@@ -4,12 +4,20 @@ import { useI18n } from "vue-i18n";
 import { Check } from "lucide-vue-next";
 import { ColorPicker } from "vue3-colorpicker";
 import "vue3-colorpicker/style.css";
-import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@/components/ui/popover";
 import { Label } from "@/components/ui/label";
 import { Switch } from "@/components/ui/switch";
 import { useThemeStore } from "@/stores/theme";
 import { useSystemSettingsStore } from "@/stores/systemSettings";
-import { PALETTES, COLOR_THEME_KEYS, type ColorThemeName } from "@/theme/palettes";
+import {
+  PALETTES,
+  COLOR_THEME_KEYS,
+  type ColorThemeName,
+} from "@/theme/palettes";
 
 definePage({
   meta: {
@@ -85,31 +93,34 @@ const onCustomTriggerClick = () => {
     <section class="space-y-3">
       <div>
         <h2 class="text-sm font-semibold">{{ t("settings.colorTheme") }}</h2>
-        <p class="text-muted-foreground mt-0.5 text-xs">
+        <p class="text-xs text-muted-foreground mt-0.5">
           {{ t("settings.colorThemeDesc") }}
         </p>
       </div>
 
-      <div class="flex max-w-xl flex-wrap gap-2">
+      <div class="flex flex-wrap gap-2 max-w-xl">
         <button
           v-for="item in swatches"
           :key="item.name"
           type="button"
           :aria-pressed="themeStore.colorTheme === item.name"
-          class="hover:bg-accent inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1.5 text-xs font-medium transition-colors"
+          class="inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1.5 text-xs font-medium transition-colors hover:bg-accent"
           :class="
             themeStore.colorTheme === item.name
-              ? 'border-primary ring-ring/40 ring-1'
+              ? 'border-primary ring-1 ring-ring/40'
               : 'border-input'
           "
           @click="select(item.name)"
         >
           <span
-            class="ring-border/60 h-3 w-3 shrink-0 rounded-full ring-1"
+            class="h-3 w-3 rounded-full shrink-0 ring-1 ring-border/60"
             :style="{ backgroundColor: item.swatch }"
           />
           <span>{{ item.label }}</span>
-          <Check v-if="themeStore.colorTheme === item.name" class="text-primary ml-0.5 h-3 w-3" />
+          <Check
+            v-if="themeStore.colorTheme === item.name"
+            class="h-3 w-3 ml-0.5 text-primary"
+          />
         </button>
 
         <Popover v-model:open="customOpen">
@@ -117,22 +128,22 @@ const onCustomTriggerClick = () => {
             <button
               type="button"
               :aria-pressed="themeStore.colorTheme === 'custom'"
-              class="hover:bg-accent inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1.5 text-xs font-medium transition-colors"
+              class="inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1.5 text-xs font-medium transition-colors hover:bg-accent"
               :class="
                 themeStore.colorTheme === 'custom'
-                  ? 'border-primary ring-ring/40 ring-1'
+                  ? 'border-primary ring-1 ring-ring/40'
                   : 'border-input'
               "
               @click="onCustomTriggerClick"
             >
               <span
-                class="ring-border/60 h-3 w-3 shrink-0 rounded-full ring-1"
+                class="h-3 w-3 rounded-full shrink-0 ring-1 ring-border/60"
                 :style="{ backgroundColor: themeStore.customColor }"
               />
               <span>{{ t("settings.customColor") }}</span>
               <Check
                 v-if="themeStore.colorTheme === 'custom'"
-                class="text-primary ml-0.5 h-3 w-3"
+                class="h-3 w-3 ml-0.5 text-primary"
               />
             </button>
           </PopoverTrigger>
@@ -155,15 +166,19 @@ const onCustomTriggerClick = () => {
     <section class="space-y-3">
       <div>
         <h2 class="text-sm font-semibold">RPC 调试面板</h2>
-        <p class="text-muted-foreground mt-0.5 text-xs">控制是否记录 WebSocket RPC 调试数据。</p>
+        <p class="text-xs text-muted-foreground mt-0.5">
+          控制是否记录 WebSocket RPC 调试数据。
+        </p>
       </div>
 
       <div
-        class="bg-card flex max-w-xl items-center justify-between gap-4 rounded-lg border px-4 py-3"
+        class="flex max-w-xl items-center justify-between gap-4 rounded-lg border bg-card px-4 py-3"
       >
         <div class="min-w-0 space-y-1">
-          <Label for="rpc-debug-panel-switch" class="text-sm"> RPC 调试面板 </Label>
-          <p class="text-muted-foreground text-xs leading-5">
+          <Label for="rpc-debug-panel-switch" class="text-sm">
+            RPC 调试面板
+          </Label>
+          <p class="text-xs leading-5 text-muted-foreground">
             开启后会处理并记录 RPC 调试数据，关闭时跳过调试数据处理。
           </p>
         </div>
diff --git a/src/pages/dashboard/settings/site.vue b/src/pages/dashboard/settings/site.vue
index 946225e2..350dde53 100644
--- a/src/pages/dashboard/settings/site.vue
+++ b/src/pages/dashboard/settings/site.vue
@@ -104,7 +104,7 @@ async function saveBody() {
 <template>
   <div class="space-y-4">
     <div>
-      <h1 class="mb-1 text-xl font-bold">
+      <h1 class="text-xl font-bold mb-1">
         {{ $t("dashboard.settings.site.custom") }}
       </h1>
       <p class="text-muted-foreground text-sm">
@@ -112,9 +112,11 @@ async function saveBody() {
       </p>
     </div>
 
-    <Card class="gap-3 py-4">
+    <Card class="py-4 gap-3">
       <CardHeader class="px-4">
-        <CardTitle class="text-base">{{ $t("dashboard.settings.site.customHeader") }}</CardTitle>
+        <CardTitle class="text-base">{{
+          $t("dashboard.settings.site.customHeader")
+        }}</CardTitle>
         <CardDescription>
           {{ $t("dashboard.settings.site.customHeaderDesc") }}
         </CardDescription>
@@ -123,20 +125,26 @@ async function saveBody() {
         <textarea
           v-model="localHeader"
           :disabled="status === 'loading'"
-          class="placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 flex min-h-[96px] w-full rounded-md border bg-transparent px-3 py-2 font-mono text-sm shadow-xs outline-none focus-visible:ring-[3px] disabled:opacity-50"
+          class="flex min-h-[96px] w-full rounded-md border bg-transparent px-3 py-2 text-sm font-mono shadow-xs outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] disabled:opacity-50"
           placeholder="<script>...</script>"
         />
       </CardContent>
       <CardFooter class="justify-end px-4">
-        <Button size="sm" :disabled="savingHeader || status === 'loading'" @click="saveHeader">
+        <Button
+          size="sm"
+          :disabled="savingHeader || status === 'loading'"
+          @click="saveHeader"
+        >
           {{ savingHeader ? $t("dashboard.saving") : $t("dashboard.save") }}
         </Button>
       </CardFooter>
     </Card>
 
-    <Card class="gap-3 py-4">
+    <Card class="py-4 gap-3">
       <CardHeader class="px-4">
-        <CardTitle class="text-base">{{ $t("dashboard.settings.site.customBody") }}</CardTitle>
+        <CardTitle class="text-base">{{
+          $t("dashboard.settings.site.customBody")
+        }}</CardTitle>
         <CardDescription>
           {{ $t("dashboard.settings.site.customBodyDesc") }}
         </CardDescription>
@@ -145,12 +153,16 @@ async function saveBody() {
         <textarea
           v-model="localBody"
           :disabled="status === 'loading'"
-          class="placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 flex min-h-[96px] w-full rounded-md border bg-transparent px-3 py-2 font-mono text-sm shadow-xs outline-none focus-visible:ring-[3px] disabled:opacity-50"
+          class="flex min-h-[96px] w-full rounded-md border bg-transparent px-3 py-2 text-sm font-mono shadow-xs outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] disabled:opacity-50"
           placeholder="<script>...</script>"
         />
       </CardContent>
       <CardFooter class="justify-end px-4">
-        <Button size="sm" :disabled="savingBody || status === 'loading'" @click="saveBody">
+        <Button
+          size="sm"
+          :disabled="savingBody || status === 'loading'"
+          @click="saveBody"
+        >
           {{ savingBody ? $t("dashboard.saving") : $t("dashboard.save") }}
         </Button>
       </CardFooter>
diff --git a/src/pages/dashboard/static-bucket.vue b/src/pages/dashboard/static-bucket.vue
index 8f2ecef8..f4a47e6a 100644
--- a/src/pages/dashboard/static-bucket.vue
+++ b/src/pages/dashboard/static-bucket.vue
@@ -5,7 +5,10 @@ import { FolderOpen } from "lucide-vue-next";
 import { toast } from "vue-sonner";
 import { useStaticBucket } from "@/composables/useStaticBucket";
 import { useStaticBucketFile } from "@/composables/useStaticBucketFile";
-import type { StaticBucketInput, StaticBucket } from "@/composables/useStaticBucket";
+import type {
+  StaticBucketInput,
+  StaticBucket,
+} from "@/composables/useStaticBucket";
 import StaticBucketTable from "@/components/static-bucket/StaticBucketTable.vue";
 import StaticBucketDialog from "@/components/static-bucket/StaticBucketDialog.vue";
 import StaticBucketUploadDirDialog from "@/components/static-bucket/StaticBucketUploadDirDialog.vue";
@@ -111,7 +114,9 @@ const openUploadDir = (targetBucket?: string) => {
   uploadDirOpen.value = true;
 };
 
-const handleUploadDir = async (files: Array<{ path: string; base64: string }>) => {
+const handleUploadDir = async (
+  files: Array<{ path: string; base64: string }>,
+) => {
   const target = uploadDirTarget.value;
   if (!target) return;
   uploadDirLoading.value = true;
@@ -119,7 +124,9 @@ const handleUploadDir = async (files: Array<{ path: string; base64: string }>) =
   try {
     const remoteFiles = await bucketFile.fetchList(target);
     const localPaths = new Set(files.map((f) => f.path));
-    const extraRemotePaths = remoteFiles.map((f) => f.path).filter((p) => !localPaths.has(p));
+    const extraRemotePaths = remoteFiles
+      .map((f) => f.path)
+      .filter((p) => !localPaths.has(p));
     for (const file of files) {
       await bucketFile.uploadFile(target, file.path, file.base64);
     }
diff --git a/src/pages/dashboard/theme-management.vue b/src/pages/dashboard/theme-management.vue
index cbba513e..98e9b85a 100644
--- a/src/pages/dashboard/theme-management.vue
+++ b/src/pages/dashboard/theme-management.vue
@@ -44,7 +44,9 @@ const bucketFile = useStaticBucketFile();
 const backendStore = useBackendStore();
 
 const backendUrl = computed(() => backendStore.currentBackend.value?.url ?? "");
-const backendToken = computed(() => backendStore.currentBackend.value?.token ?? "");
+const backendToken = computed(
+  () => backendStore.currentBackend.value?.token ?? "",
+);
 
 const tokenPresetOpen = ref(false);
 const uploadLocalOpen = ref(false);
@@ -104,8 +106,10 @@ const loadThemeMetas = async () => {
 
 const getThemeName = (bucketName: string) =>
   themeMetaMap.value[bucketName]?.name ?? bucketName.replace(/^theme_/, "");
-const getAuthor = (bucketName: string) => themeMetaMap.value[bucketName]?.author ?? "—";
-const getVersion = (bucketName: string) => themeMetaMap.value[bucketName]?.version ?? "—";
+const getAuthor = (bucketName: string) =>
+  themeMetaMap.value[bucketName]?.author ?? "—";
+const getVersion = (bucketName: string) =>
+  themeMetaMap.value[bucketName]?.version ?? "—";
 
 onMounted(async () => {
   await staticBucket.fetchList();
@@ -116,11 +120,18 @@ onMounted(async () => {
     remoteImportInitialUrl.value = addUrl;
 
     const autoEnableParam = route.query.auto_enable;
-    remoteImportAutoEnable.value = autoEnableParam !== "0" && autoEnableParam !== "false";
+    remoteImportAutoEnable.value =
+      autoEnableParam !== "0" && autoEnableParam !== "false";
 
     const tokenPresetParam = route.query.token_preset;
-    const validPresets: TokenPresetChoice[] = ["monitor_only", "monitor_ping", "none"];
-    remoteImportTokenPreset.value = validPresets.includes(tokenPresetParam as TokenPresetChoice)
+    const validPresets: TokenPresetChoice[] = [
+      "monitor_only",
+      "monitor_ping",
+      "none",
+    ];
+    remoteImportTokenPreset.value = validPresets.includes(
+      tokenPresetParam as TokenPresetChoice,
+    )
       ? (tokenPresetParam as TokenPresetChoice)
       : "monitor_ping";
 
@@ -207,19 +218,19 @@ function getPrevieLink(bucket: StaticBucket): string {
 </script>
 
 <template>
-  <div class="space-y-6 p-6">
+  <div class="p-6 space-y-6">
     <div class="flex items-center justify-between">
       <div>
         <h1 class="text-xl font-semibold">主题管理</h1>
-        <p class="text-muted-foreground mt-0.5 text-sm">列表</p>
+        <p class="text-sm text-muted-foreground mt-0.5">列表</p>
       </div>
       <div class="flex items-center gap-2">
         <Button variant="outline" size="sm" @click="tokenPresetOpen = true">
-          <Settings2 class="mr-1.5 h-4 w-4" />
+          <Settings2 class="h-4 w-4 mr-1.5" />
           Token 预设
         </Button>
         <Button variant="outline" size="sm" @click="openUploadLocal(null)">
-          <Upload class="mr-1.5 h-4 w-4" />
+          <Upload class="h-4 w-4 mr-1.5" />
           从本地上传
         </Button>
         <Button
@@ -232,15 +243,15 @@ function getPrevieLink(bucket: StaticBucket): string {
             remoteImportOpen = true;
           "
         >
-          <Link class="mr-1.5 h-4 w-4" />
+          <Link class="h-4 w-4 mr-1.5" />
           从远程导入
         </Button>
       </div>
     </div>
 
-    <div class="overflow-hidden rounded-lg border">
+    <div class="border rounded-lg overflow-hidden">
       <div
-        class="bg-muted/50 text-muted-foreground grid grid-cols-[2fr_1fr_5rem_1fr_13rem] gap-4 border-b px-4 py-2.5 text-xs font-medium"
+        class="grid grid-cols-[2fr_1fr_5rem_1fr_13rem] gap-4 px-4 py-2.5 bg-muted/50 text-xs font-medium text-muted-foreground border-b"
       >
         <span>名称</span>
         <span>作者</span>
@@ -251,19 +262,19 @@ function getPrevieLink(bucket: StaticBucket): string {
 
       <div
         v-if="staticBucket.loading.value"
-        class="text-muted-foreground flex items-center justify-center gap-2 py-10 text-sm"
+        class="flex items-center justify-center py-10 text-muted-foreground text-sm gap-2"
       >
         <span
-          class="border-muted-foreground inline-block h-4 w-4 animate-spin rounded-full border-2 border-t-transparent"
+          class="inline-block h-4 w-4 animate-spin rounded-full border-2 border-muted-foreground border-t-transparent"
         />
         加载中...
       </div>
 
       <div
         v-else-if="!themeBuckets.length"
-        class="text-muted-foreground flex flex-col items-center justify-center py-12"
+        class="flex flex-col items-center justify-center py-12 text-muted-foreground"
       >
-        <Palette class="mb-3 h-10 w-10 opacity-30" />
+        <Palette class="h-10 w-10 mb-3 opacity-30" />
         <p class="text-sm">暂无主题，点击「从本地上传」添加</p>
       </div>
 
@@ -271,19 +282,19 @@ function getPrevieLink(bucket: StaticBucket): string {
         <div
           v-for="bucket in themeBuckets"
           :key="bucket.name"
-          class="hover:bg-muted/20 grid grid-cols-[2fr_1fr_5rem_1fr_13rem] items-center gap-4 border-b px-4 py-3 transition-colors last:border-0"
+          class="grid grid-cols-[2fr_1fr_5rem_1fr_13rem] gap-4 px-4 py-3 items-center border-b last:border-0 hover:bg-muted/20 transition-colors"
         >
           <div class="min-w-0">
             <button
-              class="w-full cursor-pointer truncate text-left text-sm font-medium hover:underline"
+              class="text-sm font-medium hover:underline cursor-pointer truncate text-left w-full"
               @click="router.push(`/dashboard/theme/${bucket.name}`)"
             >
               {{ getThemeName(bucket.name) }}
             </button>
           </div>
 
-          <span class="text-muted-foreground text-sm">
-            <Loader2 v-if="metaLoading" class="inline h-3 w-3 animate-spin" />
+          <span class="text-sm text-muted-foreground">
+            <Loader2 v-if="metaLoading" class="h-3 w-3 animate-spin inline" />
             <template v-else>{{ getAuthor(bucket.name) }}</template>
           </span>
 
@@ -296,13 +307,15 @@ function getPrevieLink(bucket: StaticBucket): string {
             >
               <span
                 class="inline-block h-4 w-4 transform rounded-full bg-white shadow-sm transition-transform"
-                :class="bucket.is_http_root ? 'translate-x-4' : 'translate-x-0.5'"
+                :class="
+                  bucket.is_http_root ? 'translate-x-4' : 'translate-x-0.5'
+                "
               />
             </button>
           </div>
 
-          <span class="text-muted-foreground text-sm">
-            <Loader2 v-if="metaLoading" class="inline h-3 w-3 animate-spin" />
+          <span class="text-sm text-muted-foreground">
+            <Loader2 v-if="metaLoading" class="h-3 w-3 animate-spin inline" />
             <template v-else>{{ getVersion(bucket.name) }}</template>
           </span>
 
@@ -363,7 +376,7 @@ function getPrevieLink(bucket: StaticBucket): string {
               <Button
                 variant="ghost"
                 size="icon"
-                class="text-destructive hover:text-destructive h-8 w-8"
+                class="h-8 w-8 text-destructive hover:text-destructive"
                 :disabled="deletingBucket === bucket.name"
                 title="删除主题"
               >
@@ -375,7 +388,7 @@ function getPrevieLink(bucket: StaticBucket): string {
       </template>
     </div>
 
-    <p v-if="staticBucket.error.value" class="text-destructive text-sm">
+    <p v-if="staticBucket.error.value" class="text-sm text-destructive">
       {{ staticBucket.error.value }}
     </p>
 
diff --git a/src/pages/dashboard/theme/[name].vue b/src/pages/dashboard/theme/[name].vue
index 95751a20..f1eb0f5b 100644
--- a/src/pages/dashboard/theme/[name].vue
+++ b/src/pages/dashboard/theme/[name].vue
@@ -27,10 +27,14 @@ onMounted(() => {
 </script>
 
 <template>
-  <div class="flex h-full flex-col gap-4 overflow-hidden p-6">
-    <div class="flex shrink-0 items-center gap-3">
-      <Button variant="ghost" size="sm" @click="router.push('/dashboard/theme-management')">
-        <ArrowLeft class="mr-1 h-4 w-4" />
+  <div class="h-full flex flex-col gap-4 p-6 overflow-hidden">
+    <div class="flex items-center gap-3 shrink-0">
+      <Button
+        variant="ghost"
+        size="sm"
+        @click="router.push('/dashboard/theme-management')"
+      >
+        <ArrowLeft class="h-4 w-4 mr-1" />
         返回
       </Button>
       <h2 class="text-xl font-semibold">{{ themeName }}</h2>
diff --git a/src/pages/dashboard/token.vue b/src/pages/dashboard/token.vue
index 584f2212..8d8ba446 100644
--- a/src/pages/dashboard/token.vue
+++ b/src/pages/dashboard/token.vue
@@ -5,7 +5,10 @@ import { useI18n } from "vue-i18n";
 import TokenList from "@/components/token/token-list/tokenListCard.vue";
 import { useCreatTokenHook } from "@/composables/token/useCreateToken";
 import { useBackendStore } from "@/composables/useBackendStore";
-import { createDefaultToken, DEFAULT_SCOPE } from "@/components/token/scopeCodec";
+import {
+  createDefaultToken,
+  DEFAULT_SCOPE,
+} from "@/components/token/scopeCodec";
 import {
   VISITOR_PERMISSIONS,
   VISITOR_WITH_PING_PERMISSIONS,
@@ -23,7 +26,10 @@ const autoCreateDefaultTokens = async () => {
   autoCreatePending = true;
 
   const backendUrl = currentBackend.value?.url ?? "";
-  const buildToken = (username: string, permissions: typeof VISITOR_PERMISSIONS) => ({
+  const buildToken = (
+    username: string,
+    permissions: typeof VISITOR_PERMISSIONS,
+  ) => ({
     ...createDefaultToken(),
     username,
     password: generatePassword(16),
@@ -36,14 +42,18 @@ const autoCreateDefaultTokens = async () => {
   });
 
   const [r1, r2] = await Promise.all([
-    createTokenHook.createToken(buildToken("visitor_monitor_only", VISITOR_PERMISSIONS)),
+    createTokenHook.createToken(
+      buildToken("visitor_monitor_only", VISITOR_PERMISSIONS),
+    ),
     createTokenHook.createToken(
       buildToken("visitor_monitor_with_ping", VISITOR_WITH_PING_PERMISSIONS),
     ),
   ]);
 
-  if (r1.key && backendUrl) addBackend({ name: "本机 纯监控", url: backendUrl, token: r1.key });
-  if (r2.key && backendUrl) addBackend({ name: "本机 监控+ping", url: backendUrl, token: r2.key });
+  if (r1.key && backendUrl)
+    addBackend({ name: "本机 纯监控", url: backendUrl, token: r1.key });
+  if (r2.key && backendUrl)
+    addBackend({ name: "本机 监控+ping", url: backendUrl, token: r2.key });
 
   autoCreatePending = false;
   tokenListRef.value?.refresh();
@@ -60,7 +70,7 @@ definePage({
 </script>
 
 <template>
-  <div class="flex h-full flex-col space-y-6">
+  <div class="h-full flex flex-col space-y-6">
     <div class="flex items-center justify-between">
       <div>
         <h2 class="text-2xl font-bold tracking-tight">
@@ -73,7 +83,10 @@ definePage({
     </div>
 
     <div>
-      <TokenList ref="tokenListRef" @first-load-empty="autoCreateDefaultTokens" />
+      <TokenList
+        ref="tokenListRef"
+        @first-load-empty="autoCreateDefaultTokens"
+      />
     </div>
   </div>
 </template>
diff --git a/src/pages/dashboard/worker-route-preview.vue b/src/pages/dashboard/worker-route-preview.vue
index a4c65134..a017440a 100644
--- a/src/pages/dashboard/worker-route-preview.vue
+++ b/src/pages/dashboard/worker-route-preview.vue
@@ -45,14 +45,14 @@ const openInNewWindow = () => {
 </script>
 
 <template>
-  <div class="flex h-[calc(100vh-100px)] flex-col space-y-4">
+  <div class="flex flex-col h-[calc(100vh-100px)] space-y-4">
     <div class="flex items-center justify-between">
       <div class="flex items-center gap-4">
         <Button variant="ghost" size="icon" @click="goBack">
           <ChevronLeft class="h-5 w-5" />
         </Button>
         <div>
-          <h1 class="flex items-center gap-2 text-2xl font-semibold">
+          <h1 class="text-2xl font-semibold flex items-center gap-2">
             {{ t("dashboard.jsRuntime.previewTitle") }}
           </h1>
           <p class="text-muted-foreground font-mono text-sm">
@@ -60,20 +60,30 @@ const openInNewWindow = () => {
           </p>
         </div>
       </div>
-      <Button variant="outline" size="sm" @click="openInNewWindow" :disabled="!previewUrl">
-        <ExternalLink class="mr-2 h-4 w-4" />
+      <Button
+        variant="outline"
+        size="sm"
+        @click="openInNewWindow"
+        :disabled="!previewUrl"
+      >
+        <ExternalLink class="h-4 w-4 mr-2" />
         {{ t("common.openInNewWindow", "在新窗口打开") }}
       </Button>
     </div>
 
-    <div class="bg-muted group relative flex-1 overflow-hidden rounded-xl border">
+    <div
+      class="flex-1 bg-muted rounded-xl border overflow-hidden relative group"
+    >
       <iframe
         v-if="previewUrl"
         :src="previewUrl"
-        class="h-full w-full border-0 bg-white"
+        class="w-full h-full border-0 bg-white"
         sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
       ></iframe>
-      <div v-else class="text-muted-foreground flex h-full w-full items-center justify-center">
+      <div
+        v-else
+        class="w-full h-full flex items-center justify-center text-muted-foreground"
+      >
         {{ t("dashboard.jsRuntime.noRoute", "未绑定路由") }}
       </div>
     </div>
diff --git a/src/pages/index.deprecated.vue b/src/pages/index.deprecated.vue
index 29ab662e..ef68853b 100644
--- a/src/pages/index.deprecated.vue
+++ b/src/pages/index.deprecated.vue
@@ -15,7 +15,13 @@ import {
   showDiskDisplay,
 } from "@/utils/show";
 
-import { Card, CardHeader, CardTitle, CardContent, CardFooter } from "@/components/ui/card";
+import {
+  Card,
+  CardHeader,
+  CardTitle,
+  CardContent,
+  CardFooter,
+} from "@/components/ui/card";
 import { Badge } from "@/components/ui/badge";
 import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
 import { Progress } from "@/components/ui/progress";
@@ -59,7 +65,10 @@ onUnmounted(() => stop());
         <AlertDescription>{{ error }}</AlertDescription>
       </Alert>
 
-      <div v-if="servers.length === 0 && !loading" class="text-muted-foreground py-10 text-center">
+      <div
+        v-if="servers.length === 0 && !loading"
+        class="py-10 text-center text-muted-foreground"
+      >
         {{ $t("home.waitingData") }}
       </div>
 
@@ -71,15 +80,17 @@ onUnmounted(() => stop());
         <router-link
           v-for="server in sortedServers"
           :key="server.uuid"
-          :to="{ name: '/server-detail', params: { uuid: server.uuid } }"
+          :to="{ name: '/server-detail/[uuid]', params: { uuid: server.uuid } }"
           class="block h-full"
         >
           <Card class="h-full cursor-pointer transition-shadow hover:shadow-md">
             <CardHeader class="pb-3">
               <div class="flex items-start justify-between">
-                <CardTitle class="flex items-center gap-2 text-base font-medium">
-                  <div class="bg-primary/10 rounded-lg p-2">
-                    <Server class="text-primary h-4 w-4" />
+                <CardTitle
+                  class="flex items-center gap-2 text-base font-medium"
+                >
+                  <div class="rounded-lg bg-primary/10 p-2">
+                    <Server class="h-4 w-4 text-primary" />
                   </div>
                   <div class="flex flex-col">
                     <span class="flex items-center gap-1">
@@ -88,46 +99,70 @@ onUnmounted(() => stop());
                         :title="server.customName || showHostname(server)"
                         >{{ server.customName || showHostname(server) }}</span
                       >
-                      <Badge v-if="server.hidden" variant="secondary" class="ml-1 text-xs"
+                      <Badge
+                        v-if="server.hidden"
+                        variant="secondary"
+                        class="ml-1 text-xs"
                         >隐藏</Badge
                       >
                     </span>
                     <span
-                      class="text-muted-foreground mt-1 flex items-center gap-1 text-xs font-normal"
+                      class="mt-1 flex items-center gap-1 text-xs font-normal text-muted-foreground"
                     >
                       <Clock class="h-3 w-3" />
                       {{ formatUptime(server.uptime ?? 0) }}
                     </span>
                   </div>
                 </CardTitle>
-                <Badge variant="outline" class="text-xs font-normal" :title="showOS(server)">{{
-                  showOS(server)
-                }}</Badge>
+                <Badge
+                  variant="outline"
+                  class="text-xs font-normal"
+                  :title="showOS(server)"
+                  >{{ showOS(server) }}</Badge
+                >
               </div>
             </CardHeader>
             <CardContent class="grid gap-4 text-sm">
               <!-- CPU -->
-              <div class="space-y-1" :style="{ '--primary': `hsl(${colors.cpu.hsl})` }">
+              <div
+                class="space-y-1"
+                :style="{ '--primary': `hsl(${colors.cpu.hsl})` }"
+              >
                 <div class="flex justify-between text-xs">
-                  <span class="text-muted-foreground flex items-center gap-1"
-                    ><Cpu class="h-3 w-3" :style="{ color: colors.cpu.color }" />
+                  <span class="flex items-center gap-1 text-muted-foreground"
+                    ><Cpu
+                      class="h-3 w-3"
+                      :style="{ color: colors.cpu.color }"
+                    />
                     {{ $t("common.cpu") }}</span
                   >
-                  <span class="font-medium">{{ showCpuPercent(server).toFixed(1) }}%</span>
+                  <span class="font-medium"
+                    >{{ showCpuPercent(server).toFixed(1) }}%</span
+                  >
                 </div>
                 <Progress :model-value="showCpuPercent(server)" class="h-1.5" />
               </div>
 
               <!-- RAM -->
-              <div class="space-y-1" :style="{ '--primary': `hsl(${colors.memory.hsl})` }">
+              <div
+                class="space-y-1"
+                :style="{ '--primary': `hsl(${colors.memory.hsl})` }"
+              >
                 <div class="flex justify-between text-xs">
-                  <span class="text-muted-foreground flex items-center gap-1"
-                    ><Database class="h-3 w-3" :style="{ color: colors.memory.color }" />
+                  <span class="flex items-center gap-1 text-muted-foreground"
+                    ><Database
+                      class="h-3 w-3"
+                      :style="{ color: colors.memory.color }"
+                    />
                     {{ $t("common.ram") }}</span
                   >
                   <div class="flex items-center gap-2">
-                    <span class="text-muted-foreground text-[10px]">{{ showRamText(server) }}</span>
-                    <span class="font-medium">{{ showRamPercent(server).toFixed(1) }}%</span>
+                    <span class="text-[10px] text-muted-foreground">{{
+                      showRamText(server)
+                    }}</span>
+                    <span class="font-medium"
+                      >{{ showRamPercent(server).toFixed(1) }}%</span
+                    >
                   </div>
                 </div>
                 <Progress :model-value="showRamPercent(server)" class="h-1.5" />
@@ -135,10 +170,12 @@ onUnmounted(() => stop());
 
               <!-- Load -->
               <div class="grid gap-2 text-xs">
-                <div class="bg-muted/50 flex items-center gap-2 rounded-md p-2">
-                  <Activity class="text-muted-foreground h-3.5 w-3.5" />
+                <div class="flex items-center gap-2 rounded-md bg-muted/50 p-2">
+                  <Activity class="h-3.5 w-3.5 text-muted-foreground" />
                   <div class="flex flex-col">
-                    <span class="text-muted-foreground text-xs">{{ $t("common.load") }}</span>
+                    <span class="text-xs text-muted-foreground">{{
+                      $t("common.load")
+                    }}</span>
                     <span class="font-mono font-medium">{{
                       formatLoad({
                         load_one: server.load_one,
@@ -155,13 +192,17 @@ onUnmounted(() => stop());
                 <!-- Network -->
                 <div
                   class="flex flex-col gap-1"
-                  v-if="server.receive_speed != null || server.transmit_speed != null"
+                  v-if="
+                    server.receive_speed != null ||
+                    server.transmit_speed != null
+                  "
                 >
                   <span
-                    class="text-muted-foreground flex items-center gap-1 text-[10px] tracking-wider uppercase"
-                    ><NetworkIcon class="h-3 w-3" :style="{ color: colors.network.color }" />{{
-                      $t("common.network")
-                    }}</span
+                    class="flex items-center gap-1 text-[10px] tracking-wider text-muted-foreground uppercase"
+                    ><NetworkIcon
+                      class="h-3 w-3"
+                      :style="{ color: colors.network.color }"
+                    />{{ $t("common.network") }}</span
                   >
                   <div class="flex flex-col font-mono text-xs">
                     <div class="flex items-center gap-2">
@@ -182,22 +223,30 @@ onUnmounted(() => stop());
                   :style="{ '--primary': `hsl(${colors.disk.hsl})` }"
                 >
                   <span
-                    class="text-muted-foreground flex items-center gap-1 text-[10px] tracking-wider uppercase"
-                    ><HardDrive class="h-3 w-3" :style="{ color: colors.disk.color }" />{{
-                      $t("common.disk")
-                    }}</span
+                    class="flex items-center gap-1 text-[10px] tracking-wider text-muted-foreground uppercase"
+                    ><HardDrive
+                      class="h-3 w-3"
+                      :style="{ color: colors.disk.color }"
+                    />{{ $t("common.disk") }}</span
                   >
                   <div class="flex items-center justify-between text-xs">
-                    <span class="font-medium">{{ showDiskDisplay(server) }}</span>
+                    <span class="font-medium">{{
+                      showDiskDisplay(server)
+                    }}</span>
                   </div>
-                  <Progress :model-value="showDiskPercent(server)" class="mt-1 h-1" />
+                  <Progress
+                    :model-value="showDiskPercent(server)"
+                    class="mt-1 h-1"
+                  />
                 </div>
               </div>
             </CardContent>
             <CardFooter
-              class="text-muted-foreground flex justify-between px-6 pt-0 pb-3 text-[10px]"
+              class="flex justify-between px-6 pt-0 pb-3 text-[10px] text-muted-foreground"
             >
-              <span class="font-mono">ID: {{ server.uuid.substring(0, 8) }}</span>
+              <span class="font-mono"
+                >ID: {{ server.uuid.substring(0, 8) }}</span
+              >
             </CardFooter>
           </Card>
         </router-link>
diff --git a/src/pages/index.vue b/src/pages/index.vue
index 709e43c6..2187bf91 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -1,22 +1,34 @@
 <script setup lang="ts">
-// deprecated
-
-import HeaderView from "@/components/HeaderView.vue";
-import FooterView from "@/components/FooterView.vue";
+import { onMounted } from "vue";
+import { useRouter } from "vue-router";
 import Loader from "@/components/misc/loader.vue";
+import loader2 from "@/components/misc/loader2.vue";
+import { useBackendStore } from "@/composables/useBackendStore";
+import Loader2 from "@/components/misc/loader2.vue";
+
+const router = useRouter();
+const { backends } = useBackendStore();
+
+onMounted(async () => {
+  await router.isReady();
+
+  if (backends.value.length === 0) {
+    await router.replace({
+      name: "/dashboard/node-manage",
+      query: {
+        fill: "empty",
+        tab: "servers",
+      },
+    });
+    return;
+  }
+
+  await router.replace({ name: "/dashboard/overview" });
+});
 </script>
 
 <template>
-  <div class="flex min-h-screen flex-col">
-    <div class="container mx-auto flex flex-1 flex-col space-y-6 p-6">
-      <HeaderView status="connecting" />
-
-      <TransitionGroup tag="div" name="list" class="flex flex-1">
-        <div class="flex w-full flex-col items-center justify-center gap-4">
-          <Loader></Loader>
-        </div>
-      </TransitionGroup>
-      <FooterView />
-    </div>
+  <div class="flex h-screen items-center justify-center">
+    <Loader />
   </div>
 </template>
diff --git a/src/pages/server-detail.vue b/src/pages/server-detail/[uuid].vue
similarity index 73%
rename from src/pages/server-detail.vue
rename to src/pages/server-detail/[uuid].vue
index 8b3cb64e..072450d1 100644
--- a/src/pages/server-detail.vue
+++ b/src/pages/server-detail/[uuid].vue
@@ -4,7 +4,12 @@ import { useI18n } from "vue-i18n";
 import { useAgentStatus } from "@/composables/useAgentStatus";
 import { useStaticMonitoring } from "@/composables/monitoring/useStaticMonitoring";
 import { colors } from "@/composables/color";
-import { formatLoad, formatBytes, formatUptime, formatTimestamp } from "@/utils/format";
+import {
+  formatLoad,
+  formatBytes,
+  formatUptime,
+  formatTimestamp,
+} from "@/utils/format";
 import {
   showHostname,
   showOS,
@@ -39,17 +44,17 @@ import {
   Container,
   Fish,
 } from "lucide-vue-next";
-import type { DynamicDetailData, DynamicDisk, DynamicNetworkInterface } from "@/types/monitoring";
-
-definePage({
-  path: "/s/:uuid",
-});
+import type {
+  DynamicDetailData,
+  DynamicDisk,
+  DynamicNetworkInterface,
+} from "@/types/monitoring";
 
 const { t } = useI18n();
 
-const route = useRoute();
+const route = useRoute("/server-detail/[uuid]");
 const router = useRouter();
-const uuid = (route.params as { uuid: string }).uuid;
+const uuid = route.params.uuid;
 
 const isSidebarOpen = ref(false);
 
@@ -61,7 +66,8 @@ const {
   fetchDynamicSummary,
 } = useAgentStatus();
 
-const { servers: staticServers, refresh: connectStatic } = useStaticMonitoring();
+const { servers: staticServers, refresh: connectStatic } =
+  useStaticMonitoring();
 
 const activeTab = ref("cpu");
 
@@ -125,9 +131,11 @@ const loadHistory = async () => {
   try {
     const now = Date.now();
     const from = now - 10 * 60 * 1000;
-    const res = await fetchDynamicSummary(uuid, { timestamp_from: from, timestamp_to: now }, [
-      "cpu_usage",
-    ]);
+    const res = await fetchDynamicSummary(
+      uuid,
+      { timestamp_from: from, timestamp_to: now },
+      ["cpu_usage"],
+    );
     if (Array.isArray(res)) {
       historyData.value = res
         .map((r: any) => ({
@@ -268,10 +276,15 @@ onUnmounted(() => {
 </script>
 
 <template>
-  <div class="text-foreground flex h-screen flex-col">
+  <div class="flex h-screen flex-col text-foreground">
     <div class="border-b">
       <div class="container mx-auto flex items-center gap-4 px-4 py-3">
-        <Button variant="ghost" size="icon" class="md:hidden" @click="isSidebarOpen = true">
+        <Button
+          variant="ghost"
+          size="icon"
+          class="md:hidden"
+          @click="isSidebarOpen = true"
+        >
           <Menu class="h-5 w-5" />
         </Button>
 
@@ -286,28 +299,37 @@ onUnmounted(() => {
       <!-- Mobile Sidebar Overlay -->
       <div
         v-if="isSidebarOpen"
-        class="bg-background/80 fixed inset-0 z-40 backdrop-blur-sm md:hidden"
+        class="fixed inset-0 z-40 bg-background/80 backdrop-blur-sm md:hidden"
         @click="isSidebarOpen = false"
       ></div>
 
       <!-- Sidebar -->
       <aside
         :class="[
-          'bg-muted/20 z-50 flex flex-col border-r transition-all duration-300 ease-in-out',
-          'bg-background md:bg-muted/20 fixed inset-y-0 left-0 h-full md:relative',
-          isSidebarOpen ? 'translate-x-0' : '-translate-x-full md:translate-x-0',
+          'z-50 flex flex-col border-r bg-muted/20 transition-all duration-300 ease-in-out',
+          'fixed inset-y-0 left-0 h-full bg-background md:relative md:bg-muted/20',
+          isSidebarOpen
+            ? 'translate-x-0'
+            : '-translate-x-full md:translate-x-0',
           'md:w-72',
           'w-72',
         ]"
       >
-        <div class="box-border flex h-16 items-center gap-2 overflow-hidden border-b p-4">
-          <Button @click="router.back()" variant="ghost" size="icon" class="h-8 w-8 shrink-0">
+        <div
+          class="box-border flex h-16 items-center gap-2 overflow-hidden border-b p-4"
+        >
+          <Button
+            @click="router.back()"
+            variant="ghost"
+            size="icon"
+            class="h-8 w-8 shrink-0"
+          >
             <ArrowLeft class="h-4 w-4" />
           </Button>
           <div class="flex-1 overflow-hidden transition-opacity duration-300">
             <div v-if="server">
               <h2 class="truncate font-semibold">{{ showHostname(server) }}</h2>
-              <p class="text-muted-foreground truncate text-xs">
+              <p class="truncate text-xs text-muted-foreground">
                 {{ showOS(server) }}
               </p>
             </div>
@@ -350,7 +372,7 @@ onUnmounted(() => {
                   'flex w-full items-center gap-3 rounded-lg border p-3 text-left transition-all',
                   activeTab === tab.id
                     ? 'shadow-sm'
-                    : 'hover:bg-muted/50 text-muted-foreground hover:text-foreground border-transparent',
+                    : 'border-transparent text-muted-foreground hover:bg-muted/50 hover:text-foreground',
                 ]"
               >
                 <div
@@ -359,35 +381,54 @@ onUnmounted(() => {
                     activeTab === tab.id ? '' : 'bg-muted',
                   ]"
                   :style="
-                    activeTab === tab.id ? { backgroundColor: `${getcolors(tab.id).color}20` } : {}
+                    activeTab === tab.id
+                      ? { backgroundColor: `${getcolors(tab.id).color}20` }
+                      : {}
                   "
                 >
                   <component
                     :is="tab.icon"
-                    :class="['h-5 w-5', activeTab === tab.id ? '' : 'text-muted-foreground']"
-                    :style="activeTab === tab.id ? { color: getcolors(tab.id).color } : {}"
+                    :class="[
+                      'h-5 w-5',
+                      activeTab === tab.id ? '' : 'text-muted-foreground',
+                    ]"
+                    :style="
+                      activeTab === tab.id
+                        ? { color: getcolors(tab.id).color }
+                        : {}
+                    "
                   />
                 </div>
                 <div class="min-w-0 flex-1 transition-all duration-300">
                   <div
                     class="truncate text-sm font-medium"
-                    :style="activeTab === tab.id ? { color: getcolors(tab.id).color } : {}"
+                    :style="
+                      activeTab === tab.id
+                        ? { color: getcolors(tab.id).color }
+                        : {}
+                    "
                   >
                     {{ tab.label.value }}
                   </div>
-                  <div class="text-muted-foreground mt-0.5 truncate font-mono text-xs">
-                    <span v-if="tab.id === 'cpu'">{{ showCpuPercent(server).toFixed(1) }}%</span>
+                  <div
+                    class="mt-0.5 truncate font-mono text-xs text-muted-foreground"
+                  >
+                    <span v-if="tab.id === 'cpu'"
+                      >{{ showCpuPercent(server).toFixed(1) }}%</span
+                    >
                     <span v-else-if="tab.id === 'memory'"
                       >{{ showRamPercent(server).toFixed(1) }}%</span
                     >
-                    <span v-else-if="tab.id === 'disk'">{{ showDiskDisplay(server) }}</span>
+                    <span v-else-if="tab.id === 'disk'">{{
+                      showDiskDisplay(server)
+                    }}</span>
                     <span v-else-if="tab.id === 'network'">{{
                       showNetworkSpeed(server, "total")
                     }}</span>
                   </div>
                 </div>
                 <div
-                  class="bg-muted/20 h-8 w-1 shrink-0 overflow-hidden rounded-full transition-all duration-300"
+                  class="h-8 w-1 shrink-0 overflow-hidden rounded-full bg-muted/20 transition-all duration-300"
                   v-if="['cpu', 'memory', 'disk'].includes(tab.id)"
                 >
                   <div
@@ -413,9 +454,15 @@ onUnmounted(() => {
 
       <!-- Main Content -->
       <main class="flex min-w-0 flex-1 flex-col">
-        <div v-if="!server" class="text-muted-foreground flex flex-1 items-center justify-center">
+        <div
+          v-if="!server"
+          class="flex flex-1 items-center justify-center text-muted-foreground"
+        >
           <div class="flex flex-col items-center gap-2">
-            <div v-if="dynamicError" class="text-destructive flex items-center gap-2">
+            <div
+              v-if="dynamicError"
+              class="flex items-center gap-2 text-destructive"
+            >
               <AlertCircle class="h-5 w-5" /> {{ dynamicError }}
             </div>
             <span v-else>{{ $t("serverDetail.connecting") }}</span>
@@ -445,7 +492,9 @@ onUnmounted(() => {
                 <Card>
                   <CardHeader>
                     <div class="flex items-center justify-between">
-                      <CardTitle>{{ $t("serverDetail.cpu.totalUtilization") }}</CardTitle>
+                      <CardTitle>{{
+                        $t("serverDetail.cpu.totalUtilization")
+                      }}</CardTitle>
                       <Tabs v-model="cpuMode" class="w-[200px]">
                         <TabsList class="grid h-8 w-full grid-cols-2">
                           <TabsTrigger value="realtime" class="text-xs">{{
@@ -457,7 +506,10 @@ onUnmounted(() => {
                         </TabsList>
                       </Tabs>
                     </div>
-                    <div class="text-4xl font-bold tracking-tighter" v-if="cpuMode === 'realtime'">
+                    <div
+                      class="text-4xl font-bold tracking-tighter"
+                      v-if="cpuMode === 'realtime'"
+                    >
                       {{ showCpuPercent(server).toFixed(1) }}%
                     </div>
                     <div class="flex h-9 items-end" v-else>
@@ -465,20 +517,24 @@ onUnmounted(() => {
                         $t("serverDetail.cpu.loadingHistory")
                       }}</span>
                       <span
-                        class="text-muted-foreground text-sm"
+                        class="text-sm text-muted-foreground"
                         v-else-if="historyData.length > 0"
                       >
-                        {{ $t("serverDetail.cpu.lastRecords", [historyData.length]) }}
+                        {{
+                          $t("serverDetail.cpu.lastRecords", [
+                            historyData.length,
+                          ])
+                        }}
                       </span>
                     </div>
                   </CardHeader>
                   <CardContent>
                     <div
-                      class="bg-muted/10 group relative flex h-[200px] w-full items-end overflow-hidden rounded-md border p-0"
+                      class="group relative flex h-[200px] w-full items-end overflow-hidden rounded-md border bg-muted/10 p-0"
                     >
                       <!-- Axis Guide -->
                       <div
-                        class="text-muted-foreground/60 pointer-events-none absolute inset-y-0 left-0 z-10 flex w-8 flex-col justify-between py-2 pl-2 font-mono text-[10px] select-none"
+                        class="pointer-events-none absolute inset-y-0 left-0 z-10 flex w-8 flex-col justify-between py-2 pl-2 font-mono text-[10px] text-muted-foreground/60 select-none"
                       >
                         <div>100%</div>
                         <div>50%</div>
@@ -488,22 +544,47 @@ onUnmounted(() => {
                       <div
                         class="pointer-events-none absolute inset-0 z-0 flex flex-col justify-between"
                       >
-                        <div class="border-border/40 border-t opacity-50"></div>
-                        <div class="border-border/40 border-t border-dashed opacity-50"></div>
-                        <div class="border-border/40 border-b opacity-50"></div>
+                        <div class="border-t border-border/40 opacity-50"></div>
+                        <div
+                          class="border-t border-dashed border-border/40 opacity-50"
+                        ></div>
+                        <div class="border-b border-border/40 opacity-50"></div>
                       </div>
                       <svg
                         viewBox="0 0 100 40"
                         preserveAspectRatio="none"
-                        class="text-primary h-full w-full"
+                        class="h-full w-full text-primary"
                       >
                         <defs>
-                          <linearGradient id="cpuGradient" x1="0" x2="0" y1="0" y2="1">
-                            <stop offset="0%" :stop-color="activeTheme.color" stop-opacity="0.5" />
-                            <stop offset="100%" :stop-color="activeTheme.color" stop-opacity="0" />
+                          <linearGradient
+                            id="cpuGradient"
+                            x1="0"
+                            x2="0"
+                            y1="0"
+                            y2="1"
+                          >
+                            <stop
+                              offset="0%"
+                              :stop-color="activeTheme.color"
+                              stop-opacity="0.5"
+                            />
+                            <stop
+                              offset="100%"
+                              :stop-color="activeTheme.color"
+                              stop-opacity="0"
+                            />
                           </linearGradient>
-                          <filter id="glow" x="-50%" y="-50%" width="200%" height="200%">
-                            <feGaussianBlur stdDeviation="2" result="coloredBlur" />
+                          <filter
+                            id="glow"
+                            x="-50%"
+                            y="-50%"
+                            width="200%"
+                            height="200%"
+                          >
+                            <feGaussianBlur
+                              stdDeviation="2"
+                              result="coloredBlur"
+                            />
                             <feMerge>
                               <feMergeNode in="coloredBlur" />
                               <feMergeNode in="SourceGraphic" />
@@ -511,7 +592,11 @@ onUnmounted(() => {
                           </filter>
                         </defs>
 
-                        <path :d="historyAreaPath" fill="url(#cpuGradient)" stroke="none" />
+                        <path
+                          :d="historyAreaPath"
+                          fill="url(#cpuGradient)"
+                          stroke="none"
+                        />
                         <path
                           :d="historyPath"
                           fill="none"
@@ -524,7 +609,7 @@ onUnmounted(() => {
                         />
                       </svg>
                       <div
-                        class="text-muted-foreground/20 pointer-events-none absolute inset-0 flex items-center justify-center text-6xl font-bold transition-opacity select-none group-hover:opacity-0"
+                        class="pointer-events-none absolute inset-0 flex items-center justify-center text-6xl font-bold text-muted-foreground/20 transition-opacity select-none group-hover:opacity-0"
                       >
                         {{
                           cpuMode === "realtime"
@@ -534,58 +619,76 @@ onUnmounted(() => {
                       </div>
                       <div
                         v-if="cpuMode === 'history' && historyData.length > 0"
-                        class="text-muted-foreground absolute bottom-1 left-12 font-mono text-[10px]"
+                        class="absolute bottom-1 left-12 font-mono text-[10px] text-muted-foreground"
                       >
                         {{ formatTimestamp(historyData[0]!.timestamp) }}
                       </div>
                       <div
                         v-if="cpuMode === 'history' && historyData.length > 0"
-                        class="text-muted-foreground absolute right-2 bottom-1 font-mono text-[10px]"
+                        class="absolute right-2 bottom-1 font-mono text-[10px] text-muted-foreground"
                       >
-                        {{ formatTimestamp(historyData[historyData.length - 1]!.timestamp) }}
+                        {{
+                          formatTimestamp(
+                            historyData[historyData.length - 1]!.timestamp,
+                          )
+                        }}
                       </div>
                     </div>
                   </CardContent>
                 </Card>
 
                 <div class="grid grid-cols-1 gap-3 md:grid-cols-3">
-                  <div class="bg-card text-card-foreground rounded-lg border p-4 shadow-sm">
-                    <div class="text-muted-foreground mb-1 text-xs">
+                  <div
+                    class="rounded-lg border bg-card p-4 text-card-foreground shadow-sm"
+                  >
+                    <div class="mb-1 text-xs text-muted-foreground">
                       {{ $t("serverDetail.cpu.loadAverage") }}
                     </div>
                     <div class="font-mono text-lg">
                       {{ formatLoad(server) }}
                     </div>
                   </div>
-                  <div class="bg-card text-card-foreground rounded-lg border p-4 shadow-sm">
-                    <div class="text-muted-foreground mb-1 text-xs">
+                  <div
+                    class="rounded-lg border bg-card p-4 text-card-foreground shadow-sm"
+                  >
+                    <div class="mb-1 text-xs text-muted-foreground">
                       {{ $t("serverDetail.cpu.cores") }}
                     </div>
                     <div class="font-mono text-lg">
                       {{ server.cpu_static?.per_core?.length ?? "-" }}
                     </div>
                   </div>
-                  <div class="bg-card text-card-foreground rounded-lg border p-4 shadow-sm">
-                    <div class="text-muted-foreground mb-1 text-xs">
+                  <div
+                    class="rounded-lg border bg-card p-4 text-card-foreground shadow-sm"
+                  >
+                    <div class="mb-1 text-xs text-muted-foreground">
                       {{ $t("serverDetail.cpu.model") }}
                     </div>
                     <div
                       class="truncate text-sm font-medium"
-                      :title="server?.cpu_static?.per_core?.[0]?.brand || 'Unknown'"
+                      :title="
+                        server?.cpu_static?.per_core?.[0]?.brand || 'Unknown'
+                      "
                     >
-                      {{ server?.cpu_static?.per_core?.[0]?.brand || "Unknown" }}
+                      {{
+                        server?.cpu_static?.per_core?.[0]?.brand || "Unknown"
+                      }}
                     </div>
                   </div>
                 </div>
               </div>
 
               <!-- Memory View -->
-              <div v-else-if="activeTab === 'memory'" key="memory" class="space-y-6">
+              <div
+                v-else-if="activeTab === 'memory'"
+                key="memory"
+                class="space-y-6"
+              >
                 <!-- Glassmorphism Cards Row -->
                 <div class="grid gap-8 md:grid-cols-2">
                   <!-- Memory Card -->
                   <div
-                    class="from-card/80 to-card/40 relative overflow-hidden rounded-2xl border border-white/10 bg-gradient-to-br px-8 py-7 shadow-[0_8px_32px_rgba(0,0,0,0.08)] backdrop-blur-xl transition-all hover:shadow-[0_12px_40px_rgba(74,222,128,0.1)] dark:border-white/[0.06] dark:shadow-[0_8px_32px_rgba(0,0,0,0.3)]"
+                    class="relative overflow-hidden rounded-2xl border border-white/10 bg-gradient-to-br from-card/80 to-card/40 px-8 py-7 shadow-[0_8px_32px_rgba(0,0,0,0.08)] backdrop-blur-xl transition-all hover:shadow-[0_12px_40px_rgba(74,222,128,0.1)] dark:border-white/[0.06] dark:shadow-[0_8px_32px_rgba(0,0,0,0.3)]"
                   >
                     <!-- Subtle glow effect -->
                     <div
@@ -623,7 +726,9 @@ onUnmounted(() => {
                             stroke-width="9"
                             stroke-linecap="round"
                             :stroke-dasharray="339.29"
-                            :stroke-dashoffset="339.29 - (339.29 * showRamPercent(server)) / 100"
+                            :stroke-dashoffset="
+                              339.29 - (339.29 * showRamPercent(server)) / 100
+                            "
                             class="transition-all duration-700 ease-out"
                             :style="{
                               filter: `drop-shadow(0 0 6px ${activeTheme.color}40)`,
@@ -631,7 +736,9 @@ onUnmounted(() => {
                           />
                         </svg>
                         <!-- Center text -->
-                        <div class="absolute inset-0 flex flex-col items-center justify-center">
+                        <div
+                          class="absolute inset-0 flex flex-col items-center justify-center"
+                        >
                           <span
                             class="text-2xl font-bold tracking-tight"
                             :style="{ color: activeTheme.color }"
@@ -642,10 +749,10 @@ onUnmounted(() => {
                       <!-- Details -->
                       <div class="min-w-0 flex-1 space-y-3">
                         <div class="flex items-center gap-2">
-                          <Database class="text-muted-foreground h-4 w-4" />
+                          <Database class="h-4 w-4 text-muted-foreground" />
                           <span class="text-lg font-semibold">Memory</span>
                         </div>
-                        <div class="text-muted-foreground font-mono text-xs">
+                        <div class="font-mono text-xs text-muted-foreground">
                           {{ showRamText(server) }}
                         </div>
                         <div class="space-y-2">
@@ -664,7 +771,8 @@ onUnmounted(() => {
                             <span class="font-mono font-medium">{{
                               formatBytes(
                                 server.available_memory ??
-                                  (server.total_memory ?? 0) - (server.used_memory ?? 0),
+                                  (server.total_memory ?? 0) -
+                                    (server.used_memory ?? 0),
                               )
                             }}</span>
                           </div>
@@ -675,7 +783,7 @@ onUnmounted(() => {
 
                   <!-- Swap Card -->
                   <div
-                    class="from-card/80 to-card/40 relative overflow-hidden rounded-2xl border border-white/10 bg-gradient-to-br px-8 py-7 shadow-[0_8px_32px_rgba(0,0,0,0.08)] backdrop-blur-xl transition-all hover:shadow-[0_12px_40px_rgba(0,0,0,0.12)] dark:border-white/[0.06] dark:shadow-[0_8px_32px_rgba(0,0,0,0.3)]"
+                    class="relative overflow-hidden rounded-2xl border border-white/10 bg-gradient-to-br from-card/80 to-card/40 px-8 py-7 shadow-[0_8px_32px_rgba(0,0,0,0.08)] backdrop-blur-xl transition-all hover:shadow-[0_12px_40px_rgba(0,0,0,0.12)] dark:border-white/[0.06] dark:shadow-[0_8px_32px_rgba(0,0,0,0.3)]"
                   >
                     <div
                       class="absolute -top-20 -right-20 h-40 w-40 rounded-full opacity-[0.05]"
@@ -724,7 +832,9 @@ onUnmounted(() => {
                               stroke-linecap="round"
                               :stroke-dasharray="339.29"
                               :stroke-dashoffset="
-                                339.29 - 339.29 * ((server.used_swap ?? 0) / server.total_swap)
+                                339.29 -
+                                339.29 *
+                                  ((server.used_swap ?? 0) / server.total_swap)
                               "
                               class="transition-all duration-700 ease-out"
                               :style="{
@@ -734,9 +844,12 @@ onUnmounted(() => {
                           </template>
                         </svg>
                         <!-- Center text -->
-                        <div class="absolute inset-0 flex flex-col items-center justify-center">
+                        <div
+                          class="absolute inset-0 flex flex-col items-center justify-center"
+                        >
                           <template v-if="!server.total_swap">
-                            <span class="text-muted-foreground/60 text-sm font-medium"
+                            <span
+                              class="text-sm font-medium text-muted-foreground/60"
                               >Inactive</span
                             >
                           </template>
@@ -745,7 +858,11 @@ onUnmounted(() => {
                               class="text-2xl font-bold tracking-tight"
                               :style="{ color: activeTheme.color }"
                               >{{
-                                (((server.used_swap ?? 0) / server.total_swap) * 100).toFixed(1)
+                                (
+                                  ((server.used_swap ?? 0) /
+                                    server.total_swap) *
+                                  100
+                                ).toFixed(1)
                               }}%</span
                             >
                           </template>
@@ -754,10 +871,10 @@ onUnmounted(() => {
                       <!-- Details -->
                       <div class="min-w-0 flex-1 space-y-3">
                         <div class="flex items-center gap-2">
-                          <CircuitBoard class="text-muted-foreground h-4 w-4" />
+                          <CircuitBoard class="h-4 w-4 text-muted-foreground" />
                           <span class="text-lg font-semibold">Swap</span>
                         </div>
-                        <div class="text-muted-foreground font-mono text-xs">
+                        <div class="font-mono text-xs text-muted-foreground">
                           {{ formatBytes(server.used_swap ?? 0) }} /
                           {{ formatBytes(server.total_swap ?? 0) }}
                         </div>
@@ -775,7 +892,10 @@ onUnmounted(() => {
                               $t("serverDetail.memory.available")
                             }}</span>
                             <span class="font-mono font-medium">{{
-                              formatBytes((server.total_swap ?? 0) - (server.used_swap ?? 0))
+                              formatBytes(
+                                (server.total_swap ?? 0) -
+                                  (server.used_swap ?? 0),
+                              )
                             }}</span>
                           </div>
                         </div>
@@ -786,10 +906,14 @@ onUnmounted(() => {
               </div>
 
               <!-- Disk View -->
-              <div v-else-if="activeTab === 'disk'" key="disk" class="space-y-6">
+              <div
+                v-else-if="activeTab === 'disk'"
+                key="disk"
+                class="space-y-6"
+              >
                 <div
                   v-if="diskList.length === 0"
-                  class="text-muted-foreground py-12 text-center text-sm"
+                  class="py-12 text-center text-sm text-muted-foreground"
                 >
                   {{ $t("common.loading") }}
                 </div>
@@ -797,7 +921,7 @@ onUnmounted(() => {
                   <div
                     v-for="(disk, index) in diskList"
                     :key="index"
-                    class="from-card/80 to-card/40 relative overflow-hidden rounded-2xl border border-white/10 bg-gradient-to-br px-8 py-7 shadow-[0_8px_32px_rgba(0,0,0,0.08)] backdrop-blur-xl transition-all hover:shadow-[0_12px_40px_rgba(251,146,60,0.1)] dark:border-white/[0.06] dark:shadow-[0_8px_32px_rgba(0,0,0,0.3)]"
+                    class="relative overflow-hidden rounded-2xl border border-white/10 bg-gradient-to-br from-card/80 to-card/40 px-8 py-7 shadow-[0_8px_32px_rgba(0,0,0,0.08)] backdrop-blur-xl transition-all hover:shadow-[0_12px_40px_rgba(251,146,60,0.1)] dark:border-white/[0.06] dark:shadow-[0_8px_32px_rgba(0,0,0,0.3)]"
                   >
                     <div
                       class="absolute -top-20 -right-20 h-40 w-40 rounded-full opacity-[0.07]"
@@ -835,7 +959,9 @@ onUnmounted(() => {
                             :stroke-dashoffset="
                               339.29 -
                               339.29 *
-                                (disk.total_space ? 1 - disk.available_space / disk.total_space : 0)
+                                (disk.total_space
+                                  ? 1 - disk.available_space / disk.total_space
+                                  : 0)
                             "
                             class="transition-all duration-700 ease-out"
                             :style="{
@@ -843,13 +969,19 @@ onUnmounted(() => {
                             }"
                           />
                         </svg>
-                        <div class="absolute inset-0 flex flex-col items-center justify-center">
+                        <div
+                          class="absolute inset-0 flex flex-col items-center justify-center"
+                        >
                           <span
                             class="text-2xl font-bold tracking-tight"
                             :style="{ color: activeTheme.color }"
                             >{{
                               disk.total_space
-                                ? ((1 - disk.available_space / disk.total_space) * 100).toFixed(0)
+                                ? (
+                                    (1 -
+                                      disk.available_space / disk.total_space) *
+                                    100
+                                  ).toFixed(0)
                                 : 0
                             }}%</span
                           >
@@ -858,10 +990,17 @@ onUnmounted(() => {
                       <!-- Details -->
                       <div class="min-w-0 flex-1 space-y-3">
                         <div class="flex items-center gap-2">
-                          <HardDrive class="h-4 w-4" :style="{ color: activeTheme.color }" />
-                          <span class="truncate text-lg font-semibold">{{ disk.mount_point }}</span>
+                          <HardDrive
+                            class="h-4 w-4"
+                            :style="{ color: activeTheme.color }"
+                          />
+                          <span class="truncate text-lg font-semibold">{{
+                            disk.mount_point
+                          }}</span>
                         </div>
-                        <div class="text-muted-foreground truncate font-mono text-xs">
+                        <div
+                          class="truncate font-mono text-xs text-muted-foreground"
+                        >
                           {{ disk.name || $t("common.disk") + " " + index }}
                           · {{ disk.kind }}
                         </div>
@@ -869,7 +1008,9 @@ onUnmounted(() => {
                           <div class="flex justify-between text-sm">
                             <span class="text-muted-foreground">Used</span>
                             <span class="font-mono font-medium">{{
-                              formatBytes(disk.total_space - disk.available_space)
+                              formatBytes(
+                                disk.total_space - disk.available_space,
+                              )
                             }}</span>
                           </div>
                           <div class="flex justify-between text-sm">
@@ -886,11 +1027,15 @@ onUnmounted(() => {
               </div>
 
               <!-- Network View -->
-              <div v-else-if="activeTab === 'network'" key="network" class="space-y-6">
+              <div
+                v-else-if="activeTab === 'network'"
+                key="network"
+                class="space-y-6"
+              >
                 <!-- Total Speed Summary -->
                 <div class="grid grid-cols-2 gap-8">
                   <div
-                    class="from-card/80 to-card/40 relative overflow-hidden rounded-2xl border border-white/10 bg-gradient-to-br px-8 py-6 shadow-[0_8px_32px_rgba(0,0,0,0.08)] backdrop-blur-xl dark:border-white/[0.06] dark:shadow-[0_8px_32px_rgba(0,0,0,0.3)]"
+                    class="relative overflow-hidden rounded-2xl border border-white/10 bg-gradient-to-br from-card/80 to-card/40 px-8 py-6 shadow-[0_8px_32px_rgba(0,0,0,0.08)] backdrop-blur-xl dark:border-white/[0.06] dark:shadow-[0_8px_32px_rgba(0,0,0,0.3)]"
                   >
                     <div
                       class="absolute -top-20 -right-20 h-40 w-40 rounded-full opacity-[0.07]"
@@ -903,11 +1048,14 @@ onUnmounted(() => {
                         class="flex h-10 w-10 items-center justify-center rounded-xl"
                         :style="{ backgroundColor: `${activeTheme.color}15` }"
                       >
-                        <ArrowDownToLine class="h-5 w-5" :style="{ color: activeTheme.color }" />
+                        <ArrowDownToLine
+                          class="h-5 w-5"
+                          :style="{ color: activeTheme.color }"
+                        />
                       </div>
                       <div>
                         <div
-                          class="text-muted-foreground text-xs font-medium tracking-wide uppercase"
+                          class="text-xs font-medium tracking-wide text-muted-foreground uppercase"
                         >
                           Download
                         </div>
@@ -921,7 +1069,7 @@ onUnmounted(() => {
                     </div>
                   </div>
                   <div
-                    class="from-card/80 to-card/40 relative overflow-hidden rounded-2xl border border-white/10 bg-gradient-to-br px-8 py-6 shadow-[0_8px_32px_rgba(0,0,0,0.08)] backdrop-blur-xl dark:border-white/[0.06] dark:shadow-[0_8px_32px_rgba(0,0,0,0.3)]"
+                    class="relative overflow-hidden rounded-2xl border border-white/10 bg-gradient-to-br from-card/80 to-card/40 px-8 py-6 shadow-[0_8px_32px_rgba(0,0,0,0.08)] backdrop-blur-xl dark:border-white/[0.06] dark:shadow-[0_8px_32px_rgba(0,0,0,0.3)]"
                   >
                     <div
                       class="absolute -top-20 -right-20 h-40 w-40 rounded-full opacity-[0.05]"
@@ -941,7 +1089,7 @@ onUnmounted(() => {
                       </div>
                       <div>
                         <div
-                          class="text-muted-foreground text-xs font-medium tracking-wide uppercase"
+                          class="text-xs font-medium tracking-wide text-muted-foreground uppercase"
                         >
                           Upload
                         </div>
@@ -957,36 +1105,44 @@ onUnmounted(() => {
                 </div>
 
                 <!-- Interfaces Grid -->
-                <div class="text-muted-foreground text-sm font-medium">
+                <div class="text-sm font-medium text-muted-foreground">
                   {{ $t("serverDetail.network.interfaces") }}
                 </div>
                 <div
                   v-if="networkInterfaces.length === 0"
-                  class="text-muted-foreground py-8 text-center text-sm"
+                  class="py-8 text-center text-sm text-muted-foreground"
                 >
                   {{ $t("common.loading") }}
                 </div>
-                <div v-else class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">
+                <div
+                  v-else
+                  class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3"
+                >
                   <div
                     v-for="(iface, index) in networkInterfaces"
                     :key="index"
-                    class="from-card/60 to-card/30 relative space-y-3 rounded-xl border border-white/10 bg-gradient-to-br p-4 backdrop-blur-lg transition-all hover:shadow-[0_4px_20px_rgba(0,0,0,0.06)] dark:border-white/[0.06]"
+                    class="relative space-y-3 rounded-xl border border-white/10 bg-gradient-to-br from-card/60 to-card/30 p-4 backdrop-blur-lg transition-all hover:shadow-[0_4px_20px_rgba(0,0,0,0.06)] dark:border-white/[0.06]"
                   >
                     <div class="flex items-center gap-2.5">
-                      <div class="bg-muted/40 flex h-7 w-7 items-center justify-center rounded-lg">
+                      <div
+                        class="flex h-7 w-7 items-center justify-center rounded-lg bg-muted/40"
+                      >
                         <Fish
                           v-if="iface.interface_name.startsWith('docker')"
-                          class="text-muted-foreground h-3.5 w-3.5"
+                          class="h-3.5 w-3.5 text-muted-foreground"
                         />
                         <Container
                           v-else-if="iface.interface_name.startsWith('podman')"
-                          class="text-muted-foreground h-3.5 w-3.5"
+                          class="h-3.5 w-3.5 text-muted-foreground"
                         />
                         <Wifi
                           v-else-if="iface.interface_name.startsWith('wl')"
-                          class="text-muted-foreground h-3.5 w-3.5"
+                          class="h-3.5 w-3.5 text-muted-foreground"
+                        />
+                        <Network
+                          v-else
+                          class="h-3.5 w-3.5 text-muted-foreground"
                         />
-                        <Network v-else class="text-muted-foreground h-3.5 w-3.5" />
                       </div>
                       <div class="min-w-0">
                         <div class="truncate text-sm font-semibold">
@@ -994,14 +1150,17 @@ onUnmounted(() => {
                         </div>
                         <div
                           v-if="iface.ip_address"
-                          class="text-muted-foreground truncate font-mono text-[10px]"
+                          class="truncate font-mono text-[10px] text-muted-foreground"
                         >
                           {{ iface.ip_address }}
                         </div>
                       </div>
                     </div>
                     <div class="flex items-center gap-4 font-mono text-xs">
-                      <span class="flex items-center gap-1" :style="{ color: activeTheme.color }">
+                      <span
+                        class="flex items-center gap-1"
+                        :style="{ color: activeTheme.color }"
+                      >
                         <ArrowDownToLine class="h-3 w-3" />
                         {{ formatBytes(iface.receive_speed) }}/s
                       </span>
diff --git a/src/router/index.ts b/src/router/index.ts
index 3983d82e..b29c82e4 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,9 +1,13 @@
 import { createRouter, createWebHashHistory } from "vue-router";
 import { routes } from "vue-router/auto-routes";
+import {
+  preparePrefetchableRoutes,
+  setupRoutePrefetchRouter,
+} from "./prefetchPlugin";
 
 const router = createRouter({
   history: createWebHashHistory(),
-  routes,
+  routes: preparePrefetchableRoutes(routes),
 });
 
-export default router;
+export default setupRoutePrefetchRouter(router);
diff --git a/src/router/prefetchPlugin.ts b/src/router/prefetchPlugin.ts
index 428b6eb3..2e279925 100644
--- a/src/router/prefetchPlugin.ts
+++ b/src/router/prefetchPlugin.ts
@@ -1,4 +1,10 @@
-import type { App, Plugin } from "vue";
+import type { App } from "vue";
+import {
+  setupDevtoolsPlugin,
+  type DevtoolsPluginApi,
+  type PluginDescriptor,
+  type TimelineEvent,
+} from "@vue/devtools-api";
 import type { RouteComponent, RouteRecordRaw, Router } from "vue-router";
 
 /** `() => import(...)` 形式生成的懒加载组件加载器。 */
@@ -26,9 +32,18 @@ type PrefetchMeta = {
 
 /** 内部维护的可预加载路由组件条目。 */
 type LoaderEntry = {
+  /** 包装后的 loader，暴露给 vue-router 与 preload 队列调用，失败可重试。 */
   loader: Loader;
+  /** 原始 `() => import(...)`，仅在 wrapper 内部触发实际加载。 */
+  original: Loader;
   path: string;
   priority: number;
+  /** 当前正在进行的加载 promise，用于去重并发请求。 */
+  inFlight?: Promise<unknown>;
+  /** 加载失败累计次数；成功会清零，prefetch 队列据此跳过/退避。 */
+  prefetchAttempts: number;
+  /** 时间戳：在此之前 prefetch 队列跳过本条目（指数退避用）。 */
+  prefetchRetryAt?: number;
 };
 
 /** 优先级计算结果，同时包含跳过原因说明。 */
@@ -49,7 +64,13 @@ type RouteInspectorEntry = {
 };
 
 /** 预加载事件在 Devtools 时间线中的日志等级。 */
-type DevtoolsLogType = "default" | "warning" | "error";
+type DevtoolsLogType = NonNullable<TimelineEvent["logType"]>;
+type RoutePrefetchDevtoolsApi = DevtoolsPluginApi<Record<string, never>>;
+type RoutePrefetchDevtoolsSetup = (api: RoutePrefetchDevtoolsApi) => void;
+type RegisterRoutePrefetchDevtoolsPlugin = (
+  descriptor: PluginDescriptor,
+  setupFn: RoutePrefetchDevtoolsSetup,
+) => void;
 
 /** Devtools 注册前后都会使用的时间线事件结构。 */
 type DevtoolsTimelineEvent = {
@@ -59,398 +80,499 @@ type DevtoolsTimelineEvent = {
   logType?: DevtoolsLogType;
 };
 
-/** Devtools Inspector 树节点的最小结构定义。 */
-type InspectorNode = {
-  id: string;
-  label: string;
-  children?: InspectorNode[];
-  tags?: Array<{
-    label: string;
-    textColor: number;
-    backgroundColor: number;
-    tooltip?: string;
-  }>;
-};
+class LoaderRegistry {
+  private entries = new Map<Loader, LoaderEntry>();
+  private loaded = new Set<Loader>();
 
-/** Vue Devtools Inspector 状态面板所需的最小结构定义。 */
-type InspectorState = Record<
-  string,
-  Array<{
-    key: string;
-    value: unknown;
-  }>
->;
-
-/** 当前插件实际使用到的 Vue Devtools API 子集。 */
-type DevtoolsApi = {
-  addTimelineLayer(options: { id: string; label: string; color: number }): void;
-  addTimelineEvent(options: {
-    layerId: string;
-    event: {
-      time: number;
-      title: string;
-      subtitle?: string;
-      data: Record<string, unknown>;
-      logType?: DevtoolsLogType;
-    };
-  }): void;
-  addInspector(options: { id: string; label: string; icon?: string }): void;
-  sendInspectorTree(inspectorId: string): void;
-  sendInspectorState(inspectorId: string): void;
-  on: {
-    getInspectorTree(
-      handler: (payload: {
-        inspectorId: string;
-        filter: string;
-        rootNodes: InspectorNode[];
-      }) => void,
-    ): void;
-    getInspectorState(
-      handler: (payload: { inspectorId: string; nodeId: string; state: InspectorState }) => void,
-    ): void;
-  };
-  now?(): number;
-};
+  get size() {
+    return this.entries.size;
+  }
 
-const loaders = new Map<Loader, LoaderEntry>();
-const loaded = new Set<Loader>();
-const pendingDevtoolsEvents: DevtoolsTimelineEvent[] = [];
-const routeEntries = new Map<string, RouteInspectorEntry>();
-const recentEvents: Array<
-  DevtoolsTimelineEvent & {
-    time: number;
-    path?: string;
-    priority?: number | null;
+  get loadedSize() {
+    return this.loaded.size;
+  }
+
+  find(loader: Loader) {
+    return this.entries.get(loader);
+  }
+
+  add(entry: LoaderEntry) {
+    this.entries.set(entry.loader, entry);
+  }
+
+  markLoaded(entry: LoaderEntry) {
+    this.loaded.add(entry.loader);
+  }
+
+  markFailed(entry: LoaderEntry) {
+    this.loaded.delete(entry.loader);
+  }
+
+  isLoaded(entry: LoaderEntry) {
+    return this.loaded.has(entry.loader);
+  }
+
+  isInFlight(entry: LoaderEntry) {
+    return entry.inFlight !== undefined;
+  }
+
+  isExhausted(entry: LoaderEntry) {
+    return entry.prefetchAttempts >= PREFETCH_MAX_ATTEMPTS;
+  }
+
+  isBackoffActive(entry: LoaderEntry, now = Date.now()) {
+    return entry.prefetchRetryAt !== undefined && now < entry.prefetchRetryAt;
+  }
+
+  canPrefetch(entry: LoaderEntry, now = Date.now()) {
+    return (
+      !this.isLoaded(entry) &&
+      !this.isInFlight(entry) &&
+      !this.isExhausted(entry) &&
+      !this.isBackoffActive(entry, now)
+    );
+  }
+
+  pending(now = Date.now()) {
+    return [...this.entries.values()]
+      .filter((entry) => this.canPrefetch(entry, now))
+      .sort((a, b) => b.priority - a.priority || a.path.localeCompare(b.path));
   }
-> = [];
 
+  statusForPath(path: string) {
+    const matchedLoaders = [...this.entries.values()].filter(
+      (entry) => entry.path === path,
+    );
+
+    if (!matchedLoaders.length) return "unknown";
+    if (matchedLoaders.every((entry) => this.isLoaded(entry))) {
+      return "loaded";
+    }
+    return "pending";
+  }
+
+  resetStaleFailures() {
+    let resetCount = 0;
+    for (const entry of this.entries.values()) {
+      if (this.isLoaded(entry)) continue;
+      if (this.isInFlight(entry)) continue;
+      if (entry.prefetchAttempts > 0 || entry.prefetchRetryAt) {
+        entry.prefetchAttempts = 0;
+        entry.prefetchRetryAt = undefined;
+        resetCount++;
+      }
+    }
+    return resetCount;
+  }
+}
+
+const loaderRegistry = new LoaderRegistry();
+const routeEntries = new Map<string, RouteInspectorEntry>();
+
+const configuredRouters = new WeakSet<Router>();
 let debounceTimer: number | null = null;
 let isPreloading = false;
-let devtoolsApi: DevtoolsApi | null = null;
-let devtoolsLayerAdded = false;
-let devtoolsInspectorAdded = false;
+let visibilityListenerAttached = false;
 const installedRouters = new WeakSet<Router>();
 
-/** 在 Devtools 中注册插件时使用的稳定插件标识。 */
-const DEVTOOLS_PLUGIN_ID = "nodeget:router-prefetch";
-/** 预加载生命周期事件所在的时间线层标识。 */
-const DEVTOOLS_LAYER_ID = "nodeget:router-prefetch:timeline";
-/** 自定义路由预加载 Inspector 面板的标识。 */
-const DEVTOOLS_INSPECTOR_ID = "nodeget:router-prefetch:inspector";
-/** 自定义 Inspector 树中根摘要节点的标识。 */
-const DEVTOOLS_INSPECTOR_NODE_ID = "summary";
 /** `requestIdleCallback` 最长等待时间，超过后允许以超时形式执行预加载。 */
 const IDLE_CALLBACK_TIMEOUT = 1000;
+/** 单条目 prefetch 最大尝试次数；超过后等待 visibility/导航事件重置。 */
+const PREFETCH_MAX_ATTEMPTS = 3;
+/** prefetch 失败后的退避时长（毫秒），按尝试次数取索引。 */
+const PREFETCH_BACKOFF_MS = [5_000, 15_000, 30_000];
+
+class DevtoolsBridge {
+  /** 在 Devtools 中注册插件时使用的稳定插件标识。 */
+  private readonly pluginId = "nodeget:router-prefetch";
+  /** 预加载生命周期事件所在的时间线层标识。 */
+  private readonly layerId = "nodeget:router-prefetch:timeline";
+  /** 自定义路由预加载 Inspector 面板的标识。 */
+  private readonly inspectorId = "nodeget:router-prefetch:inspector";
+  private readonly summaryNodeId = "summary";
+  /** 在 devtools 接入前缓存的事件上限，避免生产环境无 devtools 时无界增长。 */
+  private readonly pendingEventsMax = 200;
+  /** Devtools 中各优先级分组对应的人类可读标签。 */
+  private readonly bucketLabels: Record<PriorityBucket, string> = {
+    high: "High",
+    normal: "Normal",
+    low: "Low",
+    skipped: "Skipped",
+  };
+  /** 各优先级分组在 Inspector 标签和分组展示中复用的颜色。 */
+  private readonly bucketColors: Record<PriorityBucket, number> = {
+    high: 0xef4444,
+    normal: 0x3b82f6,
+    low: 0xf59e0b,
+    skipped: 0x6b7280,
+  };
 
-/** Devtools 中各优先级分组对应的人类可读标签。 */
-const PRIORITY_BUCKET_LABELS: Record<PriorityBucket, string> = {
-  high: "High",
-  normal: "Normal",
-  low: "Low",
-  skipped: "Skipped",
-};
+  private api: RoutePrefetchDevtoolsApi | null = null;
+  private layerAdded = false;
+  private inspectorAdded = false;
+  private snapshotActive = false;
+  private routeGroupsSnapshot: Record<
+    PriorityBucket,
+    RouteInspectorEntry[]
+  > | null = null;
+  private pendingEvents: DevtoolsTimelineEvent[] = [];
+  private recentEvents: Array<
+    DevtoolsTimelineEvent & {
+      time: number;
+      path?: string;
+      priority?: number | null;
+    }
+  > = [];
+
+  attach(app: App) {
+    if (typeof window === "undefined") return;
+
+    const pluginDescriptor: PluginDescriptor = {
+      id: this.pluginId,
+      label: "Route Prefetch",
+      packageName: "nodeget-board",
+      homepage: "https://github.com",
+      app,
+      enableEarlyProxy: false,
+    };
 
-/** 各优先级分组在 Inspector 标签和分组展示中复用的颜色。 */
-const PRIORITY_BUCKET_COLORS: Record<PriorityBucket, number> = {
-  high: 0xef4444,
-  normal: 0x3b82f6,
-  low: 0xf59e0b,
-  skipped: 0x6b7280,
-};
+    (setupDevtoolsPlugin as RegisterRoutePrefetchDevtoolsPlugin)(
+      pluginDescriptor,
+      (api) => {
+        this.api = api;
+        this.ensureLayer();
+        this.ensureInspector();
+        this.flushPendingEvents();
+        this.updateInspector();
+      },
+    );
+  }
 
-function isDebugEnabled() {
-  if (typeof window === "undefined") return false;
+  log(message: string, data: Record<string, unknown> = {}) {
+    this.pushEvent({
+      title: message,
+      data,
+    });
+  }
 
-  const debugWindow = window as Window & {
-    __ROUTER_PREFETCH_DEBUG__?: boolean;
-  };
+  warn(message: string, data: Record<string, unknown> = {}) {
+    this.pushEvent({
+      title: message,
+      data,
+      logType: "warning",
+    });
+  }
 
-  return (
-    import.meta.env.DEV ||
-    debugWindow.__ROUTER_PREFETCH_DEBUG__ === true ||
-    window.localStorage.getItem("router-prefetch-debug") === "1"
-  );
-}
+  updateInspector() {
+    if (!this.api || !this.inspectorAdded) return;
+    this.snapshotActive = true;
+    this.routeGroupsSnapshot = null;
+    try {
+      this.api.sendInspectorTree(this.inspectorId);
+      this.api.sendInspectorState(this.inspectorId);
+    } finally {
+      this.routeGroupsSnapshot = null;
+      this.snapshotActive = false;
+    }
+  }
 
-function ensureDevtoolsLayer() {
-  if (!devtoolsApi || devtoolsLayerAdded) return;
+  private ensureLayer() {
+    if (!this.api || this.layerAdded) return;
 
-  devtoolsApi.addTimelineLayer({
-    id: DEVTOOLS_LAYER_ID,
-    label: "Route Prefetch",
-    color: 0x3b82f6,
-  });
-  devtoolsLayerAdded = true;
-}
+    this.api.addTimelineLayer({
+      id: this.layerId,
+      label: "Route Prefetch",
+      color: 0x3b82f6,
+    });
+    this.layerAdded = true;
+  }
 
-function ensureDevtoolsInspector() {
-  if (!devtoolsApi || devtoolsInspectorAdded) return;
+  private ensureInspector() {
+    if (!this.api || this.inspectorAdded) return;
 
-  devtoolsApi.addInspector({
-    id: DEVTOOLS_INSPECTOR_ID,
-    label: "Route Prefetch",
-    icon: "route",
-  });
+    this.api.addInspector({
+      id: this.inspectorId,
+      label: "Route Prefetch",
+      icon: "route",
+    });
 
-  devtoolsApi.on.getInspectorTree((payload) => {
-    if (payload.inspectorId !== DEVTOOLS_INSPECTOR_ID) return;
+    this.api.on.getInspectorTree((payload) => {
+      if (payload.inspectorId !== this.inspectorId) return;
 
-    const filter = payload.filter.trim().toLowerCase();
-    const groupedEntries = getGroupedRouteEntries();
+      const filter = payload.filter.trim().toLowerCase();
+      const groupedEntries = this.getRouteGroups();
 
-    payload.rootNodes = [
-      {
-        id: DEVTOOLS_INSPECTOR_NODE_ID,
-        label: "Summary",
-        tags: [
-          {
-            label: `${getPendingLoaders().length} pending`,
-            textColor: 0xffffff,
-            backgroundColor: 0x3b82f6,
-          },
-          {
-            label: `${loaded.size} loaded`,
-            textColor: 0xffffff,
-            backgroundColor: 0x10b981,
-          },
-        ],
-      },
-      ...(["high", "normal", "low", "skipped"] as PriorityBucket[]).map((bucket) => {
-        const entries = groupedEntries[bucket].filter((entry) =>
-          !filter ? true : entry.path.toLowerCase().includes(filter),
-        );
-
-        return {
-          id: `bucket:${bucket}`,
-          label: PRIORITY_BUCKET_LABELS[bucket],
+      payload.rootNodes = [
+        {
+          id: this.summaryNodeId,
+          label: "Summary",
           tags: [
             {
-              label: String(entries.length),
+              label: `${getPendingLoaders().length} pending`,
               textColor: 0xffffff,
-              backgroundColor: PRIORITY_BUCKET_COLORS[bucket],
+              backgroundColor: 0x3b82f6,
+            },
+            {
+              label: `${loaderRegistry.loadedSize} loaded`,
+              textColor: 0xffffff,
+              backgroundColor: 0x10b981,
             },
           ],
-          children: entries.map((entry) => ({
-            id: `route:${entry.path}`,
-            label: entry.path,
-            tags: buildRouteTags(entry),
-          })),
+        },
+        ...(["high", "normal", "low", "skipped"] as PriorityBucket[]).map(
+          (bucket) => {
+            const entries = groupedEntries[bucket].filter((entry) =>
+              !filter ? true : entry.path.toLowerCase().includes(filter),
+            );
+
+            return {
+              id: `bucket:${bucket}`,
+              label: this.bucketLabels[bucket],
+              tags: [
+                {
+                  label: String(entries.length),
+                  textColor: 0xffffff,
+                  backgroundColor: this.bucketColors[bucket],
+                },
+              ],
+              children: entries.map((entry) => ({
+                id: `route:${entry.path}`,
+                label: entry.path,
+                tags: this.buildRouteTags(entry),
+              })),
+            };
+          },
+        ),
+      ];
+    });
+
+    this.api.on.getInspectorState((payload) => {
+      if (payload.inspectorId !== this.inspectorId) return;
+
+      if (payload.nodeId === this.summaryNodeId) {
+        payload.state = {
+          summary: [
+            { key: "registered routes", value: routeEntries.size },
+            { key: "preload targets", value: loaderRegistry.size },
+            { key: "loaded routes", value: loaderRegistry.loadedSize },
+            { key: "pending routes", value: getPendingLoaders().length },
+            { key: "is preloading", value: isPreloading },
+          ],
+          recent: this.recentEvents
+            .slice(-10)
+            .reverse()
+            .map((event) => ({
+              key: `${new Date(event.time).toLocaleTimeString()} ${event.title}`,
+              value: {
+                subtitle: event.subtitle,
+                path: event.path,
+                priority: event.priority,
+                data: event.data,
+              },
+            })),
         };
-      }),
-    ];
-  });
+        return;
+      }
+
+      if (payload.nodeId.startsWith("bucket:")) {
+        const bucket = payload.nodeId.slice("bucket:".length) as PriorityBucket;
+        const entries = this.getRouteGroups()[bucket];
 
-  devtoolsApi.on.getInspectorState((payload) => {
-    if (payload.inspectorId !== DEVTOOLS_INSPECTOR_ID) return;
-
-    if (payload.nodeId === DEVTOOLS_INSPECTOR_NODE_ID) {
-      payload.state = {
-        summary: [
-          { key: "registered routes", value: routeEntries.size },
-          { key: "preload targets", value: loaders.size },
-          { key: "loaded routes", value: loaded.size },
-          { key: "pending routes", value: getPendingLoaders().length },
-          { key: "is preloading", value: isPreloading },
-        ],
-        recent: recentEvents
-          .slice(-10)
-          .reverse()
-          .map((event) => ({
-            key: `${new Date(event.time).toLocaleTimeString()} ${event.title}`,
+        payload.state = {
+          summary: [
+            { key: "bucket", value: this.bucketLabels[bucket] },
+            { key: "routes", value: entries.length },
+            {
+              key: "loaded",
+              value: entries.filter(
+                (entry) =>
+                  loaderRegistry.statusForPath(entry.path) === "loaded",
+              ).length,
+            },
+            {
+              key: "pending",
+              value: entries.filter(
+                (entry) =>
+                  loaderRegistry.statusForPath(entry.path) === "pending",
+              ).length,
+            },
+          ],
+          routes: entries.map((entry) => ({
+            key: entry.path,
             value: {
-              subtitle: event.subtitle,
-              path: event.path,
-              priority: event.priority,
-              data: event.data,
+              priority: entry.priority,
+              reason: entry.reason,
+              status: loaderRegistry.statusForPath(entry.path),
             },
           })),
-      };
-      return;
-    }
+        };
+        return;
+      }
 
-    if (payload.nodeId.startsWith("bucket:")) {
-      const bucket = payload.nodeId.slice("bucket:".length) as PriorityBucket;
-      const entries = getGroupedRouteEntries()[bucket];
-
-      payload.state = {
-        summary: [
-          { key: "bucket", value: PRIORITY_BUCKET_LABELS[bucket] },
-          { key: "routes", value: entries.length },
-          {
-            key: "loaded",
-            value: entries.filter((entry) => getRouteLoadStatus(entry) === "loaded").length,
-          },
-          {
-            key: "pending",
-            value: entries.filter((entry) => getRouteLoadStatus(entry) === "pending").length,
-          },
-        ],
-        routes: entries.map((entry) => ({
-          key: entry.path,
-          value: {
-            priority: entry.priority,
-            reason: entry.reason,
-            status: getRouteLoadStatus(entry),
-          },
-        })),
-      };
-      return;
-    }
+      if (payload.nodeId.startsWith("route:")) {
+        const path = payload.nodeId.slice("route:".length);
+        const entry = routeEntries.get(path);
+        if (!entry) return;
+
+        payload.state = {
+          route: [
+            { key: "path", value: entry.path },
+            { key: "bucket", value: this.bucketLabels[entry.bucket] },
+            { key: "priority", value: entry.priority },
+            { key: "status", value: loaderRegistry.statusForPath(entry.path) },
+            { key: "reason", value: entry.reason },
+          ],
+        };
+      }
+    });
 
-    if (payload.nodeId.startsWith("route:")) {
-      const path = payload.nodeId.slice("route:".length);
-      const entry = routeEntries.get(path);
-      if (!entry) return;
-
-      payload.state = {
-        route: [
-          { key: "path", value: entry.path },
-          { key: "bucket", value: PRIORITY_BUCKET_LABELS[entry.bucket] },
-          { key: "priority", value: entry.priority },
-          { key: "status", value: getRouteLoadStatus(entry) },
-          { key: "reason", value: entry.reason },
-        ],
-      };
-    }
-  });
+    this.inspectorAdded = true;
+  }
 
-  devtoolsInspectorAdded = true;
-}
+  private pushEvent(event: DevtoolsTimelineEvent) {
+    this.recordRecentEvent(event);
+    this.emitEvent(event);
+  }
 
-function updateDevtoolsInspector() {
-  if (!devtoolsApi || !devtoolsInspectorAdded) return;
-  devtoolsApi.sendInspectorTree(DEVTOOLS_INSPECTOR_ID);
-  devtoolsApi.sendInspectorState(DEVTOOLS_INSPECTOR_ID);
-}
+  private getRouteGroups() {
+    if (this.routeGroupsSnapshot) return this.routeGroupsSnapshot;
 
-function getPriorityBucket(priority: number | null): PriorityBucket {
-  if (priority === null) return "skipped";
-  if (priority >= RoutePrefetchPriority.High) return "high";
-  if (priority >= RoutePrefetchPriority.Normal) return "normal";
-  return "low";
-}
+    const groups = this.buildRouteGroups();
+    if (this.snapshotActive) {
+      this.routeGroupsSnapshot = groups;
+    }
+    return groups;
+  }
 
-function upsertRouteEntry(path: string, result: PriorityResult) {
-  routeEntries.set(path, {
-    path,
-    priority: result.priority,
-    reason: result.reason,
-    bucket: getPriorityBucket(result.priority),
-  });
-}
+  private buildRouteGroups() {
+    const groups: Record<PriorityBucket, RouteInspectorEntry[]> = {
+      high: [],
+      normal: [],
+      low: [],
+      skipped: [],
+    };
 
-function getGroupedRouteEntries() {
-  const groups: Record<PriorityBucket, RouteInspectorEntry[]> = {
-    high: [],
-    normal: [],
-    low: [],
-    skipped: [],
-  };
+    for (const entry of routeEntries.values()) {
+      groups[entry.bucket].push(entry);
+    }
 
-  for (const entry of routeEntries.values()) {
-    groups[entry.bucket].push(entry);
-  }
+    for (const bucket of Object.keys(groups) as PriorityBucket[]) {
+      groups[bucket].sort((a, b) => {
+        const pa = a.priority ?? -1;
+        const pb = b.priority ?? -1;
+        return pb - pa || a.path.localeCompare(b.path);
+      });
+    }
 
-  for (const bucket of Object.keys(groups) as PriorityBucket[]) {
-    groups[bucket].sort((a, b) => {
-      const pa = a.priority ?? -1;
-      const pb = b.priority ?? -1;
-      return pb - pa || a.path.localeCompare(b.path);
-    });
+    return groups;
   }
 
-  return groups;
-}
-
-function getRouteLoadStatus(entry: RouteInspectorEntry) {
-  if (entry.priority === null) return "skipped";
+  private buildRouteTags(entry: RouteInspectorEntry) {
+    const status = loaderRegistry.statusForPath(entry.path);
+    const tags = [
+      {
+        label: status,
+        textColor: 0xffffff,
+        backgroundColor:
+          status === "loaded"
+            ? 0x10b981
+            : status === "pending"
+              ? 0x3b82f6
+              : 0x6b7280,
+      },
+    ];
 
-  const matchedLoaders = [...loaders.values()].filter(
-    (loaderEntry) => loaderEntry.path === entry.path,
-  );
+    if (entry.priority !== null) {
+      tags.push({
+        label: String(entry.priority),
+        textColor: 0xffffff,
+        backgroundColor: this.bucketColors[entry.bucket],
+      });
+    }
 
-  if (!matchedLoaders.length) return "unknown";
-  if (matchedLoaders.every((loaderEntry) => loaded.has(loaderEntry.loader))) {
-    return "loaded";
+    return tags;
   }
-  return "pending";
-}
 
-function buildRouteTags(entry: RouteInspectorEntry) {
-  const status = getRouteLoadStatus(entry);
-  const tags = [
-    {
-      label: status,
-      textColor: 0xffffff,
-      backgroundColor: status === "loaded" ? 0x10b981 : status === "pending" ? 0x3b82f6 : 0x6b7280,
-    },
-  ];
-
-  if (entry.priority !== null) {
-    tags.push({
-      label: String(entry.priority),
-      textColor: 0xffffff,
-      backgroundColor: PRIORITY_BUCKET_COLORS[entry.bucket],
+  private recordRecentEvent(event: DevtoolsTimelineEvent) {
+    this.recentEvents.push({
+      ...event,
+      time: Date.now(),
+      path: typeof event.data.path === "string" ? event.data.path : undefined,
+      priority:
+        typeof event.data.priority === "number" || event.data.priority === null
+          ? (event.data.priority as number | null)
+          : undefined,
     });
+    if (this.recentEvents.length > 50) {
+      this.recentEvents.splice(0, this.recentEvents.length - 50);
+    }
   }
 
-  return tags;
-}
-
-function pushDevtoolsEvent(event: DevtoolsTimelineEvent) {
-  recentEvents.push({
-    ...event,
-    time: Date.now(),
-    path: typeof event.data.path === "string" ? event.data.path : undefined,
-    priority:
-      typeof event.data.priority === "number" || event.data.priority === null
-        ? (event.data.priority as number | null)
-        : undefined,
-  });
-  if (recentEvents.length > 50) {
-    recentEvents.splice(0, recentEvents.length - 50);
-  }
-
-  if (!devtoolsApi) {
-    pendingDevtoolsEvents.push(event);
-    return;
-  }
+  private emitEvent(event: DevtoolsTimelineEvent) {
+    if (!this.api) {
+      this.pendingEvents.push(event);
+      if (this.pendingEvents.length > this.pendingEventsMax) {
+        this.pendingEvents.splice(
+          0,
+          this.pendingEvents.length - this.pendingEventsMax,
+        );
+      }
+      return;
+    }
 
-  ensureDevtoolsLayer();
-  ensureDevtoolsInspector();
-  devtoolsApi.addTimelineEvent({
-    layerId: DEVTOOLS_LAYER_ID,
-    event: {
-      time: devtoolsApi.now?.() ?? Date.now(),
+    this.ensureLayer();
+    this.ensureInspector();
+    const timelineEvent: {
+      time: number;
+      title: string;
+      subtitle?: string;
+      data: Record<string, unknown>;
+      logType?: DevtoolsLogType;
+    } = {
+      time: this.api.now?.() ?? Date.now(),
       title: event.title,
-      subtitle: event.subtitle,
       data: event.data,
-      logType: event.logType,
-    },
-  });
-  updateDevtoolsInspector();
-}
+    };
+    if (event.subtitle !== undefined) {
+      timelineEvent.subtitle = event.subtitle;
+    }
+    if (event.logType !== undefined) {
+      timelineEvent.logType = event.logType;
+    }
+
+    this.api.addTimelineEvent({
+      layerId: this.layerId,
+      event: timelineEvent,
+    });
+    this.updateInspector();
+  }
 
-function flushPendingDevtoolsEvents() {
-  if (!devtoolsApi || pendingDevtoolsEvents.length === 0) return;
+  private flushPendingEvents() {
+    if (!this.api || this.pendingEvents.length === 0) return;
 
-  for (const event of pendingDevtoolsEvents.splice(0)) {
-    pushDevtoolsEvent(event);
+    // 仅重新派发到 devtools timeline；recentEvents 在事件首次触发时已记录，
+    // 这里再走一次 record 会产生重复条目并刷新 time 字段。
+    for (const event of this.pendingEvents.splice(0)) {
+      this.emitEvent(event);
+    }
   }
 }
 
-function log(message: string, data: Record<string, unknown> = {}) {
-  pushDevtoolsEvent({
-    title: message,
-    data,
-  });
+const devtools = new DevtoolsBridge();
+
+function getPriorityBucket(priority: number | null): PriorityBucket {
+  if (priority === null) return "skipped";
+  if (priority >= RoutePrefetchPriority.High) return "high";
+  if (priority >= RoutePrefetchPriority.Normal) return "normal";
+  return "low";
 }
 
-function logWarn(message: string, data: Record<string, unknown> = {}) {
-  pushDevtoolsEvent({
-    title: message,
-    data,
-    logType: "warning",
+function upsertRouteEntry(path: string, result: PriorityResult) {
+  routeEntries.set(path, {
+    path,
+    priority: result.priority,
+    reason: result.reason,
+    bucket: getPriorityBucket(result.priority),
   });
 }
 
@@ -463,13 +585,13 @@ function debouncePreload() {
 
   debounceTimer = window.setTimeout(() => {
     debounceTimer = null;
-    log("schedule preload on idle");
+    devtools.log("schedule preload on idle");
     scheduleIdle(preload);
   }, 200);
 }
 
 function requestPreload(reason: string, data: Record<string, unknown> = {}) {
-  log(reason, data);
+  devtools.log(reason, data);
   debouncePreload();
 }
 
@@ -477,7 +599,10 @@ function scheduleIdle(fn: (deadline?: IdleDeadline) => void) {
   if (typeof window === "undefined") return;
 
   const idleWindow = window as Window & {
-    requestIdleCallback?: (callback: IdleRequestCallback, options?: IdleRequestOptions) => number;
+    requestIdleCallback?: (
+      callback: IdleRequestCallback,
+      options?: IdleRequestOptions,
+    ) => number;
   };
 
   if (typeof idleWindow.requestIdleCallback === "function") {
@@ -490,55 +615,126 @@ function scheduleIdle(fn: (deadline?: IdleDeadline) => void) {
 }
 
 function getPendingLoaders() {
-  return [...loaders.values()]
-    .filter(({ loader }) => !loaded.has(loader))
-    .sort((a, b) => b.priority - a.priority || a.path.localeCompare(b.path));
+  return loaderRegistry.pending();
 }
 
 function preload(deadline?: IdleDeadline) {
   if (isPreloading) {
-    log("skip preload tick because another loader is running");
+    devtools.log("skip preload tick because another loader is running");
     return;
   }
 
   const next = getPendingLoaders()[0];
   if (!next) {
-    log("no pending routes to preload");
+    devtools.log("no pending routes to preload");
     return;
   }
 
   isPreloading = true;
-  log("start preload", {
+  // wrapped loader 在内部维护 prefetchAttempts / prefetchRetryAt：
+  // 同步递增 attempts，并在 then/catch 中重置或安排退避。
+  const promise = next.loader();
+  devtools.log("start preload", {
     path: next.path,
     priority: next.priority,
+    attempt: next.prefetchAttempts,
     didTimeout: deadline?.didTimeout ?? false,
     remainingTime: deadline?.timeRemaining(),
   });
 
-  next
-    .loader()
+  promise
     .then(() => {
-      loaded.add(next.loader);
-      log("preload success", { path: next.path, priority: next.priority });
+      devtools.log("preload success", {
+        path: next.path,
+        priority: next.priority,
+      });
     })
     .catch((error) => {
-      logWarn("preload failed", {
+      devtools.warn("preload failed", {
         path: next.path,
         priority: next.priority,
+        attempts: next.prefetchAttempts,
+        retryAt: next.prefetchRetryAt,
+        givenUp: loaderRegistry.isExhausted(next),
         error,
       });
     })
     .finally(() => {
       isPreloading = false;
       if (getPendingLoaders().length > 0) {
-        log("pending routes remain, scheduling next preload");
+        devtools.log("pending routes remain, scheduling next preload");
         debouncePreload();
       } else {
-        log("all queued routes have been preloaded");
+        devtools.log("all queued routes have been preloaded");
       }
     });
 }
 
+function scheduleRetryBackoff(entry: LoaderEntry) {
+  // attempts 可能在 in-flight 期间被 visibility 监听重置过，钳到合法区间避免越界。
+  const idx = Math.min(
+    Math.max(entry.prefetchAttempts - 1, 0),
+    PREFETCH_BACKOFF_MS.length - 1,
+  );
+  entry.prefetchRetryAt = Date.now() + PREFETCH_BACKOFF_MS[idx]!;
+}
+
+function makeWrappedLoader(entry: LoaderEntry): Loader {
+  return () => {
+    // 同一加载请求并发去重；若上一轮成功，inFlight 仍指向已 resolve 的 promise，复用即可。
+    const inFlight = entry.inFlight;
+    if (inFlight) return inFlight;
+
+    entry.prefetchAttempts++;
+    let p: Promise<unknown>;
+    try {
+      p = entry.original();
+    } catch (error) {
+      // 同步异常也得收敛状态，否则调用方拿不到 promise，isPreloading 会卡死。
+      scheduleRetryBackoff(entry);
+      return Promise.reject(error);
+    }
+    entry.inFlight = p;
+    p.then(
+      () => {
+        loaderRegistry.markLoaded(entry);
+        entry.prefetchAttempts = 0;
+        entry.prefetchRetryAt = undefined;
+      },
+      () => {
+        // 失败时丢弃 promise 缓存，让下次调用（用户点击或下次 prefetch tick）重新发起 import()。
+        clearInFlightLoader(entry, p);
+        loaderRegistry.markFailed(entry);
+        scheduleRetryBackoff(entry);
+      },
+    );
+    return p;
+  };
+}
+
+function clearInFlightLoader(entry: LoaderEntry, promise: Promise<unknown>) {
+  if (entry.inFlight === promise) entry.inFlight = undefined;
+}
+
+function updateRegisteredLoaderEntry(
+  entry: LoaderEntry,
+  priority: number,
+  path: string,
+) {
+  const nextPriority = Math.max(entry.priority, priority);
+  if (nextPriority !== entry.priority || entry.path !== path) {
+    devtools.log("update preload target", {
+      path,
+      previousPath: entry.path,
+      previousPriority: entry.priority,
+      priority: nextPriority,
+    });
+  }
+  entry.priority = nextPriority;
+  entry.path = path;
+  debouncePreload();
+}
+
 function registerLoader<T = unknown>(
   loader: Loader<T>,
   priority: number | null,
@@ -546,40 +742,45 @@ function registerLoader<T = unknown>(
 ): Loader<T> {
   if (priority === null) return loader;
 
-  const existing = loaders.get(loader as Loader);
+  const existing = loaderRegistry.find(loader as Loader);
   if (existing) {
-    const nextPriority = Math.max(existing.priority, priority);
-    if (nextPriority !== existing.priority || existing.path !== path) {
-      log("update preload target", {
-        path,
-        previousPath: existing.path,
-        previousPriority: existing.priority,
-        priority: nextPriority,
-      });
-    }
-    existing.priority = Math.max(existing.priority, priority);
-    existing.path = path;
-  } else {
-    loaders.set(loader as Loader, {
-      loader: loader as Loader,
-      path,
-      priority,
-    });
-    log("register preload target", { path, priority });
+    updateRegisteredLoaderEntry(existing, priority, path);
+    return existing.loader as Loader<T>;
   }
 
+  const entry: LoaderEntry = {
+    loader: undefined as unknown as Loader,
+    original: loader as Loader,
+    path,
+    priority,
+    prefetchAttempts: 0,
+  };
+  entry.loader = makeWrappedLoader(entry);
+  loaderRegistry.add(entry);
+  devtools.log("register preload target", { path, priority });
+
   debouncePreload();
-  return loader;
+  return entry.loader as Loader<T>;
 }
 
-function wrapLoader(component: RouteComp, priority: number | null, path: string): RouteComp {
-  if (typeof component === "function") {
+function wrapLoader(
+  component: RouteComp,
+  priority: number | null,
+  path: string,
+): RouteComp {
+  if (isRouteComponentLoader(component)) {
     return registerLoader(component as AsyncComponent, priority, path);
   }
 
   return component;
 }
 
+function isRouteComponentLoader(
+  component: RouteComp,
+): component is AsyncComponent {
+  return typeof component === "function";
+}
+
 function normalizePath(path: string) {
   if (!path) return "/";
   return path.replace(/\/+/g, "/");
@@ -631,7 +832,10 @@ function getExplicitPriority(meta?: PrefetchMeta): PriorityResult | undefined {
   }
 }
 
-function getRoutePriority(route: RouteRecordRaw, fullPath: string): PriorityResult {
+function getRoutePriority(
+  route: RouteRecordRaw,
+  fullPath: string,
+): PriorityResult {
   const meta = route.meta as PrefetchMeta | undefined;
   const explicitPriority = getExplicitPriority(meta);
 
@@ -640,6 +844,7 @@ function getRoutePriority(route: RouteRecordRaw, fullPath: string): PriorityResu
   }
 
   if (meta?.hidden) return { priority: null, reason: "meta.hidden" };
+  if (meta?.isClosed) return { priority: null, reason: "meta.isClosed" };
   if (isDynamicPath(fullPath)) {
     return { priority: null, reason: "dynamic route" };
   }
@@ -693,9 +898,13 @@ function processRoutes(routes: RouteRecordRaw[], parentPath = "") {
     upsertRouteEntry(fullPath, result);
 
     if (priority === null) {
-      log("skip preload target", { path: fullPath, reason });
+      devtools.log("skip preload target", { path: fullPath, reason });
     } else {
-      log("resolved preload priority", { path: fullPath, priority, reason });
+      devtools.log("resolved preload priority", {
+        path: fullPath,
+        priority,
+        reason,
+      });
     }
 
     if (route.component) {
@@ -709,7 +918,11 @@ function processRoutes(routes: RouteRecordRaw[], parentPath = "") {
     if (route.components) {
       for (const key in route.components) {
         const comp = route.components[key];
-        route.components[key] = wrapLoader(comp as RouteComp, priority, fullPath) as RouteComponent;
+        route.components[key] = wrapLoader(
+          comp as RouteComp,
+          priority,
+          fullPath,
+        ) as RouteComponent;
       }
     }
 
@@ -719,86 +932,79 @@ function processRoutes(routes: RouteRecordRaw[], parentPath = "") {
   }
 }
 
-function attachRoutePrefetchDevtools(app: App) {
-  if (typeof window === "undefined") return;
+function installRoutePrefetch(
+  app: App,
+  router: Router,
+  installRouter: () => void,
+) {
+  const shouldInstallPrefetch = !installedRouters.has(router);
+
+  if (shouldInstallPrefetch) {
+    installedRouters.add(router);
+    devtools.attach(app);
+    setupVisibilityListener();
+    devtools.log("apply route prefetch plugin");
+    if (loaderRegistry.size === 0) {
+      devtools.warn("no preload targets were registered");
+    } else {
+      requestPreload("prefetch targets registered", {
+        targets: loaderRegistry.size,
+      });
+    }
+  }
 
-  const target = window as Window & {
-    __VUE_DEVTOOLS_GLOBAL_HOOK__?: {
-      emit: (
-        event: string,
-        pluginDescriptor: Record<string, unknown>,
-        setupFn: (api: DevtoolsApi) => void,
-      ) => void;
-    };
-    __VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__?: boolean;
-    __VUE_DEVTOOLS_PLUGINS__?: Array<{
-      pluginDescriptor: Record<string, unknown>;
-      setupFn: (api: DevtoolsApi) => void;
-      proxy: null;
-    }>;
-  };
+  installRouter();
 
-  const pluginDescriptor = {
-    id: DEVTOOLS_PLUGIN_ID,
-    label: "Route Prefetch",
-    packageName: "nodeget-board",
-    homepage: "https://github.com",
-    app,
-    enableEarlyProxy: false,
-  };
+  if (!shouldInstallPrefetch) return;
 
-  const setupFn = (api: DevtoolsApi) => {
-    devtoolsApi = api;
-    ensureDevtoolsLayer();
-    ensureDevtoolsInspector();
-    flushPendingDevtoolsEvents();
-    updateDevtoolsInspector();
-  };
+  router.isReady().then(() => {
+    requestPreload("router ready, request idle preload");
+  });
 
-  const hook = target.__VUE_DEVTOOLS_GLOBAL_HOOK__;
-  if (hook) {
-    hook.emit("devtools-plugin:setup", pluginDescriptor, setupFn);
-    return;
-  }
+  router.afterEach((to) => {
+    if (getPendingLoaders().length === 0) return;
 
-  target.__VUE_DEVTOOLS_PLUGINS__ = target.__VUE_DEVTOOLS_PLUGINS__ || [];
-  target.__VUE_DEVTOOLS_PLUGINS__.push({
-    pluginDescriptor,
-    setupFn,
-    proxy: null,
+    requestPreload("route changed, request idle preload", {
+      path: to.fullPath,
+    });
   });
 }
 
-export default function routePrefetchPlugin(router: Router): Plugin {
-  return {
-    install(app) {
-      if (installedRouters.has(router)) return;
-      installedRouters.add(router);
-
-      attachRoutePrefetchDevtools(app);
-      log("apply route prefetch plugin");
-      processRoutes(router.options.routes as RouteRecordRaw[]);
-      if (loaders.size === 0) {
-        logWarn("no preload targets were registered");
-      } else {
-        requestPreload("prefetch targets registered", {
-          targets: loaders.size,
-        });
-      }
+function setupVisibilityListener() {
+  if (typeof document === "undefined") return;
+  if (visibilityListenerAttached) return;
+  visibilityListenerAttached = true;
 
-      app.use(router);
+  document.addEventListener("visibilitychange", () => {
+    if (document.visibilityState !== "visible") return;
 
-      router.isReady().then(() => {
-        requestPreload("router ready, request idle preload");
-      });
+    // 标签页长时间隐藏后可能错过 prefetch 时机或卡在退避中；
+    // 重新可见时重置所有未加载条目的失败计数，让队列可以再走一遍。
+    // 跳过 in-flight 条目：它们自己会在 then/catch 里收敛状态，
+    // 在飞行中重置 attempts 会让随后的 catch 算出 idx=-1。
+    const resetCount = loaderRegistry.resetStaleFailures();
 
-      router.afterEach((to) => {
-        if (getPendingLoaders().length === 0) return;
+    if (resetCount > 0 || getPendingLoaders().length > 0) {
+      requestPreload("tab became visible", { resetCount });
+    }
+  });
+}
 
-        requestPreload("route changed, request idle preload", {
-          path: to.fullPath,
-        });
-      });
-    },
+export function preparePrefetchableRoutes<T extends readonly RouteRecordRaw[]>(
+  routes: T,
+): T {
+  processRoutes(routes as unknown as RouteRecordRaw[]);
+  return routes;
+}
+
+export function setupRoutePrefetchRouter(router: Router): Router {
+  if (configuredRouters.has(router)) return router;
+  configuredRouters.add(router);
+
+  const originalInstall = router.install.bind(router);
+  router.install = (app: App) => {
+    installRoutePrefetch(app, router, () => originalInstall(app));
   };
+
+  return router;
 }
diff --git a/src/stores/permission/index.ts b/src/stores/permission/index.ts
index 51ce5257..417229bb 100644
--- a/src/stores/permission/index.ts
+++ b/src/stores/permission/index.ts
@@ -43,14 +43,18 @@ export const usePermissionStore = defineStore("permission", () => {
   const currentBackendKey = ref("");
   const rules = ref<PermissionRule[]>([]);
 
-  const isSuperToken = computed(() => normalizeText(tokenInfo.value?.username) === "root");
+  const isSuperToken = computed(
+    () => normalizeText(tokenInfo.value?.username) === "root",
+  );
 
   const tokenLimits = computed(() => ({
     general: rules.value.filter((rule) => rule.resource !== "kv"),
     kv: rules.value.filter((rule) => rule.resource === "kv"),
   }));
 
-  const availableScopes = computed(() => [...new Set(rules.value.map(scopeKey))]);
+  const availableScopes = computed(() => [
+    ...new Set(rules.value.map(scopeKey)),
+  ]);
 
   /**
    * 清空权限上下文（常用于登出、切换后端、token 失效）。
@@ -89,16 +93,18 @@ export const usePermissionStore = defineStore("permission", () => {
     }
 
     const backendKey = `${backend.url}::${backend.token}`;
-    if (backendKey === currentBackendKey.value && status.value === "ready") return;
+    if (backendKey === currentBackendKey.value && status.value === "ready")
+      return;
 
     status.value = "loading";
     error.value = "";
     currentBackendKey.value = backendKey;
 
     try {
-      const result = await getWsConnection(backend.url).call<TokenInfo>("token_get", {
-        token: backend.token,
-      });
+      const result = await getWsConnection(backend.url).call<TokenInfo>(
+        "token_get",
+        { token: backend.token },
+      );
       if (!result || typeof result !== "object") {
         throw new Error("token_get empty result");
       }
@@ -110,7 +116,8 @@ export const usePermissionStore = defineStore("permission", () => {
       tokenInfo.value = null;
       rules.value = [];
       status.value = "error";
-      error.value = e instanceof Error ? e.message : "Failed to fetch token permissions";
+      error.value =
+        e instanceof Error ? e.message : "Failed to fetch token permissions";
     }
   };
 
diff --git a/src/stores/permission/types.ts b/src/stores/permission/types.ts
index 19782ed8..447c20c1 100644
--- a/src/stores/permission/types.ts
+++ b/src/stores/permission/types.ts
@@ -1,51 +1,51 @@
-export type PermissionValue = string | Record<string, unknown>;
+export type PermissionValue = string | Record<string, unknown>
 
 export interface PermissionEntry {
-  [resource: string]: PermissionValue;
+  [resource: string]: PermissionValue
 }
 
 export type ScopeEntry =
-  | "global"
+  | 'global'
   | { global?: null; agent_uuid?: string; kv_namespace?: string }
-  | string;
+  | string
 
 export interface TokenLimit {
-  scopes?: ScopeEntry[];
-  permissions?: PermissionEntry[];
+  scopes?: ScopeEntry[]
+  permissions?: PermissionEntry[]
 }
 
 export interface TokenInfo {
-  version?: number;
-  token_key?: string;
-  timestamp_from?: number | null;
-  timestamp_to?: number | null;
-  username?: string | null;
-  token_limit?: TokenLimit[];
+  version?: number
+  token_key?: string
+  timestamp_from?: number | null
+  timestamp_to?: number | null
+  username?: string | null
+  token_limit?: TokenLimit[]
 }
 
-export type PermissionScopeType = "global" | "agent_uuid" | "kv_namespace";
+export type PermissionScopeType = 'global' | 'agent_uuid' | 'kv_namespace'
 
 export interface ParsedScope {
-  type: PermissionScopeType;
-  value: string;
+  type: PermissionScopeType
+  value: string
 }
 
 export interface ParsedPermission {
-  resource: string;
-  action: string;
-  target?: string;
+  resource: string
+  action: string
+  target?: string
 }
 
 export interface PermissionRule {
-  scopeType: PermissionScopeType;
-  scopeValue: string;
-  resource: string;
-  action: string;
-  target?: string;
+  scopeType: PermissionScopeType
+  scopeValue: string
+  resource: string
+  action: string
+  target?: string
 }
 
 export interface PermissionSpec {
-  resource: string;
-  action: string;
-  target: string;
+  resource: string
+  action: string
+  target: string
 }
diff --git a/src/stores/permission/utils.ts b/src/stores/permission/utils.ts
index 9406687d..1e506147 100644
--- a/src/stores/permission/utils.ts
+++ b/src/stores/permission/utils.ts
@@ -7,7 +7,7 @@ import type {
   PermissionSpec,
   ScopeEntry,
   TokenInfo,
-} from "./types";
+} from './types'
 
 /**
  * 本文件职责：
@@ -18,16 +18,13 @@ import type {
  * token_limit -> normalizeScope/parsePermissionEntry -> flattenTokenRules
  * -> hasPermissionBySpec / hasAnyScopePermissionBySpec
  */
-const GLOBAL_SCOPE: ParsedScope = { type: "global", value: "global" };
-const wildcardRegexCache = new Map<string, RegExp>();
+const GLOBAL_SCOPE: ParsedScope = { type: 'global', value: 'global' }
+const wildcardRegexCache = new Map<string, RegExp>()
 
 /**
  * 统一文本规范，避免大小写/空格导致匹配失败。
  */
-export const normalizeText = (value: unknown) =>
-  String(value ?? "")
-    .trim()
-    .toLowerCase();
+export const normalizeText = (value: unknown) => String(value ?? '').trim().toLowerCase()
 
 /**
  * 把 scope 输入标准化成 ParsedScope。
@@ -40,42 +37,42 @@ export const normalizeText = (value: unknown) =>
  * 非法 scope 返回 null。
  */
 const normalizeScope = (scope: ScopeEntry): ParsedScope | null => {
-  if (scope === "global") return GLOBAL_SCOPE;
+  if (scope === 'global') return GLOBAL_SCOPE
 
-  if (typeof scope === "string") {
-    const normalized = normalizeText(scope);
-    if (normalized === "global") return GLOBAL_SCOPE;
+  if (typeof scope === 'string') {
+    const normalized = normalizeText(scope)
+    if (normalized === 'global') return GLOBAL_SCOPE
 
-    if (normalized.startsWith("agent_uuid:")) {
-      const value = normalizeText(normalized.slice("agent_uuid:".length));
-      if (value) return { type: "agent_uuid", value };
-      return null;
+    if (normalized.startsWith('agent_uuid:')) {
+      const value = normalizeText(normalized.slice('agent_uuid:'.length))
+      if (value) return { type: 'agent_uuid', value }
+      return null
     }
 
-    if (normalized.startsWith("kv_namespace:")) {
-      const value = normalizeText(normalized.slice("kv_namespace:".length));
-      if (value) return { type: "kv_namespace", value };
-      return null;
+    if (normalized.startsWith('kv_namespace:')) {
+      const value = normalizeText(normalized.slice('kv_namespace:'.length))
+      if (value) return { type: 'kv_namespace', value }
+      return null
     }
 
-    return null;
+    return null
   }
 
-  if (!scope || typeof scope !== "object") return null;
-  if ("global" in scope) return GLOBAL_SCOPE;
+  if (!scope || typeof scope !== 'object') return null
+  if ('global' in scope) return GLOBAL_SCOPE
 
-  if (typeof scope.agent_uuid === "string") {
-    const value = normalizeText(scope.agent_uuid);
-    if (value) return { type: "agent_uuid", value };
+  if (typeof scope.agent_uuid === 'string') {
+    const value = normalizeText(scope.agent_uuid)
+    if (value) return { type: 'agent_uuid', value }
   }
 
-  if (typeof scope.kv_namespace === "string") {
-    const value = normalizeText(scope.kv_namespace);
-    if (value) return { type: "kv_namespace", value };
+  if (typeof scope.kv_namespace === 'string') {
+    const value = normalizeText(scope.kv_namespace)
+    if (value) return { type: 'kv_namespace', value }
   }
 
-  return null;
-};
+  return null
+}
 
 /**
  * 把一条 permissions entry 拆成多条标准权限项。
@@ -87,36 +84,36 @@ const normalizeScope = (scope: ScopeEntry): ParsedScope | null => {
  * `[{ resource: 'task', action: 'listen' }, { resource: 'kv', action: 'read', target: 'metadata_*' }]`
  */
 const parsePermissionEntry = (entry: PermissionEntry): ParsedPermission[] => {
-  const permissions: ParsedPermission[] = [];
+  const permissions: ParsedPermission[] = []
 
   for (const [resourceRaw, value] of Object.entries(entry)) {
-    const resource = normalizeText(resourceRaw);
-    if (!resource) continue;
-
-    if (typeof value === "string") {
-      const action = normalizeText(value);
-      if (!action) continue;
-      permissions.push({ resource, action });
-      continue;
+    const resource = normalizeText(resourceRaw)
+    if (!resource) continue
+
+    if (typeof value === 'string') {
+      const action = normalizeText(value)
+      if (!action) continue
+      permissions.push({ resource, action })
+      continue
     }
 
-    if (!value || typeof value !== "object" || Array.isArray(value)) continue;
+    if (!value || typeof value !== 'object' || Array.isArray(value)) continue
 
     for (const [actionRaw, targetRaw] of Object.entries(value)) {
-      const action = normalizeText(actionRaw);
-      if (!action) continue;
+      const action = normalizeText(actionRaw)
+      if (!action) continue
 
-      const target = normalizeText(targetRaw);
+      const target = normalizeText(targetRaw)
       if (target) {
-        permissions.push({ resource, action, target });
+        permissions.push({ resource, action, target })
       } else {
-        permissions.push({ resource, action });
+        permissions.push({ resource, action })
       }
     }
   }
 
-  return permissions;
-};
+  return permissions
+}
 
 /**
  * 解析权限规格字符串：`resource:action[:target]`。
@@ -126,21 +123,21 @@ const parsePermissionEntry = (entry: PermissionEntry): ParsedPermission[] => {
  * - `task:listen` -> { resource: 'task', action: 'listen', target: '' }
  */
 const parsePermissionSpec = (specRaw: string): PermissionSpec | null => {
-  const [resourceRaw, actionRaw, ...targetParts] = String(specRaw ?? "").split(":");
-  const resource = normalizeText(resourceRaw);
-  const action = normalizeText(actionRaw);
-  const target = normalizeText(targetParts.join(":"));
-  if (!resource || !action) return null;
-  return { resource, action, target };
-};
+  const [resourceRaw, actionRaw, ...targetParts] = String(specRaw ?? '').split(':')
+  const resource = normalizeText(resourceRaw)
+  const action = normalizeText(actionRaw)
+  const target = normalizeText(targetParts.join(':'))
+  if (!resource || !action) return null
+  return { resource, action, target }
+}
 
 /**
  * 把外部传入的 scope 字符串转成标准 scope。
  */
 const normalizeScopeInput = (scopeRaw?: string): ParsedScope | null => {
-  if (!scopeRaw) return null;
-  return normalizeScope(scopeRaw);
-};
+  if (!scopeRaw) return null
+  return normalizeScope(scopeRaw)
+}
 
 /**
  * 资源与作用域兼容性约束：
@@ -148,11 +145,11 @@ const normalizeScopeInput = (scopeRaw?: string): ParsedScope | null => {
  * - 其他资源: 只允许 global / agent_uuid
  */
 const isScopeCompatible = (resource: string, scopeType: PermissionScopeType) => {
-  if (resource === "kv") {
-    return scopeType === "global" || scopeType === "kv_namespace";
+  if (resource === 'kv') {
+    return scopeType === 'global' || scopeType === 'kv_namespace'
   }
-  return scopeType === "global" || scopeType === "agent_uuid";
-};
+  return scopeType === 'global' || scopeType === 'agent_uuid'
+}
 
 /**
  * 通配符匹配（仅支持 `*`）。
@@ -160,21 +157,21 @@ const isScopeCompatible = (resource: string, scopeType: PermissionScopeType) =>
  * - 使用缓存避免重复构造正则
  */
 const matchWildcard = (patternRaw: string, inputRaw: string) => {
-  const pattern = normalizeText(patternRaw);
-  const input = normalizeText(inputRaw);
+  const pattern = normalizeText(patternRaw)
+  const input = normalizeText(inputRaw)
 
-  if (!pattern || !input) return false;
-  if (pattern === "*") return true;
-  if (!pattern.includes("*")) return pattern === input;
+  if (!pattern || !input) return false
+  if (pattern === '*') return true
+  if (!pattern.includes('*')) return pattern === input
 
-  const cached = wildcardRegexCache.get(pattern);
-  if (cached) return cached.test(input);
+  const cached = wildcardRegexCache.get(pattern)
+  if (cached) return cached.test(input)
 
-  const escaped = pattern.replace(/[.+?^${}()|[\]\\]/g, "\\$&");
-  const regex = new RegExp(`^${escaped.replace(/\*/g, ".*")}$`);
-  wildcardRegexCache.set(pattern, regex);
-  return regex.test(input);
-};
+  const escaped = pattern.replace(/[.+?^${}()|[\]\\]/g, '\\$&')
+  const regex = new RegExp(`^${escaped.replace(/\*/g, '.*')}$`)
+  wildcardRegexCache.set(pattern, regex)
+  return regex.test(input)
+}
 
 /**
  * 判断规则作用域是否命中请求作用域。
@@ -184,15 +181,15 @@ const matchWildcard = (patternRaw: string, inputRaw: string) => {
  * - 指定非 global scope 时，global 规则和同类型同值规则都算命中
  */
 const isRuleScopeMatched = (rule: PermissionRule, requestedScope: ParsedScope | null) => {
-  if (!requestedScope || requestedScope.type === "global") {
-    return rule.scopeType === "global";
+  if (!requestedScope || requestedScope.type === 'global') {
+    return rule.scopeType === 'global'
   }
 
   return (
-    rule.scopeType === "global" ||
-    (rule.scopeType === requestedScope.type && rule.scopeValue === requestedScope.value)
-  );
-};
+    rule.scopeType === 'global'
+    || (rule.scopeType === requestedScope.type && rule.scopeValue === requestedScope.value)
+  )
+}
 
 /**
  * 判断规则 target 是否命中请求 target。
@@ -203,11 +200,11 @@ const isRuleScopeMatched = (rule: PermissionRule, requestedScope: ParsedScope |
  * - kv 资源支持通配符匹配，其它资源按字符串全等
  */
 const isRuleTargetMatched = (rule: PermissionRule, spec: PermissionSpec) => {
-  if (!spec.target) return true;
-  if (!rule.target) return true;
-  if (spec.resource === "kv") return matchWildcard(rule.target, spec.target);
-  return rule.target === spec.target;
-};
+  if (!spec.target) return true
+  if (!rule.target) return true
+  if (spec.resource === 'kv') return matchWildcard(rule.target, spec.target)
+  return rule.target === spec.target
+}
 
 /**
  * 把规则作用域转成统一字符串键，便于 UI 展示和去重。
@@ -215,9 +212,9 @@ const isRuleTargetMatched = (rule: PermissionRule, spec: PermissionSpec) => {
  * - agent_uuid/a1 -> 'agent_uuid:a1'
  */
 export const scopeKey = (rule: PermissionRule) => {
-  if (rule.scopeType === "global") return "global";
-  return `${rule.scopeType}:${rule.scopeValue}`;
-};
+  if (rule.scopeType === 'global') return 'global'
+  return `${rule.scopeType}:${rule.scopeValue}`
+}
 
 /**
  * 把 token_limit 拍平成 PermissionRule[]。
@@ -228,22 +225,20 @@ export const scopeKey = (rule: PermissionRule) => {
  * - 若 scope 全不兼容（理论兜底），回退到 global
  */
 export const flattenTokenRules = (token: TokenInfo | null): PermissionRule[] => {
-  const rules: PermissionRule[] = [];
-  const limits = token?.token_limit ?? [];
+  const rules: PermissionRule[] = []
+  const limits = token?.token_limit ?? []
 
   for (const limit of limits) {
     const parsedScopes = (limit.scopes ?? [])
       .map(normalizeScope)
-      .filter((scope): scope is ParsedScope => Boolean(scope));
+      .filter((scope): scope is ParsedScope => Boolean(scope))
 
-    const scopes = parsedScopes.length > 0 ? parsedScopes : [GLOBAL_SCOPE];
-    const parsedPermissions = (limit.permissions ?? []).flatMap(parsePermissionEntry);
+    const scopes = parsedScopes.length > 0 ? parsedScopes : [GLOBAL_SCOPE]
+    const parsedPermissions = (limit.permissions ?? []).flatMap(parsePermissionEntry)
 
     for (const permission of parsedPermissions) {
-      const applicableScopes = scopes.filter((scope) =>
-        isScopeCompatible(permission.resource, scope.type),
-      );
-      const effectiveScopes = applicableScopes.length > 0 ? applicableScopes : [GLOBAL_SCOPE];
+      const applicableScopes = scopes.filter((scope) => isScopeCompatible(permission.resource, scope.type))
+      const effectiveScopes = applicableScopes.length > 0 ? applicableScopes : [GLOBAL_SCOPE]
 
       for (const scope of effectiveScopes) {
         rules.push({
@@ -252,13 +247,13 @@ export const flattenTokenRules = (token: TokenInfo | null): PermissionRule[] =>
           resource: permission.resource,
           action: permission.action,
           target: permission.target,
-        });
+        })
       }
     }
   }
 
-  return rules;
-};
+  return rules
+}
 
 /**
  * 判断“在指定 scope 下”是否拥有某权限。
@@ -267,34 +262,30 @@ export const flattenTokenRules = (token: TokenInfo | null): PermissionRule[] =>
  * @param permissionSpec 权限规格：`resource:action[:target]`
  * @param scope 可选，`global` / `agent_uuid:xxx` / `kv_namespace:xxx`
  */
-export const hasPermissionBySpec = (
-  rules: PermissionRule[],
-  permissionSpec: string,
-  scope?: string,
-) => {
-  const spec = parsePermissionSpec(permissionSpec);
-  if (!spec) return false;
+export const hasPermissionBySpec = (rules: PermissionRule[], permissionSpec: string, scope?: string) => {
+  const spec = parsePermissionSpec(permissionSpec)
+  if (!spec) return false
 
-  const requestedScope = normalizeScopeInput(scope);
-  if (scope && !requestedScope) return false;
+  const requestedScope = normalizeScopeInput(scope)
+  if (scope && !requestedScope) return false
 
   return rules.some((rule) => {
-    if (rule.resource !== spec.resource || rule.action !== spec.action) return false;
-    if (!isRuleScopeMatched(rule, requestedScope)) return false;
-    return isRuleTargetMatched(rule, spec);
-  });
-};
+    if (rule.resource !== spec.resource || rule.action !== spec.action) return false
+    if (!isRuleScopeMatched(rule, requestedScope)) return false
+    return isRuleTargetMatched(rule, spec)
+  })
+}
 
 /**
  * 判断“任意 scope”下是否拥有某权限。
  * 常用于“是否展示某功能入口”这类场景。
  */
 export const hasAnyScopePermissionBySpec = (rules: PermissionRule[], permissionSpec: string) => {
-  const spec = parsePermissionSpec(permissionSpec);
-  if (!spec) return false;
+  const spec = parsePermissionSpec(permissionSpec)
+  if (!spec) return false
 
   return rules.some((rule) => {
-    if (rule.resource !== spec.resource || rule.action !== spec.action) return false;
-    return isRuleTargetMatched(rule, spec);
-  });
-};
+    if (rule.resource !== spec.resource || rule.action !== spec.action) return false
+    return isRuleTargetMatched(rule, spec)
+  })
+}
diff --git a/src/stores/systemSettings.ts b/src/stores/systemSettings.ts
index 0f7162d2..b18370e9 100644
--- a/src/stores/systemSettings.ts
+++ b/src/stores/systemSettings.ts
@@ -10,12 +10,19 @@ const SYSTEM_SETTINGS_STORAGE_KEY = "nodeget.system-settings";
 function readEnvBoolean(value: unknown, fallback: boolean) {
   if (typeof value !== "string") return fallback;
   const normalized = value.trim().toLowerCase();
-  return normalized === "true" ? true : normalized === "false" ? false : fallback;
+  return normalized === "true"
+    ? true
+    : normalized === "false"
+      ? false
+      : fallback;
 }
 
 function getDefaultConfig(): SystemSettingsConfig {
   return {
-    rpcDebugPanelEnabled: readEnvBoolean(import.meta.env.VITE_RPC_DEBUG_PANEL_ENABLED, false),
+    rpcDebugPanelEnabled: readEnvBoolean(
+      import.meta.env.VITE_RPC_DEBUG_PANEL_ENABLED,
+      false,
+    ),
   };
 }
 
@@ -41,14 +48,19 @@ function readStoredConfig(defaultConfig: SystemSettingsConfig) {
 function writeStoredConfig(config: SystemSettingsConfig) {
   if (typeof window === "undefined") return;
   try {
-    window.localStorage.setItem(SYSTEM_SETTINGS_STORAGE_KEY, JSON.stringify(config));
+    window.localStorage.setItem(
+      SYSTEM_SETTINGS_STORAGE_KEY,
+      JSON.stringify(config),
+    );
   } catch {
     /* localStorage may be unavailable */
   }
 }
 
 export const useSystemSettingsStore = defineStore("system-settings", () => {
-  const config = reactive<SystemSettingsConfig>(readStoredConfig(getDefaultConfig()));
+  const config = reactive<SystemSettingsConfig>(
+    readStoredConfig(getDefaultConfig()),
+  );
 
   watch(
     config,
diff --git a/src/stores/theme.ts b/src/stores/theme.ts
index 621b4c16..75f1cda0 100644
--- a/src/stores/theme.ts
+++ b/src/stores/theme.ts
@@ -39,7 +39,11 @@ const resolvePalette = (name: ColorThemeName, customColor: string) => {
   return PALETTES[name] ?? PALETTES.zinc;
 };
 
-const applyPalette = (name: ColorThemeName, dark: boolean, customColor: string) => {
+const applyPalette = (
+  name: ColorThemeName,
+  dark: boolean,
+  customColor: string,
+) => {
   const palette = resolvePalette(name, customColor);
   if (!palette) return;
   const variant = (dark ? palette.dark : palette.light) ?? {};
@@ -94,7 +98,9 @@ export const useThemeStore = defineStore("theme", () => {
     }
   };
 
-  watch(isDark, (dark) => applyPalette(colorTheme.value, dark, customColor.value));
+  watch(isDark, (dark) =>
+    applyPalette(colorTheme.value, dark, customColor.value),
+  );
 
   return {
     isDark,
diff --git a/src/theme/palettes.ts b/src/theme/palettes.ts
index 53a41e27..df2f04d2 100644
--- a/src/theme/palettes.ts
+++ b/src/theme/palettes.ts
@@ -35,8 +35,16 @@ const make = (primary: string, foreground: string, ring: string): Variant => ({
 export const PALETTES: Record<Exclude<ColorThemeName, "custom">, Palette> = {
   zinc: {
     swatch: "oklch(0.21 0.006 285.885)",
-    light: make("oklch(0.21 0.006 285.885)", "oklch(0.985 0 0)", "oklch(0.705 0.015 286.067)"),
-    dark: make("oklch(0.985 0 0)", "oklch(0.21 0.006 285.885)", "oklch(0.552 0.016 285.938)"),
+    light: make(
+      "oklch(0.21 0.006 285.885)",
+      "oklch(0.985 0 0)",
+      "oklch(0.705 0.015 286.067)",
+    ),
+    dark: make(
+      "oklch(0.985 0 0)",
+      "oklch(0.21 0.006 285.885)",
+      "oklch(0.552 0.016 285.938)",
+    ),
   },
   rose: {
     swatch: "oklch(0.645 0.246 16.439)",
@@ -71,7 +79,11 @@ export const PALETTES: Record<Exclude<ColorThemeName, "custom">, Palette> = {
       "oklch(0.98 0.016 73.684)",
       "oklch(0.705 0.213 47.604)",
     ),
-    dark: make("oklch(0.769 0.188 70.08)", "oklch(0.98 0.016 73.684)", "oklch(0.769 0.188 70.08)"),
+    dark: make(
+      "oklch(0.769 0.188 70.08)",
+      "oklch(0.98 0.016 73.684)",
+      "oklch(0.769 0.188 70.08)",
+    ),
   },
   yellow: {
     swatch: "oklch(0.795 0.184 86.047)",
@@ -88,8 +100,16 @@ export const PALETTES: Record<Exclude<ColorThemeName, "custom">, Palette> = {
   },
   stone: {
     swatch: "oklch(0.45 0.045 60)",
-    light: make("oklch(0.45 0.045 60)", "oklch(0.985 0.008 90)", "oklch(0.7 0.04 55)"),
-    dark: make("oklch(0.82 0.06 75)", "oklch(0.28 0.035 55)", "oklch(0.66 0.045 65)"),
+    light: make(
+      "oklch(0.45 0.045 60)",
+      "oklch(0.985 0.008 90)",
+      "oklch(0.7 0.04 55)",
+    ),
+    dark: make(
+      "oklch(0.82 0.06 75)",
+      "oklch(0.28 0.035 55)",
+      "oklch(0.66 0.045 65)",
+    ),
   },
   red: {
     swatch: "oklch(0.637 0.237 25.331)",
diff --git a/src/types/monitoring.ts b/src/types/monitoring.ts
index c1035cbd..8aaab27d 100644
--- a/src/types/monitoring.ts
+++ b/src/types/monitoring.ts
@@ -2,7 +2,8 @@ type StrictRequired<T> = {
   [K in keyof T]-?: NonNullable<T[K]>;
 };
 
-export type FullDynamicSummaryResponseItem = StrictRequired<DynamicSummaryResponseItem>;
+export type FullDynamicSummaryResponseItem =
+  StrictRequired<DynamicSummaryResponseItem>;
 
 export interface DynamicSummaryResponseItem {
   uuid: string;
@@ -65,7 +66,10 @@ export interface StaticResponseItem {
   gpu?: StaticMonitoringData["gpu"];
 }
 
-export type SummaryField = keyof Omit<DynamicSummaryResponseItem, "uuid" | "timestamp">;
+export type SummaryField = keyof Omit<
+  DynamicSummaryResponseItem,
+  "uuid" | "timestamp"
+>;
 
 export interface DynamicCpuCore {
   id: number;
diff --git a/src/utils/cookie.ts b/src/utils/cookie.ts
index 5745e5ea..fb55f079 100644
--- a/src/utils/cookie.ts
+++ b/src/utils/cookie.ts
@@ -1,17 +1,19 @@
+
 export const getCookie = (name: string): string | null => {
-  const match = document.cookie.match(new RegExp("(^| )" + name + "=([^;]+)"));
+  const match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)'))
   if (match && match[2]) {
     try {
-      return decodeURIComponent(match[2]);
+        return decodeURIComponent(match[2])
     } catch {
-      return match[2];
+        return match[2]
     }
   }
-  return null;
-};
+  return null
+}
+
 
 export const setCookie = (name: string, value: string) => {
-  const date = new Date();
-  date.setTime(date.getTime() + 365 * 24 * 60 * 60 * 1000); // 1 year
-  document.cookie = `${name}=${encodeURIComponent(value)}; path=/; expires=${date.toUTCString()}; SameSite=Strict`;
-};
+  const date = new Date()
+  date.setTime(date.getTime() + (365 * 24 * 60 * 60 * 1000)) // 1 year
+  document.cookie = `${name}=${encodeURIComponent(value)}; path=/; expires=${date.toUTCString()}; SameSite=Strict`
+}
\ No newline at end of file
diff --git a/src/utils/costSummary.ts b/src/utils/costSummary.ts
index 798a87aa..9551e6e4 100644
--- a/src/utils/costSummary.ts
+++ b/src/utils/costSummary.ts
@@ -110,7 +110,11 @@ export function currencySymbol(currency: BaseCurrency): string {
   return CURRENCY_TO_SYMBOL[currency];
 }
 
-function replaceTemplateTokens(template: string, base: string, targets: string): string {
+function replaceTemplateTokens(
+  template: string,
+  base: string,
+  targets: string,
+): string {
   return template.split("{base}").join(base).split("{targets}").join(targets);
 }
 
@@ -122,12 +126,18 @@ export function supportedCurrenciesForNodes(
     new Set(
       nodes
         .map((node) => currencyFromPriceUnit(node.priceUnit))
-        .filter((currency): currency is BaseCurrency => Boolean(currency) && currency !== base),
+        .filter(
+          (currency): currency is BaseCurrency =>
+            Boolean(currency) && currency !== base,
+        ),
     ),
   ).sort();
 }
 
-export function buildFrankfurterUrl(base: BaseCurrency, targets: BaseCurrency[]): string {
+export function buildFrankfurterUrl(
+  base: BaseCurrency,
+  targets: BaseCurrency[],
+): string {
   if (targets.length === 0) {
     return `https://api.frankfurter.dev/v1/latest?from=${base}`;
   }
@@ -153,7 +163,9 @@ export function buildCustomFxUrl(
   targets: BaseCurrency[],
 ): string {
   if (!isValidCustomFxUrlTemplate(template)) {
-    throw new Error("自定义汇率模板无效，必须是 http/https URL，且至少包含 {base} 占位符。");
+    throw new Error(
+      "自定义汇率模板无效，必须是 http/https URL，且至少包含 {base} 占位符。",
+    );
   }
 
   return replaceTemplateTokens(
@@ -177,7 +189,11 @@ export function buildFxUrl(
 export function fxProviderLabel(providerTemplate: string | null): string {
   if (!providerTemplate) return FX_PROVIDER;
   try {
-    const resolved = replaceTemplateTokens(providerTemplate.trim(), "USD", "EUR,GBP");
+    const resolved = replaceTemplateTokens(
+      providerTemplate.trim(),
+      "USD",
+      "EUR,GBP",
+    );
     const url = new URL(resolved);
     return `custom:${url.host}`;
   } catch {
@@ -189,8 +205,10 @@ export function parseFxSnapshot(raw: unknown): FxSnapshot | null {
   if (!raw || typeof raw !== "object" || Array.isArray(raw)) return null;
   const candidate = raw as Record<string, unknown>;
   const base = normalizeBaseCurrency(candidate.base);
-  const fetchedAt = typeof candidate.fetched_at === "string" ? candidate.fetched_at : "";
-  const provider = typeof candidate.provider === "string" ? candidate.provider : "";
+  const fetchedAt =
+    typeof candidate.fetched_at === "string" ? candidate.fetched_at : "";
+  const provider =
+    typeof candidate.provider === "string" ? candidate.provider : "";
   if (!base || !fetchedAt || !provider) return null;
 
   const parsed = new Date(fetchedAt);
@@ -200,7 +218,11 @@ export function parseFxSnapshot(raw: unknown): FxSnapshot | null {
   const rates: Partial<Record<BaseCurrency, number>> = {};
   if (ratesRaw && typeof ratesRaw === "object" && !Array.isArray(ratesRaw)) {
     for (const [key, value] of Object.entries(ratesRaw)) {
-      if (!isBaseCurrency(key) || typeof value !== "number" || !Number.isFinite(value)) {
+      if (
+        !isBaseCurrency(key) ||
+        typeof value !== "number" ||
+        !Number.isFinite(value)
+      ) {
         continue;
       }
       rates[key] = value;
@@ -215,11 +237,17 @@ export function parseFxSnapshot(raw: unknown): FxSnapshot | null {
   };
 }
 
-export function fxSnapshotAgeMs(snapshot: FxSnapshot, now = Date.now()): number {
+export function fxSnapshotAgeMs(
+  snapshot: FxSnapshot,
+  now = Date.now(),
+): number {
   return Math.max(0, now - new Date(snapshot.fetched_at).getTime());
 }
 
-export function isFxSnapshotFresh(snapshot: FxSnapshot, now = Date.now()): boolean {
+export function isFxSnapshotFresh(
+  snapshot: FxSnapshot,
+  now = Date.now(),
+): boolean {
   return fxSnapshotAgeMs(snapshot, now) <= FX_CACHE_TTL_MS;
 }
 
@@ -261,7 +289,11 @@ function parseDateOnly(value: string): Date | null {
   const month = Number(match[2]);
   const day = Number(match[3]);
   const date = new Date(year, month - 1, day);
-  if (date.getFullYear() !== year || date.getMonth() !== month - 1 || date.getDate() !== day) {
+  if (
+    date.getFullYear() !== year ||
+    date.getMonth() !== month - 1 ||
+    date.getDate() !== day
+  ) {
     return null;
   }
   date.setHours(0, 0, 0, 0);
@@ -281,7 +313,10 @@ function startOfDay(date: Date): Date {
   return copy;
 }
 
-export function getRemainingDays(expireTime: string, today = new Date()): number | null {
+export function getRemainingDays(
+  expireTime: string,
+  today = new Date(),
+): number | null {
   const expire = parseDateOnly(expireTime);
   if (!expire) return null;
   const normalizedToday = startOfDay(today);
@@ -335,12 +370,17 @@ function monthlyOriginalCost(node: CostNodeRecord): number {
 }
 
 export function isExactMonthlyBaseDisplay(
-  node: Pick<EvaluatedCostNode, "monthlyCostBase" | "currencyCode" | "priceCycle">,
+  node: Pick<
+    EvaluatedCostNode,
+    "monthlyCostBase" | "currencyCode" | "priceCycle"
+  >,
   base: BaseCurrency,
 ): boolean {
   if (node.monthlyCostBase === null) return false;
   if (node.monthlyCostBase === 0) return true;
-  return node.currencyCode === base && normalizeCycleDays(node.priceCycle) === 30;
+  return (
+    node.currencyCode === base && normalizeCycleDays(node.priceCycle) === 30
+  );
 }
 
 export function isExactRemainingBaseDisplay(
@@ -387,7 +427,11 @@ export function aggregateCosts(
     } else if (!currencyCode) {
       excludedReason = "unsupported_currency";
       unsupportedNodeNames.push(node.customName);
-    } else if (snapshot === null || monthlyCostBase === null || remainingValueBase === null) {
+    } else if (
+      snapshot === null ||
+      monthlyCostBase === null ||
+      remainingValueBase === null
+    ) {
       excludedReason = "missing_fx";
       if (snapshot !== null) {
         missingRateNodeNames.push(node.customName);
@@ -395,7 +439,9 @@ export function aggregateCosts(
     }
 
     const groupKey = currencyCode ?? node.priceUnit ?? "UNKNOWN";
-    const groupSymbol = currencyCode ? currencySymbol(currencyCode) : node.priceUnit || "?";
+    const groupSymbol = currencyCode
+      ? currencySymbol(currencyCode)
+      : node.priceUnit || "?";
     const existing = grouped.get(groupKey) ?? {
       currency: groupKey,
       symbol: groupSymbol,
@@ -423,29 +469,40 @@ export function aggregateCosts(
   }
 
   const convertibleNodes = evaluatedNodes.filter(
-    (node) => !node.expired && node.monthlyCostBase !== null && node.remainingValueBase !== null,
+    (node) =>
+      !node.expired &&
+      node.monthlyCostBase !== null &&
+      node.remainingValueBase !== null,
   );
   const unified = snapshot !== null;
   const totalMonthlyCost = unified
-    ? convertibleNodes.reduce((sum, node) => sum + (node.monthlyCostBase ?? 0), 0)
+    ? convertibleNodes.reduce(
+        (sum, node) => sum + (node.monthlyCostBase ?? 0),
+        0,
+      )
     : 0;
   const totalRemainingValue = unified
-    ? convertibleNodes.reduce((sum, node) => sum + (node.remainingValueBase ?? 0), 0)
+    ? convertibleNodes.reduce(
+        (sum, node) => sum + (node.remainingValueBase ?? 0),
+        0,
+      )
     : 0;
   const expiringSoon = nodes.filter((node) => {
     const days = getRemainingDays(node.expireTime, today);
     return days !== null && days >= 0 && days <= 30;
   }).length;
 
-  const groupedMonthlyTotals = Array.from(grouped.values()).sort((left, right) =>
-    left.currency.localeCompare(right.currency),
+  const groupedMonthlyTotals = Array.from(grouped.values()).sort(
+    (left, right) => left.currency.localeCompare(right.currency),
   );
 
   return {
     unified,
     totalMonthlyCost,
     avgMonthlyCost:
-      unified && convertibleNodes.length ? totalMonthlyCost / convertibleNodes.length : 0,
+      unified && convertibleNodes.length
+        ? totalMonthlyCost / convertibleNodes.length
+        : 0,
     totalRemainingValue,
     expiringSoon,
     groupedMonthlyTotals,
diff --git a/src/utils/groupBy.ts b/src/utils/groupBy.ts
index 1fa678fd..f1a5f39e 100644
--- a/src/utils/groupBy.ts
+++ b/src/utils/groupBy.ts
@@ -1,4 +1,7 @@
-export function groupBy<T, K extends keyof T>(arr: T[], key: K): Record<string, T[]> {
+export function groupBy<T, K extends keyof T>(
+  arr: T[],
+  key: K,
+): Record<string, T[]> {
   return arr.reduce(
     (acc, item) => {
       const groupKey = String(item[key]);
diff --git a/src/utils/show.ts b/src/utils/show.ts
index 895e174b..7632a9ed 100644
--- a/src/utils/show.ts
+++ b/src/utils/show.ts
@@ -15,7 +15,12 @@ export const showOS = (server: any) => {
       .replace(/\s*GNU\/Linux\s*$/i, "")
       .replace(/\s*Alpine Linux\s*$/i, "Alpine")
       .trim() || s.system_name;
-  const version = (s.system_version ?? s.system_os_version ?? s.system_os_long_version ?? "")
+  const version = (
+    s.system_version ??
+    s.system_os_version ??
+    s.system_os_long_version ??
+    ""
+  )
     .toString()
     .trim();
   return version ? `${name} ${version}` : name;
@@ -45,7 +50,10 @@ const formatSpeed = (bytes: number) => {
   if (!+bytes) return "0.00 KB/s";
   const k = 1024;
   const sizes = ["B", "KB", "MB", "GB", "TB", "PB"];
-  const i = Math.min(sizes.length - 1, Math.max(0, Math.floor(Math.log(bytes) / Math.log(k))));
+  const i = Math.min(
+    sizes.length - 1,
+    Math.max(0, Math.floor(Math.log(bytes) / Math.log(k))),
+  );
   const value = bytes / Math.pow(k, i);
   return `${value.toFixed(2)} ${sizes[i]}/s`;
 };
diff --git a/src/utils/themeConfig.ts b/src/utils/themeConfig.ts
index e779e12a..ce66077e 100644
--- a/src/utils/themeConfig.ts
+++ b/src/utils/themeConfig.ts
@@ -9,12 +9,14 @@ export function mergeThemeConfigJson(
   let newConfig: Record<string, unknown> = {};
   let oldConfig: Record<string, unknown> = {};
   try {
-    if (newConfigText) newConfig = JSON.parse(newConfigText) as Record<string, unknown>;
+    if (newConfigText)
+      newConfig = JSON.parse(newConfigText) as Record<string, unknown>;
   } catch (e) {
     console.warn("mergeThemeConfigJson: failed to parse newConfigText", e);
   }
   try {
-    if (oldConfigText) oldConfig = JSON.parse(oldConfigText) as Record<string, unknown>;
+    if (oldConfigText)
+      oldConfig = JSON.parse(oldConfigText) as Record<string, unknown>;
   } catch (e) {
     console.warn("mergeThemeConfigJson: failed to parse oldConfigText", e);
   }
diff --git a/src/views/dashboard/token/TokenCreateView.vue b/src/views/dashboard/token/TokenCreateView.vue
index e7edb415..9cc63ab4 100644
--- a/src/views/dashboard/token/TokenCreateView.vue
+++ b/src/views/dashboard/token/TokenCreateView.vue
@@ -44,11 +44,18 @@ const handleTokenChange = (value: Token) => {
 </script>
 
 <template>
-  <div class="flex h-full flex-col space-y-6">
+  <div class="h-full flex flex-col space-y-6">
     <div class="flex items-start gap-3">
-      <Button variant="ghost" size="icon" class="mt-0.5 size-9 shrink-0" @click="handleBack">
+      <Button
+        variant="ghost"
+        size="icon"
+        class="mt-0.5 size-9 shrink-0"
+        @click="handleBack"
+      >
         <ArrowLeft class="h-4 w-4" />
-        <span class="sr-only">{{ t("dashboard.token.create.returnButtonDescription") }}</span>
+        <span class="sr-only">{{
+          t("dashboard.token.create.returnButtonDescription")
+        }}</span>
       </Button>
       <div>
         <h2 class="text-2xl font-bold tracking-tight">
diff --git a/src/views/dashboard/token/TokenDetailView.vue b/src/views/dashboard/token/TokenDetailView.vue
index b669e5de..ff4552c7 100644
--- a/src/views/dashboard/token/TokenDetailView.vue
+++ b/src/views/dashboard/token/TokenDetailView.vue
@@ -6,7 +6,7 @@ const { t } = useI18n();
 </script>
 
 <template>
-  <div class="flex h-full flex-col space-y-6">
+  <div class="h-full flex flex-col space-y-6">
     <div>
       <h2 class="text-2xl font-bold tracking-tight">
         {{ t("dashboard.token.detail.title") }}
diff --git a/src/views/dashboard/token/TokenEditView.vue b/src/views/dashboard/token/TokenEditView.vue
index f9d9cf13..0be1e7ad 100644
--- a/src/views/dashboard/token/TokenEditView.vue
+++ b/src/views/dashboard/token/TokenEditView.vue
@@ -14,11 +14,18 @@ const handleBack = () => {
 </script>
 
 <template>
-  <div class="flex h-full flex-col space-y-6">
+  <div class="h-full flex flex-col space-y-6">
     <div class="flex items-start gap-3">
-      <Button variant="ghost" size="icon" class="mt-0.5 size-9 shrink-0" @click="handleBack">
+      <Button
+        variant="ghost"
+        size="icon"
+        class="mt-0.5 size-9 shrink-0"
+        @click="handleBack"
+      >
         <ArrowLeft class="h-4 w-4" />
-        <span class="sr-only">{{ t("dashboard.token.edit.returnButtonDescription") }}</span>
+        <span class="sr-only">{{
+          t("dashboard.token.edit.returnButtonDescription")
+        }}</span>
       </Button>
       <div>
         <h2 class="text-2xl font-bold tracking-tight">
diff --git a/src/views/dashboard/token/TokenImportView.vue b/src/views/dashboard/token/TokenImportView.vue
index 13548eb7..8a70ae3e 100644
--- a/src/views/dashboard/token/TokenImportView.vue
+++ b/src/views/dashboard/token/TokenImportView.vue
@@ -14,11 +14,18 @@ const handleBack = () => {
 </script>
 
 <template>
-  <div class="flex h-full flex-col space-y-6">
+  <div class="h-full flex flex-col space-y-6">
     <div class="flex items-start gap-3">
-      <Button variant="ghost" size="icon" class="mt-0.5 size-9 shrink-0" @click="handleBack">
+      <Button
+        variant="ghost"
+        size="icon"
+        class="mt-0.5 size-9 shrink-0"
+        @click="handleBack"
+      >
         <ArrowLeft class="h-4 w-4" />
-        <span class="sr-only">{{ t("dashboard.token.import.returnButtonDescription") }}</span>
+        <span class="sr-only">{{
+          t("dashboard.token.import.returnButtonDescription")
+        }}</span>
       </Button>
       <div>
         <h2 class="text-2xl font-bold tracking-tight">
diff --git a/src/views/dashboard/token/TokenManageView.vue b/src/views/dashboard/token/TokenManageView.vue
index d7e25ffe..bb679035 100644
--- a/src/views/dashboard/token/TokenManageView.vue
+++ b/src/views/dashboard/token/TokenManageView.vue
@@ -12,7 +12,7 @@ const toCreateToken = () => {
 </script>
 
 <template>
-  <div class="flex h-full flex-col space-y-6">
+  <div class="h-full flex flex-col space-y-6">
     <div class="flex items-center justify-between">
       <div>
         <h2 class="text-2xl font-bold tracking-tight">
diff --git a/vite.config.ts b/vite.config.ts
index 14a1ff35..9c18817b 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,7 +1,7 @@
 import { fileURLToPath, URL } from "node:url";
 
 import { defineConfig } from "vite";
-import unpluginVueRouter from "unplugin-vue-router/vite";
+import { unpluginVueRouterInstance } from "./scripts/typed-router.d.ts/shared";
 import vue from "@vitejs/plugin-vue";
 import vueJsx from "@vitejs/plugin-vue-jsx";
 import vueDevTools from "vite-plugin-vue-devtools";
@@ -18,15 +18,7 @@ export default defineConfig({
     manifest: true,
   },
   plugins: [
-    unpluginVueRouter({
-      routesFolder: [
-        {
-          src: "./src/pages",
-          exclude: ["**/__*.vue"],
-        },
-      ],
-      dts: "./src/types/typed-router.d.ts",
-    }),
+    unpluginVueRouterInstance,
     vue(),
     vueJsx(),
     vueDevTools(),

From b6421aee5d5e01c7de87526412a7419cf1b7e969 Mon Sep 17 00:00:00 2001
From: landmineHQ <z1216198007@gmail.com>
Date: Sat, 23 May 2026 16:12:38 +0800
Subject: [PATCH 6/6] chrome: add format config for format

---
 .prettierrc.json        |  9 +++++++++
 .vscode/extensions.json |  5 ++++-
 .vscode/settings.json   | 11 +++++++++++
 package.json            |  2 +-
 prettier.config.mjs     |  6 ------
 5 files changed, 25 insertions(+), 8 deletions(-)
 create mode 100644 .prettierrc.json
 create mode 100644 .vscode/settings.json
 delete mode 100644 prettier.config.mjs

diff --git a/.prettierrc.json b/.prettierrc.json
new file mode 100644
index 00000000..1ac19d3d
--- /dev/null
+++ b/.prettierrc.json
@@ -0,0 +1,9 @@
+{
+  "$schema": "https://json.schemastore.org/prettierrc",
+  "semi": true,
+  "singleQuote": false,
+  "plugins": [
+    "prettier-plugin-tailwindcss"
+  ],
+  "printWidth": 100
+}
\ No newline at end of file
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
index a7cea0b0..aecab6cc 100644
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -1,3 +1,6 @@
 {
-  "recommendations": ["Vue.volar"]
+  "recommendations": [
+    "Vue.volar",
+    "esbenp.prettier-vscode"
+  ]
 }
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 00000000..b107c653
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,11 @@
+{
+  "explorer.fileNesting.enabled": true,
+  "explorer.fileNesting.patterns": {
+    "tsconfig.json": "tsconfig.*.json, env.d.ts, typed-router.d.ts",
+    "vite.config.*": "jsconfig*, vitest.config.*, cypress.config.*, playwright.config.*",
+    "package.json": "package-lock.json, pnpm*, .yarnrc*, yarn*, .eslint*, eslint*, .oxlint*, oxlint*, .oxfmt*, .prettier*, prettier*, .editorconfig"
+  },
+  "editor.formatOnSave": true,
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "i18n-ally.localesPaths": ["src/locales"]
+}
diff --git a/package.json b/package.json
index 20f3290f..a6c58974 100644
--- a/package.json
+++ b/package.json
@@ -10,7 +10,7 @@
     "preview": "vite preview",
     "build-only": "vite build",
     "type-check": "vue-tsc --build",
-    "format": "prettier --write .",
+    "format": "prettier --write src/",
     "test": "node --test --experimental-strip-types tests/*.test.ts",
     "prepare": "husky",
     "generate:typed-router": "vite build --config scripts/typed-router.d.ts/config.ts"
diff --git a/prettier.config.mjs b/prettier.config.mjs
deleted file mode 100644
index c3661943..00000000
--- a/prettier.config.mjs
+++ /dev/null
@@ -1,6 +0,0 @@
-/** @type {import("prettier").Config & import("prettier-plugin-tailwindcss").PluginOptions} */
-export default {
-  plugins: ["prettier-plugin-tailwindcss"],
-  tailwindStylesheet: "./src/style/app.css",
-  tailwindFunctions: ["cn", "clsx", "cva"],
-};