diff --git a/.editorconfig b/.editorconfig
index 765263e..1305620 100644
--- a/.editorconfig
+++ b/.editorconfig
@@ -1,15 +1,15 @@
-# @see: http://editorconfig.org
-
-root = true
-
-[*] # 表示所有文件适用
-charset = utf-8 # 设置文件字符集为 utf-8
-end_of_line = lf # 控制换行类型(lf | cr | crlf)
-insert_final_newline = true # 始终在文件末尾插入一个新行
-indent_style = space # 缩进风格（tab | space）
-indent_size = 4 # 缩进大小
-max_line_length = 130 # 最大行长度
-
-[*.md] # 表示仅对 md 文件适用以下规则
-max_line_length = off # 关闭最大行长度限制
-trim_trailing_whitespace = false # 关闭末尾空格修剪
+# @see: http://editorconfig.org
+
+root = true
+
+[*] # 表示所有文件适用
+charset = utf-8 # 设置文件字符集为 utf-8
+end_of_line = lf # 控制换行类型(lf | cr | crlf)
+insert_final_newline = true # 始终在文件末尾插入一个新行
+indent_style = space # 缩进风格（tab | space）
+indent_size = 4 # 缩进大小
+max_line_length = 130 # 最大行长度
+
+[*.md] # 表示仅对 md 文件适用以下规则
+max_line_length = off # 关闭最大行长度限制
+trim_trailing_whitespace = false # 关闭末尾空格修剪
diff --git a/.env.development.example b/.env.development.example
index be787a2..429ea0a 100644
--- a/.env.development.example
+++ b/.env.development.example
@@ -1,18 +1,18 @@
-#本地环境
-VITE_USER_NODE_ENV=development
-#公共基础路径
-VITE_PUBLIC_PATH=/
-#路由模式
-#Optional:hash|history
-VITE_ROUTER_MODE=hash
-#打包时是否删除console
-VITE_DROP_CONSOLE=true
-#是否开启VitePWA
-VITE_PWA=false
-#开发环境接口地址
-VITE_API_URL=/api
-#以下部署需要改动的----
-#开发环境跨域代理，支持配置多个
-VITE_PROXY=[["/api","https://api.123.com"]]
-#当前项目网址
-VITE_URL=https://api.123.com
+#本地环境
+VITE_USER_NODE_ENV=development
+#公共基础路径
+VITE_PUBLIC_PATH=/
+#路由模式
+#Optional:hash|history
+VITE_ROUTER_MODE=hash
+#打包时是否删除console
+VITE_DROP_CONSOLE=true
+#是否开启VitePWA
+VITE_PWA=false
+#开发环境接口地址
+VITE_API_URL=/api
+#以下部署需要改动的----
+#开发环境跨域代理，支持配置多个
+VITE_PROXY=[["/api","https://api.123.com"]]
+#当前项目网址
+VITE_URL=https://api.123.com
diff --git a/.env.example b/.env.example
index 2cdc59b..60668e1 100644
--- a/.env.example
+++ b/.env.example
@@ -1,8 +1,8 @@
-#title
-VITE_GLOB_APP_TITLE=**管理系统
-#本地运行端口号
-VITE_PORT=7777
-#启动时自动打开浏览器
-VITE_OPEN=true
-#打包后是否生成包分析文件
-VITE_REPORT=false
+#title
+VITE_GLOB_APP_TITLE=**管理系统
+#本地运行端口号
+VITE_PORT=7777
+#启动时自动打开浏览器
+VITE_OPEN=true
+#打包后是否生成包分析文件
+VITE_REPORT=false
diff --git a/.env.production.example b/.env.production.example
index 9462cae..e628b76 100644
--- a/.env.production.example
+++ b/.env.production.example
@@ -1,23 +1,23 @@
-#线上环境
-VITE_USER_NODE_ENV=production
-#公共基础路径
-VITE_PUBLIC_PATH=./
-#路由模式
-#Optional:hash|history
-VITE_ROUTER_MODE=hash
-#是否启用gzip或brotli压缩打包，如果需要多个压缩规则，可以使用“,”分隔
-#Optional:gzip|brotli|none
-VITE_BUILD_COMPRESS=none
-#打包压缩后是否删除源文件
-VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE=false
-#打包时是否删除console
-VITE_DROP_CONSOLE=true
-#是否开启VitePWA
-VITE_PWA=true
-#打包输出目录
-VITE_OUT_PATH=dist
-#以下部署需要改动的----
-#开发环境跨域代理，支持配置多个
-VITE_API_URL=https://api.123.live
-#当前项目网址
-VITE_URL=https://api.123.com/
+#线上环境
+VITE_USER_NODE_ENV=production
+#公共基础路径
+VITE_PUBLIC_PATH=./
+#路由模式
+#Optional:hash|history
+VITE_ROUTER_MODE=hash
+#是否启用gzip或brotli压缩打包，如果需要多个压缩规则，可以使用“,”分隔
+#Optional:gzip|brotli|none
+VITE_BUILD_COMPRESS=none
+#打包压缩后是否删除源文件
+VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE=false
+#打包时是否删除console
+VITE_DROP_CONSOLE=true
+#是否开启VitePWA
+VITE_PWA=true
+#打包输出目录
+VITE_OUT_PATH=dist
+#以下部署需要改动的----
+#开发环境跨域代理，支持配置多个
+VITE_API_URL=https://api.123.live
+#当前项目网址
+VITE_URL=https://api.123.com/
diff --git a/.env.test.example b/.env.test.example
index f9808ec..80d50ed 100644
--- a/.env.test.example
+++ b/.env.test.example
@@ -1,23 +1,23 @@
-#测试环境
-VITE_USER_NODE_ENV=test
-#公共基础路径
-VITE_PUBLIC_PATH=./
-#路由模式
-#Optional:hash|history
-VITE_ROUTER_MODE=hash
-#是否启用gzip或brotli压缩打包，如果需要多个压缩规则，可以使用“,”分隔
-#Optional:gzip|brotli|none
-VITE_BUILD_COMPRESS=none
-#打包压缩后是否删除源文件
-VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE=false
-#打包时是否删除console
-VITE_DROP_CONSOLE=true
-#是否开启VitePWA
-VITE_PWA=false
-#打包输出目录
-VITE_OUT_PATH=test
-#以下部署需要改动的----
-#测试环境接口地址
-VITE_API_URL=https://api.123.live
-#当前项目网址
-VITE_URL=https://api.123.com/
+#测试环境
+VITE_USER_NODE_ENV=test
+#公共基础路径
+VITE_PUBLIC_PATH=./
+#路由模式
+#Optional:hash|history
+VITE_ROUTER_MODE=hash
+#是否启用gzip或brotli压缩打包，如果需要多个压缩规则，可以使用“,”分隔
+#Optional:gzip|brotli|none
+VITE_BUILD_COMPRESS=none
+#打包压缩后是否删除源文件
+VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE=false
+#打包时是否删除console
+VITE_DROP_CONSOLE=true
+#是否开启VitePWA
+VITE_PWA=false
+#打包输出目录
+VITE_OUT_PATH=test
+#以下部署需要改动的----
+#测试环境接口地址
+VITE_API_URL=https://api.123.live
+#当前项目网址
+VITE_URL=https://api.123.com/
diff --git a/.eslintignore b/.eslintignore
index a4c017a..1d58617 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -1,16 +1,16 @@
-*.sh
-node_modules
-*.md
-*.woff
-*.ttf
-.vscode
-.idea
-dist
-/public
-/docs
-.husky
-.local
-/bin
-/src/mock/*
-stats.html
-*
+*.sh
+node_modules
+*.md
+*.woff
+*.ttf
+.vscode
+.idea
+dist
+/public
+/docs
+.husky
+.local
+/bin
+/src/mock/*
+stats.html
+*
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
index de89e65..2276a05 100644
--- a/.eslintrc.cjs
+++ b/.eslintrc.cjs
@@ -1,5 +1,3 @@
-// @see: http://eslint.cn
-
 module.exports = {
     root: true,
     env: {
@@ -7,62 +5,47 @@ module.exports = {
         node: true,
         es6: true
     },
-    // 指定如何解析语法
     parser: "vue-eslint-parser",
-    // 优先级低于 parse 的语法解析配置
     parserOptions: {
         parser: "@typescript-eslint/parser",
         ecmaVersion: 2020,
-        sourceType: "module",
-        jsxPragma: "React",
-        ecmaFeatures: {
-            jsx: true
-        }
-    },
-    // 继承某些已有的规则
+        sourceType: "module",
+        jsxPragma: "React",
+        ecmaFeatures: {
+            jsx: true
+        }
+    },
     extends: ["plugin:vue/vue3-recommended", "plugin:@typescript-eslint/recommended", "plugin:prettier/recommended"],
-    /**
-     * "off" 或 0    ==>  关闭规则
-     * "warn" 或 1   ==>  打开的规则作为警告（不影响代码执行）
-     * "error" 或 2  ==>  规则作为一个错误（代码不能执行，界面报错）
-     */
     rules: {
-        // eslint (http://eslint.cn/docs/rules)
-        "no-var": "error", // 要求使用 let 或 const 而不是 var
-        "no-multiple-empty-lines": ["error", { max: 1 }], // 不允许多个空行
-        "prefer-const": "off", // 使用 let 关键字声明但在初始分配后从未重新分配的变量，要求使用 const
-        "no-use-before-define": "off", // 禁止在 函数/类/变量 定义之前使用它们
+        "no-var": "error",
+        "no-multiple-empty-lines": ["error", { max: 1 }],
+        "prefer-const": "off",
+        "no-use-before-define": "off",
 
-        // typeScript (https://typescript-eslint.io/rules)
-        "@typescript-eslint/no-unused-vars": "error", // 禁止定义未使用的变量
-        "@typescript-eslint/prefer-ts-expect-error": "error", // 禁止使用 @ts-ignore
-        "@typescript-eslint/ban-ts-comment": "error", // 禁止 @ts-<directive> 使用注释或要求在指令后进行描述
-        "@typescript-eslint/no-inferrable-types": "off", // 可以轻松推断的显式类型可能会增加不必要的冗长
-        "@typescript-eslint/no-namespace": "off", // 禁止使用自定义 TypeScript 模块和命名空间
-        "@typescript-eslint/no-explicit-any": "off", // 禁止使用 any 类型
-        "@typescript-eslint/ban-types": "off", // 禁止使用特定类型
-        "@typescript-eslint/no-var-requires": "off", // 允许使用 require() 函数导入模块
-        "@typescript-eslint/no-empty-function": "off", // 禁止空函数
-        "@typescript-eslint/no-non-null-assertion": "off", // 不允许使用后缀运算符的非空断言(!)
+        "@typescript-eslint/no-unused-vars": "error",
+        "@typescript-eslint/prefer-ts-expect-error": "error",
+        "@typescript-eslint/ban-ts-comment": "error",
+        "@typescript-eslint/no-inferrable-types": "off",
+        "@typescript-eslint/no-namespace": "off",
+        "@typescript-eslint/no-explicit-any": "off",
+        "@typescript-eslint/ban-types": "off",
+        "@typescript-eslint/no-var-requires": "off",
+        "@typescript-eslint/no-empty-function": "off",
+        "@typescript-eslint/no-non-null-assertion": "off",
 
-        // vue (https://eslint.vuejs.org/rules)
-        "vue/script-setup-uses-vars": "error", // 防止<script setup>使用的变量<template>被标记为未使用，此规则仅在启用该 no-unused-vars 规则时有效
-        "vue/v-slot-style": "error", // 强制执行 v-slot 指令样式
-        "vue/no-mutating-props": "error", // 不允许改变组件 prop
-        "vue/custom-event-name-casing": "error", // 为自定义事件名称强制使用特定大小写
+        "vue/script-setup-uses-vars": "error",
+        "vue/v-slot-style": "error",
+        "vue/no-mutating-props": "error",
+        "vue/custom-event-name-casing": "error",
         "vue/html-closing-bracket-newline": [
             "error"
-            // {
-            //     singleline: "never",
-            //     multiline: "never"
-            // }
-        ], // 在标签的右括号之前要求或禁止换行
-        "vue/attribute-hyphenation": "error", // 对模板中的自定义组件强制执行属性命名样式：my-prop="prop"
-        "vue/attributes-order": "off", // vue api使用顺序，强制执行属性顺序
-        "vue/no-v-html": "off", // 禁止使用 v-html
-        "vue/require-default-prop": "off", // 此规则要求为每个 prop 为必填时，必须提供默认值
-        "vue/multi-word-component-names": "off", // 要求组件名称始终为 “-” 链接的单词
-        "vue/no-setup-props-destructure": "off", // 禁止解构 props 传递给 setup
+        ],
+        "vue/attribute-hyphenation": "error",
+        "vue/attributes-order": "off",
+        "vue/no-v-html": "off",
+        "vue/require-default-prop": "off",
+        "vue/multi-word-component-names": "off",
+        "vue/no-setup-props-destructure": "off",
         'prettier/prettier': 'off'
     }
 };
diff --git a/.gitignore b/.gitignore
index a75bfce..13e2a71 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,33 +1,33 @@
-# Logs
-./logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
-lerna-debug.log*
-package-lock.json
-.env
-.env.development
-.env.test
-.env.production
-src/customize
-node_modules
-dist
-test
-dist-ssr
-stats.html
-*.local
-# Editor directories and files
-.vscode/*
-!.vscode/extensions.json
-!.vscode/settings.json
-.idea
-.DS_Store
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?
-vite.config.ts.timestamp*
-
+# Logs
+./logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+package-lock.json
+.env
+.env.development
+.env.test
+.env.production
+src/customize
+node_modules
+dist
+test
+dist-ssr
+stats.html
+*.local
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+!.vscode/settings.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+vite.config.ts.timestamp*
+
diff --git a/.prettierignore b/.prettierignore
index 477ae12..8fa698e 100644
--- a/.prettierignore
+++ b/.prettierignore
@@ -1,9 +1,9 @@
-/dist/*
-.local
-/node_modules/**
-
-**/*.svg
-**/*.sh
-
-/public/*
-stats.html
+/dist/*
+.local
+/node_modules/**
+
+**/*.svg
+**/*.sh
+
+/public/*
+stats.html
diff --git a/.prettierrc.cjs b/.prettierrc.cjs
index c2ca19f..e3e6586 100644
--- a/.prettierrc.cjs
+++ b/.prettierrc.cjs
@@ -1,41 +1,21 @@
-// @see: https://www.prettier.cn
-
 module.exports = {
-    // 指定最大换行长度
     printWidth: 130,
-    // 缩进制表符宽度 | 空格数
     tabWidth: 4,
-    // 使用制表符而不是空格缩进行 (true：制表符，false：空格)
     useTabs: false,
-    // 结尾不用分号 (true：有，false：没有)
     semi: true,
-    // 使用单引号 (true：单引号，false：双引号)
     singleQuote: false,
-    // 在对象字面量中决定是否将属性名用引号括起来 可选值 "<as-needed|consistent|preserve>"
     quoteProps: "as-needed",
-    // 在JSX中使用单引号而不是双引号 (true：单引号，false：双引号)
     jsxSingleQuote: false,
-    // 多行时尽可能打印尾随逗号 可选值"<none|es5|all>"
     trailingComma: "none",
-    // 在对象，数组括号与文字之间加空格 "{ foo: bar }" (true：有，false：没有)
     bracketSpacing: true,
-    // 将 > 多行元素放在最后一行的末尾，而不是单独放在下一行 (true：放末尾，false：单独一行)
     bracketSameLine: false,
-    // (x) => {} 箭头函数参数只有一个时是否要有小括号 (avoid：省略括号，always：不省略括号)
     arrowParens: "avoid",
-    // 指定要使用的解析器，不需要写文件开头的 @prettier
     requirePragma: false,
-    // 可以在文件顶部插入一个特殊标记，指定该文件已使用 Prettier 格式化
     insertPragma: false,
-    // 用于控制文本是否应该被换行以及如何进行换行
     proseWrap: "preserve",
-    // 在html中空格是否是敏感的 "css" - 遵守 CSS 显示属性的默认值， "strict" - 空格被认为是敏感的 ，"ignore" - 空格被认为是不敏感的
     htmlWhitespaceSensitivity: "css",
-    // 控制在 Vue 单文件组件中 <script> 和 <style> 标签内的代码缩进方式
     vueIndentScriptAndStyle: false,
-    // 换行符使用 lf 结尾是 可选值 "<auto|lf|crlf|cr>"
     endOfLine: "auto",
-    // 这两个选项可用于格式化以给定字符偏移量（分别包括和不包括）开始和结束的代码 (rangeStart：开始，rangeEnd：结束)
     rangeStart: 0,
     rangeEnd: Infinity
 };
diff --git a/.project b/.project
index 0c3edb6..ed607c3 100644
--- a/.project
+++ b/.project
@@ -1,28 +1,28 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<projectDescription>
-	<name>IOMS-ADMIN</name>
-	<comment></comment>
-	<projects>
-	</projects>
-	<buildSpec>
-		<buildCommand>
-			<name>com.aptana.ide.core.unifiedBuilder</name>
-			<arguments>
-			</arguments>
-		</buildCommand>
-	</buildSpec>
-	<natures>
-		<nature>com.aptana.projects.webnature</nature>
-	</natures>
-	<filteredResources>
-		<filter>
-			<id>1700473558718</id>
-			<name></name>
-			<type>26</type>
-			<matcher>
-				<id>org.eclipse.ui.ide.multiFilter</id>
-				<arguments>1.0-name-matches-false-false-node_modules</arguments>
-			</matcher>
-		</filter>
-	</filteredResources>
-</projectDescription>
+<?xml version="1.0" encoding="UTF-8"?>
+<projectDescription>
+	<name>IOMS-ADMIN</name>
+	<comment></comment>
+	<projects>
+	</projects>
+	<buildSpec>
+		<buildCommand>
+			<name>com.aptana.ide.core.unifiedBuilder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+	</buildSpec>
+	<natures>
+		<nature>com.aptana.projects.webnature</nature>
+	</natures>
+	<filteredResources>
+		<filter>
+			<id>1700473558718</id>
+			<name></name>
+			<type>26</type>
+			<matcher>
+				<id>org.eclipse.ui.ide.multiFilter</id>
+				<arguments>1.0-name-matches-false-false-node_modules</arguments>
+			</matcher>
+		</filter>
+	</filteredResources>
+</projectDescription>
diff --git a/.stylelintignore b/.stylelintignore
index b7eb686..ac36600 100644
--- a/.stylelintignore
+++ b/.stylelintignore
@@ -1,4 +1,4 @@
-/dist/*
-/public/*
-public/*
-stats.html
+/dist/*
+/public/*
+public/*
+stats.html
diff --git a/.stylelintrc.cjs b/.stylelintrc.cjs
index d5fcf87..2a54cb0 100644
--- a/.stylelintrc.cjs
+++ b/.stylelintrc.cjs
@@ -1,40 +1,35 @@
-// @see: https://stylelint.io
-
 module.exports = {
     root: true,
-    // 继承某些已有的规则
     extends: [
-        "stylelint-config-standard", // 配置 stylelint 拓展插件
-        "stylelint-config-html/vue", // 配置 vue 中 template 样式格式化
-        "stylelint-config-standard-scss", // 配置 stylelint scss 插件
-        "stylelint-config-recommended-vue/scss", // 配置 vue 中 scss 样式格式化
-        "stylelint-config-recess-order" // 配置 stylelint css 属性书写顺序插件,
+        "stylelint-config-standard",
+        "stylelint-config-html/vue",
+        "stylelint-config-standard-scss",
+        "stylelint-config-recommended-vue/scss",
+        "stylelint-config-recess-order"
     ],
     overrides: [
-        // 扫描 .vue/html 文件中的 <style> 标签内的样式
         {
             files: ["**/*.{vue,html}"],
             customSyntax: "postcss-html"
         }
     ],
     rules: {
-        "function-url-quotes": "always", // URL 的引号 "always(必须加上引号)"|"never(没有引号)"
-        "color-hex-length": "long", // 指定 16 进制颜色的简写或扩写 "short(16进制简写)"|"long(16进制扩写)"
-        "rule-empty-line-before": "never", // 要求或禁止在规则之前的空行 "always(规则之前必须始终有一个空行)"|"never(规则前绝不能有空行)"|"always-multi-line(多行规则之前必须始终有一个空行)"|"never-multi-line(多行规则之前绝不能有空行)"
-        "font-family-no-missing-generic-family-keyword": null, // 禁止在字体族名称列表中缺少通用字体族关键字
-        "scss/at-import-partial-extension": null, // 解决不能使用 @import 引入 scss 文件
-        "property-no-unknown": null, // 禁止未知的属性
-        "no-empty-source": null, // 禁止空源码
-        "selector-class-pattern": null, // 强制选择器类名的格式
-        "value-no-vendor-prefix": null, // 关闭 vendor-prefix (为了解决多行省略 -webkit-box)
-        "no-descending-specificity": null, // 不允许较低特异性的选择器出现在覆盖较高特异性的选择器
-        "value-keyword-case": null, // 解决在 scss 中使用 v-bind 大写单词报错
+        "function-url-quotes": "always",
+        "color-hex-length": "long",
+        "rule-empty-line-before": "never",
+        "font-family-no-missing-generic-family-keyword": null,
+        "scss/at-import-partial-extension": null,
+        "property-no-unknown": null,
+        "selector-class-pattern": null,
+        "value-no-vendor-prefix": null,
+        "no-descending-specificity": null,
+        "value-keyword-case": null,
         "selector-pseudo-class-no-unknown": [
             true,
             {
-                ignorePseudoClasses: ["global", "v-deep", "deep"]
-            }
-        ]
-    },
-    ignoreFiles: ["**/*.js", "**/*.jsx", "**/*.tsx", "**/*.ts"]
-};
+                ignorePseudoClasses: ["global", "v-deep", "deep"]
+            }
+        ]
+    },
+    ignoreFiles: ["**/*.js", "**/*.jsx", "**/*.tsx", "**/*.ts"]
+};
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
index c3d12fd..c41c518 100644
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -1,14 +1,14 @@
-{
-    "recommendations": [
-        "vue.volar",
-        "vue.vscode-typescript-vue-plugin",
-        "hollowtree.vue-snippets",
-        "dbaeumer.vscode-eslint",
-        "stylelint.vscode-stylelint",
-        "esbenp.prettier-vscode",
-        "editorconfig.editorconfig",
-        "streetsidesoftware.code-spell-checker",
-        "syler.sass-indented",
-        "mikestead.dotenv"
-    ]
-}
+{
+    "recommendations": [
+        "vue.volar",
+        "vue.vscode-typescript-vue-plugin",
+        "hollowtree.vue-snippets",
+        "dbaeumer.vscode-eslint",
+        "stylelint.vscode-stylelint",
+        "esbenp.prettier-vscode",
+        "editorconfig.editorconfig",
+        "streetsidesoftware.code-spell-checker",
+        "syler.sass-indented",
+        "mikestead.dotenv"
+    ]
+}
diff --git a/.vscode/settings.json b/.vscode/settings.json
index 660645b..cc8d52c 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,96 +1,96 @@
-{
-    "editor.formatOnSave": true,
-    "editor.codeActionsOnSave": {
-        "source.fixAll.stylelint": "explicit"
-    },
-    "stylelint.enable": true,
-    "stylelint.validate": ["css", "less", "postcss", "scss", "vue", "sass", "html"],
-    "files.eol": "\n",
-    "typescript.tsdk": "node_modules/typescript/lib",
-    "[vue]": {
-        "editor.defaultFormatter": "octref.vetur"
-    },
-    "[typescript]": {
-        "editor.defaultFormatter": "esbenp.prettier-vscode"
-    },
-    "[json]": {
-        "editor.defaultFormatter": "esbenp.prettier-vscode"
-    },
-    "[jsonc]": {
-        "editor.defaultFormatter": "esbenp.prettier-vscode"
-    },
-    "[javascript]": {
-        "editor.defaultFormatter": "esbenp.prettier-vscode"
-    },
-    "[typescriptreact]": {
-        "editor.defaultFormatter": "esbenp.prettier-vscode"
-    },
-    "[scss]": {
-        "editor.defaultFormatter": "esbenp.prettier-vscode"
-    },
-    "[html]": {
-        "editor.defaultFormatter": "esbenp.prettier-vscode"
-    },
-    "[markdown]": {
-        "editor.defaultFormatter": "esbenp.prettier-vscode"
-    },
-    "[less]": {
-        "editor.defaultFormatter": "esbenp.prettier-vscode"
-    },
-    "cSpell.words": [
-        "AMAP",
-        "apng",
-        "axios",
-        "Biao",
-        "brotli",
-        "cascader",
-        "commitlint",
-        "contentleft",
-        "contentright",
-        "CSDN",
-        "daterange",
-        "datetimerange",
-        "echarts",
-        "fangda",
-        "geeker",
-        "Gitee",
-        "hexs",
-        "iconfont",
-        "juejin",
-        "liquidfill",
-        "longpress",
-        "monthrange",
-        "nprogress",
-        "officedocument",
-        "openxmlformats",
-        "Pageable",
-        "persistedstate",
-        "pinia",
-        "pjpeg",
-        "Prefixs",
-        "screenfull",
-        "sortablejs",
-        "sousuo",
-        "spreadsheetml",
-        "styl",
-        "stylelint",
-        "stylelintignore",
-        "stylelintrc",
-        "suoxiao",
-        "truetype",
-        "tuichu",
-        "unplugin",
-        "unref",
-        "VITE",
-        "vuedraggable",
-        "vueuse",
-        "Vuex",
-        "wangeditor",
-        "xiala",
-        "xiaoxi",
-        "Yahei",
-        "yiwen",
-        "zhongyingwen",
-        "zhuti"
-    ]
-}
+{
+    "editor.formatOnSave": true,
+    "editor.codeActionsOnSave": {
+        "source.fixAll.stylelint": "explicit"
+    },
+    "stylelint.enable": true,
+    "stylelint.validate": ["css", "less", "postcss", "scss", "vue", "sass", "html"],
+    "files.eol": "\n",
+    "typescript.tsdk": "node_modules/typescript/lib",
+    "[vue]": {
+        "editor.defaultFormatter": "octref.vetur"
+    },
+    "[typescript]": {
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
+    },
+    "[json]": {
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
+    },
+    "[jsonc]": {
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
+    },
+    "[javascript]": {
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
+    },
+    "[typescriptreact]": {
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
+    },
+    "[scss]": {
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
+    },
+    "[html]": {
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
+    },
+    "[markdown]": {
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
+    },
+    "[less]": {
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
+    },
+    "cSpell.words": [
+        "AMAP",
+        "apng",
+        "axios",
+        "Biao",
+        "brotli",
+        "cascader",
+        "commitlint",
+        "contentleft",
+        "contentright",
+        "CSDN",
+        "daterange",
+        "datetimerange",
+        "echarts",
+        "fangda",
+        "geeker",
+        "Gitee",
+        "hexs",
+        "iconfont",
+        "juejin",
+        "liquidfill",
+        "longpress",
+        "monthrange",
+        "nprogress",
+        "officedocument",
+        "openxmlformats",
+        "Pageable",
+        "persistedstate",
+        "pinia",
+        "pjpeg",
+        "Prefixs",
+        "screenfull",
+        "sortablejs",
+        "sousuo",
+        "spreadsheetml",
+        "styl",
+        "stylelint",
+        "stylelintignore",
+        "stylelintrc",
+        "suoxiao",
+        "truetype",
+        "tuichu",
+        "unplugin",
+        "unref",
+        "VITE",
+        "vuedraggable",
+        "vueuse",
+        "Vuex",
+        "wangeditor",
+        "xiala",
+        "xiaoxi",
+        "Yahei",
+        "yiwen",
+        "zhongyingwen",
+        "zhuti"
+    ]
+}
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 1d14e99..ecf2043 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,246 +1,246 @@
-# Changelog
-
-All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
-
-## [1.1.0](https://github.com/HalseySpicy/Geeker-Admin/compare/v1.0.0...v1.1.0) (2023-07-09)
-
-### Features
-
--   🚀 add proTable instance type ([8262f04](https://github.com/HalseySpicy/Geeker-Admin/commit/8262f045734d055148720738a80fee0e0c779ceb))
--   🚀 optimize code and add VitePWA ([523f676](https://github.com/HalseySpicy/Geeker-Admin/commit/523f676feee5105eae15d05b57063227be26d3df))
--   🚀 optimize code and update plugins ([5cff3c7](https://github.com/HalseySpicy/Geeker-Admin/commit/5cff3c7e50331ede07d57613cc49658904e7cf1a))
--   🚀 optimize irregular code ([d406ef2](https://github.com/HalseySpicy/Geeker-Admin/commit/d406ef2bb5e0d0522f5e0ce38c3b9d0aa47c7cd2))
--   🚀 proTable radio selection example ([f58291f](https://github.com/HalseySpicy/Geeker-Admin/commit/f58291f96468b816607c31df87326ebd7d0a5c5a))
--   🚀 proTable search component custom rendering ([#189](https://github.com/HalseySpicy/Geeker-Admin/issues/189)) ([89f03db](https://github.com/HalseySpicy/Geeker-Admin/commit/89f03db2db41160b9ac5398d64712fabff399c4c))
--   🚀 proTable supports static table data ([9a3e85d](https://github.com/HalseySpicy/Geeker-Admin/commit/9a3e85d21d6c8872bbc915c42d48eb8658a1db63))
--   🚀 update Gitee address ([0608be9](https://github.com/HalseySpicy/Geeker-Admin/commit/0608be9ba6a9f01f73ed67671d340cf0c1d99261))
--   🚀 update stylelint configuration ([d62aae8](https://github.com/HalseySpicy/Geeker-Admin/commit/d62aae868e7d6aad87f0ba8706ab9744d5da04dd))
--   🚀 update theme, modify bugs ([7a3a7a3](https://github.com/HalseySpicy/Geeker-Admin/commit/7a3a7a3d665c0356c0272947292de750dd0be8d8))
-
-### Bug Fixes
-
--   🧩 fix eslint error ([a980a1a](https://github.com/HalseySpicy/Geeker-Admin/commit/a980a1aa7808895af46c85e0e26a53f66d1119fa))
-
-## [1.0.0](https://github.com/HalseySpicy/Geeker-Admin/compare/v0.0.7...v1.0.0) (2023-04-15)
-
-### Features
-
--   🚀 升级依赖插件 && 新增树型 ProTbale 示例(更多查看详情) ([ed0ea75](https://github.com/HalseySpicy/Geeker-Admin/commit/ed0ea757555f047f6890632e598ee3293d3598cd))
--   🚀 升级依赖插件 && 修复 bug(查看详情) ([4febadc](https://github.com/HalseySpicy/Geeker-Admin/commit/4febadc10dd794ec8ea1c7864a3771b1b477f743))
--   🚀 新增路由白名单访问控制 ([97dc264](https://github.com/HalseySpicy/Geeker-Admin/commit/97dc26484c6eead2ae4c8c79d50b550f24f19a02))
--   🚀 优化 ProTable && 面包屑导航 ([905d7f1](https://github.com/HalseySpicy/Geeker-Admin/commit/905d7f1fd2b18d9650e6ba7d439dfdcf50363d11))
--   🚀 优化代码 ([cd333df](https://github.com/HalseySpicy/Geeker-Admin/commit/cd333dfe5de2aa7fa415326e6a06b83d3bd260d5))
--   🚀 优化代码和样式细节 ([5b4b926](https://github.com/HalseySpicy/Geeker-Admin/commit/5b4b9266de4f420f32fca70dadb76242d129e604))
--   🚀 优化代码和样式细节 ([756094c](https://github.com/HalseySpicy/Geeker-Admin/commit/756094c402e14841c07cd6062b701929f7f31737))
--   🚀 优化代码逻辑 && 更新微信群二维码 ([629e824](https://github.com/HalseySpicy/Geeker-Admin/commit/629e8243466fda5da9f0ec781aa0b584e49f4501))
--   🚀 优化代码细节问题 ([a6a6ced](https://github.com/HalseySpicy/Geeker-Admin/commit/a6a6cedeb40f2f7901f0dcd0ec7f1c283a491c61))
--   🚀 优化样式、代码细节 ([1b02f45](https://github.com/HalseySpicy/Geeker-Admin/commit/1b02f457162267b090ad946e0bad91e5d0dd14b1))
--   🚀 allow nested tree enum data ([c2fa2be](https://github.com/HalseySpicy/Geeker-Admin/commit/c2fa2be54a6af0309ba45bd4ca68170c66edc357))
--   🚀 refactoring project configuration ([7ede988](https://github.com/HalseySpicy/Geeker-Admin/commit/7ede988bae3ad0b33d9e5ac1ea6145c4d7aa89e6))
--   **ProTable:** 🚀 插槽引入 ElTable 的 scope，可获取$index 等 ([4cb7dba](https://github.com/HalseySpicy/Geeker-Admin/commit/4cb7dba40c10e693e324b7c647aa65917aeb0b02))
-
-### Bug Fixes
-
--   🧩 修复 ImportExcel 组件 bug ([ab7e9dd](https://github.com/HalseySpicy/Geeker-Admin/commit/ab7e9dde400aa80ec2e9fa58d9f2168fc3d14f18))
--   🧩 修复 ImportExcel 组件 bug ([803ba58](https://github.com/HalseySpicy/Geeker-Admin/commit/803ba58a2c3fae7f6d8783ca534e2b41c987f027))
--   🧩 修复 ProTable 组件打印功能 bug ([a88b7df](https://github.com/HalseySpicy/Geeker-Admin/commit/a88b7df4623e30459ef3c92196b720efcb200f2f))
--   🧩 修复 TreeFilter 组件默认值 bug ([8e515f0](https://github.com/HalseySpicy/Geeker-Admin/commit/8e515f0d4058f573cbd53281ef68aec38b8dacb9))
--   🧩 修复 TreeFilter 组件默认值 bug ([f23a94d](https://github.com/HalseySpicy/Geeker-Admin/commit/f23a94d6edf442babdc4cd5a52ea63ebbbcac44f))
--   🧩 修复 useDebounceFn 错误使用 ([99d4278](https://github.com/HalseySpicy/Geeker-Admin/commit/99d4278a29b7fa970caba55f43134cebd1d3bec6))
--   🧩 修复多图片上传预览初始化异常 ([d1a917f](https://github.com/HalseySpicy/Geeker-Admin/commit/d1a917f10326b7742b4445c495de12603df658c1))
--   🧩 修复分栏布局路径匹配 bug ([b06bd12](https://github.com/HalseySpicy/Geeker-Admin/commit/b06bd123fa6af0dcb7d5cc9bc9215f13b91ace5f))
--   🧩 修复横向布局下最大化失效 ([e416ddb](https://github.com/HalseySpicy/Geeker-Admin/commit/e416ddb732ae336ca4e7e43ebdeb89b24085d1b1))
--   🧩 修复路由重置 bug ([52b7e66](https://github.com/HalseySpicy/Geeker-Admin/commit/52b7e66febf1db9cd3325eb0e1e45213ff1528c2))
--   🧩 修复弱类型检查错误 ([b32310e](https://github.com/HalseySpicy/Geeker-Admin/commit/b32310ed2f546e3efa918d5f7eee2c3868a98cb7))
-
-### 0.0.7 (2022-12-28)
-
-### Features
-
--   🚀 二次封装 wangEditor 富文本编辑器(50%) ([4f8e266](https://gitee.com/HalseySpicy/Geeker-Admin/commit/4f8e266b7dd25a7df18d302e88e14454bfa3816b))
--   🚀 更新插件、优化代码(请查看详情) ([dac6dec](https://gitee.com/HalseySpicy/Geeker-Admin/commit/dac6dec75466c19731ad7cf083f8c39940342140))
--   🚀 更新微信群二维码 ([7e890d0](https://gitee.com/HalseySpicy/Geeker-Admin/commit/7e890d0afe0a11170d73e3c2c4ef04d37a582e94))
--   🚀 请求全局 loading 更改为可配置 ([a75d62f](https://gitee.com/HalseySpicy/Geeker-Admin/commit/a75d62f627195ac420cf24ad7f51245b2e5bf04e))
--   🚀 升级 element-plus 到 2.25 ([e98c035](https://gitee.com/HalseySpicy/Geeker-Admin/commit/e98c035caa6d1ab04319673e0db65837c6887126))
--   🚀 升级 vite、vue 版本 && 优化分栏布局样式 ([b2b1b59](https://gitee.com/HalseySpicy/Geeker-Admin/commit/b2b1b599bc1fa0f1c64c5c58fb31d3719f415301))
--   🚀 使用属性透传重构 ProTable 组件 ([a428e89](https://gitee.com/HalseySpicy/Geeker-Admin/commit/a428e89a3784c826eceaaee548b97975afbe1d45))
--   🚀 添加 wangEditor 组件 ([d6d2fa7](https://gitee.com/HalseySpicy/Geeker-Admin/commit/d6d2fa7d27887bb4a9e40e9d7037d4621812e16a))
--   🚀 完成 wangEditor 富文本二次封装 ([7362bfb](https://gitee.com/HalseySpicy/Geeker-Admin/commit/7362bfbff19224045e3bb20fa939a78c556cc805))
--   🚀 完善按钮、菜单权限示例 ([6793f0c](https://gitee.com/HalseySpicy/Geeker-Admin/commit/6793f0cd7372b8a080f6d2649b05cdd0c62bd853))
--   🚀 新增 主题色、灰色模式、色弱模式 配置 ([7821157](https://gitee.com/HalseySpicy/Geeker-Admin/commit/7821157059ed9c21d2844f75049f8fa999b19944))
--   🚀 新增 pro-form ([3ab5a5b](https://gitee.com/HalseySpicy/Geeker-Admin/commit/3ab5a5b4f63fca227944ab6cc7928f6bf1f88ed4))
--   🚀 新增 protable 打印、列对齐方式功能 ([c22879e](https://gitee.com/HalseySpicy/Geeker-Admin/commit/c22879e7e80ff9ef662c39daa25b11f5f17d17ca))
--   🚀 新增 protbale 功能, 请查看详情 ([17f2bcd](https://gitee.com/HalseySpicy/Geeker-Admin/commit/17f2bcd67362365579ed8a572a3a9d17368ac64e))
--   🚀 新增 SVG Icons ([977602c](https://gitee.com/HalseySpicy/Geeker-Admin/commit/977602c30b8997cb51426fe9498392edc249561d))
--   🚀 新增 treeFilter 组件标题属性 ([20c755f](https://gitee.com/HalseySpicy/Geeker-Admin/commit/20c755f59f3ae2b0380e6549bb56bb22317d750e))
--   🚀 新增 treeFilter data 参数 ([4280766](https://gitee.com/HalseySpicy/Geeker-Admin/commit/428076635d7a0e9f80109274d9523cf91aa5a10c))
--   🚀 新增暗黑模式 ([215e499](https://gitee.com/HalseySpicy/Geeker-Admin/commit/215e499634b516234e653eac27a611d5f51ea6da))
--   🚀 新增菜单搜索功能 ([4aa0eef](https://gitee.com/HalseySpicy/Geeker-Admin/commit/4aa0eefaf427a2aa1aebd2b78dc049ffa776e838))
--   🚀 新增动态路由 ([551fefc](https://gitee.com/HalseySpicy/Geeker-Admin/commit/551fefc2e66b067d9e64d3b0cfbf47dfa1057d98))
--   🚀 新增分栏布局 ([de37143](https://gitee.com/HalseySpicy/Geeker-Admin/commit/de37143e93c0cc5be2ff52466dce344ab9270f0d))
--   🚀 新增功能 && 修复 bug(查看详情) ([1ab183f](https://gitee.com/HalseySpicy/Geeker-Admin/commit/1ab183f1551cb8beb77243c2953b0119409dd6a5))
--   🚀 新增功能 && 修复 bug(查看详情) ([4c0bc5f](https://gitee.com/HalseySpicy/Geeker-Admin/commit/4c0bc5fd3c111e1cac636cad104c83ffb1168679))
--   🚀 新增功能(查看详情) ([cbd8dc2](https://gitee.com/HalseySpicy/Geeker-Admin/commit/cbd8dc2387576f525c0e49f81d540fbad3cb5e81))
--   🚀 新增横向、纵向、经典布局切换 ([1046de4](https://gitee.com/HalseySpicy/Geeker-Admin/commit/1046de4c7d5f805b10c5cea5325b063e3d6dd84f))
--   🚀 新增界面配置功能 ([39ffc5e](https://gitee.com/HalseySpicy/Geeker-Admin/commit/39ffc5e9a77da3294055f23f8c87a4a44f3622f7))
--   🚀 新增路由相关功能 ([9679eed](https://gitee.com/HalseySpicy/Geeker-Admin/commit/9679eed1edd0c1f08c17465f590d4ca0365985ee)), closes [#71](https://gitee.com/HalseySpicy/Geeker-Admin/issues/71) [#72](https://gitee.com/HalseySpicy/Geeker-Admin/issues/72) [#49](https://gitee.com/HalseySpicy/Geeker-Admin/issues/49)
--   🚀 新增请求示例，参见 loginApi ([d49b227](https://gitee.com/HalseySpicy/Geeker-Admin/commit/d49b227762ae48c3ca08f0dec02a3667daac8532))
--   🚀 新增图标选择组件 ([ce5e165](https://gitee.com/HalseySpicy/Geeker-Admin/commit/ce5e165aed842074a9f7ac66ea97290710b541ee))
--   🚀 新增图片上传组件 ([c50c421](https://gitee.com/HalseySpicy/Geeker-Admin/commit/c50c421bc3c5f7af68184cda88262c6fb1bd07e0))
--   🚀 新增图片上传组件属性 ([d7670ed](https://gitee.com/HalseySpicy/Geeker-Admin/commit/d7670ed94608c5410f3102d7b9427d8d856204b1))
--   🚀 新增系统管理模块 ([23748e1](https://gitee.com/HalseySpicy/Geeker-Admin/commit/23748e185e80e3b774b42114427934228a57d3aa))
--   🚀 新增消息通知 ([66836b6](https://gitee.com/HalseySpicy/Geeker-Admin/commit/66836b69781ccc55402a3887d091149885864442))
--   🚀 新增页面刷新功能 ([5223a41](https://gitee.com/HalseySpicy/Geeker-Admin/commit/5223a416d17568d5b2cae7b16b637e0f39134223))
--   🚀 新增引导页 ([4fb6fb3](https://gitee.com/HalseySpicy/Geeker-Admin/commit/4fb6fb3a3eb34f82576e2378c311ff580f65226d))
--   🚀 新增组件参数配置文档 ([0e11fc5](https://gitee.com/HalseySpicy/Geeker-Admin/commit/0e11fc59175d5d74730c3cb1fa2579effcca6e48))
--   🚀 修改 keepAlive 逻辑 ([168ca13](https://gitee.com/HalseySpicy/Geeker-Admin/commit/168ca13e796c8cc366caa3d6e05090acdaefef75))
--   🚀 修改 pinia 持久化插件 ([a7691ae](https://gitee.com/HalseySpicy/Geeker-Admin/commit/a7691aea614a035c4d381838149e08ad8477e49f))
--   🚀 优化代码注释 && 升级 element 到 2.2.6 ([b84512b](https://gitee.com/HalseySpicy/Geeker-Admin/commit/b84512b3b102b00faa2f9241a32f5fbe27da4307))
--   🚀 优化注释 && 代码细节问题 ([9d0ffa5](https://gitee.com/HalseySpicy/Geeker-Admin/commit/9d0ffa5ddecc4c73bec51208b05a6d44b1523b1f))
--   🚀 预定义主题颜色 ([8219178](https://gitee.com/HalseySpicy/Geeker-Admin/commit/82191789bcf6d21c623aa61c5a64e502cea44c2c))
--   🚀 增加 SearchForm 属性透传 ([eadb89b](https://gitee.com/HalseySpicy/Geeker-Admin/commit/eadb89b687596980a82401f44c53430081078d04))
--   🚀 增加表格 treeFilter、更新整体布局样式 ([719b78f](https://gitee.com/HalseySpicy/Geeker-Admin/commit/719b78f317589b983bc4b852b3bfd63a60d42a46))
--   🚀 增加布局方式切换，样式已完成 ([5745b93](https://gitee.com/HalseySpicy/Geeker-Admin/commit/5745b93a6cc00519c1a02977b8c0437502d867e6))
--   🚀 增加分类筛选器 ([c95a1c0](https://gitee.com/HalseySpicy/Geeker-Admin/commit/c95a1c054ee9eacae470bcaae7574d5c989b86a2))
--   🚀 增加全局错误拦截 && 修改细节问题 请查看详情 ([0496184](https://gitee.com/HalseySpicy/Geeker-Admin/commit/04961847eb7df004d1e9f562e78ea3d5f851ea49))
-
-### Bug Fixes
-
--   🧩 菜单搜索过滤掉 isHide 为 true 的菜单 ([c6bab35](https://gitee.com/HalseySpicy/Geeker-Admin/commit/c6bab356f0cde7e3dc6f69dfac115239c2453776))
--   🧩 解决 useTable 查询参数 bug ([a86e408](https://gitee.com/HalseySpicy/Geeker-Admin/commit/a86e4089b6da8ab6a55bc84e069d665c06471676))
--   🧩 去除登陆页默认账号 ([3dda3fe](https://gitee.com/HalseySpicy/Geeker-Admin/commit/3dda3fee3fef38fdafcfdf3b1bf16e73033c6fe0))
--   🧩 删除 protable 组件 image 配置属性 ([d699fe7](https://gitee.com/HalseySpicy/Geeker-Admin/commit/d699fe7bd55eaaccfad9b94105c1b43ae64d1c34))
--   🧩 修复 国际化 产生的 bug ([ec4f74a](https://gitee.com/HalseySpicy/Geeker-Admin/commit/ec4f74ae654e7287fc08bb31fa3ee3d2c76164eb))
--   🧩 修复 axios 请求超时未拦截错误 ([856468e](https://gitee.com/HalseySpicy/Geeker-Admin/commit/856468e84f8356d35c25097f3115dfe3d496914c))
--   🧩 修复 bug ([3714abd](https://gitee.com/HalseySpicy/Geeker-Admin/commit/3714abdc4826034791ccb3fc8249d946ec3a4e16))
--   🧩 修复 Pro-Tabel 列设置 bug ([a3b86a0](https://gitee.com/HalseySpicy/Geeker-Admin/commit/a3b86a06a6d9cd4b6f7ac6e108727a0b4852e9a0))
--   🧩 修复 pro-table 格式报错问题 ([2ef11fd](https://gitee.com/HalseySpicy/Geeker-Admin/commit/2ef11fda6d373c3214df801ae789cafc1a033dcb))
--   🧩 修复布局样式 bug ([2f1cd64](https://gitee.com/HalseySpicy/Geeker-Admin/commit/2f1cd6442f359909301e3d95b0ed4dc9d2dbe7c6))
--   🧩 修复打包错误 ([243ebfc](https://gitee.com/HalseySpicy/Geeker-Admin/commit/243ebfc5280ddc013056c6708b44df35fe18f613))
--   🧩 修复打包失败 ([31698fe](https://gitee.com/HalseySpicy/Geeker-Admin/commit/31698fea6478d60343a9ad49ae0fc6db7a42c184))
--   🧩 修复打包失败问题 ([1778651](https://gitee.com/HalseySpicy/Geeker-Admin/commit/1778651781a1bb8bfe4ea61dafb9b48773fef5d7))
--   🧩 修复分栏布局 bug ([113274a](https://gitee.com/HalseySpicy/Geeker-Admin/commit/113274a87e2dacf694648f3a304c7ac37e2262d0))
--   🧩 修复经典布局展示 bug ([b95e237](https://gitee.com/HalseySpicy/Geeker-Admin/commit/b95e2376d06c6a6a35f72743e3fe8c1569fda008))
--   🧩 修复路由跳转两次不能携带参数问题 ([8b583f3](https://gitee.com/HalseySpicy/Geeker-Admin/commit/8b583f3d5f05b77ec2a35082557bae431441a586))
--   🧩 修复请求 header 参数丢失 bug ([3598dbc](https://gitee.com/HalseySpicy/Geeker-Admin/commit/3598dbc2a83aaacf9dada4e2c38a3ca27cbe4cfd))
--   🧩 修复上传组件细节问题 ([8528358](https://gitee.com/HalseySpicy/Geeker-Admin/commit/8528358925ea809cf52f55015355345e87607351))
--   🧩 修复 BUG ([4bf2988](https://gitee.com/HalseySpicy/Geeker-Admin/commit/4bf29881dd41fad256f1beb5affcd5ba6599e17d))
--   🧩 修复 BUG ([c93aaf7](https://gitee.com/HalseySpicy/Geeker-Admin/commit/c93aaf700112decd158e9a5a9c1f83eff1773e91))
--   🧩 修复 loading 请求 bug ([a3270ec](https://gitee.com/HalseySpicy/Geeker-Admin/commit/a3270ecfa2e7c2484729ae6fd599febcc4f7be6b))
--   🧩 修复 vercel 打包失败 ([e63dee1](https://gitee.com/HalseySpicy/Geeker-Admin/commit/e63dee1f9653f4f95d0330275c5f5e8b530564c9))
--   🧩 修改 Pro-Table 表头渲染方式 ([aa57294](https://gitee.com/HalseySpicy/Geeker-Admin/commit/aa5729489942eaa6dca9928b70153af2de753a9c))
--   🧩 修改 useTable 存在的 bug ([5bb55b3](https://gitee.com/HalseySpicy/Geeker-Admin/commit/5bb55b32c0b46bbf55fa0d49efe3a15d0b1673a4))
--   🧩 修改 useTable 钩子中的 bug ([675aed8](https://gitee.com/HalseySpicy/Geeker-Admin/commit/675aed806e62c236b40bc933402c86085289df4e))
--   🧩 修改 useTable 携带默认查询参数 bug ([ee585b2](https://gitee.com/HalseySpicy/Geeker-Admin/commit/ee585b29f3129b7143a10947fdd3184b197ad883))
--   🧩 修改代码细节 && 优化注释 ([d86cb1f](https://gitee.com/HalseySpicy/Geeker-Admin/commit/d86cb1feb32e11a29e1c2bee54ea788c6c828d75))
--   🧩 修改当菜单设置 isHide=true 时面包屑报错 ([66885c5](https://gitee.com/HalseySpicy/Geeker-Admin/commit/66885c5cc15c10ccadcd49a7bee27a821663e8a7))
--   🧩 修改文件导出失败 bug ([208e720](https://gitee.com/HalseySpicy/Geeker-Admin/commit/208e720688969d2bc0fa0a6cc2bae3e3b991c806))
--   🧩 修改 BUG ([540048a](https://gitee.com/HalseySpicy/Geeker-Admin/commit/540048a09be9b0df5443e275f38f43c80dcde51f))
--   🧩 fix use pinia bug ([609aa69](https://gitee.com/HalseySpicy/Geeker-Admin/commit/609aa69aa9b3e0bb4e667ee7f76ab44051c2d2e8))
--   修复登录后白屏 ([f986c5c](https://gitee.com/HalseySpicy/Geeker-Admin/commit/f986c5c44fc1df8d5c6a90e90239c06928e2f4a1))
--   **el-table:** 🧩 修复 el-table 在 safari 浏览器错乱 ([b776a48](https://gitee.com/HalseySpicy/Geeker-Admin/commit/b776a483636547c7cee723846ec33b2842550d13))
-
-### 0.0.6 (2022-08-22)
-
-### Features
-
--   🚀 二次封装 wangEditor 富文本编辑器(50%) ([4f8e266](https://gitee.com/HalseySpicy/Geeker-Admin/commit/4f8e266b7dd25a7df18d302e88e14454bfa3816b))
--   🚀 请求全局 loading 更改为可配置 ([a75d62f](https://gitee.com/HalseySpicy/Geeker-Admin/commit/a75d62f627195ac420cf24ad7f51245b2e5bf04e))
--   🚀 升级 element-plus 到 2.25 ([e98c035](https://gitee.com/HalseySpicy/Geeker-Admin/commit/e98c035caa6d1ab04319673e0db65837c6887126))
--   🚀 添加 wangEditor 组件 ([d6d2fa7](https://gitee.com/HalseySpicy/Geeker-Admin/commit/d6d2fa7d27887bb4a9e40e9d7037d4621812e16a))
--   🚀 完成 wangEditor 富文本二次封装 ([7362bfb](https://gitee.com/HalseySpicy/Geeker-Admin/commit/7362bfbff19224045e3bb20fa939a78c556cc805))
--   🚀 新增 主题色、灰色模式、色弱模式 配置 ([7821157](https://gitee.com/HalseySpicy/Geeker-Admin/commit/7821157059ed9c21d2844f75049f8fa999b19944))
--   🚀 新增 pro-form ([3ab5a5b](https://gitee.com/HalseySpicy/Geeker-Admin/commit/3ab5a5b4f63fca227944ab6cc7928f6bf1f88ed4))
--   🚀 新增 protbale 功能, 请查看详情 ([17f2bcd](https://gitee.com/HalseySpicy/Geeker-Admin/commit/17f2bcd67362365579ed8a572a3a9d17368ac64e))
--   🚀 新增 SVG Icons ([977602c](https://gitee.com/HalseySpicy/Geeker-Admin/commit/977602c30b8997cb51426fe9498392edc249561d))
--   🚀 新增 treeFilter data 参数 ([4280766](https://gitee.com/HalseySpicy/Geeker-Admin/commit/428076635d7a0e9f80109274d9523cf91aa5a10c))
--   🚀 新增暗黑模式 ([215e499](https://gitee.com/HalseySpicy/Geeker-Admin/commit/215e499634b516234e653eac27a611d5f51ea6da))
--   🚀 新增菜单搜索功能 ([4aa0eef](https://gitee.com/HalseySpicy/Geeker-Admin/commit/4aa0eefaf427a2aa1aebd2b78dc049ffa776e838))
--   🚀 新增界面配置功能 ([39ffc5e](https://gitee.com/HalseySpicy/Geeker-Admin/commit/39ffc5e9a77da3294055f23f8c87a4a44f3622f7))
--   🚀 新增请求示例，参见 loginApi ([d49b227](https://gitee.com/HalseySpicy/Geeker-Admin/commit/d49b227762ae48c3ca08f0dec02a3667daac8532))
--   🚀 新增图标选择组件 ([ce5e165](https://gitee.com/HalseySpicy/Geeker-Admin/commit/ce5e165aed842074a9f7ac66ea97290710b541ee))
--   🚀 新增图片上传组件 ([c50c421](https://gitee.com/HalseySpicy/Geeker-Admin/commit/c50c421bc3c5f7af68184cda88262c6fb1bd07e0))
--   🚀 新增图片上传组件属性 ([d7670ed](https://gitee.com/HalseySpicy/Geeker-Admin/commit/d7670ed94608c5410f3102d7b9427d8d856204b1))
--   🚀 新增引导页 ([4fb6fb3](https://gitee.com/HalseySpicy/Geeker-Admin/commit/4fb6fb3a3eb34f82576e2378c311ff580f65226d))
--   🚀 新增组件参数配置文档 ([0e11fc5](https://gitee.com/HalseySpicy/Geeker-Admin/commit/0e11fc59175d5d74730c3cb1fa2579effcca6e48))
--   🚀 修改 pinia 持久化插件 ([a7691ae](https://gitee.com/HalseySpicy/Geeker-Admin/commit/a7691aea614a035c4d381838149e08ad8477e49f))
--   🚀 优化代码注释 && 升级 element 到 2.2.6 ([b84512b](https://gitee.com/HalseySpicy/Geeker-Admin/commit/b84512b3b102b00faa2f9241a32f5fbe27da4307))
--   🚀 优化注释 && 代码细节问题 ([9d0ffa5](https://gitee.com/HalseySpicy/Geeker-Admin/commit/9d0ffa5ddecc4c73bec51208b05a6d44b1523b1f))
--   🚀 预定义主题颜色 ([8219178](https://gitee.com/HalseySpicy/Geeker-Admin/commit/82191789bcf6d21c623aa61c5a64e502cea44c2c))
--   🚀 增加 SearchForm 属性透传 ([eadb89b](https://gitee.com/HalseySpicy/Geeker-Admin/commit/eadb89b687596980a82401f44c53430081078d04))
--   🚀 增加表格 treeFilter、更新整体布局样式 ([719b78f](https://gitee.com/HalseySpicy/Geeker-Admin/commit/719b78f317589b983bc4b852b3bfd63a60d42a46))
-
-### Bug Fixes
-
--   🧩 解决 useTable 查询参数 bug ([a86e408](https://gitee.com/HalseySpicy/Geeker-Admin/commit/a86e4089b6da8ab6a55bc84e069d665c06471676))
--   🧩 去除登陆页默认账号 ([3dda3fe](https://gitee.com/HalseySpicy/Geeker-Admin/commit/3dda3fee3fef38fdafcfdf3b1bf16e73033c6fe0))
--   🧩 删除 protable 组件 image 配置属性 ([d699fe7](https://gitee.com/HalseySpicy/Geeker-Admin/commit/d699fe7bd55eaaccfad9b94105c1b43ae64d1c34))
--   🧩 修复 国际化 产生的 bug ([ec4f74a](https://gitee.com/HalseySpicy/Geeker-Admin/commit/ec4f74ae654e7287fc08bb31fa3ee3d2c76164eb))
--   🧩 修复 axios 请求超时未拦截错误 ([856468e](https://gitee.com/HalseySpicy/Geeker-Admin/commit/856468e84f8356d35c25097f3115dfe3d496914c))
--   🧩 修复 Pro-Tabel 列设置 bug ([a3b86a0](https://gitee.com/HalseySpicy/Geeker-Admin/commit/a3b86a06a6d9cd4b6f7ac6e108727a0b4852e9a0))
--   🧩 修复 pro-table 格式报错问题 ([2ef11fd](https://gitee.com/HalseySpicy/Geeker-Admin/commit/2ef11fda6d373c3214df801ae789cafc1a033dcb))
--   🧩 修复打包失败问题 ([1778651](https://gitee.com/HalseySpicy/Geeker-Admin/commit/1778651781a1bb8bfe4ea61dafb9b48773fef5d7))
--   🧩 修复路由跳转两次不能携带参数问题 ([8b583f3](https://gitee.com/HalseySpicy/Geeker-Admin/commit/8b583f3d5f05b77ec2a35082557bae431441a586))
--   🧩 修复请求 header 参数丢失 bug ([3598dbc](https://gitee.com/HalseySpicy/Geeker-Admin/commit/3598dbc2a83aaacf9dada4e2c38a3ca27cbe4cfd))
--   🧩 修复上传组件细节问题 ([8528358](https://gitee.com/HalseySpicy/Geeker-Admin/commit/8528358925ea809cf52f55015355345e87607351))
--   🧩 修复 loading 请求 bug ([a3270ec](https://gitee.com/HalseySpicy/Geeker-Admin/commit/a3270ecfa2e7c2484729ae6fd599febcc4f7be6b))
--   🧩 修改 Pro-Table 表头渲染方式 ([aa57294](https://gitee.com/HalseySpicy/Geeker-Admin/commit/aa5729489942eaa6dca9928b70153af2de753a9c))
--   🧩 修改 useTable 存在的 bug ([5bb55b3](https://gitee.com/HalseySpicy/Geeker-Admin/commit/5bb55b32c0b46bbf55fa0d49efe3a15d0b1673a4))
--   🧩 修改 useTable 钩子中的 bug ([675aed8](https://gitee.com/HalseySpicy/Geeker-Admin/commit/675aed806e62c236b40bc933402c86085289df4e))
--   🧩 修改 useTable 携带默认查询参数 bug ([ee585b2](https://gitee.com/HalseySpicy/Geeker-Admin/commit/ee585b29f3129b7143a10947fdd3184b197ad883))
--   🧩 修改代码细节 && 优化注释 ([d86cb1f](https://gitee.com/HalseySpicy/Geeker-Admin/commit/d86cb1feb32e11a29e1c2bee54ea788c6c828d75))
--   🧩 修改文件导出失败 bug ([208e720](https://gitee.com/HalseySpicy/Geeker-Admin/commit/208e720688969d2bc0fa0a6cc2bae3e3b991c806))
--   🧩 fix use pinia bug ([609aa69](https://gitee.com/HalseySpicy/Geeker-Admin/commit/609aa69aa9b3e0bb4e667ee7f76ab44051c2d2e8))
--   修复登录后白屏 ([f986c5c](https://gitee.com/HalseySpicy/Geeker-Admin/commit/f986c5c44fc1df8d5c6a90e90239c06928e2f4a1))
-
-### [0.0.5](https://github.com/HalseySpicy/Geeker-Admin/compare/v0.0.4...v0.0.5) (2022-07-21)
-
-### Features
-
--   🚀 新增请求示例，参见 loginApi ([d49b227](https://github.com/HalseySpicy/Geeker-Admin/commit/d49b227762ae48c3ca08f0dec02a3667daac8532))
-
-### Bug Fixes
-
--   🧩 解决 useTable 查询参数 bug ([a86e408](https://github.com/HalseySpicy/Geeker-Admin/commit/a86e4089b6da8ab6a55bc84e069d665c06471676))
--   🧩 修复 axios 请求超时未拦截错误 ([856468e](https://github.com/HalseySpicy/Geeker-Admin/commit/856468e84f8356d35c25097f3115dfe3d496914c))
--   🧩 修复请求 header 参数丢失 bug ([3598dbc](https://github.com/HalseySpicy/Geeker-Admin/commit/3598dbc2a83aaacf9dada4e2c38a3ca27cbe4cfd))
-
-### [0.0.4](https://github.com/HalseySpicy/Geeker-Admin/compare/v0.0.3...v0.0.4) (2022-07-12)
-
-### Features
-
--   🚀 新增 主题色、灰色模式、色弱模式 配置 ([7821157](https://github.com/HalseySpicy/Geeker-Admin/commit/7821157059ed9c21d2844f75049f8fa999b19944))
--   🚀 新增 pro-form ([3ab5a5b](https://github.com/HalseySpicy/Geeker-Admin/commit/3ab5a5b4f63fca227944ab6cc7928f6bf1f88ed4))
--   🚀 新增菜单搜索功能 ([4aa0eef](https://github.com/HalseySpicy/Geeker-Admin/commit/4aa0eefaf427a2aa1aebd2b78dc049ffa776e838))
--   🚀 新增界面配置功能 ([39ffc5e](https://github.com/HalseySpicy/Geeker-Admin/commit/39ffc5e9a77da3294055f23f8c87a4a44f3622f7))
--   🚀 预定义主题颜色 ([8219178](https://github.com/HalseySpicy/Geeker-Admin/commit/82191789bcf6d21c623aa61c5a64e502cea44c2c))
--   🚀 增加 SearchForm 属性透传 ([eadb89b](https://github.com/HalseySpicy/Geeker-Admin/commit/eadb89b687596980a82401f44c53430081078d04))
-
-### Bug Fixes
-
--   🧩 修复 pro-table 格式报错问题 ([2ef11fd](https://github.com/HalseySpicy/Geeker-Admin/commit/2ef11fda6d373c3214df801ae789cafc1a033dcb))
--   🧩 修改文件导出失败 bug ([208e720](https://github.com/HalseySpicy/Geeker-Admin/commit/208e720688969d2bc0fa0a6cc2bae3e3b991c806))
--   🧩 fix use pinia bug ([609aa69](https://github.com/HalseySpicy/Geeker-Admin/commit/609aa69aa9b3e0bb4e667ee7f76ab44051c2d2e8))
-
-### [0.0.2](https://github.com/HalseySpicy/Geeker-Admin/compare/v0.0.3...v0.0.2) (2022-06-29)
-
-### 0.0.2 (2022-06-20)
-
-### Features
-
--   🚀 请求全局 loading 更改为可配置 ([a75d62f](https://github.com/HalseySpicy/Geeker-Admin/commit/a75d62f627195ac420cf24ad7f51245b2e5bf04e))
--   🚀 升级 element-plus 到 2.2.5 ([e98c035](https://github.com/HalseySpicy/Geeker-Admin/commit/e98c035caa6d1ab04319673e0db65837c6887126))
--   🚀 新增暗黑模式 ([215e499](https://github.com/HalseySpicy/Geeker-Admin/commit/215e499634b516234e653eac27a611d5f51ea6da))
--   🚀 新增图标选择组件 ([ce5e165](https://github.com/HalseySpicy/Geeker-Admin/commit/ce5e165aed842074a9f7ac66ea97290710b541ee))
--   🚀 修改 pinia 持久化插件 ([a7691ae](https://github.com/HalseySpicy/Geeker-Admin/commit/a7691aea614a035c4d381838149e08ad8477e49f))
--   🚀 优化代码注释 && 升级 element 到 2.2.6 ([b84512b](https://github.com/HalseySpicy/Geeker-Admin/commit/b84512b3b102b00faa2f9241a32f5fbe27da4307))
-
-### Bug Fixes
-
--   🧩 去除登陆页默认账号 ([3dda3fe](https://github.com/HalseySpicy/Geeker-Admin/commit/3dda3fee3fef38fdafcfdf3b1bf16e73033c6fe0))
--   🧩 修复 Pro-Table 列设置 bug ([a3b86a0](https://github.com/HalseySpicy/Geeker-Admin/commit/a3b86a06a6d9cd4b6f7ac6e108727a0b4852e9a0))
--   🧩 修复 loading 请求 bug ([a3270ec](https://github.com/HalseySpicy/Geeker-Admin/commit/a3270ecfa2e7c2484729ae6fd599febcc4f7be6b))
--   🧩 修改 Pro-Table 表头渲染方式 ([aa57294](https://github.com/HalseySpicy/Geeker-Admin/commit/aa5729489942eaa6dca9928b70153af2de753a9c))
--   🧩 修改 useTable 存在的 bug ([5bb55b3](https://github.com/HalseySpicy/Geeker-Admin/commit/5bb55b32c0b46bbf55fa0d49efe3a15d0b1673a4))
--   🧩 修改 useTable 钩子中的 bug ([675aed8](https://github.com/HalseySpicy/Geeker-Admin/commit/675aed806e62c236b40bc933402c86085289df4e))
--   🧩 修改 useTable 携带默认查询参数 bug ([ee585b2](https://github.com/HalseySpicy/Geeker-Admin/commit/ee585b29f3129b7143a10947fdd3184b197ad883))
+# Changelog
+
+All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
+
+## [1.1.0](https://github.com/HalseySpicy/Geeker-Admin/compare/v1.0.0...v1.1.0) (2023-07-09)
+
+### Features
+
+-   🚀 add proTable instance type ([8262f04](https://github.com/HalseySpicy/Geeker-Admin/commit/8262f045734d055148720738a80fee0e0c779ceb))
+-   🚀 optimize code and add VitePWA ([523f676](https://github.com/HalseySpicy/Geeker-Admin/commit/523f676feee5105eae15d05b57063227be26d3df))
+-   🚀 optimize code and update plugins ([5cff3c7](https://github.com/HalseySpicy/Geeker-Admin/commit/5cff3c7e50331ede07d57613cc49658904e7cf1a))
+-   🚀 optimize irregular code ([d406ef2](https://github.com/HalseySpicy/Geeker-Admin/commit/d406ef2bb5e0d0522f5e0ce38c3b9d0aa47c7cd2))
+-   🚀 proTable radio selection example ([f58291f](https://github.com/HalseySpicy/Geeker-Admin/commit/f58291f96468b816607c31df87326ebd7d0a5c5a))
+-   🚀 proTable search component custom rendering ([#189](https://github.com/HalseySpicy/Geeker-Admin/issues/189)) ([89f03db](https://github.com/HalseySpicy/Geeker-Admin/commit/89f03db2db41160b9ac5398d64712fabff399c4c))
+-   🚀 proTable supports static table data ([9a3e85d](https://github.com/HalseySpicy/Geeker-Admin/commit/9a3e85d21d6c8872bbc915c42d48eb8658a1db63))
+-   🚀 update Gitee address ([0608be9](https://github.com/HalseySpicy/Geeker-Admin/commit/0608be9ba6a9f01f73ed67671d340cf0c1d99261))
+-   🚀 update stylelint configuration ([d62aae8](https://github.com/HalseySpicy/Geeker-Admin/commit/d62aae868e7d6aad87f0ba8706ab9744d5da04dd))
+-   🚀 update theme, modify bugs ([7a3a7a3](https://github.com/HalseySpicy/Geeker-Admin/commit/7a3a7a3d665c0356c0272947292de750dd0be8d8))
+
+### Bug Fixes
+
+-   🧩 fix eslint error ([a980a1a](https://github.com/HalseySpicy/Geeker-Admin/commit/a980a1aa7808895af46c85e0e26a53f66d1119fa))
+
+## [1.0.0](https://github.com/HalseySpicy/Geeker-Admin/compare/v0.0.7...v1.0.0) (2023-04-15)
+
+### Features
+
+-   🚀 升级依赖插件 && 新增树型 ProTbale 示例(更多查看详情) ([ed0ea75](https://github.com/HalseySpicy/Geeker-Admin/commit/ed0ea757555f047f6890632e598ee3293d3598cd))
+-   🚀 升级依赖插件 && 修复 bug(查看详情) ([4febadc](https://github.com/HalseySpicy/Geeker-Admin/commit/4febadc10dd794ec8ea1c7864a3771b1b477f743))
+-   🚀 新增路由白名单访问控制 ([97dc264](https://github.com/HalseySpicy/Geeker-Admin/commit/97dc26484c6eead2ae4c8c79d50b550f24f19a02))
+-   🚀 优化 ProTable && 面包屑导航 ([905d7f1](https://github.com/HalseySpicy/Geeker-Admin/commit/905d7f1fd2b18d9650e6ba7d439dfdcf50363d11))
+-   🚀 优化代码 ([cd333df](https://github.com/HalseySpicy/Geeker-Admin/commit/cd333dfe5de2aa7fa415326e6a06b83d3bd260d5))
+-   🚀 优化代码和样式细节 ([5b4b926](https://github.com/HalseySpicy/Geeker-Admin/commit/5b4b9266de4f420f32fca70dadb76242d129e604))
+-   🚀 优化代码和样式细节 ([756094c](https://github.com/HalseySpicy/Geeker-Admin/commit/756094c402e14841c07cd6062b701929f7f31737))
+-   🚀 优化代码逻辑 && 更新微信群二维码 ([629e824](https://github.com/HalseySpicy/Geeker-Admin/commit/629e8243466fda5da9f0ec781aa0b584e49f4501))
+-   🚀 优化代码细节问题 ([a6a6ced](https://github.com/HalseySpicy/Geeker-Admin/commit/a6a6cedeb40f2f7901f0dcd0ec7f1c283a491c61))
+-   🚀 优化样式、代码细节 ([1b02f45](https://github.com/HalseySpicy/Geeker-Admin/commit/1b02f457162267b090ad946e0bad91e5d0dd14b1))
+-   🚀 allow nested tree enum data ([c2fa2be](https://github.com/HalseySpicy/Geeker-Admin/commit/c2fa2be54a6af0309ba45bd4ca68170c66edc357))
+-   🚀 refactoring project configuration ([7ede988](https://github.com/HalseySpicy/Geeker-Admin/commit/7ede988bae3ad0b33d9e5ac1ea6145c4d7aa89e6))
+-   **ProTable:** 🚀 插槽引入 ElTable 的 scope，可获取$index 等 ([4cb7dba](https://github.com/HalseySpicy/Geeker-Admin/commit/4cb7dba40c10e693e324b7c647aa65917aeb0b02))
+
+### Bug Fixes
+
+-   🧩 修复 ImportExcel 组件 bug ([ab7e9dd](https://github.com/HalseySpicy/Geeker-Admin/commit/ab7e9dde400aa80ec2e9fa58d9f2168fc3d14f18))
+-   🧩 修复 ImportExcel 组件 bug ([803ba58](https://github.com/HalseySpicy/Geeker-Admin/commit/803ba58a2c3fae7f6d8783ca534e2b41c987f027))
+-   🧩 修复 ProTable 组件打印功能 bug ([a88b7df](https://github.com/HalseySpicy/Geeker-Admin/commit/a88b7df4623e30459ef3c92196b720efcb200f2f))
+-   🧩 修复 TreeFilter 组件默认值 bug ([8e515f0](https://github.com/HalseySpicy/Geeker-Admin/commit/8e515f0d4058f573cbd53281ef68aec38b8dacb9))
+-   🧩 修复 TreeFilter 组件默认值 bug ([f23a94d](https://github.com/HalseySpicy/Geeker-Admin/commit/f23a94d6edf442babdc4cd5a52ea63ebbbcac44f))
+-   🧩 修复 useDebounceFn 错误使用 ([99d4278](https://github.com/HalseySpicy/Geeker-Admin/commit/99d4278a29b7fa970caba55f43134cebd1d3bec6))
+-   🧩 修复多图片上传预览初始化异常 ([d1a917f](https://github.com/HalseySpicy/Geeker-Admin/commit/d1a917f10326b7742b4445c495de12603df658c1))
+-   🧩 修复分栏布局路径匹配 bug ([b06bd12](https://github.com/HalseySpicy/Geeker-Admin/commit/b06bd123fa6af0dcb7d5cc9bc9215f13b91ace5f))
+-   🧩 修复横向布局下最大化失效 ([e416ddb](https://github.com/HalseySpicy/Geeker-Admin/commit/e416ddb732ae336ca4e7e43ebdeb89b24085d1b1))
+-   🧩 修复路由重置 bug ([52b7e66](https://github.com/HalseySpicy/Geeker-Admin/commit/52b7e66febf1db9cd3325eb0e1e45213ff1528c2))
+-   🧩 修复弱类型检查错误 ([b32310e](https://github.com/HalseySpicy/Geeker-Admin/commit/b32310ed2f546e3efa918d5f7eee2c3868a98cb7))
+
+### 0.0.7 (2022-12-28)
+
+### Features
+
+-   🚀 二次封装 wangEditor 富文本编辑器(50%) ([4f8e266](https://gitee.com/HalseySpicy/Geeker-Admin/commit/4f8e266b7dd25a7df18d302e88e14454bfa3816b))
+-   🚀 更新插件、优化代码(请查看详情) ([dac6dec](https://gitee.com/HalseySpicy/Geeker-Admin/commit/dac6dec75466c19731ad7cf083f8c39940342140))
+-   🚀 更新微信群二维码 ([7e890d0](https://gitee.com/HalseySpicy/Geeker-Admin/commit/7e890d0afe0a11170d73e3c2c4ef04d37a582e94))
+-   🚀 请求全局 loading 更改为可配置 ([a75d62f](https://gitee.com/HalseySpicy/Geeker-Admin/commit/a75d62f627195ac420cf24ad7f51245b2e5bf04e))
+-   🚀 升级 element-plus 到 2.25 ([e98c035](https://gitee.com/HalseySpicy/Geeker-Admin/commit/e98c035caa6d1ab04319673e0db65837c6887126))
+-   🚀 升级 vite、vue 版本 && 优化分栏布局样式 ([b2b1b59](https://gitee.com/HalseySpicy/Geeker-Admin/commit/b2b1b599bc1fa0f1c64c5c58fb31d3719f415301))
+-   🚀 使用属性透传重构 ProTable 组件 ([a428e89](https://gitee.com/HalseySpicy/Geeker-Admin/commit/a428e89a3784c826eceaaee548b97975afbe1d45))
+-   🚀 添加 wangEditor 组件 ([d6d2fa7](https://gitee.com/HalseySpicy/Geeker-Admin/commit/d6d2fa7d27887bb4a9e40e9d7037d4621812e16a))
+-   🚀 完成 wangEditor 富文本二次封装 ([7362bfb](https://gitee.com/HalseySpicy/Geeker-Admin/commit/7362bfbff19224045e3bb20fa939a78c556cc805))
+-   🚀 完善按钮、菜单权限示例 ([6793f0c](https://gitee.com/HalseySpicy/Geeker-Admin/commit/6793f0cd7372b8a080f6d2649b05cdd0c62bd853))
+-   🚀 新增 主题色、灰色模式、色弱模式 配置 ([7821157](https://gitee.com/HalseySpicy/Geeker-Admin/commit/7821157059ed9c21d2844f75049f8fa999b19944))
+-   🚀 新增 pro-form ([3ab5a5b](https://gitee.com/HalseySpicy/Geeker-Admin/commit/3ab5a5b4f63fca227944ab6cc7928f6bf1f88ed4))
+-   🚀 新增 protable 打印、列对齐方式功能 ([c22879e](https://gitee.com/HalseySpicy/Geeker-Admin/commit/c22879e7e80ff9ef662c39daa25b11f5f17d17ca))
+-   🚀 新增 protbale 功能, 请查看详情 ([17f2bcd](https://gitee.com/HalseySpicy/Geeker-Admin/commit/17f2bcd67362365579ed8a572a3a9d17368ac64e))
+-   🚀 新增 SVG Icons ([977602c](https://gitee.com/HalseySpicy/Geeker-Admin/commit/977602c30b8997cb51426fe9498392edc249561d))
+-   🚀 新增 treeFilter 组件标题属性 ([20c755f](https://gitee.com/HalseySpicy/Geeker-Admin/commit/20c755f59f3ae2b0380e6549bb56bb22317d750e))
+-   🚀 新增 treeFilter data 参数 ([4280766](https://gitee.com/HalseySpicy/Geeker-Admin/commit/428076635d7a0e9f80109274d9523cf91aa5a10c))
+-   🚀 新增暗黑模式 ([215e499](https://gitee.com/HalseySpicy/Geeker-Admin/commit/215e499634b516234e653eac27a611d5f51ea6da))
+-   🚀 新增菜单搜索功能 ([4aa0eef](https://gitee.com/HalseySpicy/Geeker-Admin/commit/4aa0eefaf427a2aa1aebd2b78dc049ffa776e838))
+-   🚀 新增动态路由 ([551fefc](https://gitee.com/HalseySpicy/Geeker-Admin/commit/551fefc2e66b067d9e64d3b0cfbf47dfa1057d98))
+-   🚀 新增分栏布局 ([de37143](https://gitee.com/HalseySpicy/Geeker-Admin/commit/de37143e93c0cc5be2ff52466dce344ab9270f0d))
+-   🚀 新增功能 && 修复 bug(查看详情) ([1ab183f](https://gitee.com/HalseySpicy/Geeker-Admin/commit/1ab183f1551cb8beb77243c2953b0119409dd6a5))
+-   🚀 新增功能 && 修复 bug(查看详情) ([4c0bc5f](https://gitee.com/HalseySpicy/Geeker-Admin/commit/4c0bc5fd3c111e1cac636cad104c83ffb1168679))
+-   🚀 新增功能(查看详情) ([cbd8dc2](https://gitee.com/HalseySpicy/Geeker-Admin/commit/cbd8dc2387576f525c0e49f81d540fbad3cb5e81))
+-   🚀 新增横向、纵向、经典布局切换 ([1046de4](https://gitee.com/HalseySpicy/Geeker-Admin/commit/1046de4c7d5f805b10c5cea5325b063e3d6dd84f))
+-   🚀 新增界面配置功能 ([39ffc5e](https://gitee.com/HalseySpicy/Geeker-Admin/commit/39ffc5e9a77da3294055f23f8c87a4a44f3622f7))
+-   🚀 新增路由相关功能 ([9679eed](https://gitee.com/HalseySpicy/Geeker-Admin/commit/9679eed1edd0c1f08c17465f590d4ca0365985ee)), closes [#71](https://gitee.com/HalseySpicy/Geeker-Admin/issues/71) [#72](https://gitee.com/HalseySpicy/Geeker-Admin/issues/72) [#49](https://gitee.com/HalseySpicy/Geeker-Admin/issues/49)
+-   🚀 新增请求示例，参见 loginApi ([d49b227](https://gitee.com/HalseySpicy/Geeker-Admin/commit/d49b227762ae48c3ca08f0dec02a3667daac8532))
+-   🚀 新增图标选择组件 ([ce5e165](https://gitee.com/HalseySpicy/Geeker-Admin/commit/ce5e165aed842074a9f7ac66ea97290710b541ee))
+-   🚀 新增图片上传组件 ([c50c421](https://gitee.com/HalseySpicy/Geeker-Admin/commit/c50c421bc3c5f7af68184cda88262c6fb1bd07e0))
+-   🚀 新增图片上传组件属性 ([d7670ed](https://gitee.com/HalseySpicy/Geeker-Admin/commit/d7670ed94608c5410f3102d7b9427d8d856204b1))
+-   🚀 新增系统管理模块 ([23748e1](https://gitee.com/HalseySpicy/Geeker-Admin/commit/23748e185e80e3b774b42114427934228a57d3aa))
+-   🚀 新增消息通知 ([66836b6](https://gitee.com/HalseySpicy/Geeker-Admin/commit/66836b69781ccc55402a3887d091149885864442))
+-   🚀 新增页面刷新功能 ([5223a41](https://gitee.com/HalseySpicy/Geeker-Admin/commit/5223a416d17568d5b2cae7b16b637e0f39134223))
+-   🚀 新增引导页 ([4fb6fb3](https://gitee.com/HalseySpicy/Geeker-Admin/commit/4fb6fb3a3eb34f82576e2378c311ff580f65226d))
+-   🚀 新增组件参数配置文档 ([0e11fc5](https://gitee.com/HalseySpicy/Geeker-Admin/commit/0e11fc59175d5d74730c3cb1fa2579effcca6e48))
+-   🚀 修改 keepAlive 逻辑 ([168ca13](https://gitee.com/HalseySpicy/Geeker-Admin/commit/168ca13e796c8cc366caa3d6e05090acdaefef75))
+-   🚀 修改 pinia 持久化插件 ([a7691ae](https://gitee.com/HalseySpicy/Geeker-Admin/commit/a7691aea614a035c4d381838149e08ad8477e49f))
+-   🚀 优化代码注释 && 升级 element 到 2.2.6 ([b84512b](https://gitee.com/HalseySpicy/Geeker-Admin/commit/b84512b3b102b00faa2f9241a32f5fbe27da4307))
+-   🚀 优化注释 && 代码细节问题 ([9d0ffa5](https://gitee.com/HalseySpicy/Geeker-Admin/commit/9d0ffa5ddecc4c73bec51208b05a6d44b1523b1f))
+-   🚀 预定义主题颜色 ([8219178](https://gitee.com/HalseySpicy/Geeker-Admin/commit/82191789bcf6d21c623aa61c5a64e502cea44c2c))
+-   🚀 增加 SearchForm 属性透传 ([eadb89b](https://gitee.com/HalseySpicy/Geeker-Admin/commit/eadb89b687596980a82401f44c53430081078d04))
+-   🚀 增加表格 treeFilter、更新整体布局样式 ([719b78f](https://gitee.com/HalseySpicy/Geeker-Admin/commit/719b78f317589b983bc4b852b3bfd63a60d42a46))
+-   🚀 增加布局方式切换，样式已完成 ([5745b93](https://gitee.com/HalseySpicy/Geeker-Admin/commit/5745b93a6cc00519c1a02977b8c0437502d867e6))
+-   🚀 增加分类筛选器 ([c95a1c0](https://gitee.com/HalseySpicy/Geeker-Admin/commit/c95a1c054ee9eacae470bcaae7574d5c989b86a2))
+-   🚀 增加全局错误拦截 && 修改细节问题 请查看详情 ([0496184](https://gitee.com/HalseySpicy/Geeker-Admin/commit/04961847eb7df004d1e9f562e78ea3d5f851ea49))
+
+### Bug Fixes
+
+-   🧩 菜单搜索过滤掉 isHide 为 true 的菜单 ([c6bab35](https://gitee.com/HalseySpicy/Geeker-Admin/commit/c6bab356f0cde7e3dc6f69dfac115239c2453776))
+-   🧩 解决 useTable 查询参数 bug ([a86e408](https://gitee.com/HalseySpicy/Geeker-Admin/commit/a86e4089b6da8ab6a55bc84e069d665c06471676))
+-   🧩 去除登陆页默认账号 ([3dda3fe](https://gitee.com/HalseySpicy/Geeker-Admin/commit/3dda3fee3fef38fdafcfdf3b1bf16e73033c6fe0))
+-   🧩 删除 protable 组件 image 配置属性 ([d699fe7](https://gitee.com/HalseySpicy/Geeker-Admin/commit/d699fe7bd55eaaccfad9b94105c1b43ae64d1c34))
+-   🧩 修复 国际化 产生的 bug ([ec4f74a](https://gitee.com/HalseySpicy/Geeker-Admin/commit/ec4f74ae654e7287fc08bb31fa3ee3d2c76164eb))
+-   🧩 修复 axios 请求超时未拦截错误 ([856468e](https://gitee.com/HalseySpicy/Geeker-Admin/commit/856468e84f8356d35c25097f3115dfe3d496914c))
+-   🧩 修复 bug ([3714abd](https://gitee.com/HalseySpicy/Geeker-Admin/commit/3714abdc4826034791ccb3fc8249d946ec3a4e16))
+-   🧩 修复 Pro-Tabel 列设置 bug ([a3b86a0](https://gitee.com/HalseySpicy/Geeker-Admin/commit/a3b86a06a6d9cd4b6f7ac6e108727a0b4852e9a0))
+-   🧩 修复 pro-table 格式报错问题 ([2ef11fd](https://gitee.com/HalseySpicy/Geeker-Admin/commit/2ef11fda6d373c3214df801ae789cafc1a033dcb))
+-   🧩 修复布局样式 bug ([2f1cd64](https://gitee.com/HalseySpicy/Geeker-Admin/commit/2f1cd6442f359909301e3d95b0ed4dc9d2dbe7c6))
+-   🧩 修复打包错误 ([243ebfc](https://gitee.com/HalseySpicy/Geeker-Admin/commit/243ebfc5280ddc013056c6708b44df35fe18f613))
+-   🧩 修复打包失败 ([31698fe](https://gitee.com/HalseySpicy/Geeker-Admin/commit/31698fea6478d60343a9ad49ae0fc6db7a42c184))
+-   🧩 修复打包失败问题 ([1778651](https://gitee.com/HalseySpicy/Geeker-Admin/commit/1778651781a1bb8bfe4ea61dafb9b48773fef5d7))
+-   🧩 修复分栏布局 bug ([113274a](https://gitee.com/HalseySpicy/Geeker-Admin/commit/113274a87e2dacf694648f3a304c7ac37e2262d0))
+-   🧩 修复经典布局展示 bug ([b95e237](https://gitee.com/HalseySpicy/Geeker-Admin/commit/b95e2376d06c6a6a35f72743e3fe8c1569fda008))
+-   🧩 修复路由跳转两次不能携带参数问题 ([8b583f3](https://gitee.com/HalseySpicy/Geeker-Admin/commit/8b583f3d5f05b77ec2a35082557bae431441a586))
+-   🧩 修复请求 header 参数丢失 bug ([3598dbc](https://gitee.com/HalseySpicy/Geeker-Admin/commit/3598dbc2a83aaacf9dada4e2c38a3ca27cbe4cfd))
+-   🧩 修复上传组件细节问题 ([8528358](https://gitee.com/HalseySpicy/Geeker-Admin/commit/8528358925ea809cf52f55015355345e87607351))
+-   🧩 修复 BUG ([4bf2988](https://gitee.com/HalseySpicy/Geeker-Admin/commit/4bf29881dd41fad256f1beb5affcd5ba6599e17d))
+-   🧩 修复 BUG ([c93aaf7](https://gitee.com/HalseySpicy/Geeker-Admin/commit/c93aaf700112decd158e9a5a9c1f83eff1773e91))
+-   🧩 修复 loading 请求 bug ([a3270ec](https://gitee.com/HalseySpicy/Geeker-Admin/commit/a3270ecfa2e7c2484729ae6fd599febcc4f7be6b))
+-   🧩 修复 vercel 打包失败 ([e63dee1](https://gitee.com/HalseySpicy/Geeker-Admin/commit/e63dee1f9653f4f95d0330275c5f5e8b530564c9))
+-   🧩 修改 Pro-Table 表头渲染方式 ([aa57294](https://gitee.com/HalseySpicy/Geeker-Admin/commit/aa5729489942eaa6dca9928b70153af2de753a9c))
+-   🧩 修改 useTable 存在的 bug ([5bb55b3](https://gitee.com/HalseySpicy/Geeker-Admin/commit/5bb55b32c0b46bbf55fa0d49efe3a15d0b1673a4))
+-   🧩 修改 useTable 钩子中的 bug ([675aed8](https://gitee.com/HalseySpicy/Geeker-Admin/commit/675aed806e62c236b40bc933402c86085289df4e))
+-   🧩 修改 useTable 携带默认查询参数 bug ([ee585b2](https://gitee.com/HalseySpicy/Geeker-Admin/commit/ee585b29f3129b7143a10947fdd3184b197ad883))
+-   🧩 修改代码细节 && 优化注释 ([d86cb1f](https://gitee.com/HalseySpicy/Geeker-Admin/commit/d86cb1feb32e11a29e1c2bee54ea788c6c828d75))
+-   🧩 修改当菜单设置 isHide=true 时面包屑报错 ([66885c5](https://gitee.com/HalseySpicy/Geeker-Admin/commit/66885c5cc15c10ccadcd49a7bee27a821663e8a7))
+-   🧩 修改文件导出失败 bug ([208e720](https://gitee.com/HalseySpicy/Geeker-Admin/commit/208e720688969d2bc0fa0a6cc2bae3e3b991c806))
+-   🧩 修改 BUG ([540048a](https://gitee.com/HalseySpicy/Geeker-Admin/commit/540048a09be9b0df5443e275f38f43c80dcde51f))
+-   🧩 fix use pinia bug ([609aa69](https://gitee.com/HalseySpicy/Geeker-Admin/commit/609aa69aa9b3e0bb4e667ee7f76ab44051c2d2e8))
+-   修复登录后白屏 ([f986c5c](https://gitee.com/HalseySpicy/Geeker-Admin/commit/f986c5c44fc1df8d5c6a90e90239c06928e2f4a1))
+-   **el-table:** 🧩 修复 el-table 在 safari 浏览器错乱 ([b776a48](https://gitee.com/HalseySpicy/Geeker-Admin/commit/b776a483636547c7cee723846ec33b2842550d13))
+
+### 0.0.6 (2022-08-22)
+
+### Features
+
+-   🚀 二次封装 wangEditor 富文本编辑器(50%) ([4f8e266](https://gitee.com/HalseySpicy/Geeker-Admin/commit/4f8e266b7dd25a7df18d302e88e14454bfa3816b))
+-   🚀 请求全局 loading 更改为可配置 ([a75d62f](https://gitee.com/HalseySpicy/Geeker-Admin/commit/a75d62f627195ac420cf24ad7f51245b2e5bf04e))
+-   🚀 升级 element-plus 到 2.25 ([e98c035](https://gitee.com/HalseySpicy/Geeker-Admin/commit/e98c035caa6d1ab04319673e0db65837c6887126))
+-   🚀 添加 wangEditor 组件 ([d6d2fa7](https://gitee.com/HalseySpicy/Geeker-Admin/commit/d6d2fa7d27887bb4a9e40e9d7037d4621812e16a))
+-   🚀 完成 wangEditor 富文本二次封装 ([7362bfb](https://gitee.com/HalseySpicy/Geeker-Admin/commit/7362bfbff19224045e3bb20fa939a78c556cc805))
+-   🚀 新增 主题色、灰色模式、色弱模式 配置 ([7821157](https://gitee.com/HalseySpicy/Geeker-Admin/commit/7821157059ed9c21d2844f75049f8fa999b19944))
+-   🚀 新增 pro-form ([3ab5a5b](https://gitee.com/HalseySpicy/Geeker-Admin/commit/3ab5a5b4f63fca227944ab6cc7928f6bf1f88ed4))
+-   🚀 新增 protbale 功能, 请查看详情 ([17f2bcd](https://gitee.com/HalseySpicy/Geeker-Admin/commit/17f2bcd67362365579ed8a572a3a9d17368ac64e))
+-   🚀 新增 SVG Icons ([977602c](https://gitee.com/HalseySpicy/Geeker-Admin/commit/977602c30b8997cb51426fe9498392edc249561d))
+-   🚀 新增 treeFilter data 参数 ([4280766](https://gitee.com/HalseySpicy/Geeker-Admin/commit/428076635d7a0e9f80109274d9523cf91aa5a10c))
+-   🚀 新增暗黑模式 ([215e499](https://gitee.com/HalseySpicy/Geeker-Admin/commit/215e499634b516234e653eac27a611d5f51ea6da))
+-   🚀 新增菜单搜索功能 ([4aa0eef](https://gitee.com/HalseySpicy/Geeker-Admin/commit/4aa0eefaf427a2aa1aebd2b78dc049ffa776e838))
+-   🚀 新增界面配置功能 ([39ffc5e](https://gitee.com/HalseySpicy/Geeker-Admin/commit/39ffc5e9a77da3294055f23f8c87a4a44f3622f7))
+-   🚀 新增请求示例，参见 loginApi ([d49b227](https://gitee.com/HalseySpicy/Geeker-Admin/commit/d49b227762ae48c3ca08f0dec02a3667daac8532))
+-   🚀 新增图标选择组件 ([ce5e165](https://gitee.com/HalseySpicy/Geeker-Admin/commit/ce5e165aed842074a9f7ac66ea97290710b541ee))
+-   🚀 新增图片上传组件 ([c50c421](https://gitee.com/HalseySpicy/Geeker-Admin/commit/c50c421bc3c5f7af68184cda88262c6fb1bd07e0))
+-   🚀 新增图片上传组件属性 ([d7670ed](https://gitee.com/HalseySpicy/Geeker-Admin/commit/d7670ed94608c5410f3102d7b9427d8d856204b1))
+-   🚀 新增引导页 ([4fb6fb3](https://gitee.com/HalseySpicy/Geeker-Admin/commit/4fb6fb3a3eb34f82576e2378c311ff580f65226d))
+-   🚀 新增组件参数配置文档 ([0e11fc5](https://gitee.com/HalseySpicy/Geeker-Admin/commit/0e11fc59175d5d74730c3cb1fa2579effcca6e48))
+-   🚀 修改 pinia 持久化插件 ([a7691ae](https://gitee.com/HalseySpicy/Geeker-Admin/commit/a7691aea614a035c4d381838149e08ad8477e49f))
+-   🚀 优化代码注释 && 升级 element 到 2.2.6 ([b84512b](https://gitee.com/HalseySpicy/Geeker-Admin/commit/b84512b3b102b00faa2f9241a32f5fbe27da4307))
+-   🚀 优化注释 && 代码细节问题 ([9d0ffa5](https://gitee.com/HalseySpicy/Geeker-Admin/commit/9d0ffa5ddecc4c73bec51208b05a6d44b1523b1f))
+-   🚀 预定义主题颜色 ([8219178](https://gitee.com/HalseySpicy/Geeker-Admin/commit/82191789bcf6d21c623aa61c5a64e502cea44c2c))
+-   🚀 增加 SearchForm 属性透传 ([eadb89b](https://gitee.com/HalseySpicy/Geeker-Admin/commit/eadb89b687596980a82401f44c53430081078d04))
+-   🚀 增加表格 treeFilter、更新整体布局样式 ([719b78f](https://gitee.com/HalseySpicy/Geeker-Admin/commit/719b78f317589b983bc4b852b3bfd63a60d42a46))
+
+### Bug Fixes
+
+-   🧩 解决 useTable 查询参数 bug ([a86e408](https://gitee.com/HalseySpicy/Geeker-Admin/commit/a86e4089b6da8ab6a55bc84e069d665c06471676))
+-   🧩 去除登陆页默认账号 ([3dda3fe](https://gitee.com/HalseySpicy/Geeker-Admin/commit/3dda3fee3fef38fdafcfdf3b1bf16e73033c6fe0))
+-   🧩 删除 protable 组件 image 配置属性 ([d699fe7](https://gitee.com/HalseySpicy/Geeker-Admin/commit/d699fe7bd55eaaccfad9b94105c1b43ae64d1c34))
+-   🧩 修复 国际化 产生的 bug ([ec4f74a](https://gitee.com/HalseySpicy/Geeker-Admin/commit/ec4f74ae654e7287fc08bb31fa3ee3d2c76164eb))
+-   🧩 修复 axios 请求超时未拦截错误 ([856468e](https://gitee.com/HalseySpicy/Geeker-Admin/commit/856468e84f8356d35c25097f3115dfe3d496914c))
+-   🧩 修复 Pro-Tabel 列设置 bug ([a3b86a0](https://gitee.com/HalseySpicy/Geeker-Admin/commit/a3b86a06a6d9cd4b6f7ac6e108727a0b4852e9a0))
+-   🧩 修复 pro-table 格式报错问题 ([2ef11fd](https://gitee.com/HalseySpicy/Geeker-Admin/commit/2ef11fda6d373c3214df801ae789cafc1a033dcb))
+-   🧩 修复打包失败问题 ([1778651](https://gitee.com/HalseySpicy/Geeker-Admin/commit/1778651781a1bb8bfe4ea61dafb9b48773fef5d7))
+-   🧩 修复路由跳转两次不能携带参数问题 ([8b583f3](https://gitee.com/HalseySpicy/Geeker-Admin/commit/8b583f3d5f05b77ec2a35082557bae431441a586))
+-   🧩 修复请求 header 参数丢失 bug ([3598dbc](https://gitee.com/HalseySpicy/Geeker-Admin/commit/3598dbc2a83aaacf9dada4e2c38a3ca27cbe4cfd))
+-   🧩 修复上传组件细节问题 ([8528358](https://gitee.com/HalseySpicy/Geeker-Admin/commit/8528358925ea809cf52f55015355345e87607351))
+-   🧩 修复 loading 请求 bug ([a3270ec](https://gitee.com/HalseySpicy/Geeker-Admin/commit/a3270ecfa2e7c2484729ae6fd599febcc4f7be6b))
+-   🧩 修改 Pro-Table 表头渲染方式 ([aa57294](https://gitee.com/HalseySpicy/Geeker-Admin/commit/aa5729489942eaa6dca9928b70153af2de753a9c))
+-   🧩 修改 useTable 存在的 bug ([5bb55b3](https://gitee.com/HalseySpicy/Geeker-Admin/commit/5bb55b32c0b46bbf55fa0d49efe3a15d0b1673a4))
+-   🧩 修改 useTable 钩子中的 bug ([675aed8](https://gitee.com/HalseySpicy/Geeker-Admin/commit/675aed806e62c236b40bc933402c86085289df4e))
+-   🧩 修改 useTable 携带默认查询参数 bug ([ee585b2](https://gitee.com/HalseySpicy/Geeker-Admin/commit/ee585b29f3129b7143a10947fdd3184b197ad883))
+-   🧩 修改代码细节 && 优化注释 ([d86cb1f](https://gitee.com/HalseySpicy/Geeker-Admin/commit/d86cb1feb32e11a29e1c2bee54ea788c6c828d75))
+-   🧩 修改文件导出失败 bug ([208e720](https://gitee.com/HalseySpicy/Geeker-Admin/commit/208e720688969d2bc0fa0a6cc2bae3e3b991c806))
+-   🧩 fix use pinia bug ([609aa69](https://gitee.com/HalseySpicy/Geeker-Admin/commit/609aa69aa9b3e0bb4e667ee7f76ab44051c2d2e8))
+-   修复登录后白屏 ([f986c5c](https://gitee.com/HalseySpicy/Geeker-Admin/commit/f986c5c44fc1df8d5c6a90e90239c06928e2f4a1))
+
+### [0.0.5](https://github.com/HalseySpicy/Geeker-Admin/compare/v0.0.4...v0.0.5) (2022-07-21)
+
+### Features
+
+-   🚀 新增请求示例，参见 loginApi ([d49b227](https://github.com/HalseySpicy/Geeker-Admin/commit/d49b227762ae48c3ca08f0dec02a3667daac8532))
+
+### Bug Fixes
+
+-   🧩 解决 useTable 查询参数 bug ([a86e408](https://github.com/HalseySpicy/Geeker-Admin/commit/a86e4089b6da8ab6a55bc84e069d665c06471676))
+-   🧩 修复 axios 请求超时未拦截错误 ([856468e](https://github.com/HalseySpicy/Geeker-Admin/commit/856468e84f8356d35c25097f3115dfe3d496914c))
+-   🧩 修复请求 header 参数丢失 bug ([3598dbc](https://github.com/HalseySpicy/Geeker-Admin/commit/3598dbc2a83aaacf9dada4e2c38a3ca27cbe4cfd))
+
+### [0.0.4](https://github.com/HalseySpicy/Geeker-Admin/compare/v0.0.3...v0.0.4) (2022-07-12)
+
+### Features
+
+-   🚀 新增 主题色、灰色模式、色弱模式 配置 ([7821157](https://github.com/HalseySpicy/Geeker-Admin/commit/7821157059ed9c21d2844f75049f8fa999b19944))
+-   🚀 新增 pro-form ([3ab5a5b](https://github.com/HalseySpicy/Geeker-Admin/commit/3ab5a5b4f63fca227944ab6cc7928f6bf1f88ed4))
+-   🚀 新增菜单搜索功能 ([4aa0eef](https://github.com/HalseySpicy/Geeker-Admin/commit/4aa0eefaf427a2aa1aebd2b78dc049ffa776e838))
+-   🚀 新增界面配置功能 ([39ffc5e](https://github.com/HalseySpicy/Geeker-Admin/commit/39ffc5e9a77da3294055f23f8c87a4a44f3622f7))
+-   🚀 预定义主题颜色 ([8219178](https://github.com/HalseySpicy/Geeker-Admin/commit/82191789bcf6d21c623aa61c5a64e502cea44c2c))
+-   🚀 增加 SearchForm 属性透传 ([eadb89b](https://github.com/HalseySpicy/Geeker-Admin/commit/eadb89b687596980a82401f44c53430081078d04))
+
+### Bug Fixes
+
+-   🧩 修复 pro-table 格式报错问题 ([2ef11fd](https://github.com/HalseySpicy/Geeker-Admin/commit/2ef11fda6d373c3214df801ae789cafc1a033dcb))
+-   🧩 修改文件导出失败 bug ([208e720](https://github.com/HalseySpicy/Geeker-Admin/commit/208e720688969d2bc0fa0a6cc2bae3e3b991c806))
+-   🧩 fix use pinia bug ([609aa69](https://github.com/HalseySpicy/Geeker-Admin/commit/609aa69aa9b3e0bb4e667ee7f76ab44051c2d2e8))
+
+### [0.0.2](https://github.com/HalseySpicy/Geeker-Admin/compare/v0.0.3...v0.0.2) (2022-06-29)
+
+### 0.0.2 (2022-06-20)
+
+### Features
+
+-   🚀 请求全局 loading 更改为可配置 ([a75d62f](https://github.com/HalseySpicy/Geeker-Admin/commit/a75d62f627195ac420cf24ad7f51245b2e5bf04e))
+-   🚀 升级 element-plus 到 2.2.5 ([e98c035](https://github.com/HalseySpicy/Geeker-Admin/commit/e98c035caa6d1ab04319673e0db65837c6887126))
+-   🚀 新增暗黑模式 ([215e499](https://github.com/HalseySpicy/Geeker-Admin/commit/215e499634b516234e653eac27a611d5f51ea6da))
+-   🚀 新增图标选择组件 ([ce5e165](https://github.com/HalseySpicy/Geeker-Admin/commit/ce5e165aed842074a9f7ac66ea97290710b541ee))
+-   🚀 修改 pinia 持久化插件 ([a7691ae](https://github.com/HalseySpicy/Geeker-Admin/commit/a7691aea614a035c4d381838149e08ad8477e49f))
+-   🚀 优化代码注释 && 升级 element 到 2.2.6 ([b84512b](https://github.com/HalseySpicy/Geeker-Admin/commit/b84512b3b102b00faa2f9241a32f5fbe27da4307))
+
+### Bug Fixes
+
+-   🧩 去除登陆页默认账号 ([3dda3fe](https://github.com/HalseySpicy/Geeker-Admin/commit/3dda3fee3fef38fdafcfdf3b1bf16e73033c6fe0))
+-   🧩 修复 Pro-Table 列设置 bug ([a3b86a0](https://github.com/HalseySpicy/Geeker-Admin/commit/a3b86a06a6d9cd4b6f7ac6e108727a0b4852e9a0))
+-   🧩 修复 loading 请求 bug ([a3270ec](https://github.com/HalseySpicy/Geeker-Admin/commit/a3270ecfa2e7c2484729ae6fd599febcc4f7be6b))
+-   🧩 修改 Pro-Table 表头渲染方式 ([aa57294](https://github.com/HalseySpicy/Geeker-Admin/commit/aa5729489942eaa6dca9928b70153af2de753a9c))
+-   🧩 修改 useTable 存在的 bug ([5bb55b3](https://github.com/HalseySpicy/Geeker-Admin/commit/5bb55b32c0b46bbf55fa0d49efe3a15d0b1673a4))
+-   🧩 修改 useTable 钩子中的 bug ([675aed8](https://github.com/HalseySpicy/Geeker-Admin/commit/675aed806e62c236b40bc933402c86085289df4e))
+-   🧩 修改 useTable 携带默认查询参数 bug ([ee585b2](https://github.com/HalseySpicy/Geeker-Admin/commit/ee585b29f3129b7143a10947fdd3184b197ad883))
diff --git a/LICENSE b/LICENSE
index 89ad989..b50060f 100644
--- a/LICENSE
+++ b/LICENSE
@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2022 Halsey
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2022 Halsey
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/README.md b/README.md
index c980ea4..7c6ab49 100644
--- a/README.md
+++ b/README.md
@@ -1,161 +1,161 @@
-# Geeker-Admin
-
-## 环境
-
-    node 18+
-
-## 介绍 📖
-
-这是一个极简的 Geeker-Admin 管理后台。它包含了 ElementPlus、axios、iconfont、权限控制、代码检查（lint）、cz-git 和主题布局切换等，构建后台所必需的功能。
-
-## 在线预览 👀
-
--   [预览链接](https://admin.spicyboy.cn)
-
-## 代码仓库 ⭐
-
--   [GitHub 仓库](https://github.com/HalseySpicy/Geeker-Admin/tree/template)
-
-## 项目文档 📚
-
--   [文档地址](https://docs.spicyboy.cn)
-
-## 安装使用步骤 📔
-
-1. **克隆仓库：**
-
-    ```bash
-
-     # GitHub
-
-     git clone https://github.com/HalseySpicy/Geeker-Admin/tree/template
-    ```
-
-2. **安装依赖：**
-
-    ```bash
-    npm install
-    ```
-
-3. **运行项目：**
-
-    ```bash
-    npm serve
-    ```
-
-4. **构建项目：**
-
-    ```bash
-
-     # 开发环境
-
-     npm build:dev
-
-     # 测试环境
-
-     npm build:test
-
-     # 生产环境
-
-     npm build:pro
-    ```
-
-5. **代码检查与格式化：**
-
-    ```bash
-
-     # eslint 检查代码
-
-     pnpm lint:eslint
-
-     # prettier 格式化代码
-
-     pnpm lint:prettier
-
-     # stylelint 格式化样式
-
-     pnpm lint:stylelint
-    ```
-
-6. **提交代码：**
-
-    ```bash
-     # 提交代码（提交前会自动执行 lint:lint-staged 命令）
-     pnpm commit
-
-     feat: add new feature
-    ```
-
-## 项目后台接口 🧩
-
-项目后台接口完全采用 Mock 数据，特别感谢以下 Mock 平台的支持：
-
--   [FastMock](https://www.fastmock.site)
--   [EasyMock](https://mock.mengxuegu.com)
-
-## 全项目格式化
-
-要在整个项目上运行格式化，请在项目路径下的命令行窗口中执行以下命令：
-
-```text
-prettier --write "\*_/_.{js,jsx,ts,tsx,css,scss,html,json,md,vue}"
-prettier --write "**/*.{js,jsx,ts,tsx,css,scss,html,json,md,vue}"
-```
-
-完成格式化后，请关闭并重新打开 VSCode 项目。
-
-## 部署步骤
-
-### nvm 安装
-
-```bash
-su www
-curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.5/install.sh | bash
-
-# 执行以下命令
-
-export NVM_DIR="$HOME/.nvm"
-[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm
-[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion" # This loads nvm bash_completion
-
-nvm -v
-nvm install 20
-```
-
-### 应用部署
-
-```bash
-
-# 以 root 用户执行
-
-# 将宝塔站点目录改为 www
-
-chown -R www:www /www/wwwroot
-su www
-
-# 定义变量
-
-AppName=NovelAdmin
-API_DOMAIN=https://api.***.xyz # 使用真实的 API 地址
-
-cd ~
-git clone ssh://git@git.nu0g.com:16868/root/NovelAdmin.git $AppName
-
-cd $AppName
-git fetch
-git checkout prod
-nvm use 20
-npx npm install
-cp -f .env.production.example .env.production
-
-# 使用 sed 替换字符串
-
-sed -i "s|https://api.pro.com|$API_DOMAIN|g" .env.production
-
-ln -s ~/$AppName  /www/wwwroot/$AppName
-npx npm run build:pro
-
-# 部署完成后的提示
-
-echo "部署完成：$AppName"
-```
+# Geeker-Admin
+
+## 环境
+
+    node 18+
+
+## 介绍 📖
+
+这是一个极简的 Geeker-Admin 管理后台。它包含了 ElementPlus、axios、iconfont、权限控制、代码检查（lint）、cz-git 和主题布局切换等，构建后台所必需的功能。
+
+## 在线预览 👀
+
+-   [预览链接](https://admin.spicyboy.cn)
+
+## 代码仓库 ⭐
+
+-   [GitHub 仓库](https://github.com/HalseySpicy/Geeker-Admin/tree/template)
+
+## 项目文档 📚
+
+-   [文档地址](https://docs.spicyboy.cn)
+
+## 安装使用步骤 📔
+
+1. **克隆仓库：**
+
+    ```bash
+
+     # GitHub
+
+     git clone https://github.com/HalseySpicy/Geeker-Admin/tree/template
+    ```
+
+2. **安装依赖：**
+
+    ```bash
+    npm install
+    ```
+
+3. **运行项目：**
+
+    ```bash
+    npm serve
+    ```
+
+4. **构建项目：**
+
+    ```bash
+
+     # 开发环境
+
+     npm build:dev
+
+     # 测试环境
+
+     npm build:test
+
+     # 生产环境
+
+     npm build:pro
+    ```
+
+5. **代码检查与格式化：**
+
+    ```bash
+
+     # eslint 检查代码
+
+     pnpm lint:eslint
+
+     # prettier 格式化代码
+
+     pnpm lint:prettier
+
+     # stylelint 格式化样式
+
+     pnpm lint:stylelint
+    ```
+
+6. **提交代码：**
+
+    ```bash
+     # 提交代码（提交前会自动执行 lint:lint-staged 命令）
+     pnpm commit
+
+     feat: add new feature
+    ```
+
+## 项目后台接口 🧩
+
+项目后台接口完全采用 Mock 数据，特别感谢以下 Mock 平台的支持：
+
+-   [FastMock](https://www.fastmock.site)
+-   [EasyMock](https://mock.mengxuegu.com)
+
+## 全项目格式化
+
+要在整个项目上运行格式化，请在项目路径下的命令行窗口中执行以下命令：
+
+```text
+prettier --write "\*_/_.{js,jsx,ts,tsx,css,scss,html,json,md,vue}"
+prettier --write "**/*.{js,jsx,ts,tsx,css,scss,html,json,md,vue}"
+```
+
+完成格式化后，请关闭并重新打开 VSCode 项目。
+
+## 部署步骤
+
+### nvm 安装
+
+```bash
+su www
+curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.5/install.sh | bash
+
+# 执行以下命令
+
+export NVM_DIR="$HOME/.nvm"
+[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm
+[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion" # This loads nvm bash_completion
+
+nvm -v
+nvm install 20
+```
+
+### 应用部署
+
+```bash
+
+# 以 root 用户执行
+
+# 将宝塔站点目录改为 www
+
+chown -R www:www /www/wwwroot
+su www
+
+# 定义变量
+
+AppName=NovelAdmin
+API_DOMAIN=https://api.***.xyz # 使用真实的 API 地址
+
+cd ~
+git clone ssh://git@git.nu0g.com:16868/root/NovelAdmin.git $AppName
+
+cd $AppName
+git fetch
+git checkout prod
+nvm use 20
+npx npm install
+cp -f .env.production.example .env.production
+
+# 使用 sed 替换字符串
+
+sed -i "s|https://api.pro.com|$API_DOMAIN|g" .env.production
+
+ln -s ~/$AppName  /www/wwwroot/$AppName
+npx npm run build:pro
+
+# 部署完成后的提示
+
+echo "部署完成：$AppName"
+```
diff --git a/build/getEnv.ts b/build/getEnv.ts
index e6046a0..067c154 100644
--- a/build/getEnv.ts
+++ b/build/getEnv.ts
@@ -1,46 +1,38 @@
-import path from "path";
-
-export function isDevFn(mode: string): boolean {
-    return mode === "development";
-}
-
-export function isProdFn(mode: string): boolean {
-    return mode === "production";
-}
-
-export function isTestFn(mode: string): boolean {
-    return mode === "test";
-}
-
-/**
- * Whether to generate package preview
- */
+import path from "path";
+
+export function isDevFn(mode: string): boolean {
+    return mode === "development";
+}
+
+export function isProdFn(mode: string): boolean {
+    return mode === "production";
+}
+
+export function isTestFn(mode: string): boolean {
+    return mode === "test";
+}
+
 export function isReportMode(): boolean {
     return process.env.VITE_REPORT === "true";
 }
 
-// Read all environment variable configuration files to process.env
 export function wrapperEnv(envConf: Recordable): ViteEnv {
-    const ret: any = {};
-
-    for (const envName of Object.keys(envConf)) {
-        let realName = envConf[envName].replace(/\\n/g, "\n");
-        realName = realName === "true" ? true : realName === "false" ? false : realName;
-        if (envName === "VITE_PORT") realName = Number(realName);
-        if (envName === "VITE_PROXY") {
-            try {
-                realName = JSON.parse(realName);
-            } catch (error) {}
-        }
-        ret[envName] = realName;
-    }
-    return ret;
-}
-
-/**
- * Get user root directory
- * @param dir file path
- */
+    const ret: any = {};
+
+    for (const envName of Object.keys(envConf)) {
+        let realName = envConf[envName].replace(/\\n/g, "\n");
+        realName = realName === "true" ? true : realName === "false" ? false : realName;
+        if (envName === "VITE_PORT") realName = Number(realName);
+        if (envName === "VITE_PROXY") {
+            try {
+                realName = JSON.parse(realName);
+            } catch (error) {}
+        }
+        ret[envName] = realName;
+    }
+    return ret;
+}
+
 export function getRootPath(...dir: string[]) {
-    return path.resolve(process.cwd(), ...dir);
-}
+    return path.resolve(process.cwd(), ...dir);
+}
diff --git a/build/plugins.ts b/build/plugins.ts
index d91b53d..d7fa5c7 100644
--- a/build/plugins.ts
+++ b/build/plugins.ts
@@ -1,85 +1,64 @@
-import { resolve } from "path";
-import { PluginOption } from "vite";
-import { VitePWA } from "vite-plugin-pwa";
-import { visualizer } from "rollup-plugin-visualizer";
-import { createHtmlPlugin } from "vite-plugin-html";
-import { createSvgIconsPlugin } from "vite-plugin-svg-icons";
-import vue from "@vitejs/plugin-vue";
-import vueJsx from "@vitejs/plugin-vue-jsx";
-import eslintPlugin from "vite-plugin-eslint";
-import viteCompression from "vite-plugin-compression";
-import vueSetupExtend from "unplugin-vue-setup-extend-plus/vite";
-
-/**
- * 创建 vite 插件
- * @param viteEnv
- */
+import { resolve } from "path";
+import { PluginOption } from "vite";
+import { VitePWA } from "vite-plugin-pwa";
+import { visualizer } from "rollup-plugin-visualizer";
+import { createHtmlPlugin } from "vite-plugin-html";
+import { createSvgIconsPlugin } from "vite-plugin-svg-icons";
+import vue from "@vitejs/plugin-vue";
+import vueJsx from "@vitejs/plugin-vue-jsx";
+import eslintPlugin from "vite-plugin-eslint";
+import viteCompression from "vite-plugin-compression";
+import vueSetupExtend from "unplugin-vue-setup-extend-plus/vite";
+
 export const createVitePlugins = (viteEnv: ViteEnv): (PluginOption | PluginOption[])[] => {
-    const { VITE_GLOB_APP_TITLE, VITE_REPORT, VITE_PWA } = viteEnv;
-    return [
-        vue(),
-        // vue 可以使用 jsx/tsx 语法
+    const { VITE_GLOB_APP_TITLE, VITE_REPORT, VITE_PWA } = viteEnv;
+    return [
+        vue(),
         vueJsx(),
-        // esLint 报错信息显示在浏览器界面上
         eslintPlugin(),
-        // name 可以写在 script 标签上
         vueSetupExtend({}),
-        // 创建打包压缩配置
         createCompression(viteEnv),
-        // 注入变量到 html 文件
         createHtmlPlugin({
             inject: {
                 data: { title: VITE_GLOB_APP_TITLE }
             }
         }),
-        // 使用 svg 图标
         createSvgIconsPlugin({
             iconDirs: [resolve(process.cwd(), "src/assets/icons")],
             symbolId: "icon-[dir]-[name]"
         }),
-        // vitePWA
         VITE_PWA && createVitePwa(viteEnv),
-        // 是否生成包预览，分析依赖包大小做优化处理
         VITE_REPORT && (visualizer({ filename: "stats.html", gzipSize: true, brotliSize: true }) as PluginOption)
     ];
 };
 
-/**
- * @description 根据 compress 配置，生成不同的压缩规则
- * @param viteEnv
- */
 const createCompression = (viteEnv: ViteEnv): PluginOption | PluginOption[] => {
-    const { VITE_BUILD_COMPRESS = "none", VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE } = viteEnv;
-    const compressList = VITE_BUILD_COMPRESS.split(",");
-    const plugins: PluginOption[] = [];
-    if (compressList.includes("gzip")) {
-        plugins.push(
-            viteCompression({
-                ext: ".gz",
-                algorithm: "gzip",
-                deleteOriginFile: VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE
-            })
-        );
-    }
-    if (compressList.includes("brotli")) {
-        plugins.push(
-            viteCompression({
-                ext: ".br",
-                algorithm: "brotliCompress",
-                deleteOriginFile: VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE
-            })
-        );
-    }
-    return plugins;
-};
-
-/**
- * @description VitePwa
- * @param viteEnv
- */
-
+    const { VITE_BUILD_COMPRESS = "none", VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE } = viteEnv;
+    const compressList = VITE_BUILD_COMPRESS.split(",");
+    const plugins: PluginOption[] = [];
+    if (compressList.includes("gzip")) {
+        plugins.push(
+            viteCompression({
+                ext: ".gz",
+                algorithm: "gzip",
+                deleteOriginFile: VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE
+            })
+        );
+    }
+    if (compressList.includes("brotli")) {
+        plugins.push(
+            viteCompression({
+                ext: ".br",
+                algorithm: "brotliCompress",
+                deleteOriginFile: VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE
+            })
+        );
+    }
+    return plugins;
+};
+
 const createVitePwa = (viteEnv: ViteEnv): PluginOption | PluginOption[] => {
-    const { VITE_GLOB_APP_TITLE, VITE_URL } = viteEnv;
+    const { VITE_GLOB_APP_TITLE } = viteEnv;
     return VitePWA({
         registerType: "autoUpdate",
         manifest: {
@@ -88,7 +67,7 @@ const createVitePwa = (viteEnv: ViteEnv): PluginOption | PluginOption[] => {
             theme_color: "#ffffff",
             icons: [
                 {
-                    src: VITE_URL + "src/customize/images/logo.png",
+                    src: "logo.png",
                     sizes: "100x100",
                     type: "image/png"
                 }
diff --git a/build/proxy.ts b/build/proxy.ts
index 0feee96..1091583 100644
--- a/build/proxy.ts
+++ b/build/proxy.ts
@@ -1,30 +1,24 @@
-import type { ProxyOptions } from "vite";
-
-type ProxyItem = [string, string];
-
-type ProxyList = ProxyItem[];
-
-type ProxyTargetList = Record<string, ProxyOptions>;
-
-/**
- * 创建代理，用于解析 .env.development 代理配置
- * @param list
- */
+import type { ProxyOptions } from "vite";
+
+type ProxyItem = [string, string];
+
+type ProxyList = ProxyItem[];
+
+type ProxyTargetList = Record<string, ProxyOptions>;
+
 export function createProxy(list: ProxyList = []) {
-    const ret: ProxyTargetList = {};
-    for (const [prefix, target] of list) {
-        const httpsRE = /^https:\/\//;
-        const isHttps = httpsRE.test(target);
-
-        // https://github.com/http-party/node-http-proxy#options
+    const ret: ProxyTargetList = {};
+    for (const [prefix, target] of list) {
+        const httpsRE = /^https:\/\//;
+        const isHttps = httpsRE.test(target);
+
         ret[prefix] = {
             target: target,
             changeOrigin: true,
             ws: true,
             rewrite: path => path.replace(new RegExp(`^${prefix}`), ""),
-            // https is require secure=false
             ...(isHttps ? { secure: false } : {})
         };
-    }
-    return ret;
-}
+    }
+    return ret;
+}
diff --git a/commitlint.config.cjs b/commitlint.config.cjs
index 1a38850..a7d7a8d 100644
--- a/commitlint.config.cjs
+++ b/commitlint.config.cjs
@@ -1,162 +1,149 @@
-// @see: https://cz-git.qbenben.com/zh/guide
 const fs = require("fs");
 const path = require("path");
-
-const scopes = fs
-    .readdirSync(path.resolve(__dirname, "src"), { withFileTypes: true })
-    .filter(dirent => dirent.isDirectory())
-    .map(dirent => dirent.name.replace(/s$/, ""));
-
-/** @type {import('cz-git').UserConfig} */
-module.exports = {
-    ignores: [commit => commit.includes("init")],
-    extends: ["@commitlint/config-conventional"],
-    rules: {
-        // @see: https://commitlint.js.org/#/reference-rules
+
+const scopes = fs
+    .readdirSync(path.resolve(__dirname, "src"), { withFileTypes: true })
+    .filter(dirent => dirent.isDirectory())
+    .map(dirent => dirent.name.replace(/s$/, ""));
+
+/** @type {import('cz-git').UserConfig} */
+module.exports = {
+    ignores: [commit => commit.includes("init")],
+    extends: ["@commitlint/config-conventional"],
+    rules: {
         "body-leading-blank": [2, "always"],
-        "footer-leading-blank": [1, "always"],
-        "header-max-length": [2, "always", 108],
-        "subject-empty": [2, "never"],
-        "type-empty": [2, "never"],
-        "subject-case": [0],
-        "type-enum": [
-            2,
-            "always",
-            [
-                "feat",
-                "fix",
-                "docs",
-                "style",
-                "refactor",
-                "perf",
-                "test",
-                "build",
-                "ci",
-                "chore",
-                "revert",
-                "wip",
-                "workflow",
-                "types",
-                "release"
-            ]
-        ]
-    },
-    prompt: {
-        messages: {
-            type: "Select the type of change that you're committing:",
-            scope: "Denote the SCOPE of this change (optional):",
-            customScope: "Denote the SCOPE of this change:",
-            subject: "Write a SHORT, IMPERATIVE tense description of the change:\n",
-            body: 'Provide a LONGER description of the change (optional). Use "|" to break new line:\n',
-            breaking: 'List any BREAKING CHANGES (optional). Use "|" to break new line:\n',
-            footerPrefixsSelect: "Select the ISSUES type of changeList by this change (optional):",
-            customFooterPrefixs: "Input ISSUES prefix:",
+        "footer-leading-blank": [1, "always"],
+        "header-max-length": [2, "always", 108],
+        "subject-empty": [2, "never"],
+        "type-empty": [2, "never"],
+        "subject-case": [0],
+        "type-enum": [
+            2,
+            "always",
+            [
+                "feat",
+                "fix",
+                "docs",
+                "style",
+                "refactor",
+                "perf",
+                "test",
+                "build",
+                "ci",
+                "chore",
+                "revert",
+                "wip",
+                "workflow",
+                "types",
+                "release"
+            ]
+        ]
+    },
+    prompt: {
+        messages: {
+            type: "Select the type of change that you're committing:",
+            scope: "Denote the SCOPE of this change (optional):",
+            customScope: "Denote the SCOPE of this change:",
+            subject: "Write a SHORT, IMPERATIVE tense description of the change:\n",
+            body: 'Provide a LONGER description of the change (optional). Use "|" to break new line:\n',
+            breaking: 'List any BREAKING CHANGES (optional). Use "|" to break new line:\n',
+            footerPrefixsSelect: "Select the ISSUES type of changeList by this change (optional):",
+            customFooterPrefixs: "Input ISSUES prefix:",
             footer: "List any ISSUES by this change. E.g.: #31, #34:\n",
             confirmCommit: "Are you sure you want to proceed with the commit above?"
-            // 中文版
-            // type: "选择你要提交的类型 :",
-            // scope: "选择一个提交范围（可选）:",
-            // customScope: "请输入自定义的提交范围 :",
-            // subject: "填写简短精炼的变更描述 :\n",
-            // body: '填写更加详细的变更描述（可选）。使用 "|" 换行 :\n',
-            // breaking: '列举非兼容性重大的变更（可选）。使用 "|" 换行 :\n',
-            // footerPrefixsSelect: "选择关联issue前缀（可选）:",
-            // customFooterPrefixs: "输入自定义issue前缀 :",
-            // footer: "列举关联issue (可选) 例如: #31, #I3244 :\n",
-            // confirmCommit: "是否提交或修改commit ?"
         },
-        types: [
-            {
-                value: "feat",
-                name: "feat:     🚀  A new feature",
-                emoji: "🚀"
-            },
-            {
-                value: "fix",
-                name: "fix:      🧩  A bug fix",
-                emoji: "🧩"
-            },
-            {
-                value: "docs",
-                name: "docs:     📚  Documentation only changes",
-                emoji: "📚"
-            },
-            {
-                value: "style",
-                name: "style:    🎨  Changes that do not affect the meaning of the code",
-                emoji: "🎨"
-            },
-            {
-                value: "refactor",
-                name: "refactor: ♻️   A code change that neither fixes a bug nor adds a feature",
-                emoji: "♻️"
-            },
-            {
-                value: "perf",
-                name: "perf:     ⚡️  A code change that improves performance",
-                emoji: "⚡️"
-            },
-            {
-                value: "test",
-                name: "test:     ✅  Adding missing tests or correcting existing tests",
-                emoji: "✅"
-            },
-            {
-                value: "build",
-                name: "build:    📦️   Changes that affect the build system or external dependencies",
-                emoji: "📦️"
-            },
-            {
-                value: "ci",
-                name: "ci:       🎡  Changes to our CI configuration files and scripts",
-                emoji: "🎡"
-            },
-            {
-                value: "chore",
-                name: "chore:    🔨  Other changes that don't modify src or test files",
-                emoji: "🔨"
-            },
-            {
-                value: "revert",
-                name: "revert:   ⏪️  Reverts a previous commit",
-                emoji: "⏪️"
-            },
-            {
-                value: "wip",
-                name: "wip:      🕔  work in process",
-                emoji: "🕔"
-            },
-            {
-                value: "workflow",
-                name: "workflow: 📋  workflow improvements",
-                emoji: "📋"
-            },
-            {
-                value: "type",
-                name: "type:     🔰  type definition file changes",
-                emoji: "🔰"
-            }
-            // 中文版
-            // { value: "feat", name: "特性:   🚀  新增功能", emoji: "🚀" },
-            // { value: "fix", name: "修复:   🧩  修复缺陷", emoji: "🧩" },
-            // { value: "docs", name: "文档:   📚  文档变更", emoji: "📚" },
-            // { value: "style", name: "格式:   🎨  代码格式（不影响功能，例如空格、分号等格式修正）", emoji: "🎨" },
-            // { value: "refactor", name: "重构:   ♻️  代码重构（不包括 bug 修复、功能新增）", emoji: "♻️" },
-            // { value: "perf", name: "性能:    ⚡️  性能优化", emoji: "⚡️" },
-            // { value: "test", name: "测试:   ✅  添加疏漏测试或已有测试改动", emoji: "✅" },
-            // { value: "build", name: "构建:   📦️  构建流程、外部依赖变更（如升级 npm 包、修改 webpack 配置等）", emoji: "📦️" },
-            // { value: "ci", name: "集成:   🎡  修改 CI 配置、脚本", emoji: "🎡" },
-            // { value: "revert", name: "回退:   ⏪️  回滚 commit", emoji: "⏪️" },
-            // { value: "chore", name: "其他:   🔨  对构建过程或辅助工具和库的更改（不影响源文件、测试用例）", emoji: "🔨" },
-            // { value: "wip", name: "开发:   🕔  正在开发中", emoji: "🕔" },
-            // { value: "workflow", name: "工作流:   📋  工作流程改进", emoji: "📋" },
-            // { value: "types", name: "类型:   🔰  类型定义文件修改", emoji: "🔰" }
-        ],
-        useEmoji: true,
-        scopes: [...scopes],
-        customScopesAlign: "bottom",
-        emptyScopesAlias: "empty",
-        customScopesAlias: "custom",
-        allowBreakingChanges: ["feat", "fix"]
-    }
-};
+        types: [
+            {
+                value: "feat",
+                name: "feat:     🚀  A new feature",
+                emoji: "🚀"
+            },
+            {
+                value: "fix",
+                name: "fix:      🧩  A bug fix",
+                emoji: "🧩"
+            },
+            {
+                value: "docs",
+                name: "docs:     📚  Documentation only changes",
+                emoji: "📚"
+            },
+            {
+                value: "style",
+                name: "style:    🎨  Changes that do not affect the meaning of the code",
+                emoji: "🎨"
+            },
+            {
+                value: "refactor",
+                name: "refactor: ♻️   A code change that neither fixes a bug nor adds a feature",
+                emoji: "♻️"
+            },
+            {
+                value: "perf",
+                name: "perf:     ⚡️  A code change that improves performance",
+                emoji: "⚡️"
+            },
+            {
+                value: "test",
+                name: "test:     ✅  Adding missing tests or correcting existing tests",
+                emoji: "✅"
+            },
+            {
+                value: "build",
+                name: "build:    📦️   Changes that affect the build system or external dependencies",
+                emoji: "📦️"
+            },
+            {
+                value: "ci",
+                name: "ci:       🎡  Changes to our CI configuration files and scripts",
+                emoji: "🎡"
+            },
+            {
+                value: "chore",
+                name: "chore:    🔨  Other changes that don't modify src or test files",
+                emoji: "🔨"
+            },
+            {
+                value: "revert",
+                name: "revert:   ⏪️  Reverts a previous commit",
+                emoji: "⏪️"
+            },
+            {
+                value: "wip",
+                name: "wip:      🕔  work in process",
+                emoji: "🕔"
+            },
+            {
+                value: "workflow",
+                name: "workflow: 📋  workflow improvements",
+                emoji: "📋"
+            },
+            {
+                value: "type",
+                name: "type:     🔰  type definition file changes",
+                emoji: "🔰"
+            }
+            // 中文版
+            // { value: "feat", name: "特性:   🚀  新增功能", emoji: "🚀" },
+            // { value: "fix", name: "修复:   🧩  修复缺陷", emoji: "🧩" },
+            // { value: "docs", name: "文档:   📚  文档变更", emoji: "📚" },
+            // { value: "style", name: "格式:   🎨  代码格式（不影响功能，例如空格、分号等格式修正）", emoji: "🎨" },
+            // { value: "refactor", name: "重构:   ♻️  代码重构（不包括 bug 修复、功能新增）", emoji: "♻️" },
+            // { value: "perf", name: "性能:    ⚡️  性能优化", emoji: "⚡️" },
+            // { value: "test", name: "测试:   ✅  添加疏漏测试或已有测试改动", emoji: "✅" },
+            // { value: "build", name: "构建:   📦️  构建流程、外部依赖变更（如升级 npm 包、修改 webpack 配置等）", emoji: "📦️" },
+            // { value: "ci", name: "集成:   🎡  修改 CI 配置、脚本", emoji: "🎡" },
+            // { value: "revert", name: "回退:   ⏪️  回滚 commit", emoji: "⏪️" },
+            // { value: "chore", name: "其他:   🔨  对构建过程或辅助工具和库的更改（不影响源文件、测试用例）", emoji: "🔨" },
+            // { value: "wip", name: "开发:   🕔  正在开发中", emoji: "🕔" },
+            // { value: "workflow", name: "工作流:   📋  工作流程改进", emoji: "📋" },
+            // { value: "types", name: "类型:   🔰  类型定义文件修改", emoji: "🔰" }
+        ],
+        useEmoji: true,
+        scopes: [...scopes],
+        customScopesAlign: "bottom",
+        emptyScopesAlias: "empty",
+        customScopesAlias: "custom",
+        allowBreakingChanges: ["feat", "fix"]
+    }
+};
diff --git a/index.html b/index.html
index d16e049..b7c885a 100644
--- a/index.html
+++ b/index.html
@@ -1,105 +1,121 @@
-<!doctype html>
-<html lang="en">
-    <head>
-        <meta charset="UTF-8" />
-        <link rel="icon" type="image/svg+xml" href="src/customize/images/favicon.ico?v=123" />
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title><%- title %></title>
-    </head>
+<!doctype html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <link rel="icon" type="image/x-icon" href="./favicon.ico?v=123" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title><%- title %></title>
+    </head>
     <body>
         <div id="app">
-            <style>
-                html,
-                body,
-                #app {
-                    width: 100%;
-                    height: 100%;
-                    padding: 0;
-                    margin: 0;
-                }
-                .loading-box {
-                    display: flex;
-                    flex-direction: column;
-                    align-items: center;
-                    justify-content: center;
-                    width: 100%;
-                    height: 100%;
-                }
-                .loading-box .loading-wrap {
-                    display: flex;
-                    align-items: center;
-                    justify-content: center;
-                    padding: 98px;
-                }
-                .dot {
-                    position: relative;
-                    box-sizing: border-box;
-                    display: inline-block;
-                    width: 32px;
-                    height: 32px;
-                    font-size: 32px;
-                    transform: rotate(45deg);
-                    animation: ant-rotate 1.2s infinite linear;
-                }
-                .dot i {
-                    position: absolute;
-                    display: block;
-                    width: 14px;
-                    height: 14px;
-                    background-color: #409eff;
-                    border-radius: 100%;
-                    opacity: 0.3;
-                    transform: scale(0.75);
-                    transform-origin: 50% 50%;
-                    animation: ant-spin-move 1s infinite linear alternate;
-                }
-                .dot i:nth-child(1) {
-                    top: 0;
-                    left: 0;
-                }
-                .dot i:nth-child(2) {
-                    top: 0;
-                    right: 0;
-                    animation-delay: 0.4s;
-                }
-                .dot i:nth-child(3) {
-                    right: 0;
-                    bottom: 0;
-                    animation-delay: 0.8s;
-                }
-                .dot i:nth-child(4) {
-                    bottom: 0;
-                    left: 0;
-                    animation-delay: 1.2s;
-                }
-
-                @keyframes ant-rotate {
-                    to {
-                        transform: rotate(405deg);
-                    }
-                }
-
-                @keyframes ant-spin-move {
-                    to {
-                        opacity: 1;
-                    }
-                }
-            </style>
-            <div class="loading-box">
-                <div class="loading-wrap">
-                    <span class="dot dot-spin"><i></i><i></i><i></i><i></i></span>
-                </div>
+            <style>
+                html,
+                body,
+                #app {
+                    width: 100%;
+                    height: 100%;
+                    padding: 0;
+                    margin: 0;
+                }
+                .loading-box {
+                    display: flex;
+                    flex-direction: column;
+                    align-items: center;
+                    justify-content: center;
+                    width: 100%;
+                    height: 100%;
+                }
+                .loading-box .loading-wrap {
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+                    padding: 98px;
+                }
+                .dot {
+                    position: relative;
+                    box-sizing: border-box;
+                    display: inline-block;
+                    width: 32px;
+                    height: 32px;
+                    font-size: 32px;
+                    transform: rotate(45deg);
+                    animation: ant-rotate 1.2s infinite linear;
+                }
+                .dot i {
+                    position: absolute;
+                    display: block;
+                    width: 14px;
+                    height: 14px;
+                    background-color: #409eff;
+                    border-radius: 100%;
+                    opacity: 0.3;
+                    transform: scale(0.75);
+                    transform-origin: 50% 50%;
+                    animation: ant-spin-move 1s infinite linear alternate;
+                }
+                .dot i:nth-child(1) {
+                    top: 0;
+                    left: 0;
+                }
+                .dot i:nth-child(2) {
+                    top: 0;
+                    right: 0;
+                    animation-delay: 0.4s;
+                }
+                .dot i:nth-child(3) {
+                    right: 0;
+                    bottom: 0;
+                    animation-delay: 0.8s;
+                }
+                .dot i:nth-child(4) {
+                    bottom: 0;
+                    left: 0;
+                    animation-delay: 1.2s;
+                }
+
+                @keyframes ant-rotate {
+                    to {
+                        transform: rotate(405deg);
+                    }
+                }
+
+                @keyframes ant-spin-move {
+                    to {
+                        opacity: 1;
+                    }
+                }
+            </style>
+            <div class="loading-box">
+                <div class="loading-wrap">
+                    <span class="dot dot-spin"><i></i><i></i><i></i><i></i></span>
+                </div>
             </div>
         </div>
+        <script>
+            (function () {
+                var pathname = window.location.pathname || "/";
+                var search = window.location.search || "";
+                var hash = window.location.hash || "";
+                if (hash || pathname === "/" || pathname === "/index.html") {
+                    return;
+                }
+                var normalizedPath = pathname.replace(/\/index\.html$/i, "") || "/";
+                if (normalizedPath === "/") {
+                    return;
+                }
+                var target = normalizedPath + search;
+                window.location.replace("/#" + target);
+            })();
+        </script>
         <script>
             const globalState = JSON.parse(window.localStorage.getItem("IOMS-global"));
             if (globalState) {
-                const dot = document.querySelectorAll(".dot i");
-                const html = document.querySelector("html");
-                dot.forEach(item => (item.style.background = globalState.primary));
-                if (globalState.isDark) html.style.background = "#141414";
-            }
-        </script>
-        <script type="module" src="/src/main.ts"></script>
-    </body>
-</html>
+                const dot = document.querySelectorAll(".dot i");
+                const html = document.querySelector("html");
+                dot.forEach(item => (item.style.background = globalState.primary));
+                if (globalState.isDark) html.style.background = "#141414";
+            }
+        </script>
+        <script type="module" src="/src/main.ts"></script>
+    </body>
+</html>
diff --git a/lint-staged.config.cjs b/lint-staged.config.cjs
index 9aab8b6..2095bec 100644
--- a/lint-staged.config.cjs
+++ b/lint-staged.config.cjs
@@ -1,8 +1,8 @@
-module.exports = {
-    "*.{js,jsx,ts,tsx}": ["eslint --fix", "prettier --write"],
-    "{!(package)*.json,*.code-snippets,.!(browserslist)*rc}": ["prettier --write--parser json"],
-    "package.json": ["prettier --write"],
-    "*.vue": ["eslint --fix", "prettier --write", "stylelint --fix"],
-    "*.{scss,less,styl,html}": ["stylelint --fix", "prettier --write"],
-    "*.md": ["prettier --write"]
-};
+module.exports = {
+    "*.{js,jsx,ts,tsx}": ["eslint --fix", "prettier --write"],
+    "{!(package)*.json,*.code-snippets,.!(browserslist)*rc}": ["prettier --write--parser json"],
+    "package.json": ["prettier --write"],
+    "*.vue": ["eslint --fix", "prettier --write", "stylelint --fix"],
+    "*.{scss,less,styl,html}": ["stylelint --fix", "prettier --write"],
+    "*.md": ["prettier --write"]
+};
diff --git a/package.json b/package.json
index de1f31b..677a017 100644
--- a/package.json
+++ b/package.json
@@ -1,124 +1,124 @@
-{
-    "name": "geeker-admin",
-    "private": true,
-    "version": "1.2.0",
-    "type": "module",
-    "description": "geeker-admin open source management system",
-    "author": {
-        "name": "Geeker",
-        "email": "848130454@qq.com",
-        "url": "https://github.com/HalseySpicy"
-    },
-    "license": "MIT",
-    "homepage": "https://github.com/HalseySpicy/Geeker-Admin",
-    "repository": {
-        "type": "git",
-        "url": "git@github.com:HalseySpicy/Geeker-Admin.git"
-    },
-    "bugs": {
-        "url": "https://github.com/HalseySpicy/Geeker-Admin/issues"
-    },
-    "scripts": {
-        "dev": "vite",
-        "serve": "vite",
-        "build": "vite build",
-        "build:dev": " vite build --mode development",
-        "build:test": "vite build --mode test",
-        "build:pro": "vite build --mode production",
-        "type:check": "vue-tsc --noEmit --skipLibCheck",
-        "preview": "npm run build:dev && vite preview",
-        "lint:eslint": "eslint --fix --ext .js,.ts,.vue ./src",
-        "lint:prettier": "prettier --write \"src/**/*.{js,ts,json,tsx,css,less,scss,vue,html,md}\"",
-        "lint:stylelint": "stylelint --cache --fix \"**/*.{vue,less,postcss,css,scss}\" --cache --cache-location node_modules/.cache/stylelint/",
-        "lint:lint-staged": "lint-staged",
-        "prepare": "husky install",
-        "release": "standard-version",
-        "commit": "git add -A && czg && git push"
-    },
-    "dependencies": {
-        "@element-plus/icons-vue": "^2.1.0",
-        "@vueuse/core": "^10.4.1",
-        "axios": "^1.5.0",
-        "dayjs": "^1.11.9",
-        "dplayer": "^1.27.1",
-        "echarts": "^5.4.0",
-        "echarts-liquidfill": "^3.1.0",
-        "element-plus": "^2.7.7",
-        "hls.js": "^1.5.7",
-        "md5": "^2.3.0",
-        "mitt": "^3.0.1",
-        "nprogress": "^0.2.0",
-        "pinia": "^2.1.6",
-        "pinia-plugin-persistedstate": "^3.2.0",
-        "print-js": "^1.6.0",
-        "qrcode": "^1.5.3",
-        "qs": "^6.11.2",
-        "screenfull": "^6.0.2",
-        "sortablejs": "^1.15.0",
-        "typescript": "^5.1.6",
-        "vue": "^3.3.4",
-        "vue-router": "^4.2.4"
-    },
-    "devDependencies": {
-        "@commitlint/cli": "^17.7.1",
-        "@commitlint/config-conventional": "^17.7.0",
-        "@types/md5": "^2.3.2",
-        "@types/nprogress": "^0.2.0",
-        "@types/qs": "^6.9.8",
-        "@types/sortablejs": "^1.15.2",
-        "@typescript-eslint/eslint-plugin": "^7.11.0",
-        "@typescript-eslint/parser": "^7.11.0",
-        "@vitejs/plugin-vue": "^4.3.4",
-        "@vitejs/plugin-vue-jsx": "^3.0.2",
-        "autoprefixer": "^10.4.15",
-        "cz-git": "^1.7.1",
-        "czg": "^1.7.1",
-        "eslint": "^8.49.0",
-        "eslint-config-prettier": "^9.0.0",
-        "eslint-plugin-prettier": "^5.0.0",
-        "eslint-plugin-vue": "^9.17.0",
-        "husky": "^8.0.3",
-        "lint-staged": "^14.0.1",
-        "postcss": "^8.4.29",
-        "postcss-html": "^1.5.0",
-        "prettier": "^3.1.0",
-        "rollup-plugin-visualizer": "^5.9.2",
-        "sass": "^1.66.1",
-        "standard-version": "^9.5.0",
-        "stylelint": "^15.10.3",
-        "stylelint-config-html": "^1.1.0",
-        "stylelint-config-recess-order": "^4.3.0",
-        "stylelint-config-recommended-scss": "^13.0.0",
-        "stylelint-config-recommended-vue": "^1.5.0",
-        "stylelint-config-standard": "^34.0.0",
-        "stylelint-config-standard-scss": "^11.0.0",
-        "unplugin-vue-setup-extend-plus": "^1.0.0",
-        "vite": "^4.4.9",
-        "vite-plugin-compression": "^0.5.1",
-        "vite-plugin-eslint": "^1.8.1",
-        "vite-plugin-html": "^3.2.0",
-        "vite-plugin-pwa": "^0.16.5",
-        "vite-plugin-svg-icons": "^2.0.1",
-        "vue-tsc": "^1.8.11"
-    },
-    "engines": {
-        "node": ">=16.0.0"
-    },
-    "browserslist": {
-        "production": [
-            "> 1%",
-            "not dead",
-            "not op_mini all"
-        ],
-        "development": [
-            "last 1 chrome version",
-            "last 1 firefox version",
-            "last 1 safari version"
-        ]
-    },
-    "config": {
-        "commitizen": {
-            "path": "node_modules/cz-git"
-        }
-    }
-}
+{
+    "name": "geeker-admin",
+    "private": true,
+    "version": "1.2.0",
+    "type": "module",
+    "description": "geeker-admin open source management system",
+    "author": {
+        "name": "Geeker",
+        "email": "848130454@qq.com",
+        "url": "https://github.com/HalseySpicy"
+    },
+    "license": "MIT",
+    "homepage": "https://github.com/HalseySpicy/Geeker-Admin",
+    "repository": {
+        "type": "git",
+        "url": "git@github.com:HalseySpicy/Geeker-Admin.git"
+    },
+    "bugs": {
+        "url": "https://github.com/HalseySpicy/Geeker-Admin/issues"
+    },
+    "scripts": {
+        "dev": "vite",
+        "serve": "vite",
+        "build": "vite build",
+        "build:dev": " vite build --mode development",
+        "build:test": "vite build --mode test",
+        "build:pro": "vite build --mode production",
+        "type:check": "vue-tsc --noEmit --skipLibCheck",
+        "preview": "npm run build:dev && vite preview",
+        "lint:eslint": "eslint --fix --ext .js,.ts,.vue ./src",
+        "lint:prettier": "prettier --write \"src/**/*.{js,ts,json,tsx,css,less,scss,vue,html,md}\"",
+        "lint:stylelint": "stylelint --cache --fix \"**/*.{vue,less,postcss,css,scss}\" --cache --cache-location node_modules/.cache/stylelint/",
+        "lint:lint-staged": "lint-staged",
+        "prepare": "husky install",
+        "release": "standard-version",
+        "commit": "git add -A && czg && git push"
+    },
+    "dependencies": {
+        "@element-plus/icons-vue": "^2.1.0",
+        "@vueuse/core": "^10.4.1",
+        "axios": "^1.5.0",
+        "dayjs": "^1.11.9",
+        "dplayer": "^1.27.1",
+        "echarts": "^5.4.0",
+        "echarts-liquidfill": "^3.1.0",
+        "element-plus": "^2.7.7",
+        "hls.js": "^1.5.7",
+        "md5": "^2.3.0",
+        "mitt": "^3.0.1",
+        "nprogress": "^0.2.0",
+        "pinia": "^2.1.6",
+        "pinia-plugin-persistedstate": "^3.2.0",
+        "print-js": "^1.6.0",
+        "qrcode": "^1.5.3",
+        "qs": "^6.11.2",
+        "screenfull": "^6.0.2",
+        "sortablejs": "^1.15.0",
+        "typescript": "5.4.5",
+        "vue": "^3.3.4",
+        "vue-router": "^4.2.4"
+    },
+    "devDependencies": {
+        "@commitlint/cli": "^17.7.1",
+        "@commitlint/config-conventional": "^17.7.0",
+        "@types/md5": "^2.3.2",
+        "@types/nprogress": "^0.2.0",
+        "@types/qs": "^6.9.8",
+        "@types/sortablejs": "^1.15.2",
+        "@typescript-eslint/eslint-plugin": "^7.11.0",
+        "@typescript-eslint/parser": "^7.11.0",
+        "@vitejs/plugin-vue": "^4.3.4",
+        "@vitejs/plugin-vue-jsx": "^3.0.2",
+        "autoprefixer": "^10.4.15",
+        "cz-git": "^1.7.1",
+        "czg": "^1.7.1",
+        "eslint": "^8.49.0",
+        "eslint-config-prettier": "^9.0.0",
+        "eslint-plugin-prettier": "^5.0.0",
+        "eslint-plugin-vue": "^9.17.0",
+        "husky": "^8.0.3",
+        "lint-staged": "^14.0.1",
+        "postcss": "^8.4.29",
+        "postcss-html": "^1.5.0",
+        "prettier": "^3.1.0",
+        "rollup-plugin-visualizer": "^5.9.2",
+        "sass": "1.78.0",
+        "standard-version": "^9.5.0",
+        "stylelint": "^15.10.3",
+        "stylelint-config-html": "^1.1.0",
+        "stylelint-config-recess-order": "^4.3.0",
+        "stylelint-config-recommended-scss": "^13.0.0",
+        "stylelint-config-recommended-vue": "^1.5.0",
+        "stylelint-config-standard": "^34.0.0",
+        "stylelint-config-standard-scss": "^11.0.0",
+        "unplugin-vue-setup-extend-plus": "^1.0.0",
+        "vite": "^4.4.9",
+        "vite-plugin-compression": "^0.5.1",
+        "vite-plugin-eslint": "^1.8.1",
+        "vite-plugin-html": "^3.2.0",
+        "vite-plugin-pwa": "^0.16.5",
+        "vite-plugin-svg-icons": "^2.0.1",
+        "vue-tsc": "^1.8.11"
+    },
+    "engines": {
+        "node": ">=16.0.0"
+    },
+    "browserslist": {
+        "production": [
+            "> 1%",
+            "not dead",
+            "not op_mini all"
+        ],
+        "development": [
+            "last 1 chrome version",
+            "last 1 firefox version",
+            "last 1 safari version"
+        ]
+    },
+    "config": {
+        "commitizen": {
+            "path": "node_modules/cz-git"
+        }
+    }
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 488b9a8..cc8fa7c 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,8440 +1,8440 @@
-lockfileVersion: '6.0'
-
-settings:
-  autoInstallPeers: true
-  excludeLinksFromLockfile: false
-
-dependencies:
-  '@element-plus/icons-vue':
-    specifier: ^2.1.0
-    version: 2.1.0(vue@3.3.4)
-  '@vueuse/core':
-    specifier: ^10.4.1
-    version: 10.4.1(vue@3.3.4)
-  axios:
-    specifier: ^1.5.0
-    version: 1.5.0
-  dayjs:
-    specifier: ^1.11.9
-    version: 1.11.9
-  element-plus:
-    specifier: ^2.3.4
-    version: 2.3.4(vue@3.3.4)
-  md5:
-    specifier: ^2.3.0
-    version: 2.3.0
-  mitt:
-    specifier: ^3.0.1
-    version: 3.0.1
-  nprogress:
-    specifier: ^0.2.0
-    version: 0.2.0
-  pinia:
-    specifier: ^2.1.6
-    version: 2.1.6(typescript@5.1.6)(vue@3.3.4)
-  pinia-plugin-persistedstate:
-    specifier: ^3.2.0
-    version: 3.2.0(pinia@2.1.6)
-  print-js:
-    specifier: ^1.6.0
-    version: 1.6.0
-  qs:
-    specifier: ^6.11.2
-    version: 6.11.2
-  screenfull:
-    specifier: ^6.0.2
-    version: 6.0.2
-  sortablejs:
-    specifier: ^1.15.0
-    version: 1.15.0
-  vue:
-    specifier: ^3.3.4
-    version: 3.3.4
-  vue-router:
-    specifier: ^4.2.4
-    version: 4.2.4(vue@3.3.4)
-
-devDependencies:
-  '@commitlint/cli':
-    specifier: ^17.7.1
-    version: 17.7.1
-  '@commitlint/config-conventional':
-    specifier: ^17.7.0
-    version: 17.7.0
-  '@types/md5':
-    specifier: ^2.3.2
-    version: 2.3.2
-  '@types/nprogress':
-    specifier: ^0.2.0
-    version: 0.2.0
-  '@types/qs':
-    specifier: ^6.9.8
-    version: 6.9.8
-  '@types/sortablejs':
-    specifier: ^1.15.2
-    version: 1.15.2
-  '@typescript-eslint/eslint-plugin':
-    specifier: ^6.7.0
-    version: 6.7.0(@typescript-eslint/parser@6.7.0)(eslint@8.49.0)(typescript@5.1.6)
-  '@typescript-eslint/parser':
-    specifier: ^6.7.0
-    version: 6.7.0(eslint@8.49.0)(typescript@5.1.6)
-  '@vitejs/plugin-vue':
-    specifier: ^4.3.4
-    version: 4.3.4(vite@4.4.9)(vue@3.3.4)
-  '@vitejs/plugin-vue-jsx':
-    specifier: ^3.0.2
-    version: 3.0.2(vite@4.4.9)(vue@3.3.4)
-  autoprefixer:
-    specifier: ^10.4.15
-    version: 10.4.15(postcss@8.4.29)
-  cz-git:
-    specifier: ^1.7.1
-    version: 1.7.1
-  czg:
-    specifier: ^1.7.1
-    version: 1.7.1
-  eslint:
-    specifier: ^8.49.0
-    version: 8.49.0
-  eslint-config-prettier:
-    specifier: ^9.0.0
-    version: 9.0.0(eslint@8.49.0)
-  eslint-plugin-prettier:
-    specifier: ^5.0.0
-    version: 5.0.0(eslint-config-prettier@9.0.0)(eslint@8.49.0)(prettier@3.0.3)
-  eslint-plugin-vue:
-    specifier: ^9.17.0
-    version: 9.17.0(eslint@8.49.0)
-  husky:
-    specifier: ^8.0.3
-    version: 8.0.3
-  lint-staged:
-    specifier: ^14.0.1
-    version: 14.0.1
-  postcss:
-    specifier: ^8.4.29
-    version: 8.4.29
-  postcss-html:
-    specifier: ^1.5.0
-    version: 1.5.0
-  prettier:
-    specifier: ^3.0.3
-    version: 3.0.3
-  rollup-plugin-visualizer:
-    specifier: ^5.9.2
-    version: 5.9.2(rollup@2.79.1)
-  sass:
-    specifier: ^1.66.1
-    version: 1.66.1
-  standard-version:
-    specifier: ^9.5.0
-    version: 9.5.0
-  stylelint:
-    specifier: ^15.10.3
-    version: 15.10.3
-  stylelint-config-html:
-    specifier: ^1.1.0
-    version: 1.1.0(postcss-html@1.5.0)(stylelint@15.10.3)
-  stylelint-config-recess-order:
-    specifier: ^4.3.0
-    version: 4.3.0(stylelint@15.10.3)
-  stylelint-config-recommended-scss:
-    specifier: ^13.0.0
-    version: 13.0.0(postcss@8.4.29)(stylelint@15.10.3)
-  stylelint-config-recommended-vue:
-    specifier: ^1.5.0
-    version: 1.5.0(postcss-html@1.5.0)(stylelint@15.10.3)
-  stylelint-config-standard:
-    specifier: ^34.0.0
-    version: 34.0.0(stylelint@15.10.3)
-  stylelint-config-standard-scss:
-    specifier: ^11.0.0
-    version: 11.0.0(postcss@8.4.29)(stylelint@15.10.3)
-  typescript:
-    specifier: ^5.1.6
-    version: 5.1.6
-  unplugin-vue-setup-extend-plus:
-    specifier: ^1.0.0
-    version: 1.0.0
-  vite:
-    specifier: ^4.4.9
-    version: 4.4.9(@types/node@20.4.7)(sass@1.66.1)
-  vite-plugin-compression:
-    specifier: ^0.5.1
-    version: 0.5.1(vite@4.4.9)
-  vite-plugin-eslint:
-    specifier: ^1.8.1
-    version: 1.8.1(eslint@8.49.0)(vite@4.4.9)
-  vite-plugin-html:
-    specifier: ^3.2.0
-    version: 3.2.0(vite@4.4.9)
-  vite-plugin-pwa:
-    specifier: ^0.16.5
-    version: 0.16.5(vite@4.4.9)(workbox-build@7.0.0)(workbox-window@7.0.0)
-  vite-plugin-svg-icons:
-    specifier: ^2.0.1
-    version: 2.0.1(vite@4.4.9)
-  vue-tsc:
-    specifier: ^1.8.11
-    version: 1.8.11(typescript@5.1.6)
-
-packages:
-
-  /@aashutoshrathi/word-wrap@1.2.6:
-    resolution: {integrity: sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /@ampproject/remapping@2.2.0:
-    resolution: {integrity: sha512-qRmjj8nj9qmLTQXXmaR1cck3UXSRMPrbsLJAasZpF+t3riI71BXed5ebIOYwQntykeZuhjsdweEc9BxH5Jc26w==}
-    engines: {node: '>=6.0.0'}
-    dependencies:
-      '@jridgewell/gen-mapping': 0.1.1
-      '@jridgewell/trace-mapping': 0.3.17
-    dev: true
-
-  /@apideck/better-ajv-errors@0.3.6(ajv@8.12.0):
-    resolution: {integrity: sha512-P+ZygBLZtkp0qqOAJJVX4oX/sFo5JR3eBWwwuqHHhK0GIgQOKWrAfiAaWX0aArHkRWHMuggFEgAZNxVPwPZYaA==}
-    engines: {node: '>=10'}
-    peerDependencies:
-      ajv: '>=8'
-    dependencies:
-      ajv: 8.12.0
-      json-schema: 0.4.0
-      jsonpointer: 5.0.1
-      leven: 3.1.0
-    dev: true
-
-  /@babel/code-frame@7.21.4:
-    resolution: {integrity: sha512-LYvhNKfwWSPpocw8GI7gpK2nq3HSDuEPC/uSYaALSJu9xjsalaaYFOq0Pwt5KmVqwEbZlDu81aLXwBOmD/Fv9g==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/highlight': 7.18.6
-    dev: true
-
-  /@babel/code-frame@7.22.13:
-    resolution: {integrity: sha512-XktuhWlJ5g+3TJXc5upd9Ks1HutSArik6jf2eAjYFyIOf4ej3RN+184cZbzDvbPnuTJIUhPKKJE3cIsYTiAT3w==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/highlight': 7.22.13
-      chalk: 2.4.2
-    dev: true
-
-  /@babel/compat-data@7.22.9:
-    resolution: {integrity: sha512-5UamI7xkUcJ3i9qVDS+KFDEK8/7oJ55/sJMB1Ge7IEapr7KfdfV/HErR+koZwOfd+SgtFKOKRhRakdg++DcJpQ==}
-    engines: {node: '>=6.9.0'}
-    dev: true
-
-  /@babel/core@7.22.19:
-    resolution: {integrity: sha512-Q8Yj5X4LHVYTbLCKVz0//2D2aDmHF4xzCdEttYvKOnWvErGsa6geHXD6w46x64n5tP69VfeH+IfSrdyH3MLhwA==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@ampproject/remapping': 2.2.0
-      '@babel/code-frame': 7.22.13
-      '@babel/generator': 7.22.15
-      '@babel/helper-compilation-targets': 7.22.15
-      '@babel/helper-module-transforms': 7.22.19(@babel/core@7.22.19)
-      '@babel/helpers': 7.22.15
-      '@babel/parser': 7.22.16
-      '@babel/template': 7.22.15
-      '@babel/traverse': 7.22.19
-      '@babel/types': 7.22.19
-      convert-source-map: 1.9.0
-      debug: 4.3.4
-      gensync: 1.0.0-beta.2
-      json5: 2.2.3
-      semver: 6.3.1
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /@babel/generator@7.22.15:
-    resolution: {integrity: sha512-Zu9oWARBqeVOW0dZOjXc3JObrzuqothQ3y/n1kUtrjCoCPLkXUwMvOo/F/TCfoHMbWIFlWwpZtkZVb9ga4U2pA==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/types': 7.22.19
-      '@jridgewell/gen-mapping': 0.3.2
-      '@jridgewell/trace-mapping': 0.3.17
-      jsesc: 2.5.2
-    dev: true
-
-  /@babel/helper-annotate-as-pure@7.22.5:
-    resolution: {integrity: sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/types': 7.22.19
-    dev: true
-
-  /@babel/helper-builder-binary-assignment-operator-visitor@7.21.5:
-    resolution: {integrity: sha512-uNrjKztPLkUk7bpCNC0jEKDJzzkvel/W+HguzbN8krA+LPfC1CEobJEvAvGka2A/M+ViOqXdcRL0GqPUJSjx9g==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/types': 7.22.19
-    dev: true
-
-  /@babel/helper-compilation-targets@7.22.15:
-    resolution: {integrity: sha512-y6EEzULok0Qvz8yyLkCvVX+02ic+By2UdOhylwUOvOn9dvYc9mKICJuuU1n1XBI02YWsNsnrY1kc6DVbjcXbtw==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/compat-data': 7.22.9
-      '@babel/helper-validator-option': 7.22.15
-      browserslist: 4.21.10
-      lru-cache: 5.1.1
-      semver: 6.3.1
-    dev: true
-
-  /@babel/helper-create-class-features-plugin@7.22.15(@babel/core@7.22.19):
-    resolution: {integrity: sha512-jKkwA59IXcvSaiK2UN45kKwSC9o+KuoXsBDvHvU/7BecYIp8GQ2UwrVvFgJASUT+hBnwJx6MhvMCuMzwZZ7jlg==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-annotate-as-pure': 7.22.5
-      '@babel/helper-environment-visitor': 7.22.5
-      '@babel/helper-function-name': 7.22.5
-      '@babel/helper-member-expression-to-functions': 7.22.15
-      '@babel/helper-optimise-call-expression': 7.22.5
-      '@babel/helper-replace-supers': 7.22.9(@babel/core@7.22.19)
-      '@babel/helper-skip-transparent-expression-wrappers': 7.22.5
-      '@babel/helper-split-export-declaration': 7.22.6
-      semver: 6.3.1
-    dev: true
-
-  /@babel/helper-create-regexp-features-plugin@7.21.8(@babel/core@7.22.19):
-    resolution: {integrity: sha512-zGuSdedkFtsFHGbexAvNuipg1hbtitDLo2XE8/uf6Y9sOQV1xsYX/2pNbtedp/X0eU1pIt+kGvaqHCowkRbS5g==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-annotate-as-pure': 7.22.5
-      regexpu-core: 5.3.2
-      semver: 6.3.1
-    dev: true
-
-  /@babel/helper-define-polyfill-provider@0.3.3(@babel/core@7.22.19):
-    resolution: {integrity: sha512-z5aQKU4IzbqCC1XH0nAqfsFLMVSo22SBKUc0BxGrLkolTdPTructy0ToNnlO2zA4j9Q/7pjMZf0DSY+DSTYzww==}
-    peerDependencies:
-      '@babel/core': ^7.4.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-compilation-targets': 7.22.15
-      '@babel/helper-plugin-utils': 7.22.5
-      debug: 4.3.4
-      lodash.debounce: 4.0.8
-      resolve: 1.22.1
-      semver: 6.3.1
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /@babel/helper-environment-visitor@7.22.5:
-    resolution: {integrity: sha512-XGmhECfVA/5sAt+H+xpSg0mfrHq6FzNr9Oxh7PSEBBRUb/mL7Kz3NICXb194rCqAEdxkhPT1a88teizAFyvk8Q==}
-    engines: {node: '>=6.9.0'}
-    dev: true
-
-  /@babel/helper-function-name@7.22.5:
-    resolution: {integrity: sha512-wtHSq6jMRE3uF2otvfuD3DIvVhOsSNshQl0Qrd7qC9oQJzHvOL4qQXlQn2916+CXGywIjpGuIkoyZRRxHPiNQQ==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/template': 7.22.15
-      '@babel/types': 7.22.19
-    dev: true
-
-  /@babel/helper-hoist-variables@7.22.5:
-    resolution: {integrity: sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/types': 7.22.19
-    dev: true
-
-  /@babel/helper-member-expression-to-functions@7.22.15:
-    resolution: {integrity: sha512-qLNsZbgrNh0fDQBCPocSL8guki1hcPvltGDv/NxvUoABwFq7GkKSu1nRXeJkVZc+wJvne2E0RKQz+2SQrz6eAA==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/types': 7.22.19
-    dev: true
-
-  /@babel/helper-module-imports@7.22.15:
-    resolution: {integrity: sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/types': 7.22.19
-    dev: true
-
-  /@babel/helper-module-transforms@7.22.19(@babel/core@7.22.19):
-    resolution: {integrity: sha512-m6h1cJvn+OJ+R3jOHp30faq5xKJ7VbjwDj5RGgHuRlU9hrMeKsGC+JpihkR5w1g7IfseCPPtZ0r7/hB4UKaYlA==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-environment-visitor': 7.22.5
-      '@babel/helper-module-imports': 7.22.15
-      '@babel/helper-simple-access': 7.22.5
-      '@babel/helper-split-export-declaration': 7.22.6
-      '@babel/helper-validator-identifier': 7.22.19
-    dev: true
-
-  /@babel/helper-optimise-call-expression@7.22.5:
-    resolution: {integrity: sha512-HBwaojN0xFRx4yIvpwGqxiV2tUfl7401jlok564NgB9EHS1y6QT17FmKWm4ztqjeVdXLuC4fSvHc5ePpQjoTbw==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/types': 7.22.19
-    dev: true
-
-  /@babel/helper-plugin-utils@7.22.5:
-    resolution: {integrity: sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==}
-    engines: {node: '>=6.9.0'}
-    dev: true
-
-  /@babel/helper-remap-async-to-generator@7.18.9(@babel/core@7.22.19):
-    resolution: {integrity: sha512-dI7q50YKd8BAv3VEfgg7PS7yD3Rtbi2J1XMXaalXO0W0164hYLnh8zpjRS0mte9MfVp/tltvr/cfdXPvJr1opA==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-annotate-as-pure': 7.22.5
-      '@babel/helper-environment-visitor': 7.22.5
-      '@babel/helper-wrap-function': 7.20.5
-      '@babel/types': 7.22.19
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /@babel/helper-replace-supers@7.22.9(@babel/core@7.22.19):
-    resolution: {integrity: sha512-LJIKvvpgPOPUThdYqcX6IXRuIcTkcAub0IaDRGCZH0p5GPUp7PhRU9QVgFcDDd51BaPkk77ZjqFwh6DZTAEmGg==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-environment-visitor': 7.22.5
-      '@babel/helper-member-expression-to-functions': 7.22.15
-      '@babel/helper-optimise-call-expression': 7.22.5
-    dev: true
-
-  /@babel/helper-simple-access@7.22.5:
-    resolution: {integrity: sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/types': 7.22.19
-    dev: true
-
-  /@babel/helper-skip-transparent-expression-wrappers@7.22.5:
-    resolution: {integrity: sha512-tK14r66JZKiC43p8Ki33yLBVJKlQDFoA8GYN67lWCDCqoL6EMMSuM9b+Iff2jHaM/RRFYl7K+iiru7hbRqNx8Q==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/types': 7.22.19
-    dev: true
-
-  /@babel/helper-split-export-declaration@7.22.6:
-    resolution: {integrity: sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/types': 7.22.19
-    dev: true
-
-  /@babel/helper-string-parser@7.22.5:
-    resolution: {integrity: sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==}
-    engines: {node: '>=6.9.0'}
-    dev: true
-
-  /@babel/helper-validator-identifier@7.22.19:
-    resolution: {integrity: sha512-Tinq7ybnEPFFXhlYOYFiSjespWQk0dq2dRNAiMdRTOYQzEGqnnNyrTxPYHP5r6wGjlF1rFgABdDV0g8EwD6Qbg==}
-    engines: {node: '>=6.9.0'}
-    dev: true
-
-  /@babel/helper-validator-option@7.22.15:
-    resolution: {integrity: sha512-bMn7RmyFjY/mdECUbgn9eoSY4vqvacUnS9i9vGAGttgFWesO6B4CYWA7XlpbWgBt71iv/hfbPlynohStqnu5hA==}
-    engines: {node: '>=6.9.0'}
-    dev: true
-
-  /@babel/helper-wrap-function@7.20.5:
-    resolution: {integrity: sha512-bYMxIWK5mh+TgXGVqAtnu5Yn1un+v8DDZtqyzKRLUzrh70Eal2O3aZ7aPYiMADO4uKlkzOiRiZ6GX5q3qxvW9Q==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/helper-function-name': 7.22.5
-      '@babel/template': 7.22.15
-      '@babel/traverse': 7.22.19
-      '@babel/types': 7.22.19
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /@babel/helpers@7.22.15:
-    resolution: {integrity: sha512-7pAjK0aSdxOwR+CcYAqgWOGy5dcfvzsTIfFTb2odQqW47MDfv14UaJDY6eng8ylM2EaeKXdxaSWESbkmaQHTmw==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/template': 7.22.15
-      '@babel/traverse': 7.22.19
-      '@babel/types': 7.22.19
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /@babel/highlight@7.18.6:
-    resolution: {integrity: sha512-u7stbOuYjaPezCuLj29hNW1v64M2Md2qupEKP1fHc7WdOA3DgLh37suiSrZYY7haUB7iBeQZ9P1uiRF359do3g==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/helper-validator-identifier': registry.npmmirror.com/@babel/helper-validator-identifier@7.19.1
-      chalk: 2.4.2
-      js-tokens: 4.0.0
-    dev: true
-
-  /@babel/highlight@7.22.13:
-    resolution: {integrity: sha512-C/BaXcnnvBCmHTpz/VGZ8jgtE2aYlW4hxDhseJAWZb7gqGM/qtCK6iZUb0TyKFf7BOUsBH7Q7fkRsDRhg1XklQ==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/helper-validator-identifier': 7.22.19
-      chalk: 2.4.2
-      js-tokens: 4.0.0
-    dev: true
-
-  /@babel/parser@7.21.3:
-    resolution: {integrity: sha512-lobG0d7aOfQRXh8AyklEAgZGvA4FShxo6xQbUrrT/cNBPUdIDojlokwJsQyCC/eKia7ifqM0yP+2DRZ4WKw2RQ==}
-    engines: {node: '>=6.0.0'}
-    hasBin: true
-    dependencies:
-      '@babel/types': registry.npmmirror.com/@babel/types@7.21.5
-    dev: true
-
-  /@babel/parser@7.22.16:
-    resolution: {integrity: sha512-+gPfKv8UWeKKeJTUxe59+OobVcrYHETCsORl61EmSkmgymguYk/X5bp7GuUIXaFsc6y++v8ZxPsLSSuujqDphA==}
-    engines: {node: '>=6.0.0'}
-    hasBin: true
-    dependencies:
-      '@babel/types': 7.22.19
-    dev: true
-
-  /@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@7.18.6(@babel/core@7.22.19):
-    resolution: {integrity: sha512-Dgxsyg54Fx1d4Nge8UnvTrED63vrwOdPmyvPzlNN/boaliRP54pm3pGzZD1SJUwrBA+Cs/xdG8kXX6Mn/RfISQ==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-plugin-utils': 7.22.5
-    dev: true
-
-  /@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@7.20.7(@babel/core@7.22.19):
-    resolution: {integrity: sha512-sbr9+wNE5aXMBBFBICk01tt7sBf2Oc9ikRFEcem/ZORup9IMUdNhW7/wVLEbbtlWOsEubJet46mHAL2C8+2jKQ==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.13.0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/helper-skip-transparent-expression-wrappers': 7.22.5
-      '@babel/plugin-proposal-optional-chaining': 7.21.0(@babel/core@7.22.19)
-    dev: true
-
-  /@babel/plugin-proposal-async-generator-functions@7.20.7(@babel/core@7.22.19):
-    resolution: {integrity: sha512-xMbiLsn/8RK7Wq7VeVytytS2L6qE69bXPB10YCmMdDZbKF4okCqY74pI/jJQ/8U0b/F6NrT2+14b8/P9/3AMGA==}
-    engines: {node: '>=6.9.0'}
-    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-async-generator-functions instead.
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-environment-visitor': 7.22.5
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/helper-remap-async-to-generator': 7.18.9(@babel/core@7.22.19)
-      '@babel/plugin-syntax-async-generators': 7.8.4(@babel/core@7.22.19)
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /@babel/plugin-proposal-class-properties@7.18.6(@babel/core@7.22.19):
-    resolution: {integrity: sha512-cumfXOF0+nzZrrN8Rf0t7M+tF6sZc7vhQwYQck9q1/5w2OExlD+b4v4RpMJFaV1Z7WcDRgO6FqvxqxGlwo+RHQ==}
-    engines: {node: '>=6.9.0'}
-    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-class-properties instead.
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-create-class-features-plugin': 7.22.15(@babel/core@7.22.19)
-      '@babel/helper-plugin-utils': 7.22.5
-    dev: true
-
-  /@babel/plugin-proposal-class-static-block@7.21.0(@babel/core@7.22.19):
-    resolution: {integrity: sha512-XP5G9MWNUskFuP30IfFSEFB0Z6HzLIUcjYM4bYOPHXl7eiJ9HFv8tWj6TXTN5QODiEhDZAeI4hLok2iHFFV4hw==}
-    engines: {node: '>=6.9.0'}
-    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-class-static-block instead.
-    peerDependencies:
-      '@babel/core': ^7.12.0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-create-class-features-plugin': 7.22.15(@babel/core@7.22.19)
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-class-static-block': 7.14.5(@babel/core@7.22.19)
-    dev: true
-
-  /@babel/plugin-proposal-dynamic-import@7.18.6(@babel/core@7.22.19):
-    resolution: {integrity: sha512-1auuwmK+Rz13SJj36R+jqFPMJWyKEDd7lLSdOj4oJK0UTgGueSAtkrCvz9ewmgyU/P941Rv2fQwZJN8s6QruXw==}
-    engines: {node: '>=6.9.0'}
-    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-dynamic-import instead.
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-dynamic-import': 7.8.3(@babel/core@7.22.19)
-    dev: true
-
-  /@babel/plugin-proposal-export-namespace-from@7.18.9(@babel/core@7.22.19):
-    resolution: {integrity: sha512-k1NtHyOMvlDDFeb9G5PhUXuGj8m/wiwojgQVEhJ/fsVsMCpLyOP4h0uGEjYJKrRI+EVPlb5Jk+Gt9P97lOGwtA==}
-    engines: {node: '>=6.9.0'}
-    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-export-namespace-from instead.
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-export-namespace-from': 7.8.3(@babel/core@7.22.19)
-    dev: true
-
-  /@babel/plugin-proposal-json-strings@7.18.6(@babel/core@7.22.19):
-    resolution: {integrity: sha512-lr1peyn9kOdbYc0xr0OdHTZ5FMqS6Di+H0Fz2I/JwMzGmzJETNeOFq2pBySw6X/KFL5EWDjlJuMsUGRFb8fQgQ==}
-    engines: {node: '>=6.9.0'}
-    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-json-strings instead.
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-json-strings': 7.8.3(@babel/core@7.22.19)
-    dev: true
-
-  /@babel/plugin-proposal-logical-assignment-operators@7.20.7(@babel/core@7.22.19):
-    resolution: {integrity: sha512-y7C7cZgpMIjWlKE5T7eJwp+tnRYM89HmRvWM5EQuB5BoHEONjmQ8lSNmBUwOyy/GFRsohJED51YBF79hE1djug==}
-    engines: {node: '>=6.9.0'}
-    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-logical-assignment-operators instead.
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4(@babel/core@7.22.19)
-    dev: true
-
-  /@babel/plugin-proposal-nullish-coalescing-operator@7.18.6(@babel/core@7.22.19):
-    resolution: {integrity: sha512-wQxQzxYeJqHcfppzBDnm1yAY0jSRkUXR2z8RePZYrKwMKgMlE8+Z6LUno+bd6LvbGh8Gltvy74+9pIYkr+XkKA==}
-    engines: {node: '>=6.9.0'}
-    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-nullish-coalescing-operator instead.
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.22.19)
-    dev: true
-
-  /@babel/plugin-proposal-numeric-separator@7.18.6(@babel/core@7.22.19):
-    resolution: {integrity: sha512-ozlZFogPqoLm8WBr5Z8UckIoE4YQ5KESVcNudyXOR8uqIkliTEgJ3RoketfG6pmzLdeZF0H/wjE9/cCEitBl7Q==}
-    engines: {node: '>=6.9.0'}
-    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-numeric-separator instead.
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-numeric-separator': 7.10.4(@babel/core@7.22.19)
-    dev: true
-
-  /@babel/plugin-proposal-object-rest-spread@7.20.7(@babel/core@7.22.19):
-    resolution: {integrity: sha512-d2S98yCiLxDVmBmE8UjGcfPvNEUbA1U5q5WxaWFUGRzJSVAZqm5W6MbPct0jxnegUZ0niLeNX+IOzEs7wYg9Dg==}
-    engines: {node: '>=6.9.0'}
-    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-object-rest-spread instead.
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/compat-data': 7.22.9
-      '@babel/core': 7.22.19
-      '@babel/helper-compilation-targets': 7.22.15
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.22.19)
-      '@babel/plugin-transform-parameters': 7.21.3(@babel/core@7.22.19)
-    dev: true
-
-  /@babel/plugin-proposal-optional-catch-binding@7.18.6(@babel/core@7.22.19):
-    resolution: {integrity: sha512-Q40HEhs9DJQyaZfUjjn6vE8Cv4GmMHCYuMGIWUnlxH6400VGxOuwWsPt4FxXxJkC/5eOzgn0z21M9gMT4MOhbw==}
-    engines: {node: '>=6.9.0'}
-    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-optional-catch-binding instead.
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-optional-catch-binding': 7.8.3(@babel/core@7.22.19)
-    dev: true
-
-  /@babel/plugin-proposal-optional-chaining@7.21.0(@babel/core@7.22.19):
-    resolution: {integrity: sha512-p4zeefM72gpmEe2fkUr/OnOXpWEf8nAgk7ZYVqqfFiyIG7oFfVZcCrU64hWn5xp4tQ9LkV4bTIa5rD0KANpKNA==}
-    engines: {node: '>=6.9.0'}
-    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-optional-chaining instead.
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/helper-skip-transparent-expression-wrappers': 7.22.5
-      '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.22.19)
-    dev: true
-
-  /@babel/plugin-proposal-private-methods@7.18.6(@babel/core@7.22.19):
-    resolution: {integrity: sha512-nutsvktDItsNn4rpGItSNV2sz1XwS+nfU0Rg8aCx3W3NOKVzdMjJRu0O5OkgDp3ZGICSTbgRpxZoWsxoKRvbeA==}
-    engines: {node: '>=6.9.0'}
-    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-private-methods instead.
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-create-class-features-plugin': 7.22.15(@babel/core@7.22.19)
-      '@babel/helper-plugin-utils': 7.22.5
-    dev: true
-
-  /@babel/plugin-proposal-private-property-in-object@7.21.0(@babel/core@7.22.19):
-    resolution: {integrity: sha512-ha4zfehbJjc5MmXBlHec1igel5TJXXLDDRbuJ4+XT2TJcyD9/V1919BA8gMvsdHcNMBy4WBUBiRb3nw/EQUtBw==}
-    engines: {node: '>=6.9.0'}
-    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-private-property-in-object instead.
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-annotate-as-pure': 7.22.5
-      '@babel/helper-create-class-features-plugin': 7.22.15(@babel/core@7.22.19)
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-private-property-in-object': 7.14.5(@babel/core@7.22.19)
-    dev: true
-
-  /@babel/plugin-proposal-unicode-property-regex@7.18.6(@babel/core@7.22.19):
-    resolution: {integrity: sha512-2BShG/d5yoZyXZfVePH91urL5wTG6ASZU9M4o03lKK8u8UW1y08OMttBSOADTcJrnPMpvDXRG3G8fyLh4ovs8w==}
-    engines: {node: '>=4'}
-    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-unicode-property-regex instead.
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-create-regexp-features-plugin': 7.21.8(@babel/core@7.22.19)
-      '@babel/helper-plugin-utils': 7.22.5
-    dev: true
-
-  /@babel/plugin-syntax-async-generators@7.8.4(@babel/core@7.22.19):
-    resolution: {integrity: sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-plugin-utils': 7.22.5
-    dev: true
-
-  /@babel/plugin-syntax-class-properties@7.12.13(@babel/core@7.22.19):
-    resolution: {integrity: sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-plugin-utils': 7.22.5
-    dev: true
-
-  /@babel/plugin-syntax-class-static-block@7.14.5(@babel/core@7.22.19):
-    resolution: {integrity: sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-plugin-utils': 7.22.5
-    dev: true
-
-  /@babel/plugin-syntax-dynamic-import@7.8.3(@babel/core@7.22.19):
-    resolution: {integrity: sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-plugin-utils': 7.22.5
-    dev: true
-
-  /@babel/plugin-syntax-export-namespace-from@7.8.3(@babel/core@7.22.19):
-    resolution: {integrity: sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-plugin-utils': 7.22.5
-    dev: true
-
-  /@babel/plugin-syntax-import-assertions@7.20.0(@babel/core@7.22.19):
-    resolution: {integrity: sha512-IUh1vakzNoWalR8ch/areW7qFopR2AEw03JlG7BbrDqmQ4X3q9uuipQwSGrUn7oGiemKjtSLDhNtQHzMHr1JdQ==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-plugin-utils': 7.22.5
-    dev: true
-
-  /@babel/plugin-syntax-import-meta@7.10.4(@babel/core@7.22.19):
-    resolution: {integrity: sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-plugin-utils': 7.22.5
-    dev: true
-
-  /@babel/plugin-syntax-json-strings@7.8.3(@babel/core@7.22.19):
-    resolution: {integrity: sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-plugin-utils': 7.22.5
-    dev: true
-
-  /@babel/plugin-syntax-jsx@7.22.5(@babel/core@7.22.19):
-    resolution: {integrity: sha512-gvyP4hZrgrs/wWMaocvxZ44Hw0b3W8Pe+cMxc8V1ULQ07oh8VNbIRaoD1LRZVTvD+0nieDKjfgKg89sD7rrKrg==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-plugin-utils': 7.22.5
-    dev: true
-
-  /@babel/plugin-syntax-logical-assignment-operators@7.10.4(@babel/core@7.22.19):
-    resolution: {integrity: sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-plugin-utils': 7.22.5
-    dev: true
-
-  /@babel/plugin-syntax-nullish-coalescing-operator@7.8.3(@babel/core@7.22.19):
-    resolution: {integrity: sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-plugin-utils': 7.22.5
-    dev: true
-
-  /@babel/plugin-syntax-numeric-separator@7.10.4(@babel/core@7.22.19):
-    resolution: {integrity: sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-plugin-utils': 7.22.5
-    dev: true
-
-  /@babel/plugin-syntax-object-rest-spread@7.8.3(@babel/core@7.22.19):
-    resolution: {integrity: sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-plugin-utils': 7.22.5
-    dev: true
-
-  /@babel/plugin-syntax-optional-catch-binding@7.8.3(@babel/core@7.22.19):
-    resolution: {integrity: sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-plugin-utils': 7.22.5
-    dev: true
-
-  /@babel/plugin-syntax-optional-chaining@7.8.3(@babel/core@7.22.19):
-    resolution: {integrity: sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-plugin-utils': 7.22.5
-    dev: true
-
-  /@babel/plugin-syntax-private-property-in-object@7.14.5(@babel/core@7.22.19):
-    resolution: {integrity: sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-plugin-utils': 7.22.5
-    dev: true
-
-  /@babel/plugin-syntax-top-level-await@7.14.5(@babel/core@7.22.19):
-    resolution: {integrity: sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-plugin-utils': 7.22.5
-    dev: true
-
-  /@babel/plugin-syntax-typescript@7.22.5(@babel/core@7.22.19):
-    resolution: {integrity: sha512-1mS2o03i7t1c6VzH6fdQ3OA8tcEIxwG18zIPRp+UY1Ihv6W+XZzBCVxExF9upussPXJ0xE9XRHwMoNs1ep/nRQ==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-plugin-utils': 7.22.5
-    dev: true
-
-  /@babel/plugin-transform-arrow-functions@7.21.5(@babel/core@7.22.19):
-    resolution: {integrity: sha512-wb1mhwGOCaXHDTcsRYMKF9e5bbMgqwxtqa2Y1ifH96dXJPwbuLX9qHy3clhrxVqgMz7nyNXs8VkxdH8UBcjKqA==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-plugin-utils': 7.22.5
-    dev: true
-
-  /@babel/plugin-transform-async-to-generator@7.20.7(@babel/core@7.22.19):
-    resolution: {integrity: sha512-Uo5gwHPT9vgnSXQxqGtpdufUiWp96gk7yiP4Mp5bm1QMkEmLXBO7PAGYbKoJ6DhAwiNkcHFBol/x5zZZkL/t0Q==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-module-imports': 7.22.15
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/helper-remap-async-to-generator': 7.18.9(@babel/core@7.22.19)
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /@babel/plugin-transform-block-scoped-functions@7.18.6(@babel/core@7.22.19):
-    resolution: {integrity: sha512-ExUcOqpPWnliRcPqves5HJcJOvHvIIWfuS4sroBUenPuMdmW+SMHDakmtS7qOo13sVppmUijqeTv7qqGsvURpQ==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-plugin-utils': 7.22.5
-    dev: true
-
-  /@babel/plugin-transform-block-scoping@7.21.0(@babel/core@7.22.19):
-    resolution: {integrity: sha512-Mdrbunoh9SxwFZapeHVrwFmri16+oYotcZysSzhNIVDwIAb1UV+kvnxULSYq9J3/q5MDG+4X6w8QVgD1zhBXNQ==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-plugin-utils': 7.22.5
-    dev: true
-
-  /@babel/plugin-transform-classes@7.21.0(@babel/core@7.22.19):
-    resolution: {integrity: sha512-RZhbYTCEUAe6ntPehC4hlslPWosNHDox+vAs4On/mCLRLfoDVHf6hVEd7kuxr1RnHwJmxFfUM3cZiZRmPxJPXQ==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-annotate-as-pure': 7.22.5
-      '@babel/helper-compilation-targets': 7.22.15
-      '@babel/helper-environment-visitor': 7.22.5
-      '@babel/helper-function-name': 7.22.5
-      '@babel/helper-optimise-call-expression': 7.22.5
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/helper-replace-supers': 7.22.9(@babel/core@7.22.19)
-      '@babel/helper-split-export-declaration': 7.22.6
-      globals: 11.12.0
-    dev: true
-
-  /@babel/plugin-transform-computed-properties@7.21.5(@babel/core@7.22.19):
-    resolution: {integrity: sha512-TR653Ki3pAwxBxUe8srfF3e4Pe3FTA46uaNHYyQwIoM4oWKSoOZiDNyHJ0oIoDIUPSRQbQG7jzgVBX3FPVne1Q==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/template': 7.22.15
-    dev: true
-
-  /@babel/plugin-transform-destructuring@7.21.3(@babel/core@7.22.19):
-    resolution: {integrity: sha512-bp6hwMFzuiE4HqYEyoGJ/V2LeIWn+hLVKc4pnj++E5XQptwhtcGmSayM029d/j2X1bPKGTlsyPwAubuU22KhMA==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-plugin-utils': 7.22.5
-    dev: true
-
-  /@babel/plugin-transform-dotall-regex@7.18.6(@babel/core@7.22.19):
-    resolution: {integrity: sha512-6S3jpun1eEbAxq7TdjLotAsl4WpQI9DxfkycRcKrjhQYzU87qpXdknpBg/e+TdcMehqGnLFi7tnFUBR02Vq6wg==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-create-regexp-features-plugin': 7.21.8(@babel/core@7.22.19)
-      '@babel/helper-plugin-utils': 7.22.5
-    dev: true
-
-  /@babel/plugin-transform-duplicate-keys@7.18.9(@babel/core@7.22.19):
-    resolution: {integrity: sha512-d2bmXCtZXYc59/0SanQKbiWINadaJXqtvIQIzd4+hNwkWBgyCd5F/2t1kXoUdvPMrxzPvhK6EMQRROxsue+mfw==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-plugin-utils': 7.22.5
-    dev: true
-
-  /@babel/plugin-transform-exponentiation-operator@7.18.6(@babel/core@7.22.19):
-    resolution: {integrity: sha512-wzEtc0+2c88FVR34aQmiz56dxEkxr2g8DQb/KfaFa1JYXOFVsbhvAonFN6PwVWj++fKmku8NP80plJ5Et4wqHw==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-builder-binary-assignment-operator-visitor': 7.21.5
-      '@babel/helper-plugin-utils': 7.22.5
-    dev: true
-
-  /@babel/plugin-transform-for-of@7.21.5(@babel/core@7.22.19):
-    resolution: {integrity: sha512-nYWpjKW/7j/I/mZkGVgHJXh4bA1sfdFnJoOXwJuj4m3Q2EraO/8ZyrkCau9P5tbHQk01RMSt6KYLCsW7730SXQ==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-plugin-utils': 7.22.5
-    dev: true
-
-  /@babel/plugin-transform-function-name@7.18.9(@babel/core@7.22.19):
-    resolution: {integrity: sha512-WvIBoRPaJQ5yVHzcnJFor7oS5Ls0PYixlTYE63lCj2RtdQEl15M68FXQlxnG6wdraJIXRdR7KI+hQ7q/9QjrCQ==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-compilation-targets': 7.22.15
-      '@babel/helper-function-name': 7.22.5
-      '@babel/helper-plugin-utils': 7.22.5
-    dev: true
-
-  /@babel/plugin-transform-literals@7.18.9(@babel/core@7.22.19):
-    resolution: {integrity: sha512-IFQDSRoTPnrAIrI5zoZv73IFeZu2dhu6irxQjY9rNjTT53VmKg9fenjvoiOWOkJ6mm4jKVPtdMzBY98Fp4Z4cg==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-plugin-utils': 7.22.5
-    dev: true
-
-  /@babel/plugin-transform-member-expression-literals@7.18.6(@babel/core@7.22.19):
-    resolution: {integrity: sha512-qSF1ihLGO3q+/g48k85tUjD033C29TNTVB2paCwZPVmOsjn9pClvYYrM2VeJpBY2bcNkuny0YUyTNRyRxJ54KA==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-plugin-utils': 7.22.5
-    dev: true
-
-  /@babel/plugin-transform-modules-amd@7.20.11(@babel/core@7.22.19):
-    resolution: {integrity: sha512-NuzCt5IIYOW0O30UvqktzHYR2ud5bOWbY0yaxWZ6G+aFzOMJvrs5YHNikrbdaT15+KNO31nPOy5Fim3ku6Zb5g==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-module-transforms': 7.22.19(@babel/core@7.22.19)
-      '@babel/helper-plugin-utils': 7.22.5
-    dev: true
-
-  /@babel/plugin-transform-modules-commonjs@7.21.5(@babel/core@7.22.19):
-    resolution: {integrity: sha512-OVryBEgKUbtqMoB7eG2rs6UFexJi6Zj6FDXx+esBLPTCxCNxAY9o+8Di7IsUGJ+AVhp5ncK0fxWUBd0/1gPhrQ==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-module-transforms': 7.22.19(@babel/core@7.22.19)
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/helper-simple-access': 7.22.5
-    dev: true
-
-  /@babel/plugin-transform-modules-systemjs@7.20.11(@babel/core@7.22.19):
-    resolution: {integrity: sha512-vVu5g9BPQKSFEmvt2TA4Da5N+QVS66EX21d8uoOihC+OCpUoGvzVsXeqFdtAEfVa5BILAeFt+U7yVmLbQnAJmw==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-hoist-variables': 7.22.5
-      '@babel/helper-module-transforms': 7.22.19(@babel/core@7.22.19)
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/helper-validator-identifier': 7.22.19
-    dev: true
-
-  /@babel/plugin-transform-modules-umd@7.18.6(@babel/core@7.22.19):
-    resolution: {integrity: sha512-dcegErExVeXcRqNtkRU/z8WlBLnvD4MRnHgNs3MytRO1Mn1sHRyhbcpYbVMGclAqOjdW+9cfkdZno9dFdfKLfQ==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-module-transforms': 7.22.19(@babel/core@7.22.19)
-      '@babel/helper-plugin-utils': 7.22.5
-    dev: true
-
-  /@babel/plugin-transform-named-capturing-groups-regex@7.20.5(@babel/core@7.22.19):
-    resolution: {integrity: sha512-mOW4tTzi5iTLnw+78iEq3gr8Aoq4WNRGpmSlrogqaiCBoR1HFhpU4JkpQFOHfeYx3ReVIFWOQJS4aZBRvuZ6mA==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-create-regexp-features-plugin': 7.21.8(@babel/core@7.22.19)
-      '@babel/helper-plugin-utils': 7.22.5
-    dev: true
-
-  /@babel/plugin-transform-new-target@7.18.6(@babel/core@7.22.19):
-    resolution: {integrity: sha512-DjwFA/9Iu3Z+vrAn+8pBUGcjhxKguSMlsFqeCKbhb9BAV756v0krzVK04CRDi/4aqmk8BsHb4a/gFcaA5joXRw==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-plugin-utils': 7.22.5
-    dev: true
-
-  /@babel/plugin-transform-object-super@7.18.6(@babel/core@7.22.19):
-    resolution: {integrity: sha512-uvGz6zk+pZoS1aTZrOvrbj6Pp/kK2mp45t2B+bTDre2UgsZZ8EZLSJtUg7m/no0zOJUWgFONpB7Zv9W2tSaFlA==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/helper-replace-supers': 7.22.9(@babel/core@7.22.19)
-    dev: true
-
-  /@babel/plugin-transform-parameters@7.21.3(@babel/core@7.22.19):
-    resolution: {integrity: sha512-Wxc+TvppQG9xWFYatvCGPvZ6+SIUxQ2ZdiBP+PHYMIjnPXD+uThCshaz4NZOnODAtBjjcVQQ/3OKs9LW28purQ==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-plugin-utils': 7.22.5
-    dev: true
-
-  /@babel/plugin-transform-property-literals@7.18.6(@babel/core@7.22.19):
-    resolution: {integrity: sha512-cYcs6qlgafTud3PAzrrRNbQtfpQ8+y/+M5tKmksS9+M1ckbH6kzY8MrexEM9mcA6JDsukE19iIRvAyYl463sMg==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-plugin-utils': 7.22.5
-    dev: true
-
-  /@babel/plugin-transform-regenerator@7.21.5(@babel/core@7.22.19):
-    resolution: {integrity: sha512-ZoYBKDb6LyMi5yCsByQ5jmXsHAQDDYeexT1Szvlmui+lADvfSecr5Dxd/PkrTC3pAD182Fcju1VQkB4oCp9M+w==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-plugin-utils': 7.22.5
-      regenerator-transform: 0.15.1
-    dev: true
-
-  /@babel/plugin-transform-reserved-words@7.18.6(@babel/core@7.22.19):
-    resolution: {integrity: sha512-oX/4MyMoypzHjFrT1CdivfKZ+XvIPMFXwwxHp/r0Ddy2Vuomt4HDFGmft1TAY2yiTKiNSsh3kjBAzcM8kSdsjA==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-plugin-utils': 7.22.5
-    dev: true
-
-  /@babel/plugin-transform-shorthand-properties@7.18.6(@babel/core@7.22.19):
-    resolution: {integrity: sha512-eCLXXJqv8okzg86ywZJbRn19YJHU4XUa55oz2wbHhaQVn/MM+XhukiT7SYqp/7o00dg52Rj51Ny+Ecw4oyoygw==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-plugin-utils': 7.22.5
-    dev: true
-
-  /@babel/plugin-transform-spread@7.20.7(@babel/core@7.22.19):
-    resolution: {integrity: sha512-ewBbHQ+1U/VnH1fxltbJqDeWBU1oNLG8Dj11uIv3xVf7nrQu0bPGe5Rf716r7K5Qz+SqtAOVswoVunoiBtGhxw==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/helper-skip-transparent-expression-wrappers': 7.22.5
-    dev: true
-
-  /@babel/plugin-transform-sticky-regex@7.18.6(@babel/core@7.22.19):
-    resolution: {integrity: sha512-kfiDrDQ+PBsQDO85yj1icueWMfGfJFKN1KCkndygtu/C9+XUfydLC8Iv5UYJqRwy4zk8EcplRxEOeLyjq1gm6Q==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-plugin-utils': 7.22.5
-    dev: true
-
-  /@babel/plugin-transform-template-literals@7.18.9(@babel/core@7.22.19):
-    resolution: {integrity: sha512-S8cOWfT82gTezpYOiVaGHrCbhlHgKhQt8XH5ES46P2XWmX92yisoZywf5km75wv5sYcXDUCLMmMxOLCtthDgMA==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-plugin-utils': 7.22.5
-    dev: true
-
-  /@babel/plugin-transform-typeof-symbol@7.18.9(@babel/core@7.22.19):
-    resolution: {integrity: sha512-SRfwTtF11G2aemAZWivL7PD+C9z52v9EvMqH9BuYbabyPuKUvSWks3oCg6041pT925L4zVFqaVBeECwsmlguEw==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-plugin-utils': 7.22.5
-    dev: true
-
-  /@babel/plugin-transform-typescript@7.22.15(@babel/core@7.22.19):
-    resolution: {integrity: sha512-1uirS0TnijxvQLnlv5wQBwOX3E1wCFX7ITv+9pBV2wKEk4K+M5tqDaoNXnTH8tjEIYHLO98MwiTWO04Ggz4XuA==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-annotate-as-pure': 7.22.5
-      '@babel/helper-create-class-features-plugin': 7.22.15(@babel/core@7.22.19)
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-typescript': 7.22.5(@babel/core@7.22.19)
-    dev: true
-
-  /@babel/plugin-transform-unicode-escapes@7.21.5(@babel/core@7.22.19):
-    resolution: {integrity: sha512-LYm/gTOwZqsYohlvFUe/8Tujz75LqqVC2w+2qPHLR+WyWHGCZPN1KBpJCJn+4Bk4gOkQy/IXKIge6az5MqwlOg==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-plugin-utils': 7.22.5
-    dev: true
-
-  /@babel/plugin-transform-unicode-regex@7.18.6(@babel/core@7.22.19):
-    resolution: {integrity: sha512-gE7A6Lt7YLnNOL3Pb9BNeZvi+d8l7tcRrG4+pwJjK9hD2xX4mEvjlQW60G9EEmfXVYRPv9VRQcyegIVHCql/AA==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-create-regexp-features-plugin': 7.21.8(@babel/core@7.22.19)
-      '@babel/helper-plugin-utils': 7.22.5
-    dev: true
-
-  /@babel/preset-env@7.21.5(@babel/core@7.22.19):
-    resolution: {integrity: sha512-wH00QnTTldTbf/IefEVyChtRdw5RJvODT/Vb4Vcxq1AZvtXj6T0YeX0cAcXhI6/BdGuiP3GcNIL4OQbI2DVNxg==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/compat-data': 7.22.9
-      '@babel/core': 7.22.19
-      '@babel/helper-compilation-targets': 7.22.15
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/helper-validator-option': 7.22.15
-      '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression': 7.18.6(@babel/core@7.22.19)
-      '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining': 7.20.7(@babel/core@7.22.19)
-      '@babel/plugin-proposal-async-generator-functions': 7.20.7(@babel/core@7.22.19)
-      '@babel/plugin-proposal-class-properties': 7.18.6(@babel/core@7.22.19)
-      '@babel/plugin-proposal-class-static-block': 7.21.0(@babel/core@7.22.19)
-      '@babel/plugin-proposal-dynamic-import': 7.18.6(@babel/core@7.22.19)
-      '@babel/plugin-proposal-export-namespace-from': 7.18.9(@babel/core@7.22.19)
-      '@babel/plugin-proposal-json-strings': 7.18.6(@babel/core@7.22.19)
-      '@babel/plugin-proposal-logical-assignment-operators': 7.20.7(@babel/core@7.22.19)
-      '@babel/plugin-proposal-nullish-coalescing-operator': 7.18.6(@babel/core@7.22.19)
-      '@babel/plugin-proposal-numeric-separator': 7.18.6(@babel/core@7.22.19)
-      '@babel/plugin-proposal-object-rest-spread': 7.20.7(@babel/core@7.22.19)
-      '@babel/plugin-proposal-optional-catch-binding': 7.18.6(@babel/core@7.22.19)
-      '@babel/plugin-proposal-optional-chaining': 7.21.0(@babel/core@7.22.19)
-      '@babel/plugin-proposal-private-methods': 7.18.6(@babel/core@7.22.19)
-      '@babel/plugin-proposal-private-property-in-object': 7.21.0(@babel/core@7.22.19)
-      '@babel/plugin-proposal-unicode-property-regex': 7.18.6(@babel/core@7.22.19)
-      '@babel/plugin-syntax-async-generators': 7.8.4(@babel/core@7.22.19)
-      '@babel/plugin-syntax-class-properties': 7.12.13(@babel/core@7.22.19)
-      '@babel/plugin-syntax-class-static-block': 7.14.5(@babel/core@7.22.19)
-      '@babel/plugin-syntax-dynamic-import': 7.8.3(@babel/core@7.22.19)
-      '@babel/plugin-syntax-export-namespace-from': 7.8.3(@babel/core@7.22.19)
-      '@babel/plugin-syntax-import-assertions': 7.20.0(@babel/core@7.22.19)
-      '@babel/plugin-syntax-import-meta': 7.10.4(@babel/core@7.22.19)
-      '@babel/plugin-syntax-json-strings': 7.8.3(@babel/core@7.22.19)
-      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4(@babel/core@7.22.19)
-      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.22.19)
-      '@babel/plugin-syntax-numeric-separator': 7.10.4(@babel/core@7.22.19)
-      '@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.22.19)
-      '@babel/plugin-syntax-optional-catch-binding': 7.8.3(@babel/core@7.22.19)
-      '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.22.19)
-      '@babel/plugin-syntax-private-property-in-object': 7.14.5(@babel/core@7.22.19)
-      '@babel/plugin-syntax-top-level-await': 7.14.5(@babel/core@7.22.19)
-      '@babel/plugin-transform-arrow-functions': 7.21.5(@babel/core@7.22.19)
-      '@babel/plugin-transform-async-to-generator': 7.20.7(@babel/core@7.22.19)
-      '@babel/plugin-transform-block-scoped-functions': 7.18.6(@babel/core@7.22.19)
-      '@babel/plugin-transform-block-scoping': 7.21.0(@babel/core@7.22.19)
-      '@babel/plugin-transform-classes': 7.21.0(@babel/core@7.22.19)
-      '@babel/plugin-transform-computed-properties': 7.21.5(@babel/core@7.22.19)
-      '@babel/plugin-transform-destructuring': 7.21.3(@babel/core@7.22.19)
-      '@babel/plugin-transform-dotall-regex': 7.18.6(@babel/core@7.22.19)
-      '@babel/plugin-transform-duplicate-keys': 7.18.9(@babel/core@7.22.19)
-      '@babel/plugin-transform-exponentiation-operator': 7.18.6(@babel/core@7.22.19)
-      '@babel/plugin-transform-for-of': 7.21.5(@babel/core@7.22.19)
-      '@babel/plugin-transform-function-name': 7.18.9(@babel/core@7.22.19)
-      '@babel/plugin-transform-literals': 7.18.9(@babel/core@7.22.19)
-      '@babel/plugin-transform-member-expression-literals': 7.18.6(@babel/core@7.22.19)
-      '@babel/plugin-transform-modules-amd': 7.20.11(@babel/core@7.22.19)
-      '@babel/plugin-transform-modules-commonjs': 7.21.5(@babel/core@7.22.19)
-      '@babel/plugin-transform-modules-systemjs': 7.20.11(@babel/core@7.22.19)
-      '@babel/plugin-transform-modules-umd': 7.18.6(@babel/core@7.22.19)
-      '@babel/plugin-transform-named-capturing-groups-regex': 7.20.5(@babel/core@7.22.19)
-      '@babel/plugin-transform-new-target': 7.18.6(@babel/core@7.22.19)
-      '@babel/plugin-transform-object-super': 7.18.6(@babel/core@7.22.19)
-      '@babel/plugin-transform-parameters': 7.21.3(@babel/core@7.22.19)
-      '@babel/plugin-transform-property-literals': 7.18.6(@babel/core@7.22.19)
-      '@babel/plugin-transform-regenerator': 7.21.5(@babel/core@7.22.19)
-      '@babel/plugin-transform-reserved-words': 7.18.6(@babel/core@7.22.19)
-      '@babel/plugin-transform-shorthand-properties': 7.18.6(@babel/core@7.22.19)
-      '@babel/plugin-transform-spread': 7.20.7(@babel/core@7.22.19)
-      '@babel/plugin-transform-sticky-regex': 7.18.6(@babel/core@7.22.19)
-      '@babel/plugin-transform-template-literals': 7.18.9(@babel/core@7.22.19)
-      '@babel/plugin-transform-typeof-symbol': 7.18.9(@babel/core@7.22.19)
-      '@babel/plugin-transform-unicode-escapes': 7.21.5(@babel/core@7.22.19)
-      '@babel/plugin-transform-unicode-regex': 7.18.6(@babel/core@7.22.19)
-      '@babel/preset-modules': 0.1.5(@babel/core@7.22.19)
-      '@babel/types': 7.22.19
-      babel-plugin-polyfill-corejs2: 0.3.3(@babel/core@7.22.19)
-      babel-plugin-polyfill-corejs3: 0.6.0(@babel/core@7.22.19)
-      babel-plugin-polyfill-regenerator: 0.4.1(@babel/core@7.22.19)
-      core-js-compat: 3.30.2
-      semver: 6.3.1
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /@babel/preset-modules@0.1.5(@babel/core@7.22.19):
-    resolution: {integrity: sha512-A57th6YRG7oR3cq/yt/Y84MvGgE0eJG2F1JLhKuyG+jFxEgrd/HAMJatiFtmOiZurz+0DkrvbheCLaV5f2JfjA==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-proposal-unicode-property-regex': 7.18.6(@babel/core@7.22.19)
-      '@babel/plugin-transform-dotall-regex': 7.18.6(@babel/core@7.22.19)
-      '@babel/types': 7.22.19
-      esutils: 2.0.3
-    dev: true
-
-  /@babel/regjsgen@0.8.0:
-    resolution: {integrity: sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA==}
-    dev: true
-
-  /@babel/runtime@7.21.0:
-    resolution: {integrity: sha512-xwII0//EObnq89Ji5AKYQaRYiW/nZ3llSv29d49IuxPhKbtJoLP+9QUUZ4nVragQVtaVGeZrpB+ZtG/Pdy/POw==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      regenerator-runtime: 0.13.11
-    dev: true
-
-  /@babel/template@7.22.15:
-    resolution: {integrity: sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/code-frame': 7.22.13
-      '@babel/parser': 7.22.16
-      '@babel/types': 7.22.19
-    dev: true
-
-  /@babel/traverse@7.22.19:
-    resolution: {integrity: sha512-ZCcpVPK64krfdScRbpxF6xA5fz7IOsfMwx1tcACvCzt6JY+0aHkBk7eIU8FRDSZRU5Zei6Z4JfgAxN1bqXGECg==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/code-frame': 7.22.13
-      '@babel/generator': 7.22.15
-      '@babel/helper-environment-visitor': 7.22.5
-      '@babel/helper-function-name': 7.22.5
-      '@babel/helper-hoist-variables': 7.22.5
-      '@babel/helper-split-export-declaration': 7.22.6
-      '@babel/parser': 7.22.16
-      '@babel/types': 7.22.19
-      debug: 4.3.4
-      globals: 11.12.0
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /@babel/types@7.22.19:
-    resolution: {integrity: sha512-P7LAw/LbojPzkgp5oznjE6tQEIWbp4PkkfrZDINTro9zgBRtI324/EYsiSI7lhPbpIQ+DCeR2NNmMWANGGfZsg==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/helper-string-parser': 7.22.5
-      '@babel/helper-validator-identifier': 7.22.19
-      to-fast-properties: 2.0.0
-    dev: true
-
-  /@commitlint/cli@17.7.1:
-    resolution: {integrity: sha512-BCm/AT06SNCQtvFv921iNhudOHuY16LswT0R3OeolVGLk8oP+Rk9TfQfgjH7QPMjhvp76bNqGFEcpKojxUNW1g==}
-    engines: {node: '>=v14'}
-    hasBin: true
-    dependencies:
-      '@commitlint/format': 17.4.4
-      '@commitlint/lint': 17.7.0
-      '@commitlint/load': 17.7.1
-      '@commitlint/read': 17.5.1
-      '@commitlint/types': 17.4.4
-      execa: 5.1.1
-      lodash.isfunction: 3.0.9
-      resolve-from: 5.0.0
-      resolve-global: 1.0.0
-      yargs: 17.7.1
-    transitivePeerDependencies:
-      - '@swc/core'
-      - '@swc/wasm'
-    dev: true
-
-  /@commitlint/config-conventional@17.7.0:
-    resolution: {integrity: sha512-iicqh2o6et+9kWaqsQiEYZzfLbtoWv9uZl8kbI8EGfnc0HeGafQBF7AJ0ylN9D/2kj6txltsdyQs8+2fTMwWEw==}
-    engines: {node: '>=v14'}
-    dependencies:
-      conventional-changelog-conventionalcommits: 6.1.0
-    dev: true
-
-  /@commitlint/config-validator@17.6.7:
-    resolution: {integrity: sha512-vJSncmnzwMvpr3lIcm0I8YVVDJTzyjy7NZAeXbTXy+MPUdAr9pKyyg7Tx/ebOQ9kqzE6O9WT6jg2164br5UdsQ==}
-    engines: {node: '>=v14'}
-    dependencies:
-      '@commitlint/types': 17.4.4
-      ajv: 8.12.0
-    dev: true
-
-  /@commitlint/ensure@17.6.7:
-    resolution: {integrity: sha512-mfDJOd1/O/eIb/h4qwXzUxkmskXDL9vNPnZ4AKYKiZALz4vHzwMxBSYtyL2mUIDeU9DRSpEUins8SeKtFkYHSw==}
-    engines: {node: '>=v14'}
-    dependencies:
-      '@commitlint/types': 17.4.4
-      lodash.camelcase: 4.3.0
-      lodash.kebabcase: 4.1.1
-      lodash.snakecase: 4.1.1
-      lodash.startcase: 4.4.0
-      lodash.upperfirst: 4.3.1
-    dev: true
-
-  /@commitlint/execute-rule@17.4.0:
-    resolution: {integrity: sha512-LIgYXuCSO5Gvtc0t9bebAMSwd68ewzmqLypqI2Kke1rqOqqDbMpYcYfoPfFlv9eyLIh4jocHWwCK5FS7z9icUA==}
-    engines: {node: '>=v14'}
-    dev: true
-
-  /@commitlint/format@17.4.4:
-    resolution: {integrity: sha512-+IS7vpC4Gd/x+uyQPTAt3hXs5NxnkqAZ3aqrHd5Bx/R9skyCAWusNlNbw3InDbAK6j166D9asQM8fnmYIa+CXQ==}
-    engines: {node: '>=v14'}
-    dependencies:
-      '@commitlint/types': 17.4.4
-      chalk: 4.1.2
-    dev: true
-
-  /@commitlint/is-ignored@17.7.0:
-    resolution: {integrity: sha512-043rA7m45tyEfW7Zv2vZHF++176MLHH9h70fnPoYlB1slKBeKl8BwNIlnPg4xBdRBVNPaCqvXxWswx2GR4c9Hw==}
-    engines: {node: '>=v14'}
-    dependencies:
-      '@commitlint/types': 17.4.4
-      semver: 7.5.4
-    dev: true
-
-  /@commitlint/lint@17.7.0:
-    resolution: {integrity: sha512-TCQihm7/uszA5z1Ux1vw+Nf3yHTgicus/+9HiUQk+kRSQawByxZNESeQoX9ujfVd3r4Sa+3fn0JQAguG4xvvbA==}
-    engines: {node: '>=v14'}
-    dependencies:
-      '@commitlint/is-ignored': 17.7.0
-      '@commitlint/parse': 17.7.0
-      '@commitlint/rules': 17.7.0
-      '@commitlint/types': 17.4.4
-    dev: true
-
-  /@commitlint/load@17.7.1:
-    resolution: {integrity: sha512-S/QSOjE1ztdogYj61p6n3UbkUvweR17FQ0zDbNtoTLc+Hz7vvfS7ehoTMQ27hPSjVBpp7SzEcOQu081RLjKHJQ==}
-    engines: {node: '>=v14'}
-    dependencies:
-      '@commitlint/config-validator': 17.6.7
-      '@commitlint/execute-rule': 17.4.0
-      '@commitlint/resolve-extends': 17.6.7
-      '@commitlint/types': 17.4.4
-      '@types/node': 20.4.7
-      chalk: 4.1.2
-      cosmiconfig: 8.2.0
-      cosmiconfig-typescript-loader: 4.3.0(@types/node@20.4.7)(cosmiconfig@8.2.0)(ts-node@10.9.1)(typescript@5.1.6)
-      lodash.isplainobject: 4.0.6
-      lodash.merge: 4.6.2
-      lodash.uniq: 4.5.0
-      resolve-from: 5.0.0
-      ts-node: 10.9.1(@types/node@20.4.7)(typescript@5.1.6)
-      typescript: 5.1.6
-    transitivePeerDependencies:
-      - '@swc/core'
-      - '@swc/wasm'
-    dev: true
-
-  /@commitlint/message@17.4.2:
-    resolution: {integrity: sha512-3XMNbzB+3bhKA1hSAWPCQA3lNxR4zaeQAQcHj0Hx5sVdO6ryXtgUBGGv+1ZCLMgAPRixuc6en+iNAzZ4NzAa8Q==}
-    engines: {node: '>=v14'}
-    dev: true
-
-  /@commitlint/parse@17.7.0:
-    resolution: {integrity: sha512-dIvFNUMCUHqq5Abv80mIEjLVfw8QNuA4DS7OWip4pcK/3h5wggmjVnlwGCDvDChkw2TjK1K6O+tAEV78oxjxag==}
-    engines: {node: '>=v14'}
-    dependencies:
-      '@commitlint/types': 17.4.4
-      conventional-changelog-angular: 6.0.0
-      conventional-commits-parser: 4.0.0
-    dev: true
-
-  /@commitlint/read@17.5.1:
-    resolution: {integrity: sha512-7IhfvEvB//p9aYW09YVclHbdf1u7g7QhxeYW9ZHSO8Huzp8Rz7m05aCO1mFG7G8M+7yfFnXB5xOmG18brqQIBg==}
-    engines: {node: '>=v14'}
-    dependencies:
-      '@commitlint/top-level': 17.4.0
-      '@commitlint/types': 17.4.4
-      fs-extra: 11.1.0
-      git-raw-commits: 2.0.11
-      minimist: 1.2.8
-    dev: true
-
-  /@commitlint/resolve-extends@17.6.7:
-    resolution: {integrity: sha512-PfeoAwLHtbOaC9bGn/FADN156CqkFz6ZKiVDMjuC2N5N0740Ke56rKU7Wxdwya8R8xzLK9vZzHgNbuGhaOVKIg==}
-    engines: {node: '>=v14'}
-    dependencies:
-      '@commitlint/config-validator': 17.6.7
-      '@commitlint/types': 17.4.4
-      import-fresh: 3.3.0
-      lodash.mergewith: 4.6.2
-      resolve-from: 5.0.0
-      resolve-global: 1.0.0
-    dev: true
-
-  /@commitlint/rules@17.7.0:
-    resolution: {integrity: sha512-J3qTh0+ilUE5folSaoK91ByOb8XeQjiGcdIdiB/8UT1/Rd1itKo0ju/eQVGyFzgTMYt8HrDJnGTmNWwcMR1rmA==}
-    engines: {node: '>=v14'}
-    dependencies:
-      '@commitlint/ensure': 17.6.7
-      '@commitlint/message': 17.4.2
-      '@commitlint/to-lines': 17.4.0
-      '@commitlint/types': 17.4.4
-      execa: 5.1.1
-    dev: true
-
-  /@commitlint/to-lines@17.4.0:
-    resolution: {integrity: sha512-LcIy/6ZZolsfwDUWfN1mJ+co09soSuNASfKEU5sCmgFCvX5iHwRYLiIuoqXzOVDYOy7E7IcHilr/KS0e5T+0Hg==}
-    engines: {node: '>=v14'}
-    dev: true
-
-  /@commitlint/top-level@17.4.0:
-    resolution: {integrity: sha512-/1loE/g+dTTQgHnjoCy0AexKAEFyHsR2zRB4NWrZ6lZSMIxAhBJnmCqwao7b4H8888PsfoTBCLBYIw8vGnej8g==}
-    engines: {node: '>=v14'}
-    dependencies:
-      find-up: 5.0.0
-    dev: true
-
-  /@commitlint/types@17.4.4:
-    resolution: {integrity: sha512-amRN8tRLYOsxRr6mTnGGGvB5EmW/4DDjLMgiwK3CCVEmN6Sr/6xePGEpWaspKkckILuUORCwe6VfDBw6uj4axQ==}
-    engines: {node: '>=v14'}
-    dependencies:
-      chalk: 4.1.2
-    dev: true
-
-  /@cspotcode/source-map-support@0.8.1:
-    resolution: {integrity: sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==}
-    engines: {node: '>=12'}
-    dependencies:
-      '@jridgewell/trace-mapping': 0.3.9
-    dev: true
-
-  /@csstools/css-parser-algorithms@2.3.1(@csstools/css-tokenizer@2.2.0):
-    resolution: {integrity: sha512-xrvsmVUtefWMWQsGgFffqWSK03pZ1vfDki4IVIIUxxDKnGBzqNgv0A7SB1oXtVNEkcVO8xi1ZrTL29HhSu5kGA==}
-    engines: {node: ^14 || ^16 || >=18}
-    peerDependencies:
-      '@csstools/css-tokenizer': ^2.2.0
-    dependencies:
-      '@csstools/css-tokenizer': 2.2.0
-    dev: true
-
-  /@csstools/css-tokenizer@2.2.0:
-    resolution: {integrity: sha512-wErmsWCbsmig8sQKkM6pFhr/oPha1bHfvxsUY5CYSQxwyhA9Ulrs8EqCgClhg4Tgg2XapVstGqSVcz0xOYizZA==}
-    engines: {node: ^14 || ^16 || >=18}
-    dev: true
-
-  /@csstools/media-query-list-parser@2.1.4(@csstools/css-parser-algorithms@2.3.1)(@csstools/css-tokenizer@2.2.0):
-    resolution: {integrity: sha512-V/OUXYX91tAC1CDsiY+HotIcJR+vPtzrX8pCplCpT++i8ThZZsq5F5dzZh/bDM3WUOjrvC1ljed1oSJxMfjqhw==}
-    engines: {node: ^14 || ^16 || >=18}
-    peerDependencies:
-      '@csstools/css-parser-algorithms': ^2.3.1
-      '@csstools/css-tokenizer': ^2.2.0
-    dependencies:
-      '@csstools/css-parser-algorithms': 2.3.1(@csstools/css-tokenizer@2.2.0)
-      '@csstools/css-tokenizer': 2.2.0
-    dev: true
-
-  /@csstools/selector-specificity@3.0.0(postcss-selector-parser@6.0.13):
-    resolution: {integrity: sha512-hBI9tfBtuPIi885ZsZ32IMEU/5nlZH/KOVYJCOh7gyMxaVLGmLedYqFN6Ui1LXkI8JlC8IsuC0rF0btcRZKd5g==}
-    engines: {node: ^14 || ^16 || >=18}
-    peerDependencies:
-      postcss-selector-parser: ^6.0.13
-    dependencies:
-      postcss-selector-parser: 6.0.13
-    dev: true
-
-  /@ctrl/tinycolor@3.6.0:
-    resolution: {integrity: sha512-/Z3l6pXthq0JvMYdUFyX9j0MaCltlIn6mfh9jLyQwg5aPKxkyNa0PTHtU1AlFXLNk55ZuAeJRcpvq+tmLfKmaQ==}
-    engines: {node: '>=10'}
-    dev: false
-
-  /@element-plus/icons-vue@2.1.0(vue@3.3.4):
-    resolution: {integrity: sha512-PSBn3elNoanENc1vnCfh+3WA9fimRC7n+fWkf3rE5jvv+aBohNHABC/KAR5KWPecxWxDTVT1ERpRbOMRcOV/vA==}
-    peerDependencies:
-      vue: ^3.2.0
-    dependencies:
-      vue: 3.3.4
-    dev: false
-
-  /@esbuild/android-arm64@0.18.11:
-    resolution: {integrity: sha512-snieiq75Z1z5LJX9cduSAjUr7vEI1OdlzFPMw0HH5YI7qQHDd3qs+WZoMrWYDsfRJSq36lIA6mfZBkvL46KoIw==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [android]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/android-arm@0.18.11:
-    resolution: {integrity: sha512-q4qlUf5ucwbUJZXF5tEQ8LF7y0Nk4P58hOsGk3ucY0oCwgQqAnqXVbUuahCddVHfrxmpyewRpiTHwVHIETYu7Q==}
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [android]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/android-x64@0.18.11:
-    resolution: {integrity: sha512-iPuoxQEV34+hTF6FT7om+Qwziv1U519lEOvekXO9zaMMlT9+XneAhKL32DW3H7okrCOBQ44BMihE8dclbZtTuw==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [android]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/darwin-arm64@0.18.11:
-    resolution: {integrity: sha512-Gm0QkI3k402OpfMKyQEEMG0RuW2LQsSmI6OeO4El2ojJMoF5NLYb3qMIjvbG/lbMeLOGiW6ooU8xqc+S0fgz2w==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [darwin]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/darwin-x64@0.18.11:
-    resolution: {integrity: sha512-N15Vzy0YNHu6cfyDOjiyfJlRJCB/ngKOAvoBf1qybG3eOq0SL2Lutzz9N7DYUbb7Q23XtHPn6lMDF6uWbGv9Fw==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [darwin]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/freebsd-arm64@0.18.11:
-    resolution: {integrity: sha512-atEyuq6a3omEY5qAh5jIORWk8MzFnCpSTUruBgeyN9jZq1K/QI9uke0ATi3MHu4L8c59CnIi4+1jDKMuqmR71A==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [freebsd]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/freebsd-x64@0.18.11:
-    resolution: {integrity: sha512-XtuPrEfBj/YYYnAAB7KcorzzpGTvOr/dTtXPGesRfmflqhA4LMF0Gh/n5+a9JBzPuJ+CGk17CA++Hmr1F/gI0Q==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [freebsd]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/linux-arm64@0.18.11:
-    resolution: {integrity: sha512-c6Vh2WS9VFKxKZ2TvJdA7gdy0n6eSy+yunBvv4aqNCEhSWVor1TU43wNRp2YLO9Vng2G+W94aRz+ILDSwAiYog==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/linux-arm@0.18.11:
-    resolution: {integrity: sha512-Idipz+Taso/toi2ETugShXjQ3S59b6m62KmLHkJlSq/cBejixmIydqrtM2XTvNCywFl3VC7SreSf6NV0i6sRyg==}
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/linux-ia32@0.18.11:
-    resolution: {integrity: sha512-S3hkIF6KUqRh9n1Q0dSyYcWmcVa9Cg+mSoZEfFuzoYXXsk6196qndrM+ZiHNwpZKi3XOXpShZZ+9dfN5ykqjjw==}
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/linux-loong64@0.18.11:
-    resolution: {integrity: sha512-MRESANOoObQINBA+RMZW+Z0TJWpibtE7cPFnahzyQHDCA9X9LOmGh68MVimZlM9J8n5Ia8lU773te6O3ILW8kw==}
-    engines: {node: '>=12'}
-    cpu: [loong64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/linux-mips64el@0.18.11:
-    resolution: {integrity: sha512-qVyPIZrXNMOLYegtD1u8EBccCrBVshxMrn5MkuFc3mEVsw7CCQHaqZ4jm9hbn4gWY95XFnb7i4SsT3eflxZsUg==}
-    engines: {node: '>=12'}
-    cpu: [mips64el]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/linux-ppc64@0.18.11:
-    resolution: {integrity: sha512-T3yd8vJXfPirZaUOoA9D2ZjxZX4Gr3QuC3GztBJA6PklLotc/7sXTOuuRkhE9W/5JvJP/K9b99ayPNAD+R+4qQ==}
-    engines: {node: '>=12'}
-    cpu: [ppc64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/linux-riscv64@0.18.11:
-    resolution: {integrity: sha512-evUoRPWiwuFk++snjH9e2cAjF5VVSTj+Dnf+rkO/Q20tRqv+644279TZlPK8nUGunjPAtQRCj1jQkDAvL6rm2w==}
-    engines: {node: '>=12'}
-    cpu: [riscv64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/linux-s390x@0.18.11:
-    resolution: {integrity: sha512-/SlRJ15XR6i93gRWquRxYCfhTeC5PdqEapKoLbX63PLCmAkXZHY2uQm2l9bN0oPHBsOw2IswRZctMYS0MijFcg==}
-    engines: {node: '>=12'}
-    cpu: [s390x]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/linux-x64@0.18.11:
-    resolution: {integrity: sha512-xcncej+wF16WEmIwPtCHi0qmx1FweBqgsRtEL1mSHLFR6/mb3GEZfLQnx+pUDfRDEM4DQF8dpXIW7eDOZl1IbA==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/netbsd-x64@0.18.11:
-    resolution: {integrity: sha512-aSjMHj/F7BuS1CptSXNg6S3M4F3bLp5wfFPIJM+Km2NfIVfFKhdmfHF9frhiCLIGVzDziggqWll0B+9AUbud/Q==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [netbsd]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/openbsd-x64@0.18.11:
-    resolution: {integrity: sha512-tNBq+6XIBZtht0xJGv7IBB5XaSyvYPCm1PxJ33zLQONdZoLVM0bgGqUrXnJyiEguD9LU4AHiu+GCXy/Hm9LsdQ==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [openbsd]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/sunos-x64@0.18.11:
-    resolution: {integrity: sha512-kxfbDOrH4dHuAAOhr7D7EqaYf+W45LsAOOhAet99EyuxxQmjbk8M9N4ezHcEiCYPaiW8Dj3K26Z2V17Gt6p3ng==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [sunos]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/win32-arm64@0.18.11:
-    resolution: {integrity: sha512-Sh0dDRyk1Xi348idbal7lZyfSkjhJsdFeuC13zqdipsvMetlGiFQNdO+Yfp6f6B4FbyQm7qsk16yaZk25LChzg==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/win32-ia32@0.18.11:
-    resolution: {integrity: sha512-o9JUIKF1j0rqJTFbIoF4bXj6rvrTZYOrfRcGyL0Vm5uJ/j5CkBD/51tpdxe9lXEDouhRgdr/BYzUrDOvrWwJpg==}
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/win32-x64@0.18.11:
-    resolution: {integrity: sha512-rQI4cjLHd2hGsM1LqgDI7oOCYbQ6IBOVsX9ejuRMSze0GqXUG2ekwiKkiBU1pRGSeCqFFHxTrcEydB2Hyoz9CA==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@eslint-community/eslint-utils@4.4.0(eslint@8.49.0):
-    resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
-    dependencies:
-      eslint: 8.49.0
-      eslint-visitor-keys: 3.4.3
-    dev: true
-
-  /@eslint-community/regexpp@4.6.2:
-    resolution: {integrity: sha512-pPTNuaAG3QMH+buKyBIGJs3g/S5y0caxw0ygM3YyE6yJFySwiGGSzA+mM3KJ8QQvzeLh3blwgSonkFjgQdxzMw==}
-    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
-    dev: true
-
-  /@eslint/eslintrc@2.1.2:
-    resolution: {integrity: sha512-+wvgpDsrB1YqAMdEUCcnTlpfVBH7Vqn6A/NT3D8WVXFIaKMlErPIZT3oCIAVCOtarRpMtelZLqJeU3t7WY6X6g==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dependencies:
-      ajv: 6.12.6
-      debug: 4.3.4
-      espree: 9.6.1
-      globals: 13.20.0
-      ignore: 5.2.4
-      import-fresh: 3.3.0
-      js-yaml: 4.1.0
-      minimatch: 3.1.2
-      strip-json-comments: 3.1.1
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /@eslint/js@8.49.0:
-    resolution: {integrity: sha512-1S8uAY/MTJqVx0SC4epBq+N2yhuwtNwLbJYNZyhL2pO1ZVKn5HFXav5T41Ryzy9K9V7ZId2JB2oy/W4aCd9/2w==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dev: true
-
-  /@floating-ui/core@1.2.4:
-    resolution: {integrity: sha512-SQOeVbMwb1di+mVWWJLpsUTToKfqVNioXys011beCAhyOIFtS+GQoW4EQSneuxzmQKddExDwQ+X0hLl4lJJaSQ==}
-    dev: false
-
-  /@floating-ui/dom@1.2.4:
-    resolution: {integrity: sha512-4+k+BLhtWj+peCU60gp0+rHeR8+Ohqx6kjJf/lHMnJ8JD5Qj6jytcq1+SZzRwD7rvHKRhR7TDiWWddrNrfwQLg==}
-    dependencies:
-      '@floating-ui/core': 1.2.4
-    dev: false
-
-  /@humanwhocodes/config-array@0.11.11:
-    resolution: {integrity: sha512-N2brEuAadi0CcdeMXUkhbZB84eskAc8MEX1By6qEchoVywSgXPIjou4rYsl0V3Hj0ZnuGycGCjdNgockbzeWNA==}
-    engines: {node: '>=10.10.0'}
-    dependencies:
-      '@humanwhocodes/object-schema': 1.2.1
-      debug: 4.3.4
-      minimatch: 3.1.2
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /@humanwhocodes/module-importer@1.0.1:
-    resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
-    engines: {node: '>=12.22'}
-    dev: true
-
-  /@humanwhocodes/object-schema@1.2.1:
-    resolution: {integrity: sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==}
-    dev: true
-
-  /@hutson/parse-repository-url@3.0.2:
-    resolution: {integrity: sha512-H9XAx3hc0BQHY6l+IFSWHDySypcXsvsuLhgYLUGywmJ5pswRVQJUHpOsobnLYp2ZUaUlKiKDrgWWhosOwAEM8Q==}
-    engines: {node: '>=6.9.0'}
-    dev: true
-
-  /@jridgewell/gen-mapping@0.1.1:
-    resolution: {integrity: sha512-sQXCasFk+U8lWYEe66WxRDOE9PjVz4vSM51fTu3Hw+ClTpUSQb718772vH3pyS5pShp6lvQM7SxgIDXXXmOX7w==}
-    engines: {node: '>=6.0.0'}
-    dependencies:
-      '@jridgewell/set-array': 1.1.2
-      '@jridgewell/sourcemap-codec': 1.4.14
-    dev: true
-
-  /@jridgewell/gen-mapping@0.3.2:
-    resolution: {integrity: sha512-mh65xKQAzI6iBcFzwv28KVWSmCkdRBWoOh+bYQGW3+6OZvbbN3TqMGo5hqYxQniRcH9F2VZIoJCm4pa3BPDK/A==}
-    engines: {node: '>=6.0.0'}
-    dependencies:
-      '@jridgewell/set-array': 1.1.2
-      '@jridgewell/sourcemap-codec': 1.4.14
-      '@jridgewell/trace-mapping': 0.3.17
-    dev: true
-
-  /@jridgewell/resolve-uri@3.1.0:
-    resolution: {integrity: sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==}
-    engines: {node: '>=6.0.0'}
-    dev: true
-
-  /@jridgewell/set-array@1.1.2:
-    resolution: {integrity: sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==}
-    engines: {node: '>=6.0.0'}
-    dev: true
-
-  /@jridgewell/source-map@0.3.2:
-    resolution: {integrity: sha512-m7O9o2uR8k2ObDysZYzdfhb08VuEml5oWGiosa1VdaPZ/A6QyPkAJuwN0Q1lhULOf6B7MtQmHENS743hWtCrgw==}
-    dependencies:
-      '@jridgewell/gen-mapping': 0.3.2
-      '@jridgewell/trace-mapping': 0.3.17
-    dev: true
-
-  /@jridgewell/sourcemap-codec@1.4.14:
-    resolution: {integrity: sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==}
-
-  /@jridgewell/trace-mapping@0.3.17:
-    resolution: {integrity: sha512-MCNzAp77qzKca9+W/+I0+sEpaUnZoeasnghNeVc41VZCEKaCH73Vq3BZZ/SzWIgrqE4H4ceI+p+b6C0mHf9T4g==}
-    dependencies:
-      '@jridgewell/resolve-uri': 3.1.0
-      '@jridgewell/sourcemap-codec': 1.4.14
-    dev: true
-
-  /@jridgewell/trace-mapping@0.3.9:
-    resolution: {integrity: sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==}
-    dependencies:
-      '@jridgewell/resolve-uri': 3.1.0
-      '@jridgewell/sourcemap-codec': 1.4.14
-    dev: true
-
-  /@nodelib/fs.scandir@2.1.5:
-    resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
-    engines: {node: '>= 8'}
-    dependencies:
-      '@nodelib/fs.stat': 2.0.5
-      run-parallel: 1.2.0
-    dev: true
-
-  /@nodelib/fs.stat@2.0.5:
-    resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==}
-    engines: {node: '>= 8'}
-    dev: true
-
-  /@nodelib/fs.walk@1.2.8:
-    resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
-    engines: {node: '>= 8'}
-    dependencies:
-      '@nodelib/fs.scandir': 2.1.5
-      fastq: 1.15.0
-    dev: true
-
-  /@pkgr/utils@2.4.2:
-    resolution: {integrity: sha512-POgTXhjrTfbTV63DiFXav4lBHiICLKKwDeaKn9Nphwj7WH6m0hMMCaJkMyRWjgtPFyRKRVoMXXjczsTQRDEhYw==}
-    engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
-    dependencies:
-      cross-spawn: 7.0.3
-      fast-glob: 3.3.0
-      is-glob: 4.0.3
-      open: 9.1.0
-      picocolors: 1.0.0
-      tslib: 2.6.1
-    dev: true
-
-  /@rollup/plugin-babel@5.3.1(@babel/core@7.22.19)(rollup@2.79.1):
-    resolution: {integrity: sha512-WFfdLWU/xVWKeRQnKmIAQULUI7Il0gZnBIH/ZFO069wYIfPu+8zrfp/KMW0atmELoRDq8FbiP3VCss9MhCut7Q==}
-    engines: {node: '>= 10.0.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0
-      '@types/babel__core': ^7.1.9
-      rollup: ^1.20.0||^2.0.0
-    peerDependenciesMeta:
-      '@types/babel__core':
-        optional: true
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-module-imports': 7.22.15
-      '@rollup/pluginutils': 3.1.0(rollup@2.79.1)
-      rollup: 2.79.1
-    dev: true
-
-  /@rollup/plugin-node-resolve@11.2.1(rollup@2.79.1):
-    resolution: {integrity: sha512-yc2n43jcqVyGE2sqV5/YCmocy9ArjVAP/BeXyTtADTBBX6V0e5UMqwO8CdQ0kzjb6zu5P1qMzsScCMRvE9OlVg==}
-    engines: {node: '>= 10.0.0'}
-    peerDependencies:
-      rollup: ^1.20.0||^2.0.0
-    dependencies:
-      '@rollup/pluginutils': 3.1.0(rollup@2.79.1)
-      '@types/resolve': 1.17.1
-      builtin-modules: 3.3.0
-      deepmerge: 4.3.1
-      is-module: 1.0.0
-      resolve: 1.22.1
-      rollup: 2.79.1
-    dev: true
-
-  /@rollup/plugin-replace@2.4.2(rollup@2.79.1):
-    resolution: {integrity: sha512-IGcu+cydlUMZ5En85jxHH4qj2hta/11BHq95iHEyb2sbgiN0eCdzvUcHw5gt9pBL5lTi4JDYJ1acCoMGpTvEZg==}
-    peerDependencies:
-      rollup: ^1.20.0 || ^2.0.0
-    dependencies:
-      '@rollup/pluginutils': 3.1.0(rollup@2.79.1)
-      magic-string: 0.25.9
-      rollup: 2.79.1
-    dev: true
-
-  /@rollup/pluginutils@3.1.0(rollup@2.79.1):
-    resolution: {integrity: sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg==}
-    engines: {node: '>= 8.0.0'}
-    peerDependencies:
-      rollup: ^1.20.0||^2.0.0
-    dependencies:
-      '@types/estree': 0.0.39
-      estree-walker: 1.0.1
-      picomatch: 2.3.1
-      rollup: 2.79.1
-    dev: true
-
-  /@rollup/pluginutils@4.2.1:
-    resolution: {integrity: sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==}
-    engines: {node: '>= 8.0.0'}
-    dependencies:
-      estree-walker: 2.0.2
-      picomatch: 2.3.1
-    dev: true
-
-  /@surma/rollup-plugin-off-main-thread@2.2.3:
-    resolution: {integrity: sha512-lR8q/9W7hZpMWweNiAKU7NQerBnzQQLvi8qnTDU/fxItPhtZVMbPV3lbCwjhIlNBe9Bbr5V+KHshvWmVSG9cxQ==}
-    dependencies:
-      ejs: 3.1.9
-      json5: 2.2.3
-      magic-string: 0.25.9
-      string.prototype.matchall: 4.0.8
-    dev: true
-
-  /@sxzz/popperjs-es@2.11.7:
-    resolution: {integrity: sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ==}
-    dev: false
-
-  /@trysound/sax@0.2.0:
-    resolution: {integrity: sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==}
-    engines: {node: '>=10.13.0'}
-    dev: true
-
-  /@tsconfig/node10@1.0.9:
-    resolution: {integrity: sha512-jNsYVVxU8v5g43Erja32laIDHXeoNvFEpX33OK4d6hljo3jDhCBDhx5dhCCTMWUojscpAagGiRkBKxpdl9fxqA==}
-    dev: true
-
-  /@tsconfig/node12@1.0.11:
-    resolution: {integrity: sha512-cqefuRsh12pWyGsIoBKJA9luFu3mRxCA+ORZvA4ktLSzIuCUtWVxGIuXigEwO5/ywWFMZ2QEGKWvkZG1zDMTag==}
-    dev: true
-
-  /@tsconfig/node14@1.0.3:
-    resolution: {integrity: sha512-ysT8mhdixWK6Hw3i1V2AeRqZ5WfXg1G43mqoYlM2nc6388Fq5jcXyr5mRsqViLx/GJYdoL0bfXD8nmF+Zn/Iow==}
-    dev: true
-
-  /@tsconfig/node16@1.0.3:
-    resolution: {integrity: sha512-yOlFc+7UtL/89t2ZhjPvvB/DeAr3r+Dq58IgzsFkOAvVC6NMJXmCGjbptdXdR9qsX7pKcTL+s87FtYREi2dEEQ==}
-    dev: true
-
-  /@types/eslint@8.21.2:
-    resolution: {integrity: sha512-EMpxUyystd3uZVByZap1DACsMXvb82ypQnGn89e1Y0a+LYu3JJscUd/gqhRsVFDkaD2MIiWo0MT8EfXr3DGRKw==}
-    dependencies:
-      '@types/estree': 1.0.0
-      '@types/json-schema': 7.0.11
-    dev: true
-
-  /@types/estree@0.0.39:
-    resolution: {integrity: sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==}
-    dev: true
-
-  /@types/estree@1.0.0:
-    resolution: {integrity: sha512-WulqXMDUTYAXCjZnk6JtIHPigp55cVtDgDrO2gHRwhyJto21+1zbVCtOYB2L1F9w4qCQ0rOGWBnBe0FNTiEJIQ==}
-    dev: true
-
-  /@types/json-schema@7.0.11:
-    resolution: {integrity: sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==}
-    dev: true
-
-  /@types/json-schema@7.0.12:
-    resolution: {integrity: sha512-Hr5Jfhc9eYOQNPYO5WLDq/n4jqijdHNlDXjuAQkkt+mWdQR+XJToOHrsD4cPaMXpn6KO7y2+wM8AZEs8VpBLVA==}
-    dev: true
-
-  /@types/lodash-es@4.17.7:
-    resolution: {integrity: sha512-z0ptr6UI10VlU6l5MYhGwS4mC8DZyYer2mCoyysZtSF7p26zOX8UpbrV0YpNYLGS8K4PUFIyEr62IMFFjveSiQ==}
-    dependencies:
-      '@types/lodash': 4.14.191
-    dev: false
-
-  /@types/lodash@4.14.191:
-    resolution: {integrity: sha512-BdZ5BCCvho3EIXw6wUCXHe7rS53AIDPLE+JzwgT+OsJk53oBfbSmZZ7CX4VaRoN78N+TJpFi9QPlfIVNmJYWxQ==}
-    dev: false
-
-  /@types/md5@2.3.2:
-    resolution: {integrity: sha512-v+JFDu96+UYJ3/UWzB0mEglIS//MZXgRaJ4ubUPwOM0gvLc/kcQ3TWNYwENEK7/EcXGQVrW8h/XqednSjBd/Og==}
-    dev: true
-
-  /@types/minimist@1.2.2:
-    resolution: {integrity: sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==}
-    dev: true
-
-  /@types/node@18.15.3:
-    resolution: {integrity: sha512-p6ua9zBxz5otCmbpb5D3U4B5Nanw6Pk3PPyX05xnxbB/fRv71N7CPmORg7uAD5P70T0xmx1pzAx/FUfa5X+3cw==}
-    dev: true
-
-  /@types/node@20.4.7:
-    resolution: {integrity: sha512-bUBrPjEry2QUTsnuEjzjbS7voGWCc30W0qzgMf90GPeDGFRakvrz47ju+oqDAKCXLUCe39u57/ORMl/O/04/9g==}
-    dev: true
-
-  /@types/normalize-package-data@2.4.1:
-    resolution: {integrity: sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==}
-    dev: true
-
-  /@types/nprogress@0.2.0:
-    resolution: {integrity: sha512-1cYJrqq9GezNFPsWTZpFut/d4CjpZqA0vhqDUPFWYKF1oIyBz5qnoYMzR+0C/T96t3ebLAC1SSnwrVOm5/j74A==}
-    dev: true
-
-  /@types/qs@6.9.8:
-    resolution: {integrity: sha512-u95svzDlTysU5xecFNTgfFG5RUWu1A9P0VzgpcIiGZA9iraHOdSzcxMxQ55DyeRaGCSxQi7LxXDI4rzq/MYfdg==}
-    dev: true
-
-  /@types/resolve@1.17.1:
-    resolution: {integrity: sha512-yy7HuzQhj0dhGpD8RLXSZWEkLsV9ibvxvi6EiJ3bkqLAO1RGo0WbkWQiwpRlSFymTJRz0d3k5LM3kkx8ArDbLw==}
-    dependencies:
-      '@types/node': 20.4.7
-    dev: true
-
-  /@types/semver@7.5.0:
-    resolution: {integrity: sha512-G8hZ6XJiHnuhQKR7ZmysCeJWE08o8T0AXtk5darsCaTVsYZhhgUrq53jizaR2FvsoeCwJhlmwTjkXBY5Pn/ZHw==}
-    dev: true
-
-  /@types/sortablejs@1.15.2:
-    resolution: {integrity: sha512-mOIv/EnPMzAZAVbuh9uGjOZ1BBdimP9Y6IPGntsvQJtko5yapSDKB7GwB3AOlF5N3bkpk4sBwQRpS3aEkiUbaA==}
-    dev: true
-
-  /@types/svgo@2.6.4:
-    resolution: {integrity: sha512-l4cmyPEckf8moNYHdJ+4wkHvFxjyW6ulm9l4YGaOxeyBWPhBOT0gvni1InpFPdzx1dKf/2s62qGITwxNWnPQng==}
-    dependencies:
-      '@types/node': 18.15.3
-    dev: true
-
-  /@types/trusted-types@2.0.3:
-    resolution: {integrity: sha512-NfQ4gyz38SL8sDNrSixxU2Os1a5xcdFxipAFxYEuLUlvU2uDwS4NUpsImcf1//SlWItCVMMLiylsxbmNMToV/g==}
-    dev: true
-
-  /@types/web-bluetooth@0.0.16:
-    resolution: {integrity: sha512-oh8q2Zc32S6gd/j50GowEjKLoOVOwHP/bWVjKJInBwQqdOYMdPrf1oVlelTlyfFK3CKxL1uahMDAr+vy8T7yMQ==}
-    dev: false
-
-  /@types/web-bluetooth@0.0.17:
-    resolution: {integrity: sha512-4p9vcSmxAayx72yn70joFoL44c9MO/0+iVEBIQXe3v2h2SiAsEIo/G5v6ObFWvNKRFjbrVadNf9LqEEZeQPzdA==}
-    dev: false
-
-  /@typescript-eslint/eslint-plugin@6.7.0(@typescript-eslint/parser@6.7.0)(eslint@8.49.0)(typescript@5.1.6):
-    resolution: {integrity: sha512-gUqtknHm0TDs1LhY12K2NA3Rmlmp88jK9Tx8vGZMfHeNMLE3GH2e9TRub+y+SOjuYgtOmok+wt1AyDPZqxbNag==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      '@typescript-eslint/parser': ^6.0.0 || ^6.0.0-alpha
-      eslint: ^7.0.0 || ^8.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-    dependencies:
-      '@eslint-community/regexpp': 4.6.2
-      '@typescript-eslint/parser': 6.7.0(eslint@8.49.0)(typescript@5.1.6)
-      '@typescript-eslint/scope-manager': 6.7.0
-      '@typescript-eslint/type-utils': 6.7.0(eslint@8.49.0)(typescript@5.1.6)
-      '@typescript-eslint/utils': 6.7.0(eslint@8.49.0)(typescript@5.1.6)
-      '@typescript-eslint/visitor-keys': 6.7.0
-      debug: 4.3.4
-      eslint: 8.49.0
-      graphemer: 1.4.0
-      ignore: 5.2.4
-      natural-compare: 1.4.0
-      semver: 7.5.4
-      ts-api-utils: 1.0.1(typescript@5.1.6)
-      typescript: 5.1.6
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /@typescript-eslint/parser@6.7.0(eslint@8.49.0)(typescript@5.1.6):
-    resolution: {integrity: sha512-jZKYwqNpNm5kzPVP5z1JXAuxjtl2uG+5NpaMocFPTNC2EdYIgbXIPImObOkhbONxtFTTdoZstLZefbaK+wXZng==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-    dependencies:
-      '@typescript-eslint/scope-manager': 6.7.0
-      '@typescript-eslint/types': 6.7.0
-      '@typescript-eslint/typescript-estree': 6.7.0(typescript@5.1.6)
-      '@typescript-eslint/visitor-keys': 6.7.0
-      debug: 4.3.4
-      eslint: 8.49.0
-      typescript: 5.1.6
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /@typescript-eslint/scope-manager@6.7.0:
-    resolution: {integrity: sha512-lAT1Uau20lQyjoLUQ5FUMSX/dS07qux9rYd5FGzKz/Kf8W8ccuvMyldb8hadHdK/qOI7aikvQWqulnEq2nCEYA==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    dependencies:
-      '@typescript-eslint/types': 6.7.0
-      '@typescript-eslint/visitor-keys': 6.7.0
-    dev: true
-
-  /@typescript-eslint/type-utils@6.7.0(eslint@8.49.0)(typescript@5.1.6):
-    resolution: {integrity: sha512-f/QabJgDAlpSz3qduCyQT0Fw7hHpmhOzY/Rv6zO3yO+HVIdPfIWhrQoAyG+uZVtWAIS85zAyzgAFfyEr+MgBpg==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-    dependencies:
-      '@typescript-eslint/typescript-estree': 6.7.0(typescript@5.1.6)
-      '@typescript-eslint/utils': 6.7.0(eslint@8.49.0)(typescript@5.1.6)
-      debug: 4.3.4
-      eslint: 8.49.0
-      ts-api-utils: 1.0.1(typescript@5.1.6)
-      typescript: 5.1.6
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /@typescript-eslint/types@6.7.0:
-    resolution: {integrity: sha512-ihPfvOp7pOcN/ysoj0RpBPOx3HQTJTrIN8UZK+WFd3/iDeFHHqeyYxa4hQk4rMhsz9H9mXpR61IzwlBVGXtl9Q==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    dev: true
-
-  /@typescript-eslint/typescript-estree@6.7.0(typescript@5.1.6):
-    resolution: {integrity: sha512-dPvkXj3n6e9yd/0LfojNU8VMUGHWiLuBZvbM6V6QYD+2qxqInE7J+J/ieY2iGwR9ivf/R/haWGkIj04WVUeiSQ==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-    dependencies:
-      '@typescript-eslint/types': 6.7.0
-      '@typescript-eslint/visitor-keys': 6.7.0
-      debug: 4.3.4
-      globby: 11.1.0
-      is-glob: 4.0.3
-      semver: 7.5.4
-      ts-api-utils: 1.0.1(typescript@5.1.6)
-      typescript: 5.1.6
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /@typescript-eslint/utils@6.7.0(eslint@8.49.0)(typescript@5.1.6):
-    resolution: {integrity: sha512-MfCq3cM0vh2slSikQYqK2Gq52gvOhe57vD2RM3V4gQRZYX4rDPnKLu5p6cm89+LJiGlwEXU8hkYxhqqEC/V3qA==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0
-    dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.49.0)
-      '@types/json-schema': 7.0.12
-      '@types/semver': 7.5.0
-      '@typescript-eslint/scope-manager': 6.7.0
-      '@typescript-eslint/types': 6.7.0
-      '@typescript-eslint/typescript-estree': 6.7.0(typescript@5.1.6)
-      eslint: 8.49.0
-      semver: 7.5.4
-    transitivePeerDependencies:
-      - supports-color
-      - typescript
-    dev: true
-
-  /@typescript-eslint/visitor-keys@6.7.0:
-    resolution: {integrity: sha512-/C1RVgKFDmGMcVGeD8HjKv2bd72oI1KxQDeY8uc66gw9R0OK0eMq48cA+jv9/2Ag6cdrsUGySm1yzYmfz0hxwQ==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    dependencies:
-      '@typescript-eslint/types': 6.7.0
-      eslint-visitor-keys: 3.4.3
-    dev: true
-
-  /@vitejs/plugin-vue-jsx@3.0.2(vite@4.4.9)(vue@3.3.4):
-    resolution: {integrity: sha512-obF26P2Z4Ogy3cPp07B4VaW6rpiu0ue4OT2Y15UxT5BZZ76haUY9guOsZV3uWh/I6xc+VeiW+ZVabRE82FyzWw==}
-    engines: {node: ^14.18.0 || >=16.0.0}
-    peerDependencies:
-      vite: ^4.0.0
-      vue: ^3.0.0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/plugin-transform-typescript': 7.22.15(@babel/core@7.22.19)
-      '@vue/babel-plugin-jsx': 1.1.5(@babel/core@7.22.19)
-      vite: 4.4.9(@types/node@20.4.7)(sass@1.66.1)
-      vue: 3.3.4
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /@vitejs/plugin-vue@4.3.4(vite@4.4.9)(vue@3.3.4):
-    resolution: {integrity: sha512-ciXNIHKPriERBisHFBvnTbfKa6r9SAesOYXeGDzgegcvy9Q4xdScSHAmKbNT0M3O0S9LKhIf5/G+UYG4NnnzYw==}
-    engines: {node: ^14.18.0 || >=16.0.0}
-    peerDependencies:
-      vite: ^4.0.0
-      vue: ^3.2.25
-    dependencies:
-      vite: 4.4.9(@types/node@20.4.7)(sass@1.66.1)
-      vue: 3.3.4
-    dev: true
-
-  /@volar/language-core@1.10.0:
-    resolution: {integrity: sha512-ddyWwSYqcbEZNFHm+Z3NZd6M7Ihjcwl/9B5cZd8kECdimVXUFdFi60XHWD27nrWtUQIsUYIG7Ca1WBwV2u2LSQ==}
-    dependencies:
-      '@volar/source-map': 1.10.0
-    dev: true
-
-  /@volar/source-map@1.10.0:
-    resolution: {integrity: sha512-/ibWdcOzDGiq/GM1JU2eX8fH1bvAhl66hfe8yEgLEzg9txgr6qb5sQ/DEz5PcDL75tF5H5sCRRwn8Eu8ezi9mw==}
-    dependencies:
-      muggle-string: 0.3.1
-    dev: true
-
-  /@volar/typescript@1.10.0:
-    resolution: {integrity: sha512-OtqGtFbUKYC0pLNIk3mHQp5xWnvL1CJIUc9VE39VdZ/oqpoBh5jKfb9uJ45Y4/oP/WYTrif/Uxl1k8VTPz66Gg==}
-    dependencies:
-      '@volar/language-core': 1.10.0
-    dev: true
-
-  /@vue/babel-helper-vue-transform-on@1.1.5:
-    resolution: {integrity: sha512-SgUymFpMoAyWeYWLAY+MkCK3QEROsiUnfaw5zxOVD/M64KQs8D/4oK6Q5omVA2hnvEOE0SCkH2TZxs/jnnUj7w==}
-    dev: true
-
-  /@vue/babel-plugin-jsx@1.1.5(@babel/core@7.22.19):
-    resolution: {integrity: sha512-nKs1/Bg9U1n3qSWnsHhCVQtAzI6aQXqua8j/bZrau8ywT1ilXQbK4FwEJGmU8fV7tcpuFvWmmN7TMmV1OBma1g==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-module-imports': 7.22.15
-      '@babel/plugin-syntax-jsx': 7.22.5(@babel/core@7.22.19)
-      '@babel/template': 7.22.15
-      '@babel/traverse': 7.22.19
-      '@babel/types': 7.22.19
-      '@vue/babel-helper-vue-transform-on': 1.1.5
-      camelcase: 6.3.0
-      html-tags: 3.3.1
-      svg-tags: 1.0.0
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /@vue/compiler-core@3.2.47:
-    resolution: {integrity: sha512-p4D7FDnQb7+YJmO2iPEv0SQNeNzcbHdGByJDsT4lynf63AFkOTFN07HsiRSvjGo0QrxR/o3d0hUyNCUnBU2Tig==}
-    dependencies:
-      '@babel/parser': registry.npmmirror.com/@babel/parser@7.21.8
-      '@vue/shared': registry.npmmirror.com/@vue/shared@3.2.47
-      estree-walker: registry.npmmirror.com/estree-walker@2.0.2
-      source-map: 0.6.1
-    dev: true
-
-  /@vue/compiler-dom@3.2.47:
-    resolution: {integrity: sha512-dBBnEHEPoftUiS03a4ggEig74J2YBZ2UIeyfpcRM2tavgMWo4bsEfgCGsu+uJIL/vax9S+JztH8NmQerUo7shQ==}
-    dependencies:
-      '@vue/compiler-core': registry.npmmirror.com/@vue/compiler-core@3.2.47
-      '@vue/shared': registry.npmmirror.com/@vue/shared@3.2.47
-    dev: true
-
-  /@vue/compiler-dom@3.3.4:
-    resolution: {integrity: sha512-wyM+OjOVpuUukIq6p5+nwHYtj9cFroz9cwkfmP9O1nzH68BenTTv0u7/ndggT8cIQlnBeOo6sUT/gvHcIkLA5w==}
-    dependencies:
-      '@vue/compiler-core': registry.npmmirror.com/@vue/compiler-core@3.3.4
-      '@vue/shared': registry.npmmirror.com/@vue/shared@3.3.4
-
-  /@vue/compiler-sfc@3.2.47:
-    resolution: {integrity: sha512-rog05W+2IFfxjMcFw10tM9+f7i/+FFpZJJ5XHX72NP9eC2uRD+42M3pYcQqDXVYoj74kHMSEdQ/WmCjt8JFksQ==}
-    dependencies:
-      '@babel/parser': 7.21.3
-      '@vue/compiler-core': 3.2.47
-      '@vue/compiler-dom': 3.2.47
-      '@vue/compiler-ssr': 3.2.47
-      '@vue/reactivity-transform': 3.2.47
-      '@vue/shared': 3.2.47
-      estree-walker: 2.0.2
-      magic-string: 0.25.9
-      postcss: 8.4.29
-      source-map: 0.6.1
-    dev: true
-
-  /@vue/compiler-sfc@3.3.4:
-    resolution: {integrity: sha512-6y/d8uw+5TkCuzBkgLS0v3lSM3hJDntFEiUORM11pQ/hKvkhSKZrXW6i69UyXlJQisJxuUEJKAWEqWbWsLeNKQ==}
-    dependencies:
-      '@babel/parser': registry.npmmirror.com/@babel/parser@7.21.8
-      '@vue/compiler-core': registry.npmmirror.com/@vue/compiler-core@3.3.4
-      '@vue/compiler-dom': registry.npmmirror.com/@vue/compiler-dom@3.3.4
-      '@vue/compiler-ssr': 3.3.4
-      '@vue/reactivity-transform': 3.3.4
-      '@vue/shared': registry.npmmirror.com/@vue/shared@3.3.4
-      estree-walker: registry.npmmirror.com/estree-walker@2.0.2
-      magic-string: 0.30.0
-      postcss: 8.4.29
-      source-map-js: registry.npmmirror.com/source-map-js@1.0.2
-
-  /@vue/compiler-ssr@3.2.47:
-    resolution: {integrity: sha512-wVXC+gszhulcMD8wpxMsqSOpvDZ6xKXSVWkf50Guf/S+28hTAXPDYRTbLQ3EDkOP5Xz/+SY37YiwDquKbJOgZw==}
-    dependencies:
-      '@vue/compiler-dom': registry.npmmirror.com/@vue/compiler-dom@3.2.47
-      '@vue/shared': registry.npmmirror.com/@vue/shared@3.2.47
-    dev: true
-
-  /@vue/compiler-ssr@3.3.4:
-    resolution: {integrity: sha512-m0v6oKpup2nMSehwA6Uuu+j+wEwcy7QmwMkVNVfrV9P2qE5KshC6RwOCq8fjGS/Eak/uNb8AaWekfiXxbBB6gQ==}
-    dependencies:
-      '@vue/compiler-dom': registry.npmmirror.com/@vue/compiler-dom@3.3.4
-      '@vue/shared': registry.npmmirror.com/@vue/shared@3.3.4
-
-  /@vue/devtools-api@6.5.0:
-    resolution: {integrity: sha512-o9KfBeaBmCKl10usN4crU53fYtC1r7jJwdGKjPT24t348rHxgfpZ0xL3Xm/gLUYnc0oTp8LAmrxOeLyu6tbk2Q==}
-    dev: false
-
-  /@vue/language-core@1.8.11(typescript@5.1.6):
-    resolution: {integrity: sha512-+MZOBGqGwfld6hpo0DB47x8eNM0dNqk15ZdfOhj19CpvuYuOWCeVdOEGZunKDyo3QLkTn3kLOSysJzg7FDOQBA==}
-    peerDependencies:
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-    dependencies:
-      '@volar/language-core': 1.10.0
-      '@volar/source-map': 1.10.0
-      '@vue/compiler-dom': 3.3.4
-      '@vue/reactivity': 3.3.4
-      '@vue/shared': 3.3.4
-      minimatch: 9.0.0
-      muggle-string: 0.3.1
-      typescript: 5.1.6
-      vue-template-compiler: 2.7.14
-    dev: true
-
-  /@vue/reactivity-transform@3.2.47:
-    resolution: {integrity: sha512-m8lGXw8rdnPVVIdIFhf0LeQ/ixyHkH5plYuS83yop5n7ggVJU+z5v0zecwEnX7fa7HNLBhh2qngJJkxpwEEmYA==}
-    dependencies:
-      '@babel/parser': registry.npmmirror.com/@babel/parser@7.21.8
-      '@vue/compiler-core': registry.npmmirror.com/@vue/compiler-core@3.2.47
-      '@vue/shared': registry.npmmirror.com/@vue/shared@3.2.47
-      estree-walker: registry.npmmirror.com/estree-walker@2.0.2
-      magic-string: 0.25.9
-    dev: true
-
-  /@vue/reactivity-transform@3.3.4:
-    resolution: {integrity: sha512-MXgwjako4nu5WFLAjpBnCj/ieqcjE2aJBINUNQzkZQfzIZA4xn+0fV1tIYBJvvva3N3OvKGofRLvQIwEQPpaXw==}
-    dependencies:
-      '@babel/parser': registry.npmmirror.com/@babel/parser@7.21.8
-      '@vue/compiler-core': registry.npmmirror.com/@vue/compiler-core@3.3.4
-      '@vue/shared': registry.npmmirror.com/@vue/shared@3.3.4
-      estree-walker: registry.npmmirror.com/estree-walker@2.0.2
-      magic-string: 0.30.0
-
-  /@vue/reactivity@3.3.4:
-    resolution: {integrity: sha512-kLTDLwd0B1jG08NBF3R5rqULtv/f8x3rOFByTDz4J53ttIQEDmALqKqXY0J+XQeN0aV2FBxY8nJDf88yvOPAqQ==}
-    dependencies:
-      '@vue/shared': 3.3.4
-    dev: true
-
-  /@vue/runtime-core@3.3.4:
-    resolution: {integrity: sha512-R+bqxMN6pWO7zGI4OMlmvePOdP2c93GsHFM/siJI7O2nxFRzj55pLwkpCedEY+bTMgp5miZ8CxfIZo3S+gFqvA==}
-    dependencies:
-      '@vue/reactivity': registry.npmmirror.com/@vue/reactivity@3.3.4
-      '@vue/shared': registry.npmmirror.com/@vue/shared@3.3.4
-
-  /@vue/runtime-dom@3.3.4:
-    resolution: {integrity: sha512-Aj5bTJ3u5sFsUckRghsNjVTtxZQ1OyMWCr5dZRAPijF/0Vy4xEoRCwLyHXcj4D0UFbJ4lbx3gPTgg06K/GnPnQ==}
-    dependencies:
-      '@vue/runtime-core': 3.3.4
-      '@vue/shared': registry.npmmirror.com/@vue/shared@3.3.4
-      csstype: 3.1.2
-
-  /@vue/server-renderer@3.3.4(vue@3.3.4):
-    resolution: {integrity: sha512-Q6jDDzR23ViIb67v+vM1Dqntu+HUexQcsWKhhQa4ARVzxOY2HbC7QRW/ggkDBd5BU+uM1sV6XOAP0b216o34JQ==}
-    peerDependencies:
-      vue: 3.3.4
-    dependencies:
-      '@vue/compiler-ssr': 3.3.4
-      '@vue/shared': registry.npmmirror.com/@vue/shared@3.3.4
-      vue: 3.3.4
-
-  /@vue/shared@3.2.47:
-    resolution: {integrity: sha512-BHGyyGN3Q97EZx0taMQ+OLNuZcW3d37ZEVmEAyeoA9ERdGvm9Irc/0Fua8SNyOtV1w6BS4q25wbMzJujO9HIfQ==}
-    dev: true
-
-  /@vue/shared@3.3.4:
-    resolution: {integrity: sha512-7OjdcV8vQ74eiz1TZLzZP4JwqM5fA94K6yntPS5Z25r9HDuGNzaGdgvwKYq6S+MxwF0TFRwe50fIR/MYnakdkQ==}
-
-  /@vue/typescript@1.8.11(typescript@5.1.6):
-    resolution: {integrity: sha512-skUmMDiPUUtu1flPmf2YybF+PX8IzBtMioQOaNn6Ck/RhdrPJGj1AX/7s3Buf9G6ln+/KHR1XQuti/FFxw5XVA==}
-    dependencies:
-      '@volar/typescript': 1.10.0
-      '@vue/language-core': 1.8.11(typescript@5.1.6)
-    transitivePeerDependencies:
-      - typescript
-    dev: true
-
-  /@vueuse/core@10.4.1(vue@3.3.4):
-    resolution: {integrity: sha512-DkHIfMIoSIBjMgRRvdIvxsyboRZQmImofLyOHADqiVbQVilP8VVHDhBX2ZqoItOgu7dWa8oXiNnScOdPLhdEXg==}
-    dependencies:
-      '@types/web-bluetooth': 0.0.17
-      '@vueuse/metadata': 10.4.1
-      '@vueuse/shared': 10.4.1(vue@3.3.4)
-      vue-demi: 0.14.5(vue@3.3.4)
-    transitivePeerDependencies:
-      - '@vue/composition-api'
-      - vue
-    dev: false
-
-  /@vueuse/core@9.13.0(vue@3.3.4):
-    resolution: {integrity: sha512-pujnclbeHWxxPRqXWmdkKV5OX4Wk4YeK7wusHqRwU0Q7EFusHoqNA/aPhB6KCh9hEqJkLAJo7bb0Lh9b+OIVzw==}
-    dependencies:
-      '@types/web-bluetooth': 0.0.16
-      '@vueuse/metadata': 9.13.0
-      '@vueuse/shared': 9.13.0(vue@3.3.4)
-      vue-demi: 0.14.5(vue@3.3.4)
-    transitivePeerDependencies:
-      - '@vue/composition-api'
-      - vue
-    dev: false
-
-  /@vueuse/metadata@10.4.1:
-    resolution: {integrity: sha512-2Sc8X+iVzeuMGHr6O2j4gv/zxvQGGOYETYXEc41h0iZXIRnRbJZGmY/QP8dvzqUelf8vg0p/yEA5VpCEu+WpZg==}
-    dev: false
-
-  /@vueuse/metadata@9.13.0:
-    resolution: {integrity: sha512-gdU7TKNAUVlXXLbaF+ZCfte8BjRJQWPCa2J55+7/h+yDtzw3vOoGQDRXzI6pyKyo6bXFT5/QoPE4hAknExjRLQ==}
-    dev: false
-
-  /@vueuse/shared@10.4.1(vue@3.3.4):
-    resolution: {integrity: sha512-vz5hbAM4qA0lDKmcr2y3pPdU+2EVw/yzfRsBdu+6+USGa4PxqSQRYIUC9/NcT06y+ZgaTsyURw2I9qOFaaXHAg==}
-    dependencies:
-      vue-demi: 0.14.5(vue@3.3.4)
-    transitivePeerDependencies:
-      - '@vue/composition-api'
-      - vue
-    dev: false
-
-  /@vueuse/shared@9.13.0(vue@3.3.4):
-    resolution: {integrity: sha512-UrnhU+Cnufu4S6JLCPZnkWh0WwZGUp72ktOF2DFptMlOs3TOdVv8xJN53zhHGARmVOsz5KqOls09+J1NR6sBKw==}
-    dependencies:
-      vue-demi: 0.14.5(vue@3.3.4)
-    transitivePeerDependencies:
-      - '@vue/composition-api'
-      - vue
-    dev: false
-
-  /JSONStream@1.3.5:
-    resolution: {integrity: sha512-E+iruNOY8VV9s4JEbe1aNEm6MiszPRr/UfcHMz0TQh1BXSxHK+ASV1R6W4HpjBhSeS+54PIsAMCBmwD06LLsqQ==}
-    hasBin: true
-    dependencies:
-      jsonparse: 1.3.1
-      through: 2.3.8
-    dev: true
-
-  /acorn-jsx@5.3.2(acorn@8.10.0):
-    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
-    peerDependencies:
-      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
-    dependencies:
-      acorn: 8.10.0
-    dev: true
-
-  /acorn-walk@8.2.0:
-    resolution: {integrity: sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==}
-    engines: {node: '>=0.4.0'}
-    dev: true
-
-  /acorn@8.10.0:
-    resolution: {integrity: sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==}
-    engines: {node: '>=0.4.0'}
-    hasBin: true
-    dev: true
-
-  /acorn@8.8.2:
-    resolution: {integrity: sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==}
-    engines: {node: '>=0.4.0'}
-    hasBin: true
-    dev: true
-
-  /add-stream@1.0.0:
-    resolution: {integrity: sha512-qQLMr+8o0WC4FZGQTcJiKBVC59JylcPSrTtk6usvmIDFUOCKegapy1VHQwRbFMOFyb/inzUVqHs+eMYKDM1YeQ==}
-    dev: true
-
-  /ajv@6.12.6:
-    resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
-    dependencies:
-      fast-deep-equal: 3.1.3
-      fast-json-stable-stringify: 2.1.0
-      json-schema-traverse: 0.4.1
-      uri-js: 4.4.1
-    dev: true
-
-  /ajv@8.12.0:
-    resolution: {integrity: sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==}
-    dependencies:
-      fast-deep-equal: 3.1.3
-      json-schema-traverse: 1.0.0
-      require-from-string: 2.0.2
-      uri-js: 4.4.1
-    dev: true
-
-  /ansi-escapes@5.0.0:
-    resolution: {integrity: sha512-5GFMVX8HqE/TB+FuBJGuO5XG0WrsA6ptUqoODaT/n9mmUaZFkqnBueB4leqGBCmrUHnCnC4PCZTCd0E7QQ83bA==}
-    engines: {node: '>=12'}
-    dependencies:
-      type-fest: 1.4.0
-    dev: true
-
-  /ansi-regex@2.1.1:
-    resolution: {integrity: sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /ansi-regex@5.0.1:
-    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /ansi-regex@6.0.1:
-    resolution: {integrity: sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==}
-    engines: {node: '>=12'}
-    dev: true
-
-  /ansi-styles@2.2.1:
-    resolution: {integrity: sha512-kmCevFghRiWM7HB5zTPULl4r9bVFSWjz62MhqizDGUrq2NWuNMQyuv4tHHoKJHs69M/MF64lEcHdYIocrdWQYA==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /ansi-styles@3.2.1:
-    resolution: {integrity: sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==}
-    engines: {node: '>=4'}
-    dependencies:
-      color-convert: 1.9.3
-    dev: true
-
-  /ansi-styles@4.3.0:
-    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
-    engines: {node: '>=8'}
-    dependencies:
-      color-convert: 2.0.1
-    dev: true
-
-  /ansi-styles@6.2.1:
-    resolution: {integrity: sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==}
-    engines: {node: '>=12'}
-    dev: true
-
-  /anymatch@3.1.3:
-    resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
-    engines: {node: '>= 8'}
-    dependencies:
-      normalize-path: 3.0.0
-      picomatch: 2.3.1
-    dev: true
-
-  /arg@4.1.3:
-    resolution: {integrity: sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==}
-    dev: true
-
-  /argparse@2.0.1:
-    resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
-    dev: true
-
-  /arr-diff@4.0.0:
-    resolution: {integrity: sha512-YVIQ82gZPGBebQV/a8dar4AitzCQs0jjXwMPZllpXMaGjXPYVUawSxQrRsjhjupyVxEvbHgUmIhKVlND+j02kA==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /arr-flatten@1.1.0:
-    resolution: {integrity: sha512-L3hKV5R/p5o81R7O02IGnwpDmkp6E982XhtbuwSe3O4qOtMMMtodicASA1Cny2U+aCXcNpml+m4dPsvsJ3jatg==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /arr-union@3.1.0:
-    resolution: {integrity: sha512-sKpyeERZ02v1FeCZT8lrfJq5u6goHCtpTAzPwJYe7c8SPFOboNjNg1vz2L4VTn9T4PQxEx13TbXLmYUcS6Ug7Q==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /array-buffer-byte-length@1.0.0:
-    resolution: {integrity: sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==}
-    dependencies:
-      call-bind: 1.0.2
-      is-array-buffer: 3.0.2
-    dev: true
-
-  /array-ify@1.0.0:
-    resolution: {integrity: sha512-c5AMf34bKdvPhQ7tBGhqkgKNUzMr4WUs+WDtC2ZUGOUncbxKMTvqxYctiseW3+L4bA8ec+GcZ6/A/FW4m8ukng==}
-    dev: true
-
-  /array-union@2.1.0:
-    resolution: {integrity: sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /array-unique@0.3.2:
-    resolution: {integrity: sha512-SleRWjh9JUud2wH1hPs9rZBZ33H6T9HOiL0uwGnGx9FpE6wKGyfWugmbkEOIs6qWrZhg0LWeLziLrEwQJhs5mQ==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /arrify@1.0.1:
-    resolution: {integrity: sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /assign-symbols@1.0.0:
-    resolution: {integrity: sha512-Q+JC7Whu8HhmTdBph/Tq59IoRtoy6KAm5zzPv00WdujX82lbAL8K7WVjne7vdCsAmbF4AYaDOPyO3k0kl8qIrw==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /astral-regex@2.0.0:
-    resolution: {integrity: sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /async-validator@4.2.5:
-    resolution: {integrity: sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg==}
-    dev: false
-
-  /async@3.2.4:
-    resolution: {integrity: sha512-iAB+JbDEGXhyIUavoDl9WP/Jj106Kz9DEn1DPgYw5ruDn0e3Wgi3sKFm55sASdGBNOQB8F59d9qQ7deqrHA8wQ==}
-    dev: true
-
-  /asynckit@0.4.0:
-    resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
-    dev: false
-
-  /at-least-node@1.0.0:
-    resolution: {integrity: sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==}
-    engines: {node: '>= 4.0.0'}
-    dev: true
-
-  /atob@2.1.2:
-    resolution: {integrity: sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==}
-    engines: {node: '>= 4.5.0'}
-    hasBin: true
-    dev: true
-
-  /autoprefixer@10.4.15(postcss@8.4.29):
-    resolution: {integrity: sha512-KCuPB8ZCIqFdA4HwKXsvz7j6gvSDNhDP7WnUjBleRkKjPdvCmHFuQ77ocavI8FT6NdvlBnE2UFr2H4Mycn8Vew==}
-    engines: {node: ^10 || ^12 || >=14}
-    hasBin: true
-    peerDependencies:
-      postcss: ^8.1.0
-    dependencies:
-      browserslist: 4.21.10
-      caniuse-lite: 1.0.30001534
-      fraction.js: 4.2.0
-      normalize-range: 0.1.2
-      picocolors: 1.0.0
-      postcss: 8.4.29
-      postcss-value-parser: 4.2.0
-    dev: true
-
-  /available-typed-arrays@1.0.5:
-    resolution: {integrity: sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==}
-    engines: {node: '>= 0.4'}
-    dev: true
-
-  /axios@1.5.0:
-    resolution: {integrity: sha512-D4DdjDo5CY50Qms0qGQTTw6Q44jl7zRwY7bthds06pUGfChBCTcQs+N743eFWGEd6pRTMd6A+I87aWyFV5wiZQ==}
-    dependencies:
-      follow-redirects: 1.15.2
-      form-data: 4.0.0
-      proxy-from-env: 1.1.0
-    transitivePeerDependencies:
-      - debug
-    dev: false
-
-  /babel-plugin-polyfill-corejs2@0.3.3(@babel/core@7.22.19):
-    resolution: {integrity: sha512-8hOdmFYFSZhqg2C/JgLUQ+t52o5nirNwaWM2B9LWteozwIvM14VSwdsCAUET10qT+kmySAlseadmfeeSWFCy+Q==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/compat-data': 7.22.9
-      '@babel/core': 7.22.19
-      '@babel/helper-define-polyfill-provider': 0.3.3(@babel/core@7.22.19)
-      semver: 6.3.1
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /babel-plugin-polyfill-corejs3@0.6.0(@babel/core@7.22.19):
-    resolution: {integrity: sha512-+eHqR6OPcBhJOGgsIar7xoAB1GcSwVUA3XjAd7HJNzOXT4wv6/H7KIdA/Nc60cvUlDbKApmqNvD1B1bzOt4nyA==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-define-polyfill-provider': 0.3.3(@babel/core@7.22.19)
-      core-js-compat: 3.30.2
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /babel-plugin-polyfill-regenerator@0.4.1(@babel/core@7.22.19):
-    resolution: {integrity: sha512-NtQGmyQDXjQqQ+IzRkBVwEOz9lQ4zxAQZgoAYEtU9dJjnl1Oc98qnN7jcp+bE7O7aYzVpavXE3/VKXNzUbh7aw==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.22.19
-      '@babel/helper-define-polyfill-provider': 0.3.3(@babel/core@7.22.19)
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /balanced-match@1.0.2:
-    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
-    dev: true
-
-  /balanced-match@2.0.0:
-    resolution: {integrity: sha512-1ugUSr8BHXRnK23KfuYS+gVMC3LB8QGH9W1iGtDPsNWoQbgtXSExkBu2aDR4epiGWZOjZsj6lDl/N/AqqTC3UA==}
-    dev: true
-
-  /base@0.11.2:
-    resolution: {integrity: sha512-5T6P4xPgpp0YDFvSWwEZ4NoE3aM4QBQXDzmVbraCkFj8zHM+mba8SyqB5DbZWyR7mYHo6Y7BdQo3MoA4m0TeQg==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      cache-base: 1.0.1
-      class-utils: 0.3.6
-      component-emitter: 1.3.0
-      define-property: 1.0.0
-      isobject: 3.0.1
-      mixin-deep: 1.3.2
-      pascalcase: 0.1.1
-    dev: true
-
-  /big-integer@1.6.51:
-    resolution: {integrity: sha512-GPEid2Y9QU1Exl1rpO9B2IPJGHPSupF5GnVIP0blYvNOMer2bTvSWs1jGOUg04hTmu67nmLsQ9TBo1puaotBHg==}
-    engines: {node: '>=0.6'}
-    dev: true
-
-  /big.js@5.2.2:
-    resolution: {integrity: sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==}
-    dev: true
-
-  /binary-extensions@2.2.0:
-    resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /bluebird@3.7.2:
-    resolution: {integrity: sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==}
-    dev: true
-
-  /boolbase@1.0.0:
-    resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}
-    dev: true
-
-  /bplist-parser@0.2.0:
-    resolution: {integrity: sha512-z0M+byMThzQmD9NILRniCUXYsYpjwnlO8N5uCFaCqIOpqRsJCrQL9NK3JsD67CN5a08nF5oIL2bD6loTdHOuKw==}
-    engines: {node: '>= 5.10.0'}
-    dependencies:
-      big-integer: 1.6.51
-    dev: true
-
-  /brace-expansion@1.1.11:
-    resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
-    dependencies:
-      balanced-match: registry.npmmirror.com/balanced-match@1.0.2
-      concat-map: 0.0.1
-    dev: true
-
-  /brace-expansion@2.0.1:
-    resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==}
-    dependencies:
-      balanced-match: 1.0.2
-    dev: true
-
-  /braces@2.3.2:
-    resolution: {integrity: sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      arr-flatten: 1.1.0
-      array-unique: 0.3.2
-      extend-shallow: 2.0.1
-      fill-range: 4.0.0
-      isobject: 3.0.1
-      repeat-element: 1.1.4
-      snapdragon: 0.8.2
-      snapdragon-node: 2.1.1
-      split-string: 3.1.0
-      to-regex: 3.0.2
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /braces@3.0.2:
-    resolution: {integrity: sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==}
-    engines: {node: '>=8'}
-    dependencies:
-      fill-range: 7.0.1
-    dev: true
-
-  /browserslist@4.21.10:
-    resolution: {integrity: sha512-bipEBdZfVH5/pwrvqc+Ub0kUPVfGUhlKxbvfD+z1BDnPEO/X98ruXGA1WP5ASpAFKan7Qr6j736IacbZQuAlKQ==}
-    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
-    hasBin: true
-    dependencies:
-      caniuse-lite: 1.0.30001534
-      electron-to-chromium: 1.4.522
-      node-releases: 2.0.13
-      update-browserslist-db: 1.0.11(browserslist@4.21.10)
-    dev: true
-
-  /buffer-from@1.1.2:
-    resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==}
-    dev: true
-
-  /builtin-modules@3.3.0:
-    resolution: {integrity: sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==}
-    engines: {node: '>=6'}
-    dev: true
-
-  /bundle-name@3.0.0:
-    resolution: {integrity: sha512-PKA4BeSvBpQKQ8iPOGCSiell+N8P+Tf1DlwqmYhpe2gAhKPHn8EYOxVT+ShuGmhg8lN8XiSlS80yiExKXrURlw==}
-    engines: {node: '>=12'}
-    dependencies:
-      run-applescript: 5.0.0
-    dev: true
-
-  /cache-base@1.0.1:
-    resolution: {integrity: sha512-AKcdTnFSWATd5/GCPRxr2ChwIJ85CeyrEyjRHlKxQ56d4XJMGym0uAiKn0xbLOGOl3+yRpOTi484dVCEc5AUzQ==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      collection-visit: 1.0.0
-      component-emitter: 1.3.0
-      get-value: 2.0.6
-      has-value: 1.0.0
-      isobject: 3.0.1
-      set-value: 2.0.1
-      to-object-path: 0.3.0
-      union-value: 1.0.1
-      unset-value: 1.0.0
-    dev: true
-
-  /call-bind@1.0.2:
-    resolution: {integrity: sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==}
-    dependencies:
-      function-bind: 1.1.1
-      get-intrinsic: 1.2.0
-
-  /callsites@3.1.0:
-    resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
-    engines: {node: '>=6'}
-    dev: true
-
-  /camel-case@4.1.2:
-    resolution: {integrity: sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==}
-    dependencies:
-      pascal-case: 3.1.2
-      tslib: 2.3.0
-    dev: true
-
-  /camelcase-keys@6.2.2:
-    resolution: {integrity: sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==}
-    engines: {node: '>=8'}
-    dependencies:
-      camelcase: 5.3.1
-      map-obj: 4.3.0
-      quick-lru: 4.0.1
-    dev: true
-
-  /camelcase-keys@7.0.2:
-    resolution: {integrity: sha512-Rjs1H+A9R+Ig+4E/9oyB66UC5Mj9Xq3N//vcLf2WzgdTi/3gUu3Z9KoqmlrEG4VuuLK8wJHofxzdQXz/knhiYg==}
-    engines: {node: '>=12'}
-    dependencies:
-      camelcase: 6.3.0
-      map-obj: 4.3.0
-      quick-lru: 5.1.1
-      type-fest: 1.4.0
-    dev: true
-
-  /camelcase@5.3.1:
-    resolution: {integrity: sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==}
-    engines: {node: '>=6'}
-    dev: true
-
-  /camelcase@6.3.0:
-    resolution: {integrity: sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==}
-    engines: {node: '>=10'}
-    dev: true
-
-  /caniuse-lite@1.0.30001534:
-    resolution: {integrity: sha512-vlPVrhsCS7XaSh2VvWluIQEzVhefrUQcEsQWSS5A5V+dM07uv1qHeQzAOTGIMy9i3e9bH15+muvI/UHojVgS/Q==}
-    dev: true
-
-  /chalk@1.1.3:
-    resolution: {integrity: sha512-U3lRVLMSlsCfjqYPbLyVv11M9CPW4I728d6TCKMAOJueEeB9/8o+eSsMnxPJD+Q+K909sdESg7C+tIkoH6on1A==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      ansi-styles: 2.2.1
-      escape-string-regexp: 1.0.5
-      has-ansi: 2.0.0
-      strip-ansi: 3.0.1
-      supports-color: 2.0.0
-    dev: true
-
-  /chalk@2.4.2:
-    resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==}
-    engines: {node: '>=4'}
-    dependencies:
-      ansi-styles: 3.2.1
-      escape-string-regexp: 1.0.5
-      supports-color: 5.5.0
-    dev: true
-
-  /chalk@4.1.2:
-    resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
-    engines: {node: '>=10'}
-    dependencies:
-      ansi-styles: 4.3.0
-      supports-color: 7.2.0
-    dev: true
-
-  /chalk@5.3.0:
-    resolution: {integrity: sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==}
-    engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
-    dev: true
-
-  /charenc@0.0.2:
-    resolution: {integrity: sha512-yrLQ/yVUFXkzg7EDQsPieE/53+0RlaWTs+wBrvW36cyilJ2SaDWfl4Yj7MtLTXleV9uEKefbAGUPv2/iWSooRA==}
-    dev: false
-
-  /chokidar@3.5.3:
-    resolution: {integrity: sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==}
-    engines: {node: '>= 8.10.0'}
-    dependencies:
-      anymatch: 3.1.3
-      braces: 3.0.2
-      glob-parent: 5.1.2
-      is-binary-path: 2.1.0
-      is-glob: 4.0.3
-      normalize-path: 3.0.0
-      readdirp: 3.6.0
-    optionalDependencies:
-      fsevents: 2.3.2
-    dev: true
-
-  /class-utils@0.3.6:
-    resolution: {integrity: sha512-qOhPa/Fj7s6TY8H8esGu5QNpMMQxz79h+urzrNYN6mn+9BnxlDGf5QZ+XeCDsxSjPqsSR56XOZOJmpeurnLMeg==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      arr-union: 3.1.0
-      define-property: 0.2.5
-      isobject: 3.0.1
-      static-extend: 0.1.2
-    dev: true
-
-  /clean-css@5.3.2:
-    resolution: {integrity: sha512-JVJbM+f3d3Q704rF4bqQ5UUyTtuJ0JRKNbTKVEeujCCBoMdkEi+V+e8oktO9qGQNSvHrFTM6JZRXrUvGR1czww==}
-    engines: {node: '>= 10.0'}
-    dependencies:
-      source-map: 0.6.1
-    dev: true
-
-  /cli-cursor@4.0.0:
-    resolution: {integrity: sha512-VGtlMu3x/4DOtIUwEkRezxUZ2lBacNJCHash0N0WeZDBS+7Ux1dm3XWAgWYxLJFMMdOeXMHXorshEFhbMSGelg==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-    dependencies:
-      restore-cursor: 4.0.0
-    dev: true
-
-  /cli-truncate@3.1.0:
-    resolution: {integrity: sha512-wfOBkjXteqSnI59oPcJkcPl/ZmwvMMOj340qUIY1SKZCv0B9Cf4D4fAucRkIKQmsIuYK3x1rrgU7MeGRruiuiA==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-    dependencies:
-      slice-ansi: 5.0.0
-      string-width: 5.1.2
-    dev: true
-
-  /cliui@7.0.4:
-    resolution: {integrity: sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==}
-    dependencies:
-      string-width: 4.2.3
-      strip-ansi: 6.0.1
-      wrap-ansi: 7.0.0
-    dev: true
-
-  /cliui@8.0.1:
-    resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
-    engines: {node: '>=12'}
-    dependencies:
-      string-width: 4.2.3
-      strip-ansi: 6.0.1
-      wrap-ansi: 7.0.0
-    dev: true
-
-  /clone@2.1.2:
-    resolution: {integrity: sha512-3Pe/CF1Nn94hyhIYpjtiLhdCoEoz0DqQ+988E9gmeEdQZlojxnOb74wctFyuwWQHzqyf9X7C7MG8juUpqBJT8w==}
-    engines: {node: '>=0.8'}
-    dev: true
-
-  /collection-visit@1.0.0:
-    resolution: {integrity: sha512-lNkKvzEeMBBjUGHZ+q6z9pSJla0KWAQPvtzhEV9+iGyQYG+pBpl7xKDhxoNSOZH2hhv0v5k0y2yAM4o4SjoSkw==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      map-visit: 1.0.0
-      object-visit: 1.0.1
-    dev: true
-
-  /color-convert@1.9.3:
-    resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==}
-    dependencies:
-      color-name: 1.1.3
-    dev: true
-
-  /color-convert@2.0.1:
-    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
-    engines: {node: '>=7.0.0'}
-    dependencies:
-      color-name: 1.1.4
-    dev: true
-
-  /color-name@1.1.3:
-    resolution: {integrity: sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==}
-    dev: true
-
-  /color-name@1.1.4:
-    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
-    dev: true
-
-  /colord@2.9.3:
-    resolution: {integrity: sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==}
-    dev: true
-
-  /colorette@2.0.19:
-    resolution: {integrity: sha512-3tlv/dIP7FWvj3BsbHrGLJ6l/oKh1O3TcgBqMn+yyCagOxc23fyzDS6HypQbgxWbkpDnf52p1LuR4eWDQ/K9WQ==}
-    dev: true
-
-  /colorette@2.0.20:
-    resolution: {integrity: sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==}
-    dev: true
-
-  /combined-stream@1.0.8:
-    resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
-    engines: {node: '>= 0.8'}
-    dependencies:
-      delayed-stream: 1.0.0
-    dev: false
-
-  /commander@11.0.0:
-    resolution: {integrity: sha512-9HMlXtt/BNoYr8ooyjjNRdIilOTkVJXB+GhxMTtOKwk0R4j4lS4NpjuqmRxroBfnfTSHQIHQB7wryHhXarNjmQ==}
-    engines: {node: '>=16'}
-    dev: true
-
-  /commander@2.20.3:
-    resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
-    dev: true
-
-  /commander@7.2.0:
-    resolution: {integrity: sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==}
-    engines: {node: '>= 10'}
-    dev: true
-
-  /commander@8.3.0:
-    resolution: {integrity: sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==}
-    engines: {node: '>= 12'}
-    dev: true
-
-  /common-tags@1.8.2:
-    resolution: {integrity: sha512-gk/Z852D2Wtb//0I+kRFNKKE9dIIVirjoqPoA1wJU+XePVXZfGeBpk45+A1rKO4Q43prqWBNY/MiIeRLbPWUaA==}
-    engines: {node: '>=4.0.0'}
-    dev: true
-
-  /compare-func@2.0.0:
-    resolution: {integrity: sha512-zHig5N+tPWARooBnb0Zx1MFcdfpyJrfTJ3Y5L+IFvUm8rM74hHz66z0gw0x4tijh5CorKkKUCnW82R2vmpeCRA==}
-    dependencies:
-      array-ify: 1.0.0
-      dot-prop: 5.3.0
-    dev: true
-
-  /component-emitter@1.3.0:
-    resolution: {integrity: sha512-Rd3se6QB+sO1TwqZjscQrurpEPIfO0/yYnSin6Q/rD3mOutHvUrCAhJub3r90uNb+SESBuE0QYoB90YdfatsRg==}
-    dev: true
-
-  /concat-map@0.0.1:
-    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
-    dev: true
-
-  /concat-stream@2.0.0:
-    resolution: {integrity: sha512-MWufYdFw53ccGjCA+Ol7XJYpAlW6/prSMzuPOTRnJGcGzuhLn4Scrz7qf6o8bROZ514ltazcIFJZevcfbo0x7A==}
-    engines: {'0': node >= 6.0}
-    dependencies:
-      buffer-from: 1.1.2
-      inherits: 2.0.4
-      readable-stream: 3.6.2
-      typedarray: 0.0.6
-    dev: true
-
-  /connect-history-api-fallback@1.6.0:
-    resolution: {integrity: sha512-e54B99q/OUoH64zYYRf3HBP5z24G38h5D3qXu23JGRoigpX5Ss4r9ZnDk3g0Z8uQC2x2lPaJ+UlWBc1ZWBWdLg==}
-    engines: {node: '>=0.8'}
-    dev: true
-
-  /consola@2.15.3:
-    resolution: {integrity: sha512-9vAdYbHj6x2fLKC4+oPH0kFzY/orMZyG2Aj+kNylHxKGJ/Ed4dpNyAQYwJOdqO4zdM7XpVHmyejQDcQHrnuXbw==}
-    dev: true
-
-  /conventional-changelog-angular@5.0.13:
-    resolution: {integrity: sha512-i/gipMxs7s8L/QeuavPF2hLnJgH6pEZAttySB6aiQLWcX3puWDL3ACVmvBhJGxnAy52Qc15ua26BufY6KpmrVA==}
-    engines: {node: '>=10'}
-    dependencies:
-      compare-func: 2.0.0
-      q: 1.5.1
-    dev: true
-
-  /conventional-changelog-angular@6.0.0:
-    resolution: {integrity: sha512-6qLgrBF4gueoC7AFVHu51nHL9pF9FRjXrH+ceVf7WmAfH3gs+gEYOkvxhjMPjZu57I4AGUGoNTY8V7Hrgf1uqg==}
-    engines: {node: '>=14'}
-    dependencies:
-      compare-func: 2.0.0
-    dev: true
-
-  /conventional-changelog-atom@2.0.8:
-    resolution: {integrity: sha512-xo6v46icsFTK3bb7dY/8m2qvc8sZemRgdqLb/bjpBsH2UyOS8rKNTgcb5025Hri6IpANPApbXMg15QLb1LJpBw==}
-    engines: {node: '>=10'}
-    dependencies:
-      q: 1.5.1
-    dev: true
-
-  /conventional-changelog-codemirror@2.0.8:
-    resolution: {integrity: sha512-z5DAsn3uj1Vfp7po3gpt2Boc+Bdwmw2++ZHa5Ak9k0UKsYAO5mH1UBTN0qSCuJZREIhX6WU4E1p3IW2oRCNzQw==}
-    engines: {node: '>=10'}
-    dependencies:
-      q: 1.5.1
-    dev: true
-
-  /conventional-changelog-config-spec@2.1.0:
-    resolution: {integrity: sha512-IpVePh16EbbB02V+UA+HQnnPIohgXvJRxHcS5+Uwk4AT5LjzCZJm5sp/yqs5C6KZJ1jMsV4paEV13BN1pvDuxQ==}
-    dev: true
-
-  /conventional-changelog-conventionalcommits@4.6.3:
-    resolution: {integrity: sha512-LTTQV4fwOM4oLPad317V/QNQ1FY4Hju5qeBIM1uTHbrnCE+Eg4CdRZ3gO2pUeR+tzWdp80M2j3qFFEDWVqOV4g==}
-    engines: {node: '>=10'}
-    dependencies:
-      compare-func: 2.0.0
-      lodash: 4.17.21
-      q: 1.5.1
-    dev: true
-
-  /conventional-changelog-conventionalcommits@6.1.0:
-    resolution: {integrity: sha512-3cS3GEtR78zTfMzk0AizXKKIdN4OvSh7ibNz6/DPbhWWQu7LqE/8+/GqSodV+sywUR2gpJAdP/1JFf4XtN7Zpw==}
-    engines: {node: '>=14'}
-    dependencies:
-      compare-func: 2.0.0
-    dev: true
-
-  /conventional-changelog-core@4.2.4:
-    resolution: {integrity: sha512-gDVS+zVJHE2v4SLc6B0sLsPiloR0ygU7HaDW14aNJE1v4SlqJPILPl/aJC7YdtRE4CybBf8gDwObBvKha8Xlyg==}
-    engines: {node: '>=10'}
-    dependencies:
-      add-stream: 1.0.0
-      conventional-changelog-writer: 5.0.1
-      conventional-commits-parser: 3.2.4
-      dateformat: 3.0.3
-      get-pkg-repo: 4.2.1
-      git-raw-commits: 2.0.11
-      git-remote-origin-url: 2.0.0
-      git-semver-tags: 4.1.1
-      lodash: 4.17.21
-      normalize-package-data: 3.0.3
-      q: 1.5.1
-      read-pkg: 3.0.0
-      read-pkg-up: 3.0.0
-      through2: 4.0.2
-    dev: true
-
-  /conventional-changelog-ember@2.0.9:
-    resolution: {integrity: sha512-ulzIReoZEvZCBDhcNYfDIsLTHzYHc7awh+eI44ZtV5cx6LVxLlVtEmcO+2/kGIHGtw+qVabJYjdI5cJOQgXh1A==}
-    engines: {node: '>=10'}
-    dependencies:
-      q: 1.5.1
-    dev: true
-
-  /conventional-changelog-eslint@3.0.9:
-    resolution: {integrity: sha512-6NpUCMgU8qmWmyAMSZO5NrRd7rTgErjrm4VASam2u5jrZS0n38V7Y9CzTtLT2qwz5xEChDR4BduoWIr8TfwvXA==}
-    engines: {node: '>=10'}
-    dependencies:
-      q: 1.5.1
-    dev: true
-
-  /conventional-changelog-express@2.0.6:
-    resolution: {integrity: sha512-SDez2f3iVJw6V563O3pRtNwXtQaSmEfTCaTBPCqn0oG0mfkq0rX4hHBq5P7De2MncoRixrALj3u3oQsNK+Q0pQ==}
-    engines: {node: '>=10'}
-    dependencies:
-      q: 1.5.1
-    dev: true
-
-  /conventional-changelog-jquery@3.0.11:
-    resolution: {integrity: sha512-x8AWz5/Td55F7+o/9LQ6cQIPwrCjfJQ5Zmfqi8thwUEKHstEn4kTIofXub7plf1xvFA2TqhZlq7fy5OmV6BOMw==}
-    engines: {node: '>=10'}
-    dependencies:
-      q: 1.5.1
-    dev: true
-
-  /conventional-changelog-jshint@2.0.9:
-    resolution: {integrity: sha512-wMLdaIzq6TNnMHMy31hql02OEQ8nCQfExw1SE0hYL5KvU+JCTuPaDO+7JiogGT2gJAxiUGATdtYYfh+nT+6riA==}
-    engines: {node: '>=10'}
-    dependencies:
-      compare-func: 2.0.0
-      q: 1.5.1
-    dev: true
-
-  /conventional-changelog-preset-loader@2.3.4:
-    resolution: {integrity: sha512-GEKRWkrSAZeTq5+YjUZOYxdHq+ci4dNwHvpaBC3+ENalzFWuCWa9EZXSuZBpkr72sMdKB+1fyDV4takK1Lf58g==}
-    engines: {node: '>=10'}
-    dev: true
-
-  /conventional-changelog-writer@5.0.1:
-    resolution: {integrity: sha512-5WsuKUfxW7suLblAbFnxAcrvf6r+0b7GvNaWUwUIk0bXMnENP/PEieGKVUQrjPqwPT4o3EPAASBXiY6iHooLOQ==}
-    engines: {node: '>=10'}
-    hasBin: true
-    dependencies:
-      conventional-commits-filter: 2.0.7
-      dateformat: 3.0.3
-      handlebars: 4.7.7
-      json-stringify-safe: 5.0.1
-      lodash: 4.17.21
-      meow: 8.1.2
-      semver: 6.3.0
-      split: 1.0.1
-      through2: 4.0.2
-    dev: true
-
-  /conventional-changelog@3.1.25:
-    resolution: {integrity: sha512-ryhi3fd1mKf3fSjbLXOfK2D06YwKNic1nC9mWqybBHdObPd8KJ2vjaXZfYj1U23t+V8T8n0d7gwnc9XbIdFbyQ==}
-    engines: {node: '>=10'}
-    dependencies:
-      conventional-changelog-angular: 5.0.13
-      conventional-changelog-atom: 2.0.8
-      conventional-changelog-codemirror: 2.0.8
-      conventional-changelog-conventionalcommits: 4.6.3
-      conventional-changelog-core: 4.2.4
-      conventional-changelog-ember: 2.0.9
-      conventional-changelog-eslint: 3.0.9
-      conventional-changelog-express: 2.0.6
-      conventional-changelog-jquery: 3.0.11
-      conventional-changelog-jshint: 2.0.9
-      conventional-changelog-preset-loader: 2.3.4
-    dev: true
-
-  /conventional-commits-filter@2.0.7:
-    resolution: {integrity: sha512-ASS9SamOP4TbCClsRHxIHXRfcGCnIoQqkvAzCSbZzTFLfcTqJVugB0agRgsEELsqaeWgsXv513eS116wnlSSPA==}
-    engines: {node: '>=10'}
-    dependencies:
-      lodash.ismatch: 4.4.0
-      modify-values: 1.0.1
-    dev: true
-
-  /conventional-commits-parser@3.2.4:
-    resolution: {integrity: sha512-nK7sAtfi+QXbxHCYfhpZsfRtaitZLIA6889kFIouLvz6repszQDgxBu7wf2WbU+Dco7sAnNCJYERCwt54WPC2Q==}
-    engines: {node: '>=10'}
-    hasBin: true
-    dependencies:
-      JSONStream: 1.3.5
-      is-text-path: 1.0.1
-      lodash: 4.17.21
-      meow: 8.1.2
-      split2: 3.2.2
-      through2: 4.0.2
-    dev: true
-
-  /conventional-commits-parser@4.0.0:
-    resolution: {integrity: sha512-WRv5j1FsVM5FISJkoYMR6tPk07fkKT0UodruX4je86V4owk451yjXAKzKAPOs9l7y59E2viHUS9eQ+dfUA9NSg==}
-    engines: {node: '>=14'}
-    hasBin: true
-    dependencies:
-      JSONStream: 1.3.5
-      is-text-path: 1.0.1
-      meow: 8.1.2
-      split2: 3.2.2
-    dev: true
-
-  /conventional-recommended-bump@6.1.0:
-    resolution: {integrity: sha512-uiApbSiNGM/kkdL9GTOLAqC4hbptObFo4wW2QRyHsKciGAfQuLU1ShZ1BIVI/+K2BE/W1AWYQMCXAsv4dyKPaw==}
-    engines: {node: '>=10'}
-    hasBin: true
-    dependencies:
-      concat-stream: 2.0.0
-      conventional-changelog-preset-loader: 2.3.4
-      conventional-commits-filter: 2.0.7
-      conventional-commits-parser: 3.2.4
-      git-raw-commits: 2.0.11
-      git-semver-tags: 4.1.1
-      meow: 8.1.2
-      q: 1.5.1
-    dev: true
-
-  /convert-source-map@1.9.0:
-    resolution: {integrity: sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==}
-    dev: true
-
-  /copy-descriptor@0.1.1:
-    resolution: {integrity: sha512-XgZ0pFcakEUlbwQEVNg3+QAis1FyTL3Qel9FYy8pSkQqoG3PNoT0bOCQtOXcOkur21r2Eq2kI+IE+gsmAEVlYw==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /core-js-compat@3.30.2:
-    resolution: {integrity: sha512-nriW1nuJjUgvkEjIot1Spwakz52V9YkYHZAQG6A1eCgC8AA1p0zngrQEP9R0+V6hji5XilWKG1Bd0YRppmGimA==}
-    dependencies:
-      browserslist: 4.21.10
-    dev: true
-
-  /core-util-is@1.0.3:
-    resolution: {integrity: sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==}
-    dev: true
-
-  /cors@2.8.5:
-    resolution: {integrity: sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==}
-    engines: {node: '>= 0.10'}
-    dependencies:
-      object-assign: 4.1.1
-      vary: 1.1.2
-    dev: true
-
-  /cosmiconfig-typescript-loader@4.3.0(@types/node@20.4.7)(cosmiconfig@8.2.0)(ts-node@10.9.1)(typescript@5.1.6):
-    resolution: {integrity: sha512-NTxV1MFfZDLPiBMjxbHRwSh5LaLcPMwNdCutmnHJCKoVnlvldPWlllonKwrsRJ5pYZBIBGRWWU2tfvzxgeSW5Q==}
-    engines: {node: '>=12', npm: '>=6'}
-    peerDependencies:
-      '@types/node': '*'
-      cosmiconfig: '>=7'
-      ts-node: '>=10'
-      typescript: '>=3'
-    dependencies:
-      '@types/node': 20.4.7
-      cosmiconfig: 8.2.0
-      ts-node: 10.9.1(@types/node@20.4.7)(typescript@5.1.6)
-      typescript: 5.1.6
-    dev: true
-
-  /cosmiconfig@8.2.0:
-    resolution: {integrity: sha512-3rTMnFJA1tCOPwRxtgF4wd7Ab2qvDbL8jX+3smjIbS4HlZBagTlpERbdN7iAbWlrfxE3M8c27kTwTawQ7st+OQ==}
-    engines: {node: '>=14'}
-    dependencies:
-      import-fresh: 3.3.0
-      js-yaml: 4.1.0
-      parse-json: 5.2.0
-      path-type: 4.0.0
-    dev: true
-
-  /create-require@1.1.1:
-    resolution: {integrity: sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==}
-    dev: true
-
-  /cross-spawn@7.0.3:
-    resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==}
-    engines: {node: '>= 8'}
-    dependencies:
-      path-key: 3.1.1
-      shebang-command: 2.0.0
-      which: 2.0.2
-    dev: true
-
-  /crypt@0.0.2:
-    resolution: {integrity: sha512-mCxBlsHFYh9C+HVpiEacem8FEBnMXgU9gy4zmNC+SXAZNB/1idgp/aulFJ4FgCi7GPEVbfyng092GqL2k2rmow==}
-    dev: false
-
-  /crypto-random-string@2.0.0:
-    resolution: {integrity: sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /css-functions-list@3.2.0:
-    resolution: {integrity: sha512-d/jBMPyYybkkLVypgtGv12R+pIFw4/f/IHtCTxWpZc8ofTYOPigIgmA6vu5rMHartZC+WuXhBUHfnyNUIQSYrg==}
-    engines: {node: '>=12.22'}
-    dev: true
-
-  /css-select@4.3.0:
-    resolution: {integrity: sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==}
-    dependencies:
-      boolbase: 1.0.0
-      css-what: 6.1.0
-      domhandler: 4.3.1
-      domutils: 2.8.0
-      nth-check: 2.1.1
-    dev: true
-
-  /css-tree@1.1.3:
-    resolution: {integrity: sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==}
-    engines: {node: '>=8.0.0'}
-    dependencies:
-      mdn-data: 2.0.14
-      source-map: 0.6.1
-    dev: true
-
-  /css-tree@2.3.1:
-    resolution: {integrity: sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==}
-    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
-    dependencies:
-      mdn-data: 2.0.30
-      source-map-js: 1.0.2
-    dev: true
-
-  /css-what@6.1.0:
-    resolution: {integrity: sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==}
-    engines: {node: '>= 6'}
-    dev: true
-
-  /cssesc@3.0.0:
-    resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
-    engines: {node: '>=4'}
-    hasBin: true
-    dev: true
-
-  /csso@4.2.0:
-    resolution: {integrity: sha512-wvlcdIbf6pwKEk7vHj8/Bkc0B4ylXZruLvOgs9doS5eOsOpuodOV2zJChSpkp+pRpYQLQMeF04nr3Z68Sta9jA==}
-    engines: {node: '>=8.0.0'}
-    dependencies:
-      css-tree: 1.1.3
-    dev: true
-
-  /csstype@3.1.2:
-    resolution: {integrity: sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==}
-
-  /cz-git@1.7.1:
-    resolution: {integrity: sha512-NMe4REukCS7op1YA1jixRXOgII8Um2/Ii8TeyFEOISgp2ZzeobzkMOP8dXSrTQ3bvmm7YpPOdr2301yJkOJcbA==}
-    engines: {node: '>=v12.20.0'}
-    dev: true
-
-  /czg@1.7.1:
-    resolution: {integrity: sha512-KP93cTbZxgWYDKJzZpjnLe0sy/2FwyegatnrOaqsath04WinvsdhZl5QCGkxTKBY2DavpKloIBW/WGZzCKmrlA==}
-    engines: {node: '>=v12.20.0'}
-    hasBin: true
-    dev: true
-
-  /dargs@7.0.0:
-    resolution: {integrity: sha512-2iy1EkLdlBzQGvbweYRFxmFath8+K7+AKB0TlhHWkNuH+TmovaMH/Wp7V7R4u7f4SnX3OgLsU9t1NI9ioDnUpg==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /dateformat@3.0.3:
-    resolution: {integrity: sha512-jyCETtSl3VMZMWeRo7iY1FL19ges1t55hMo5yaam4Jrsm5EPL89UQkoQRyiI+Yf4k8r2ZpdngkV8hr1lIdjb3Q==}
-    dev: true
-
-  /dayjs@1.11.9:
-    resolution: {integrity: sha512-QvzAURSbQ0pKdIye2txOzNaHmxtUBXerpY0FJsFXUMKbIZeFm5ht1LS/jFsrncjnmtv8HsG0W2g6c0zUjZWmpA==}
-    dev: false
-
-  /de-indent@1.0.2:
-    resolution: {integrity: sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==}
-    dev: true
-
-  /debug@2.6.9:
-    resolution: {integrity: sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==}
-    peerDependencies:
-      supports-color: '*'
-    peerDependenciesMeta:
-      supports-color:
-        optional: true
-    dependencies:
-      ms: 2.0.0
-    dev: true
-
-  /debug@4.3.4:
-    resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
-    engines: {node: '>=6.0'}
-    peerDependencies:
-      supports-color: '*'
-    peerDependenciesMeta:
-      supports-color:
-        optional: true
-    dependencies:
-      ms: 2.1.2
-    dev: true
-
-  /decamelize-keys@1.1.1:
-    resolution: {integrity: sha512-WiPxgEirIV0/eIOMcnFBA3/IJZAZqKnwAwWyvvdi4lsr1WCN22nhdf/3db3DoZcUjTV2SqfzIwNyp6y2xs3nmg==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      decamelize: 1.2.0
-      map-obj: 1.0.1
-    dev: true
-
-  /decamelize@1.2.0:
-    resolution: {integrity: sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /decamelize@5.0.1:
-    resolution: {integrity: sha512-VfxadyCECXgQlkoEAjeghAr5gY3Hf+IKjKb+X8tGVDtveCjN+USwprd2q3QXBR9T1+x2DG0XZF5/w+7HAtSaXA==}
-    engines: {node: '>=10'}
-    dev: true
-
-  /decode-uri-component@0.2.2:
-    resolution: {integrity: sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ==}
-    engines: {node: '>=0.10'}
-    dev: true
-
-  /deep-is@0.1.4:
-    resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
-    dev: true
-
-  /deepmerge@4.3.1:
-    resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /default-browser-id@3.0.0:
-    resolution: {integrity: sha512-OZ1y3y0SqSICtE8DE4S8YOE9UZOJ8wO16fKWVP5J1Qz42kV9jcnMVFrEE/noXb/ss3Q4pZIH79kxofzyNNtUNA==}
-    engines: {node: '>=12'}
-    dependencies:
-      bplist-parser: 0.2.0
-      untildify: 4.0.0
-    dev: true
-
-  /default-browser@4.0.0:
-    resolution: {integrity: sha512-wX5pXO1+BrhMkSbROFsyxUm0i/cJEScyNhA4PPxc41ICuv05ZZB/MX28s8aZx6xjmatvebIapF6hLEKEcpneUA==}
-    engines: {node: '>=14.16'}
-    dependencies:
-      bundle-name: 3.0.0
-      default-browser-id: 3.0.0
-      execa: 7.2.0
-      titleize: 3.0.0
-    dev: true
-
-  /define-lazy-prop@2.0.0:
-    resolution: {integrity: sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /define-lazy-prop@3.0.0:
-    resolution: {integrity: sha512-N+MeXYoqr3pOgn8xfyRPREN7gHakLYjhsHhWGT3fWAiL4IkAt0iDw14QiiEm2bE30c5XX5q0FtAA3CK5f9/BUg==}
-    engines: {node: '>=12'}
-    dev: true
-
-  /define-properties@1.2.0:
-    resolution: {integrity: sha512-xvqAVKGfT1+UAvPwKTVw/njhdQ8ZhXK4lI0bCIuCMrp2up9nPnaDftrLtmpTazqd1o+UY4zgzU+avtMbDP+ldA==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      has-property-descriptors: 1.0.0
-      object-keys: 1.1.1
-    dev: true
-
-  /define-property@0.2.5:
-    resolution: {integrity: sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      is-descriptor: 0.1.6
-    dev: true
-
-  /define-property@1.0.0:
-    resolution: {integrity: sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      is-descriptor: 1.0.2
-    dev: true
-
-  /define-property@2.0.2:
-    resolution: {integrity: sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      is-descriptor: 1.0.2
-      isobject: 3.0.1
-    dev: true
-
-  /delayed-stream@1.0.0:
-    resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
-    engines: {node: '>=0.4.0'}
-    dev: false
-
-  /detect-indent@6.1.0:
-    resolution: {integrity: sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /detect-newline@3.1.0:
-    resolution: {integrity: sha512-TLz+x/vEXm/Y7P7wn1EJFNLxYpUD4TgMosxY6fAVJUnJMbupHBOncxyWUG9OpTaH9EBD7uFI5LfEgmMOc54DsA==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /diff@4.0.2:
-    resolution: {integrity: sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==}
-    engines: {node: '>=0.3.1'}
-    dev: true
-
-  /dir-glob@3.0.1:
-    resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==}
-    engines: {node: '>=8'}
-    dependencies:
-      path-type: 4.0.0
-    dev: true
-
-  /doctrine@3.0.0:
-    resolution: {integrity: sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==}
-    engines: {node: '>=6.0.0'}
-    dependencies:
-      esutils: 2.0.3
-    dev: true
-
-  /dom-serializer@0.2.2:
-    resolution: {integrity: sha512-2/xPb3ORsQ42nHYiSunXkDjPLBaEj/xTwUO4B7XCZQTRk7EBtTOPaygh10YAAh2OI1Qrp6NWfpAhzswj0ydt9g==}
-    dependencies:
-      domelementtype: 2.3.0
-      entities: 2.2.0
-    dev: true
-
-  /dom-serializer@1.4.1:
-    resolution: {integrity: sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==}
-    dependencies:
-      domelementtype: 2.3.0
-      domhandler: 4.3.1
-      entities: 2.2.0
-    dev: true
-
-  /dom-serializer@2.0.0:
-    resolution: {integrity: sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==}
-    dependencies:
-      domelementtype: 2.3.0
-      domhandler: 5.0.3
-      entities: 4.4.0
-    dev: true
-
-  /domelementtype@1.3.1:
-    resolution: {integrity: sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==}
-    dev: true
-
-  /domelementtype@2.3.0:
-    resolution: {integrity: sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==}
-    dev: true
-
-  /domhandler@2.4.2:
-    resolution: {integrity: sha512-JiK04h0Ht5u/80fdLMCEmV4zkNh2BcoMFBmZ/91WtYZ8qVXSKjiw7fXMgFPnHcSZgOo3XdinHvmnDUeMf5R4wA==}
-    dependencies:
-      domelementtype: 1.3.1
-    dev: true
-
-  /domhandler@4.3.1:
-    resolution: {integrity: sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==}
-    engines: {node: '>= 4'}
-    dependencies:
-      domelementtype: 2.3.0
-    dev: true
-
-  /domhandler@5.0.3:
-    resolution: {integrity: sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==}
-    engines: {node: '>= 4'}
-    dependencies:
-      domelementtype: 2.3.0
-    dev: true
-
-  /domutils@1.7.0:
-    resolution: {integrity: sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==}
-    dependencies:
-      dom-serializer: 0.2.2
-      domelementtype: 1.3.1
-    dev: true
-
-  /domutils@2.8.0:
-    resolution: {integrity: sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==}
-    dependencies:
-      dom-serializer: 1.4.1
-      domelementtype: 2.3.0
-      domhandler: 4.3.1
-    dev: true
-
-  /domutils@3.0.1:
-    resolution: {integrity: sha512-z08c1l761iKhDFtfXO04C7kTdPBLi41zwOZl00WS8b5eiaebNpY00HKbztwBq+e3vyqWNwWF3mP9YLUeqIrF+Q==}
-    dependencies:
-      dom-serializer: 2.0.0
-      domelementtype: 2.3.0
-      domhandler: 5.0.3
-    dev: true
-
-  /dot-case@3.0.4:
-    resolution: {integrity: sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==}
-    dependencies:
-      no-case: 3.0.4
-      tslib: 2.3.0
-    dev: true
-
-  /dot-prop@5.3.0:
-    resolution: {integrity: sha512-QM8q3zDe58hqUqjraQOmzZ1LIH9SWQJTlEKCH4kJ2oQvLZk7RbQXvtDM2XEq3fwkV9CCvvH4LA0AV+ogFsBM2Q==}
-    engines: {node: '>=8'}
-    dependencies:
-      is-obj: 2.0.0
-    dev: true
-
-  /dotenv-expand@8.0.3:
-    resolution: {integrity: sha512-SErOMvge0ZUyWd5B0NXMQlDkN+8r+HhVUsxgOO7IoPDOdDRD2JjExpN6y3KnFR66jsJMwSn1pqIivhU5rcJiNg==}
-    engines: {node: '>=12'}
-    dev: true
-
-  /dotenv@16.0.3:
-    resolution: {integrity: sha512-7GO6HghkA5fYG9TYnNxi14/7K9f5occMlp3zXAuSxn7CKCxt9xbNWG7yF8hTCSUchlfWSe3uLmlPfigevRItzQ==}
-    engines: {node: '>=12'}
-    dev: true
-
-  /dotgitignore@2.1.0:
-    resolution: {integrity: sha512-sCm11ak2oY6DglEPpCB8TixLjWAxd3kJTs6UIcSasNYxXdFPV+YKlye92c8H4kKFqV5qYMIh7d+cYecEg0dIkA==}
-    engines: {node: '>=6'}
-    dependencies:
-      find-up: 3.0.0
-      minimatch: 3.1.2
-    dev: true
-
-  /eastasianwidth@0.2.0:
-    resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
-    dev: true
-
-  /ejs@3.1.9:
-    resolution: {integrity: sha512-rC+QVNMJWv+MtPgkt0y+0rVEIdbtxVADApW9JXrUVlzHetgcyczP/E7DJmWJ4fJCZF2cPcBk0laWO9ZHMG3DmQ==}
-    engines: {node: '>=0.10.0'}
-    hasBin: true
-    dependencies:
-      jake: 10.8.5
-    dev: true
-
-  /electron-to-chromium@1.4.522:
-    resolution: {integrity: sha512-KGKjcafTpOxda0kqwQ72M0tDmX6RsGhUJTy0Hr7slt0+CgHh9Oex8JdjY9Og68dUkTLUlBOJC0A5W5Mw3QSGCg==}
-    dev: true
-
-  /element-plus@2.3.4(vue@3.3.4):
-    resolution: {integrity: sha512-SQr0J9z7N4z48WYk/l9NE2tizl8Q7j2OhqlpTc42k4pGncry3+rVX6dsmcsglFynn6vt3NzYxWJqmLFyDKQq+g==}
-    peerDependencies:
-      vue: ^3.2.0
-    dependencies:
-      '@ctrl/tinycolor': 3.6.0
-      '@element-plus/icons-vue': 2.1.0(vue@3.3.4)
-      '@floating-ui/dom': 1.2.4
-      '@popperjs/core': /@sxzz/popperjs-es@2.11.7
-      '@types/lodash': 4.14.191
-      '@types/lodash-es': 4.17.7
-      '@vueuse/core': 9.13.0(vue@3.3.4)
-      async-validator: 4.2.5
-      dayjs: 1.11.9
-      escape-html: 1.0.3
-      lodash: 4.17.21
-      lodash-es: 4.17.21
-      lodash-unified: 1.0.3(@types/lodash-es@4.17.7)(lodash-es@4.17.21)(lodash@4.17.21)
-      memoize-one: 6.0.0
-      normalize-wheel-es: 1.2.0
-      vue: 3.3.4
-    transitivePeerDependencies:
-      - '@vue/composition-api'
-    dev: false
-
-  /emoji-regex@8.0.0:
-    resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
-    dev: true
-
-  /emoji-regex@9.2.2:
-    resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
-    dev: true
-
-  /emojis-list@3.0.0:
-    resolution: {integrity: sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==}
-    engines: {node: '>= 4'}
-    dev: true
-
-  /entities@1.1.2:
-    resolution: {integrity: sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w==}
-    dev: true
-
-  /entities@2.2.0:
-    resolution: {integrity: sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==}
-    dev: true
-
-  /entities@4.4.0:
-    resolution: {integrity: sha512-oYp7156SP8LkeGD0GF85ad1X9Ai79WtRsZ2gxJqtBuzH+98YUV6jkHEKlZkMbcrjJjIVJNIDP/3WL9wQkoPbWA==}
-    engines: {node: '>=0.12'}
-    dev: true
-
-  /error-ex@1.3.2:
-    resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==}
-    dependencies:
-      is-arrayish: 0.2.1
-    dev: true
-
-  /es-abstract@1.21.2:
-    resolution: {integrity: sha512-y/B5POM2iBnIxCiernH1G7rC9qQoM77lLIMQLuob0zhp8C56Po81+2Nj0WFKnd0pNReDTnkYryc+zhOzpEIROg==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      array-buffer-byte-length: 1.0.0
-      available-typed-arrays: 1.0.5
-      call-bind: 1.0.2
-      es-set-tostringtag: 2.0.1
-      es-to-primitive: 1.2.1
-      function.prototype.name: 1.1.5
-      get-intrinsic: 1.2.0
-      get-symbol-description: 1.0.0
-      globalthis: 1.0.3
-      gopd: 1.0.1
-      has: 1.0.3
-      has-property-descriptors: 1.0.0
-      has-proto: 1.0.1
-      has-symbols: 1.0.3
-      internal-slot: 1.0.5
-      is-array-buffer: 3.0.2
-      is-callable: 1.2.7
-      is-negative-zero: 2.0.2
-      is-regex: 1.1.4
-      is-shared-array-buffer: 1.0.2
-      is-string: 1.0.7
-      is-typed-array: 1.1.10
-      is-weakref: 1.0.2
-      object-inspect: 1.12.3
-      object-keys: 1.1.1
-      object.assign: 4.1.4
-      regexp.prototype.flags: 1.5.0
-      safe-regex-test: 1.0.0
-      string.prototype.trim: 1.2.7
-      string.prototype.trimend: 1.0.6
-      string.prototype.trimstart: 1.0.6
-      typed-array-length: 1.0.4
-      unbox-primitive: 1.0.2
-      which-typed-array: 1.1.9
-    dev: true
-
-  /es-set-tostringtag@2.0.1:
-    resolution: {integrity: sha512-g3OMbtlwY3QewlqAiMLI47KywjWZoEytKr8pf6iTC8uJq5bIAH52Z9pnQ8pVL6whrCto53JZDuUIsifGeLorTg==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      get-intrinsic: 1.2.0
-      has: 1.0.3
-      has-tostringtag: 1.0.0
-    dev: true
-
-  /es-to-primitive@1.2.1:
-    resolution: {integrity: sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      is-callable: 1.2.7
-      is-date-object: 1.0.5
-      is-symbol: 1.0.4
-    dev: true
-
-  /esbuild@0.18.11:
-    resolution: {integrity: sha512-i8u6mQF0JKJUlGR3OdFLKldJQMMs8OqM9Cc3UCi9XXziJ9WERM5bfkHaEAy0YAvPRMgqSW55W7xYn84XtEFTtA==}
-    engines: {node: '>=12'}
-    hasBin: true
-    requiresBuild: true
-    optionalDependencies:
-      '@esbuild/android-arm': 0.18.11
-      '@esbuild/android-arm64': 0.18.11
-      '@esbuild/android-x64': 0.18.11
-      '@esbuild/darwin-arm64': 0.18.11
-      '@esbuild/darwin-x64': 0.18.11
-      '@esbuild/freebsd-arm64': 0.18.11
-      '@esbuild/freebsd-x64': 0.18.11
-      '@esbuild/linux-arm': 0.18.11
-      '@esbuild/linux-arm64': 0.18.11
-      '@esbuild/linux-ia32': 0.18.11
-      '@esbuild/linux-loong64': 0.18.11
-      '@esbuild/linux-mips64el': 0.18.11
-      '@esbuild/linux-ppc64': 0.18.11
-      '@esbuild/linux-riscv64': 0.18.11
-      '@esbuild/linux-s390x': 0.18.11
-      '@esbuild/linux-x64': 0.18.11
-      '@esbuild/netbsd-x64': 0.18.11
-      '@esbuild/openbsd-x64': 0.18.11
-      '@esbuild/sunos-x64': 0.18.11
-      '@esbuild/win32-arm64': 0.18.11
-      '@esbuild/win32-ia32': 0.18.11
-      '@esbuild/win32-x64': 0.18.11
-    dev: true
-
-  /escalade@3.1.1:
-    resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==}
-    engines: {node: '>=6'}
-    dev: true
-
-  /escape-html@1.0.3:
-    resolution: {integrity: sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==}
-    dev: false
-
-  /escape-string-regexp@1.0.5:
-    resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==}
-    engines: {node: '>=0.8.0'}
-    dev: true
-
-  /escape-string-regexp@4.0.0:
-    resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
-    engines: {node: '>=10'}
-    dev: true
-
-  /eslint-config-prettier@9.0.0(eslint@8.49.0):
-    resolution: {integrity: sha512-IcJsTkJae2S35pRsRAwoCE+925rJJStOdkKnLVgtE+tEpqU0EVVM7OqrwxqgptKdX29NUwC82I5pXsGFIgSevw==}
-    hasBin: true
-    peerDependencies:
-      eslint: '>=7.0.0'
-    dependencies:
-      eslint: 8.49.0
-    dev: true
-
-  /eslint-plugin-prettier@5.0.0(eslint-config-prettier@9.0.0)(eslint@8.49.0)(prettier@3.0.3):
-    resolution: {integrity: sha512-AgaZCVuYDXHUGxj/ZGu1u8H8CYgDY3iG6w5kUFw4AzMVXzB7VvbKgYR4nATIN+OvUrghMbiDLeimVjVY5ilq3w==}
-    engines: {node: ^14.18.0 || >=16.0.0}
-    peerDependencies:
-      '@types/eslint': '>=8.0.0'
-      eslint: '>=8.0.0'
-      eslint-config-prettier: '*'
-      prettier: '>=3.0.0'
-    peerDependenciesMeta:
-      '@types/eslint':
-        optional: true
-      eslint-config-prettier:
-        optional: true
-    dependencies:
-      eslint: 8.49.0
-      eslint-config-prettier: 9.0.0(eslint@8.49.0)
-      prettier: 3.0.3
-      prettier-linter-helpers: 1.0.0
-      synckit: 0.8.5
-    dev: true
-
-  /eslint-plugin-vue@9.17.0(eslint@8.49.0):
-    resolution: {integrity: sha512-r7Bp79pxQk9I5XDP0k2dpUC7Ots3OSWgvGZNu3BxmKK6Zg7NgVtcOB6OCna5Kb9oQwJPl5hq183WD0SY5tZtIQ==}
-    engines: {node: ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: ^6.2.0 || ^7.0.0 || ^8.0.0
-    dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.49.0)
-      eslint: 8.49.0
-      natural-compare: 1.4.0
-      nth-check: 2.1.1
-      postcss-selector-parser: 6.0.13
-      semver: 7.5.4
-      vue-eslint-parser: 9.3.1(eslint@8.49.0)
-      xml-name-validator: 4.0.0
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /eslint-scope@7.2.2:
-    resolution: {integrity: sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dependencies:
-      esrecurse: 4.3.0
-      estraverse: 5.3.0
-    dev: true
-
-  /eslint-visitor-keys@3.4.3:
-    resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dev: true
-
-  /eslint@8.49.0:
-    resolution: {integrity: sha512-jw03ENfm6VJI0jA9U+8H5zfl5b+FvuU3YYvZRdZHOlU2ggJkxrlkJH4HcDrZpj6YwD8kuYqvQM8LyesoazrSOQ==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    hasBin: true
-    dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.49.0)
-      '@eslint-community/regexpp': 4.6.2
-      '@eslint/eslintrc': 2.1.2
-      '@eslint/js': 8.49.0
-      '@humanwhocodes/config-array': 0.11.11
-      '@humanwhocodes/module-importer': 1.0.1
-      '@nodelib/fs.walk': 1.2.8
-      ajv: 6.12.6
-      chalk: 4.1.2
-      cross-spawn: 7.0.3
-      debug: 4.3.4
-      doctrine: 3.0.0
-      escape-string-regexp: 4.0.0
-      eslint-scope: 7.2.2
-      eslint-visitor-keys: 3.4.3
-      espree: 9.6.1
-      esquery: 1.5.0
-      esutils: 2.0.3
-      fast-deep-equal: 3.1.3
-      file-entry-cache: 6.0.1
-      find-up: 5.0.0
-      glob-parent: 6.0.2
-      globals: 13.20.0
-      graphemer: 1.4.0
-      ignore: 5.2.4
-      imurmurhash: 0.1.4
-      is-glob: 4.0.3
-      is-path-inside: 3.0.3
-      js-yaml: 4.1.0
-      json-stable-stringify-without-jsonify: 1.0.1
-      levn: 0.4.1
-      lodash.merge: 4.6.2
-      minimatch: 3.1.2
-      natural-compare: 1.4.0
-      optionator: 0.9.3
-      strip-ansi: 6.0.1
-      text-table: 0.2.0
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /espree@9.6.1:
-    resolution: {integrity: sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dependencies:
-      acorn: 8.10.0
-      acorn-jsx: 5.3.2(acorn@8.10.0)
-      eslint-visitor-keys: 3.4.3
-    dev: true
-
-  /esquery@1.5.0:
-    resolution: {integrity: sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==}
-    engines: {node: '>=0.10'}
-    dependencies:
-      estraverse: 5.3.0
-    dev: true
-
-  /esrecurse@4.3.0:
-    resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
-    engines: {node: '>=4.0'}
-    dependencies:
-      estraverse: 5.3.0
-    dev: true
-
-  /estraverse@5.3.0:
-    resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
-    engines: {node: '>=4.0'}
-    dev: true
-
-  /estree-walker@1.0.1:
-    resolution: {integrity: sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg==}
-    dev: true
-
-  /estree-walker@2.0.2:
-    resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
-    dev: true
-
-  /esutils@2.0.3:
-    resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /etag@1.8.1:
-    resolution: {integrity: sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==}
-    engines: {node: '>= 0.6'}
-    dev: true
-
-  /eventemitter3@5.0.1:
-    resolution: {integrity: sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==}
-    dev: true
-
-  /execa@5.1.1:
-    resolution: {integrity: sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==}
-    engines: {node: '>=10'}
-    dependencies:
-      cross-spawn: 7.0.3
-      get-stream: 6.0.1
-      human-signals: 2.1.0
-      is-stream: 2.0.1
-      merge-stream: 2.0.0
-      npm-run-path: 4.0.1
-      onetime: 5.1.2
-      signal-exit: 3.0.7
-      strip-final-newline: 2.0.0
-    dev: true
-
-  /execa@7.2.0:
-    resolution: {integrity: sha512-UduyVP7TLB5IcAQl+OzLyLcS/l32W/GLg+AhHJ+ow40FOk2U3SAllPwR44v4vmdFwIWqpdwxxpQbF1n5ta9seA==}
-    engines: {node: ^14.18.0 || ^16.14.0 || >=18.0.0}
-    dependencies:
-      cross-spawn: 7.0.3
-      get-stream: 6.0.1
-      human-signals: 4.3.0
-      is-stream: 3.0.0
-      merge-stream: 2.0.0
-      npm-run-path: 5.1.0
-      onetime: 6.0.0
-      signal-exit: 3.0.7
-      strip-final-newline: 3.0.0
-    dev: true
-
-  /expand-brackets@2.1.4:
-    resolution: {integrity: sha512-w/ozOKR9Obk3qoWeY/WDi6MFta9AoMR+zud60mdnbniMcBxRuFJyDt2LdX/14A1UABeqk+Uk+LDfUpvoGKppZA==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      debug: 2.6.9
-      define-property: 0.2.5
-      extend-shallow: 2.0.1
-      posix-character-classes: 0.1.1
-      regex-not: 1.0.2
-      snapdragon: 0.8.2
-      to-regex: 3.0.2
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /extend-shallow@2.0.1:
-    resolution: {integrity: sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      is-extendable: 0.1.1
-    dev: true
-
-  /extend-shallow@3.0.2:
-    resolution: {integrity: sha512-BwY5b5Ql4+qZoefgMj2NUmx+tehVTH/Kf4k1ZEtOHNFcm2wSxMRo992l6X3TIgni2eZVTZ85xMOjF31fwZAj6Q==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      assign-symbols: 1.0.0
-      is-extendable: 1.0.1
-    dev: true
-
-  /extglob@2.0.4:
-    resolution: {integrity: sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      array-unique: 0.3.2
-      define-property: 1.0.0
-      expand-brackets: 2.1.4
-      extend-shallow: 2.0.1
-      fragment-cache: 0.2.1
-      regex-not: 1.0.2
-      snapdragon: 0.8.2
-      to-regex: 3.0.2
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /fast-deep-equal@3.1.3:
-    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
-    dev: true
-
-  /fast-diff@1.2.0:
-    resolution: {integrity: sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w==}
-    dev: true
-
-  /fast-glob@3.2.12:
-    resolution: {integrity: sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==}
-    engines: {node: '>=8.6.0'}
-    dependencies:
-      '@nodelib/fs.stat': 2.0.5
-      '@nodelib/fs.walk': 1.2.8
-      glob-parent: 5.1.2
-      merge2: 1.4.1
-      micromatch: 4.0.5
-    dev: true
-
-  /fast-glob@3.3.0:
-    resolution: {integrity: sha512-ChDuvbOypPuNjO8yIDf36x7BlZX1smcUMTTcyoIjycexOxd6DFsKsg21qVBzEmr3G7fUKIRy2/psii+CIUt7FA==}
-    engines: {node: '>=8.6.0'}
-    dependencies:
-      '@nodelib/fs.stat': 2.0.5
-      '@nodelib/fs.walk': 1.2.8
-      glob-parent: 5.1.2
-      merge2: 1.4.1
-      micromatch: 4.0.5
-    dev: true
-
-  /fast-glob@3.3.1:
-    resolution: {integrity: sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==}
-    engines: {node: '>=8.6.0'}
-    dependencies:
-      '@nodelib/fs.stat': 2.0.5
-      '@nodelib/fs.walk': 1.2.8
-      glob-parent: 5.1.2
-      merge2: 1.4.1
-      micromatch: 4.0.5
-    dev: true
-
-  /fast-json-stable-stringify@2.1.0:
-    resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
-    dev: true
-
-  /fast-levenshtein@2.0.6:
-    resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
-    dev: true
-
-  /fastest-levenshtein@1.0.16:
-    resolution: {integrity: sha512-eRnCtTTtGZFpQCwhJiUOuxPQWRXVKYDn0b2PeHfXL6/Zi53SLAzAHfVhVWK2AryC/WH05kGfxhFIPvTF0SXQzg==}
-    engines: {node: '>= 4.9.1'}
-    dev: true
-
-  /fastq@1.15.0:
-    resolution: {integrity: sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==}
-    dependencies:
-      reusify: 1.0.4
-    dev: true
-
-  /figures@3.2.0:
-    resolution: {integrity: sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==}
-    engines: {node: '>=8'}
-    dependencies:
-      escape-string-regexp: 1.0.5
-    dev: true
-
-  /file-entry-cache@6.0.1:
-    resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==}
-    engines: {node: ^10.12.0 || >=12.0.0}
-    dependencies:
-      flat-cache: 3.0.4
-    dev: true
-
-  /filelist@1.0.4:
-    resolution: {integrity: sha512-w1cEuf3S+DrLCQL7ET6kz+gmlJdbq9J7yXCSjK/OZCPA+qEN1WyF4ZAf0YYJa4/shHJra2t/d/r8SV4Ji+x+8Q==}
-    dependencies:
-      minimatch: registry.npmmirror.com/minimatch@5.1.6
-    dev: true
-
-  /fill-range@4.0.0:
-    resolution: {integrity: sha512-VcpLTWqWDiTerugjj8e3+esbg+skS3M9e54UuR3iCeIDMXCLTsAH8hTSzDQU/X6/6t3eYkOKoZSef2PlU6U1XQ==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      extend-shallow: 2.0.1
-      is-number: 3.0.0
-      repeat-string: 1.6.1
-      to-regex-range: 2.1.1
-    dev: true
-
-  /fill-range@7.0.1:
-    resolution: {integrity: sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==}
-    engines: {node: '>=8'}
-    dependencies:
-      to-regex-range: 5.0.1
-    dev: true
-
-  /find-up@2.1.0:
-    resolution: {integrity: sha512-NWzkk0jSJtTt08+FBFMvXoeZnOJD+jTtsRmBYbAIzJdX6l7dLgR7CTubCM5/eDdPUBvLCeVasP1brfVR/9/EZQ==}
-    engines: {node: '>=4'}
-    dependencies:
-      locate-path: 2.0.0
-    dev: true
-
-  /find-up@3.0.0:
-    resolution: {integrity: sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==}
-    engines: {node: '>=6'}
-    dependencies:
-      locate-path: 3.0.0
-    dev: true
-
-  /find-up@4.1.0:
-    resolution: {integrity: sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==}
-    engines: {node: '>=8'}
-    dependencies:
-      locate-path: 5.0.0
-      path-exists: 4.0.0
-    dev: true
-
-  /find-up@5.0.0:
-    resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
-    engines: {node: '>=10'}
-    dependencies:
-      locate-path: 6.0.0
-      path-exists: 4.0.0
-    dev: true
-
-  /flat-cache@3.0.4:
-    resolution: {integrity: sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==}
-    engines: {node: ^10.12.0 || >=12.0.0}
-    dependencies:
-      flatted: 3.2.7
-      rimraf: 3.0.2
-    dev: true
-
-  /flatted@3.2.7:
-    resolution: {integrity: sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==}
-    dev: true
-
-  /follow-redirects@1.15.2:
-    resolution: {integrity: sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==}
-    engines: {node: '>=4.0'}
-    peerDependencies:
-      debug: '*'
-    peerDependenciesMeta:
-      debug:
-        optional: true
-    dev: false
-
-  /for-each@0.3.3:
-    resolution: {integrity: sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==}
-    dependencies:
-      is-callable: 1.2.7
-    dev: true
-
-  /for-in@1.0.2:
-    resolution: {integrity: sha512-7EwmXrOjyL+ChxMhmG5lnW9MPt1aIeZEwKhQzoBUdTV0N3zuwWDZYVJatDvZ2OyzPUvdIAZDsCetk3coyMfcnQ==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /form-data@4.0.0:
-    resolution: {integrity: sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==}
-    engines: {node: '>= 6'}
-    dependencies:
-      asynckit: 0.4.0
-      combined-stream: 1.0.8
-      mime-types: 2.1.35
-    dev: false
-
-  /fraction.js@4.2.0:
-    resolution: {integrity: sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==}
-    dev: true
-
-  /fragment-cache@0.2.1:
-    resolution: {integrity: sha512-GMBAbW9antB8iZRHLoGw0b3HANt57diZYFO/HL1JGIC1MjKrdmhxvrJbupnVvpys0zsz7yBApXdQyfepKly2kA==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      map-cache: 0.2.2
-    dev: true
-
-  /fs-extra@10.1.0:
-    resolution: {integrity: sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==}
-    engines: {node: '>=12'}
-    dependencies:
-      graceful-fs: 4.2.10
-      jsonfile: 6.1.0
-      universalify: 2.0.0
-    dev: true
-
-  /fs-extra@11.1.0:
-    resolution: {integrity: sha512-0rcTq621PD5jM/e0a3EJoGC/1TC5ZBCERW82LQuwfGnCa1V8w7dpYH1yNu+SLb6E5dkeCBzKEyLGlFrnr+dUyw==}
-    engines: {node: '>=14.14'}
-    dependencies:
-      graceful-fs: 4.2.10
-      jsonfile: 6.1.0
-      universalify: 2.0.0
-    dev: true
-
-  /fs-extra@9.1.0:
-    resolution: {integrity: sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==}
-    engines: {node: '>=10'}
-    dependencies:
-      at-least-node: 1.0.0
-      graceful-fs: 4.2.10
-      jsonfile: 6.1.0
-      universalify: 2.0.0
-    dev: true
-
-  /fs.realpath@1.0.0:
-    resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}
-    dev: true
-
-  /fsevents@2.3.2:
-    resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
-    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
-    os: [darwin]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /function-bind@1.1.1:
-    resolution: {integrity: sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==}
-
-  /function.prototype.name@1.1.5:
-    resolution: {integrity: sha512-uN7m/BzVKQnCUF/iW8jYea67v++2u7m5UgENbHRtdDVclOUP+FMPlCNdmk0h/ysGyo2tavMJEDqJAkJdRa1vMA==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      call-bind: 1.0.2
-      define-properties: 1.2.0
-      es-abstract: 1.21.2
-      functions-have-names: 1.2.3
-    dev: true
-
-  /functions-have-names@1.2.3:
-    resolution: {integrity: sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==}
-    dev: true
-
-  /gensync@1.0.0-beta.2:
-    resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
-    engines: {node: '>=6.9.0'}
-    dev: true
-
-  /get-caller-file@2.0.5:
-    resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
-    engines: {node: 6.* || 8.* || >= 10.*}
-    dev: true
-
-  /get-intrinsic@1.2.0:
-    resolution: {integrity: sha512-L049y6nFOuom5wGyRc3/gdTLO94dySVKRACj1RmJZBQXlbTMhtNIgkWkUHq+jYmZvKf14EW1EoJnnjbmoHij0Q==}
-    dependencies:
-      function-bind: 1.1.1
-      has: 1.0.3
-      has-symbols: 1.0.3
-
-  /get-own-enumerable-property-symbols@3.0.2:
-    resolution: {integrity: sha512-I0UBV/XOz1XkIJHEUDMZAbzCThU/H8DxmSfmdGcKPnVhu2VfFqr34jr9777IyaTYvxjedWhqVIilEDsCdP5G6g==}
-    dev: true
-
-  /get-pkg-repo@4.2.1:
-    resolution: {integrity: sha512-2+QbHjFRfGB74v/pYWjd5OhU3TDIC2Gv/YKUTk/tCvAz0pkn/Mz6P3uByuBimLOcPvN2jYdScl3xGFSrx0jEcA==}
-    engines: {node: '>=6.9.0'}
-    hasBin: true
-    dependencies:
-      '@hutson/parse-repository-url': 3.0.2
-      hosted-git-info: 4.1.0
-      through2: 2.0.5
-      yargs: 16.2.0
-    dev: true
-
-  /get-stream@6.0.1:
-    resolution: {integrity: sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==}
-    engines: {node: '>=10'}
-    dev: true
-
-  /get-symbol-description@1.0.0:
-    resolution: {integrity: sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      call-bind: 1.0.2
-      get-intrinsic: 1.2.0
-    dev: true
-
-  /get-value@2.0.6:
-    resolution: {integrity: sha512-Ln0UQDlxH1BapMu3GPtf7CuYNwRZf2gwCuPqbyG6pB8WfmFpzqcy4xtAaAMUhnNqjMKTiCPZG2oMT3YSx8U2NA==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /git-raw-commits@2.0.11:
-    resolution: {integrity: sha512-VnctFhw+xfj8Va1xtfEqCUD2XDrbAPSJx+hSrE5K7fGdjZruW7XV+QOrN7LF/RJyvspRiD2I0asWsxFp0ya26A==}
-    engines: {node: '>=10'}
-    hasBin: true
-    dependencies:
-      dargs: 7.0.0
-      lodash: 4.17.21
-      meow: 8.1.2
-      split2: 3.2.2
-      through2: 4.0.2
-    dev: true
-
-  /git-remote-origin-url@2.0.0:
-    resolution: {integrity: sha512-eU+GGrZgccNJcsDH5LkXR3PB9M958hxc7sbA8DFJjrv9j4L2P/eZfKhM+QD6wyzpiv+b1BpK0XrYCxkovtjSLw==}
-    engines: {node: '>=4'}
-    dependencies:
-      gitconfiglocal: 1.0.0
-      pify: 2.3.0
-    dev: true
-
-  /git-semver-tags@4.1.1:
-    resolution: {integrity: sha512-OWyMt5zBe7xFs8vglMmhM9lRQzCWL3WjHtxNNfJTMngGym7pC1kh8sP6jevfydJ6LP3ZvGxfb6ABYgPUM0mtsA==}
-    engines: {node: '>=10'}
-    hasBin: true
-    dependencies:
-      meow: 8.1.2
-      semver: registry.npmmirror.com/semver@6.3.0
-    dev: true
-
-  /gitconfiglocal@1.0.0:
-    resolution: {integrity: sha512-spLUXeTAVHxDtKsJc8FkFVgFtMdEN9qPGpL23VfSHx4fP4+Ds097IXLvymbnDH8FnmxX5Nr9bPw3A+AQ6mWEaQ==}
-    dependencies:
-      ini: 1.3.8
-    dev: true
-
-  /glob-parent@5.1.2:
-    resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
-    engines: {node: '>= 6'}
-    dependencies:
-      is-glob: 4.0.3
-    dev: true
-
-  /glob-parent@6.0.2:
-    resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
-    engines: {node: '>=10.13.0'}
-    dependencies:
-      is-glob: 4.0.3
-    dev: true
-
-  /glob@7.2.3:
-    resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
-    dependencies:
-      fs.realpath: 1.0.0
-      inflight: 1.0.6
-      inherits: 2.0.4
-      minimatch: 3.1.2
-      once: 1.4.0
-      path-is-absolute: 1.0.1
-    dev: true
-
-  /global-dirs@0.1.1:
-    resolution: {integrity: sha512-NknMLn7F2J7aflwFOlGdNIuCDpN3VGoSoB+aap3KABFWbHVn1TCgFC+np23J8W2BiZbjfEw3BFBycSMv1AFblg==}
-    engines: {node: '>=4'}
-    dependencies:
-      ini: 1.3.8
-    dev: true
-
-  /global-modules@2.0.0:
-    resolution: {integrity: sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==}
-    engines: {node: '>=6'}
-    dependencies:
-      global-prefix: 3.0.0
-    dev: true
-
-  /global-prefix@3.0.0:
-    resolution: {integrity: sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==}
-    engines: {node: '>=6'}
-    dependencies:
-      ini: 1.3.8
-      kind-of: 6.0.3
-      which: 1.3.1
-    dev: true
-
-  /globals@11.12.0:
-    resolution: {integrity: sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==}
-    engines: {node: '>=4'}
-    dev: true
-
-  /globals@13.20.0:
-    resolution: {integrity: sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==}
-    engines: {node: '>=8'}
-    dependencies:
-      type-fest: 0.20.2
-    dev: true
-
-  /globalthis@1.0.3:
-    resolution: {integrity: sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      define-properties: 1.2.0
-    dev: true
-
-  /globby@11.1.0:
-    resolution: {integrity: sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==}
-    engines: {node: '>=10'}
-    dependencies:
-      array-union: 2.1.0
-      dir-glob: 3.0.1
-      fast-glob: 3.3.1
-      ignore: 5.2.4
-      merge2: 1.4.1
-      slash: 3.0.0
-    dev: true
-
-  /globjoin@0.1.4:
-    resolution: {integrity: sha512-xYfnw62CKG8nLkZBfWbhWwDw02CHty86jfPcc2cr3ZfeuK9ysoVPPEUxf21bAD/rWAgk52SuBrLJlefNy8mvFg==}
-    dev: true
-
-  /gopd@1.0.1:
-    resolution: {integrity: sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==}
-    dependencies:
-      get-intrinsic: 1.2.0
-    dev: true
-
-  /graceful-fs@4.2.10:
-    resolution: {integrity: sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==}
-    dev: true
-
-  /graphemer@1.4.0:
-    resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
-    dev: true
-
-  /handlebars@4.7.7:
-    resolution: {integrity: sha512-aAcXm5OAfE/8IXkcZvCepKU3VzW1/39Fb5ZuqMtgI/hT8X2YgoMvBY5dLhq/cpOvw7Lk1nK/UF71aLG/ZnVYRA==}
-    engines: {node: '>=0.4.7'}
-    hasBin: true
-    dependencies:
-      minimist: 1.2.8
-      neo-async: 2.6.2
-      source-map: 0.6.1
-      wordwrap: 1.0.0
-    optionalDependencies:
-      uglify-js: 3.17.4
-    dev: true
-
-  /hard-rejection@2.1.0:
-    resolution: {integrity: sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==}
-    engines: {node: '>=6'}
-    dev: true
-
-  /has-ansi@2.0.0:
-    resolution: {integrity: sha512-C8vBJ8DwUCx19vhm7urhTuUsr4/IyP6l4VzNQDv+ryHQObW3TTTp9yB68WpYgRe2bbaGuZ/se74IqFeVnMnLZg==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      ansi-regex: 2.1.1
-    dev: true
-
-  /has-bigints@1.0.2:
-    resolution: {integrity: sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==}
-    dev: true
-
-  /has-flag@1.0.0:
-    resolution: {integrity: sha512-DyYHfIYwAJmjAjSSPKANxI8bFY9YtFrgkAfinBojQ8YJTOuOuav64tMUJv584SES4xl74PmuaevIyaLESHdTAA==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /has-flag@3.0.0:
-    resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==}
-    engines: {node: '>=4'}
-    dev: true
-
-  /has-flag@4.0.0:
-    resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /has-property-descriptors@1.0.0:
-    resolution: {integrity: sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==}
-    dependencies:
-      get-intrinsic: 1.2.0
-    dev: true
-
-  /has-proto@1.0.1:
-    resolution: {integrity: sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==}
-    engines: {node: '>= 0.4'}
-    dev: true
-
-  /has-symbols@1.0.3:
-    resolution: {integrity: sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==}
-    engines: {node: '>= 0.4'}
-
-  /has-tostringtag@1.0.0:
-    resolution: {integrity: sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      has-symbols: 1.0.3
-    dev: true
-
-  /has-value@0.3.1:
-    resolution: {integrity: sha512-gpG936j8/MzaeID5Yif+577c17TxaDmhuyVgSwtnL/q8UUTySg8Mecb+8Cf1otgLoD7DDH75axp86ER7LFsf3Q==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      get-value: 2.0.6
-      has-values: 0.1.4
-      isobject: 2.1.0
-    dev: true
-
-  /has-value@1.0.0:
-    resolution: {integrity: sha512-IBXk4GTsLYdQ7Rvt+GRBrFSVEkmuOUy4re0Xjd9kJSUQpnTrWR4/y9RpfexN9vkAPMFuQoeWKwqzPozRTlasGw==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      get-value: 2.0.6
-      has-values: 1.0.0
-      isobject: 3.0.1
-    dev: true
-
-  /has-values@0.1.4:
-    resolution: {integrity: sha512-J8S0cEdWuQbqD9//tlZxiMuMNmxB8PlEwvYwuxsTmR1G5RXUePEX/SJn7aD0GMLieuZYSwNH0cQuJGwnYunXRQ==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /has-values@1.0.0:
-    resolution: {integrity: sha512-ODYZC64uqzmtfGMEAX/FvZiRyWLpAC3vYnNunURUnkGVTS+mI0smVsWaPydRBsE3g+ok7h960jChO8mFcWlHaQ==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      is-number: 3.0.0
-      kind-of: 4.0.0
-    dev: true
-
-  /has@1.0.3:
-    resolution: {integrity: sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==}
-    engines: {node: '>= 0.4.0'}
-    dependencies:
-      function-bind: 1.1.1
-
-  /he@1.2.0:
-    resolution: {integrity: sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==}
-    hasBin: true
-    dev: true
-
-  /hosted-git-info@2.8.9:
-    resolution: {integrity: sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==}
-    dev: true
-
-  /hosted-git-info@4.1.0:
-    resolution: {integrity: sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==}
-    engines: {node: '>=10'}
-    dependencies:
-      lru-cache: 6.0.0
-    dev: true
-
-  /html-minifier-terser@6.1.0:
-    resolution: {integrity: sha512-YXxSlJBZTP7RS3tWnQw74ooKa6L9b9i9QYXY21eUEvhZ3u9XLfv6OnFsQq6RxkhHygsaUMvYsZRV5rU/OVNZxw==}
-    engines: {node: '>=12'}
-    hasBin: true
-    dependencies:
-      camel-case: 4.1.2
-      clean-css: 5.3.2
-      commander: 8.3.0
-      he: 1.2.0
-      param-case: 3.0.4
-      relateurl: 0.2.7
-      terser: 5.16.6
-    dev: true
-
-  /html-tags@3.3.1:
-    resolution: {integrity: sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /htmlparser2@3.10.1:
-    resolution: {integrity: sha512-IgieNijUMbkDovyoKObU1DUhm1iwNYE/fuifEoEHfd1oZKZDaONBSkal7Y01shxsM49R4XaMdGez3WnF9UfiCQ==}
-    dependencies:
-      domelementtype: 1.3.1
-      domhandler: 2.4.2
-      domutils: 1.7.0
-      entities: 1.1.2
-      inherits: 2.0.4
-      readable-stream: 3.6.2
-    dev: true
-
-  /htmlparser2@8.0.1:
-    resolution: {integrity: sha512-4lVbmc1diZC7GUJQtRQ5yBAeUCL1exyMwmForWkRLnwyzWBFxN633SALPMGYaWZvKe9j1pRZJpauvmxENSp/EA==}
-    dependencies:
-      domelementtype: 2.3.0
-      domhandler: 5.0.3
-      domutils: 3.0.1
-      entities: 4.4.0
-    dev: true
-
-  /human-signals@2.1.0:
-    resolution: {integrity: sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==}
-    engines: {node: '>=10.17.0'}
-    dev: true
-
-  /human-signals@4.3.0:
-    resolution: {integrity: sha512-zyzVyMjpGBX2+6cDVZeFPCdtOtdsxOeseRhB9tkQ6xXmGUNrcnBzdEKPy3VPNYz+4gy1oukVOXcrJCunSyc6QQ==}
-    engines: {node: '>=14.18.0'}
-    dev: true
-
-  /husky@8.0.3:
-    resolution: {integrity: sha512-+dQSyqPh4x1hlO1swXBiNb2HzTDN1I2IGLQx1GrBuiqFJfoMrnZWwVmatvSiO+Iz8fBUnf+lekwNo4c2LlXItg==}
-    engines: {node: '>=14'}
-    hasBin: true
-    dev: true
-
-  /idb@7.1.1:
-    resolution: {integrity: sha512-gchesWBzyvGHRO9W8tzUWFDycow5gwjvFKfyV9FF32Y7F50yZMp7mP+T2mJIWFx49zicqyC4uefHM17o6xKIVQ==}
-    dev: true
-
-  /ignore@5.2.4:
-    resolution: {integrity: sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==}
-    engines: {node: '>= 4'}
-    dev: true
-
-  /image-size@0.5.5:
-    resolution: {integrity: sha512-6TDAlDPZxUFCv+fuOkIoXT/V/f3Qbq8e37p+YOiYrUv3v9cc3/6x78VdfPgFVaB9dZYeLUfKgHRebpkm/oP2VQ==}
-    engines: {node: '>=0.10.0'}
-    hasBin: true
-    dev: true
-
-  /immutable@4.3.0:
-    resolution: {integrity: sha512-0AOCmOip+xgJwEVTQj1EfiDDOkPmuyllDuTuEX+DDXUgapLAsBIfkg3sxCYyCEA8mQqZrrxPUGjcOQ2JS3WLkg==}
-    dev: true
-
-  /import-fresh@3.3.0:
-    resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==}
-    engines: {node: '>=6'}
-    dependencies:
-      parent-module: 1.0.1
-      resolve-from: 4.0.0
-    dev: true
-
-  /import-lazy@4.0.0:
-    resolution: {integrity: sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /imurmurhash@0.1.4:
-    resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
-    engines: {node: '>=0.8.19'}
-    dev: true
-
-  /indent-string@4.0.0:
-    resolution: {integrity: sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /indent-string@5.0.0:
-    resolution: {integrity: sha512-m6FAo/spmsW2Ab2fU35JTYwtOKa2yAwXSwgjSv1TJzh4Mh7mC3lzAOVLBprb72XsTrgkEIsl7YrFNAiDiRhIGg==}
-    engines: {node: '>=12'}
-    dev: true
-
-  /inflight@1.0.6:
-    resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==}
-    dependencies:
-      once: 1.4.0
-      wrappy: 1.0.2
-    dev: true
-
-  /inherits@2.0.4:
-    resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
-    dev: true
-
-  /ini@1.3.8:
-    resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==}
-    dev: true
-
-  /internal-slot@1.0.5:
-    resolution: {integrity: sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      get-intrinsic: 1.2.0
-      has: 1.0.3
-      side-channel: 1.0.4
-    dev: true
-
-  /is-accessor-descriptor@0.1.6:
-    resolution: {integrity: sha512-e1BM1qnDbMRG3ll2U9dSK0UMHuWOs3pY3AtcFsmvwPtKL3MML/Q86i+GilLfvqEs4GW+ExB91tQ3Ig9noDIZ+A==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      kind-of: 3.2.2
-    dev: true
-
-  /is-accessor-descriptor@1.0.0:
-    resolution: {integrity: sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      kind-of: 6.0.3
-    dev: true
-
-  /is-array-buffer@3.0.2:
-    resolution: {integrity: sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==}
-    dependencies:
-      call-bind: 1.0.2
-      get-intrinsic: 1.2.0
-      is-typed-array: 1.1.10
-    dev: true
-
-  /is-arrayish@0.2.1:
-    resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
-    dev: true
-
-  /is-bigint@1.0.4:
-    resolution: {integrity: sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==}
-    dependencies:
-      has-bigints: 1.0.2
-    dev: true
-
-  /is-binary-path@2.1.0:
-    resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
-    engines: {node: '>=8'}
-    dependencies:
-      binary-extensions: 2.2.0
-    dev: true
-
-  /is-boolean-object@1.1.2:
-    resolution: {integrity: sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      call-bind: 1.0.2
-      has-tostringtag: 1.0.0
-    dev: true
-
-  /is-buffer@1.1.6:
-    resolution: {integrity: sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==}
-
-  /is-callable@1.2.7:
-    resolution: {integrity: sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==}
-    engines: {node: '>= 0.4'}
-    dev: true
-
-  /is-core-module@2.11.0:
-    resolution: {integrity: sha512-RRjxlvLDkD1YJwDbroBHMb+cukurkDWNyHx7D3oNB5x9rb5ogcksMC5wHCadcXoo67gVr/+3GFySh3134zi6rw==}
-    dependencies:
-      has: 1.0.3
-    dev: true
-
-  /is-data-descriptor@0.1.4:
-    resolution: {integrity: sha512-+w9D5ulSoBNlmw9OHn3U2v51SyoCd0he+bB3xMl62oijhrspxowjU+AIcDY0N3iEJbUEkB15IlMASQsxYigvXg==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      kind-of: 3.2.2
-    dev: true
-
-  /is-data-descriptor@1.0.0:
-    resolution: {integrity: sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      kind-of: 6.0.3
-    dev: true
-
-  /is-date-object@1.0.5:
-    resolution: {integrity: sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      has-tostringtag: 1.0.0
-    dev: true
-
-  /is-descriptor@0.1.6:
-    resolution: {integrity: sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      is-accessor-descriptor: 0.1.6
-      is-data-descriptor: 0.1.4
-      kind-of: 5.1.0
-    dev: true
-
-  /is-descriptor@1.0.2:
-    resolution: {integrity: sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      is-accessor-descriptor: 1.0.0
-      is-data-descriptor: 1.0.0
-      kind-of: 6.0.3
-    dev: true
-
-  /is-docker@2.2.1:
-    resolution: {integrity: sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==}
-    engines: {node: '>=8'}
-    hasBin: true
-    dev: true
-
-  /is-docker@3.0.0:
-    resolution: {integrity: sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-    hasBin: true
-    dev: true
-
-  /is-extendable@0.1.1:
-    resolution: {integrity: sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /is-extendable@1.0.1:
-    resolution: {integrity: sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      is-plain-object: 2.0.4
-    dev: true
-
-  /is-extglob@2.1.1:
-    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /is-fullwidth-code-point@3.0.0:
-    resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /is-fullwidth-code-point@4.0.0:
-    resolution: {integrity: sha512-O4L094N2/dZ7xqVdrXhh9r1KODPJpFms8B5sGdJLPy664AgvXsreZUyCQQNItZRDlYug4xStLjNp/sz3HvBowQ==}
-    engines: {node: '>=12'}
-    dev: true
-
-  /is-glob@4.0.3:
-    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      is-extglob: 2.1.1
-    dev: true
-
-  /is-inside-container@1.0.0:
-    resolution: {integrity: sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==}
-    engines: {node: '>=14.16'}
-    hasBin: true
-    dependencies:
-      is-docker: 3.0.0
-    dev: true
-
-  /is-module@1.0.0:
-    resolution: {integrity: sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==}
-    dev: true
-
-  /is-negative-zero@2.0.2:
-    resolution: {integrity: sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==}
-    engines: {node: '>= 0.4'}
-    dev: true
-
-  /is-number-object@1.0.7:
-    resolution: {integrity: sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      has-tostringtag: 1.0.0
-    dev: true
-
-  /is-number@3.0.0:
-    resolution: {integrity: sha512-4cboCqIpliH+mAvFNegjZQ4kgKc3ZUhQVr3HvWbSh5q3WH2v82ct+T2Y1hdU5Gdtorx/cLifQjqCbL7bpznLTg==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      kind-of: 3.2.2
-    dev: true
-
-  /is-number@7.0.0:
-    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
-    engines: {node: '>=0.12.0'}
-    dev: true
-
-  /is-obj@1.0.1:
-    resolution: {integrity: sha512-l4RyHgRqGN4Y3+9JHVrNqO+tN0rV5My76uW5/nuO4K1b6vw5G8d/cmFjP9tRfEsdhZNt0IFdZuK/c2Vr4Nb+Qg==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /is-obj@2.0.0:
-    resolution: {integrity: sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /is-path-inside@3.0.3:
-    resolution: {integrity: sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /is-plain-obj@1.1.0:
-    resolution: {integrity: sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /is-plain-object@2.0.4:
-    resolution: {integrity: sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      isobject: 3.0.1
-    dev: true
-
-  /is-plain-object@5.0.0:
-    resolution: {integrity: sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /is-regex@1.1.4:
-    resolution: {integrity: sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      call-bind: 1.0.2
-      has-tostringtag: 1.0.0
-    dev: true
-
-  /is-regexp@1.0.0:
-    resolution: {integrity: sha512-7zjFAPO4/gwyQAAgRRmqeEeyIICSdmCqa3tsVHMdBzaXXRiqopZL4Cyghg/XulGWrtABTpbnYYzzIRffLkP4oA==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /is-shared-array-buffer@1.0.2:
-    resolution: {integrity: sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==}
-    dependencies:
-      call-bind: 1.0.2
-    dev: true
-
-  /is-stream@2.0.1:
-    resolution: {integrity: sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /is-stream@3.0.0:
-    resolution: {integrity: sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-    dev: true
-
-  /is-string@1.0.7:
-    resolution: {integrity: sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      has-tostringtag: 1.0.0
-    dev: true
-
-  /is-symbol@1.0.4:
-    resolution: {integrity: sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      has-symbols: 1.0.3
-    dev: true
-
-  /is-text-path@1.0.1:
-    resolution: {integrity: sha512-xFuJpne9oFz5qDaodwmmG08e3CawH/2ZV8Qqza1Ko7Sk8POWbkRdwIoAWVhqvq0XeUzANEhKo2n0IXUGBm7A/w==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      text-extensions: 1.9.0
-    dev: true
-
-  /is-typed-array@1.1.10:
-    resolution: {integrity: sha512-PJqgEHiWZvMpaFZ3uTc8kHPM4+4ADTlDniuQL7cU/UDA0Ql7F70yGfHph3cLNe+c9toaigv+DFzTJKhc2CtO6A==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      available-typed-arrays: 1.0.5
-      call-bind: 1.0.2
-      for-each: 0.3.3
-      gopd: 1.0.1
-      has-tostringtag: 1.0.0
-    dev: true
-
-  /is-weakref@1.0.2:
-    resolution: {integrity: sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==}
-    dependencies:
-      call-bind: 1.0.2
-    dev: true
-
-  /is-windows@1.0.2:
-    resolution: {integrity: sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /is-wsl@2.2.0:
-    resolution: {integrity: sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==}
-    engines: {node: '>=8'}
-    dependencies:
-      is-docker: 2.2.1
-    dev: true
-
-  /isarray@1.0.0:
-    resolution: {integrity: sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==}
-    dev: true
-
-  /isexe@2.0.0:
-    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
-    dev: true
-
-  /isobject@2.1.0:
-    resolution: {integrity: sha512-+OUdGJlgjOBZDfxnDjYYG6zp487z0JGNQq3cYQYg5f5hKR+syHMsaztzGeml/4kGG55CSpKSpWTY+jYGgsHLgA==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      isarray: 1.0.0
-    dev: true
-
-  /isobject@3.0.1:
-    resolution: {integrity: sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /jake@10.8.5:
-    resolution: {integrity: sha512-sVpxYeuAhWt0OTWITwT98oyV0GsXyMlXCF+3L1SuafBVUIr/uILGRB+NqwkzhgXKvoJpDIpQvqkUALgdmQsQxw==}
-    engines: {node: '>=10'}
-    hasBin: true
-    dependencies:
-      async: 3.2.4
-      chalk: 4.1.2
-      filelist: 1.0.4
-      minimatch: registry.npmmirror.com/minimatch@3.1.2
-    dev: true
-
-  /jest-worker@26.6.2:
-    resolution: {integrity: sha512-KWYVV1c4i+jbMpaBC+U++4Va0cp8OisU185o73T1vo99hqi7w8tSJfUXYswwqqrjzwxa6KpRK54WhPvwf5w6PQ==}
-    engines: {node: '>= 10.13.0'}
-    dependencies:
-      '@types/node': 20.4.7
-      merge-stream: 2.0.0
-      supports-color: 7.2.0
-    dev: true
-
-  /js-base64@2.6.4:
-    resolution: {integrity: sha512-pZe//GGmwJndub7ZghVHz7vjb2LgC1m8B07Au3eYqeqv9emhESByMXxaEgkUkEqJe87oBbSniGYoQNIBklc7IQ==}
-    dev: true
-
-  /js-tokens@4.0.0:
-    resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
-    dev: true
-
-  /js-tokens@8.0.1:
-    resolution: {integrity: sha512-3AGrZT6tuMm1ZWWn9mLXh7XMfi2YtiLNPALCVxBCiUVq0LD1OQMxV/AdS/s7rLJU5o9i/jBZw/N4vXXL5dm29A==}
-    dev: true
-
-  /js-yaml@4.1.0:
-    resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
-    hasBin: true
-    dependencies:
-      argparse: 2.0.1
-    dev: true
-
-  /jsesc@0.5.0:
-    resolution: {integrity: sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==}
-    hasBin: true
-    dev: true
-
-  /jsesc@2.5.2:
-    resolution: {integrity: sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==}
-    engines: {node: '>=4'}
-    hasBin: true
-    dev: true
-
-  /json-parse-better-errors@1.0.2:
-    resolution: {integrity: sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==}
-    dev: true
-
-  /json-parse-even-better-errors@2.3.1:
-    resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==}
-    dev: true
-
-  /json-schema-traverse@0.4.1:
-    resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
-    dev: true
-
-  /json-schema-traverse@1.0.0:
-    resolution: {integrity: sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==}
-    dev: true
-
-  /json-schema@0.4.0:
-    resolution: {integrity: sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==}
-    dev: true
-
-  /json-stable-stringify-without-jsonify@1.0.1:
-    resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
-    dev: true
-
-  /json-stringify-safe@5.0.1:
-    resolution: {integrity: sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA==}
-    dev: true
-
-  /json5@1.0.2:
-    resolution: {integrity: sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==}
-    hasBin: true
-    dependencies:
-      minimist: 1.2.8
-    dev: true
-
-  /json5@2.2.3:
-    resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==}
-    engines: {node: '>=6'}
-    hasBin: true
-    dev: true
-
-  /jsonfile@6.1.0:
-    resolution: {integrity: sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==}
-    dependencies:
-      universalify: 2.0.0
-    optionalDependencies:
-      graceful-fs: 4.2.10
-    dev: true
-
-  /jsonparse@1.3.1:
-    resolution: {integrity: sha512-POQXvpdL69+CluYsillJ7SUhKvytYjW9vG/GKpnf+xP8UWgYEM/RaMzHHofbALDiKbbP1W8UEYmgGl39WkPZsg==}
-    engines: {'0': node >= 0.2.0}
-    dev: true
-
-  /jsonpointer@5.0.1:
-    resolution: {integrity: sha512-p/nXbhSEcu3pZRdkW1OfJhpsVtW1gd4Wa1fnQc9YLiTfAjn0312eMKimbdIQzuZl9aa9xUGaRlP9T/CJE/ditQ==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /kind-of@3.2.2:
-    resolution: {integrity: sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      is-buffer: 1.1.6
-    dev: true
-
-  /kind-of@4.0.0:
-    resolution: {integrity: sha512-24XsCxmEbRwEDbz/qz3stgin8TTzZ1ESR56OMCN0ujYg+vRutNSiOj9bHH9u85DKgXguraugV5sFuvbD4FW/hw==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      is-buffer: 1.1.6
-    dev: true
-
-  /kind-of@5.1.0:
-    resolution: {integrity: sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /kind-of@6.0.3:
-    resolution: {integrity: sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /known-css-properties@0.28.0:
-    resolution: {integrity: sha512-9pSL5XB4J+ifHP0e0jmmC98OGC1nL8/JjS+fi6mnTlIf//yt/MfVLtKg7S6nCtj/8KTcWX7nRlY0XywoYY1ISQ==}
-    dev: true
-
-  /leven@3.1.0:
-    resolution: {integrity: sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==}
-    engines: {node: '>=6'}
-    dev: true
-
-  /levn@0.4.1:
-    resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
-    engines: {node: '>= 0.8.0'}
-    dependencies:
-      prelude-ls: 1.2.1
-      type-check: 0.4.0
-    dev: true
-
-  /lilconfig@2.1.0:
-    resolution: {integrity: sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==}
-    engines: {node: '>=10'}
-    dev: true
-
-  /lines-and-columns@1.2.4:
-    resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
-    dev: true
-
-  /lint-staged@14.0.1:
-    resolution: {integrity: sha512-Mw0cL6HXnHN1ag0mN/Dg4g6sr8uf8sn98w2Oc1ECtFto9tvRF7nkXGJRbx8gPlHyoR0pLyBr2lQHbWwmUHe1Sw==}
-    engines: {node: ^16.14.0 || >=18.0.0}
-    hasBin: true
-    dependencies:
-      chalk: 5.3.0
-      commander: 11.0.0
-      debug: 4.3.4
-      execa: 7.2.0
-      lilconfig: 2.1.0
-      listr2: 6.6.1
-      micromatch: 4.0.5
-      pidtree: 0.6.0
-      string-argv: 0.3.2
-      yaml: 2.3.1
-    transitivePeerDependencies:
-      - enquirer
-      - supports-color
-    dev: true
-
-  /listr2@6.6.1:
-    resolution: {integrity: sha512-+rAXGHh0fkEWdXBmX+L6mmfmXmXvDGEKzkjxO+8mP3+nI/r/CWznVBvsibXdxda9Zz0OW2e2ikphN3OwCT/jSg==}
-    engines: {node: '>=16.0.0'}
-    peerDependencies:
-      enquirer: '>= 2.3.0 < 3'
-    peerDependenciesMeta:
-      enquirer:
-        optional: true
-    dependencies:
-      cli-truncate: 3.1.0
-      colorette: 2.0.20
-      eventemitter3: 5.0.1
-      log-update: 5.0.1
-      rfdc: 1.3.0
-      wrap-ansi: 8.1.0
-    dev: true
-
-  /load-json-file@4.0.0:
-    resolution: {integrity: sha512-Kx8hMakjX03tiGTLAIdJ+lL0htKnXjEZN6hk/tozf/WOuYGdZBJrZ+rCJRbVCugsjB3jMLn9746NsQIf5VjBMw==}
-    engines: {node: '>=4'}
-    dependencies:
-      graceful-fs: registry.npmmirror.com/graceful-fs@4.2.10
-      parse-json: 4.0.0
-      pify: 3.0.0
-      strip-bom: 3.0.0
-    dev: true
-
-  /loader-utils@1.4.2:
-    resolution: {integrity: sha512-I5d00Pd/jwMD2QCduo657+YM/6L3KZu++pmX9VFncxaxvHcru9jx1lBaFft+r4Mt2jK0Yhp41XlRAihzPxHNCg==}
-    engines: {node: '>=4.0.0'}
-    dependencies:
-      big.js: 5.2.2
-      emojis-list: 3.0.0
-      json5: 1.0.2
-    dev: true
-
-  /locate-path@2.0.0:
-    resolution: {integrity: sha512-NCI2kiDkyR7VeEKm27Kda/iQHyKJe1Bu0FlTbYp3CqJu+9IFe9bLyAjMxf5ZDDbEg+iMPzB5zYyUTSm8wVTKmA==}
-    engines: {node: '>=4'}
-    dependencies:
-      p-locate: 2.0.0
-      path-exists: 3.0.0
-    dev: true
-
-  /locate-path@3.0.0:
-    resolution: {integrity: sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==}
-    engines: {node: '>=6'}
-    dependencies:
-      p-locate: 3.0.0
-      path-exists: 3.0.0
-    dev: true
-
-  /locate-path@5.0.0:
-    resolution: {integrity: sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==}
-    engines: {node: '>=8'}
-    dependencies:
-      p-locate: 4.1.0
-    dev: true
-
-  /locate-path@6.0.0:
-    resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
-    engines: {node: '>=10'}
-    dependencies:
-      p-locate: 5.0.0
-    dev: true
-
-  /lodash-es@4.17.21:
-    resolution: {integrity: sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==}
-    dev: false
-
-  /lodash-unified@1.0.3(@types/lodash-es@4.17.7)(lodash-es@4.17.21)(lodash@4.17.21):
-    resolution: {integrity: sha512-WK9qSozxXOD7ZJQlpSqOT+om2ZfcT4yO+03FuzAHD0wF6S0l0090LRPDx3vhTTLZ8cFKpBn+IOcVXK6qOcIlfQ==}
-    peerDependencies:
-      '@types/lodash-es': '*'
-      lodash: '*'
-      lodash-es: '*'
-    dependencies:
-      '@types/lodash-es': 4.17.7
-      lodash: 4.17.21
-      lodash-es: 4.17.21
-    dev: false
-
-  /lodash.camelcase@4.3.0:
-    resolution: {integrity: sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA==}
-    dev: true
-
-  /lodash.debounce@4.0.8:
-    resolution: {integrity: sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==}
-    dev: true
-
-  /lodash.isfunction@3.0.9:
-    resolution: {integrity: sha512-AirXNj15uRIMMPihnkInB4i3NHeb4iBtNg9WRWuK2o31S+ePwwNmDPaTL3o7dTJ+VXNZim7rFs4rxN4YU1oUJw==}
-    dev: true
-
-  /lodash.ismatch@4.4.0:
-    resolution: {integrity: sha512-fPMfXjGQEV9Xsq/8MTSgUf255gawYRbjwMyDbcvDhXgV7enSZA0hynz6vMPnpAb5iONEzBHBPsT+0zes5Z301g==}
-    dev: true
-
-  /lodash.isplainobject@4.0.6:
-    resolution: {integrity: sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==}
-    dev: true
-
-  /lodash.kebabcase@4.1.1:
-    resolution: {integrity: sha512-N8XRTIMMqqDgSy4VLKPnJ/+hpGZN+PHQiJnSenYqPaVV/NCqEogTnAdZLQiGKhxX+JCs8waWq2t1XHWKOmlY8g==}
-    dev: true
-
-  /lodash.merge@4.6.2:
-    resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
-    dev: true
-
-  /lodash.mergewith@4.6.2:
-    resolution: {integrity: sha512-GK3g5RPZWTRSeLSpgP8Xhra+pnjBC56q9FZYe1d5RN3TJ35dbkGy3YqBSMbyCrlbi+CM9Z3Jk5yTL7RCsqboyQ==}
-    dev: true
-
-  /lodash.snakecase@4.1.1:
-    resolution: {integrity: sha512-QZ1d4xoBHYUeuouhEq3lk3Uq7ldgyFXGBhg04+oRLnIz8o9T65Eh+8YdroUwn846zchkA9yDsDl5CVVaV2nqYw==}
-    dev: true
-
-  /lodash.sortby@4.7.0:
-    resolution: {integrity: sha512-HDWXG8isMntAyRF5vZ7xKuEvOhT4AhlRt/3czTSjvGUxjYCBVRQY48ViDHyfYz9VIoBkW4TMGQNapx+l3RUwdA==}
-    dev: true
-
-  /lodash.startcase@4.4.0:
-    resolution: {integrity: sha512-+WKqsK294HMSc2jEbNgpHpd0JfIBhp7rEV4aqXWqFr6AlXov+SlcgB1Fv01y2kGe3Gc8nMW7VA0SrGuSkRfIEg==}
-    dev: true
-
-  /lodash.truncate@4.4.2:
-    resolution: {integrity: sha512-jttmRe7bRse52OsWIMDLaXxWqRAmtIUccAQ3garviCqJjafXOfNMO0yMfNpdD6zbGaTU0P5Nz7e7gAT6cKmJRw==}
-    dev: true
-
-  /lodash.uniq@4.5.0:
-    resolution: {integrity: sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==}
-    dev: true
-
-  /lodash.upperfirst@4.3.1:
-    resolution: {integrity: sha512-sReKOYJIJf74dhJONhU4e0/shzi1trVbSWDOhKYE5XV2O+H7Sb2Dihwuc7xWxVl+DgFPyTqIN3zMfT9cq5iWDg==}
-    dev: true
-
-  /lodash@4.17.21:
-    resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
-
-  /log-update@5.0.1:
-    resolution: {integrity: sha512-5UtUDQ/6edw4ofyljDNcOVJQ4c7OjDro4h3y8e1GQL5iYElYclVHJ3zeWchylvMaKnDbDilC8irOVyexnA/Slw==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-    dependencies:
-      ansi-escapes: 5.0.0
-      cli-cursor: 4.0.0
-      slice-ansi: 5.0.0
-      strip-ansi: 7.0.1
-      wrap-ansi: 8.1.0
-    dev: true
-
-  /lower-case@2.0.2:
-    resolution: {integrity: sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==}
-    dependencies:
-      tslib: 2.3.0
-    dev: true
-
-  /lru-cache@5.1.1:
-    resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
-    dependencies:
-      yallist: 3.1.1
-    dev: true
-
-  /lru-cache@6.0.0:
-    resolution: {integrity: sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==}
-    engines: {node: '>=10'}
-    dependencies:
-      yallist: registry.npmmirror.com/yallist@4.0.0
-    dev: true
-
-  /magic-string@0.25.9:
-    resolution: {integrity: sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==}
-    dependencies:
-      sourcemap-codec: 1.4.8
-    dev: true
-
-  /magic-string@0.26.7:
-    resolution: {integrity: sha512-hX9XH3ziStPoPhJxLq1syWuZMxbDvGNbVchfrdCtanC7D13888bMFow61x8axrx+GfHLtVeAx2kxL7tTGRl+Ow==}
-    engines: {node: '>=12'}
-    dependencies:
-      sourcemap-codec: 1.4.8
-    dev: true
-
-  /magic-string@0.30.0:
-    resolution: {integrity: sha512-LA+31JYDJLs82r2ScLrlz1GjSgu66ZV518eyWT+S8VhyQn/JL0u9MeBOvQMGYiPk1DBiSN9DDMOcXvigJZaViQ==}
-    engines: {node: '>=12'}
-    dependencies:
-      '@jridgewell/sourcemap-codec': 1.4.14
-
-  /make-error@1.3.6:
-    resolution: {integrity: sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==}
-    dev: true
-
-  /map-cache@0.2.2:
-    resolution: {integrity: sha512-8y/eV9QQZCiyn1SprXSrCmqJN0yNRATe+PO8ztwqrvrbdRLA3eYJF0yaR0YayLWkMbsQSKWS9N2gPcGEc4UsZg==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /map-obj@1.0.1:
-    resolution: {integrity: sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /map-obj@4.3.0:
-    resolution: {integrity: sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /map-visit@1.0.0:
-    resolution: {integrity: sha512-4y7uGv8bd2WdM9vpQsiQNo41Ln1NvhvDRuVt0k2JZQ+ezN2uaQes7lZeZ+QQUHOLQAtDaBJ+7wCbi+ab/KFs+w==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      object-visit: 1.0.1
-    dev: true
-
-  /mathml-tag-names@2.1.3:
-    resolution: {integrity: sha512-APMBEanjybaPzUrfqU0IMU5I0AswKMH7k8OTLs0vvV4KZpExkTkY87nR/zpbuTPj+gARop7aGUbl11pnDfW6xg==}
-    dev: true
-
-  /md5@2.3.0:
-    resolution: {integrity: sha512-T1GITYmFaKuO91vxyoQMFETst+O71VUPEU3ze5GNzDm0OWdP8v1ziTaAEPUr/3kLsY3Sftgz242A1SetQiDL7g==}
-    dependencies:
-      charenc: 0.0.2
-      crypt: 0.0.2
-      is-buffer: 1.1.6
-    dev: false
-
-  /mdn-data@2.0.14:
-    resolution: {integrity: sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==}
-    dev: true
-
-  /mdn-data@2.0.30:
-    resolution: {integrity: sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==}
-    dev: true
-
-  /memoize-one@6.0.0:
-    resolution: {integrity: sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==}
-    dev: false
-
-  /meow@10.1.5:
-    resolution: {integrity: sha512-/d+PQ4GKmGvM9Bee/DPa8z3mXs/pkvJE2KEThngVNOqtmljC6K7NMPxtc2JeZYTmpWb9k/TmxjeL18ez3h7vCw==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-    dependencies:
-      '@types/minimist': 1.2.2
-      camelcase-keys: 7.0.2
-      decamelize: 5.0.1
-      decamelize-keys: 1.1.1
-      hard-rejection: 2.1.0
-      minimist-options: 4.1.0
-      normalize-package-data: 3.0.3
-      read-pkg-up: 8.0.0
-      redent: 4.0.0
-      trim-newlines: 4.1.1
-      type-fest: 1.4.0
-      yargs-parser: 20.2.9
-    dev: true
-
-  /meow@8.1.2:
-    resolution: {integrity: sha512-r85E3NdZ+mpYk1C6RjPFEMSE+s1iZMuHtsHAqY0DT3jZczl0diWUZ8g6oU7h0M9cD2EL+PzaYghhCLzR0ZNn5Q==}
-    engines: {node: '>=10'}
-    dependencies:
-      '@types/minimist': 1.2.2
-      camelcase-keys: 6.2.2
-      decamelize-keys: 1.1.1
-      hard-rejection: 2.1.0
-      minimist-options: 4.1.0
-      normalize-package-data: 3.0.3
-      read-pkg-up: 7.0.1
-      redent: 3.0.0
-      trim-newlines: 3.0.1
-      type-fest: 0.18.1
-      yargs-parser: 20.2.9
-    dev: true
-
-  /merge-options@1.0.1:
-    resolution: {integrity: sha512-iuPV41VWKWBIOpBsjoxjDZw8/GbSfZ2mk7N1453bwMrfzdrIk7EzBd+8UVR6rkw67th7xnk9Dytl3J+lHPdxvg==}
-    engines: {node: '>=4'}
-    dependencies:
-      is-plain-obj: 1.1.0
-    dev: true
-
-  /merge-stream@2.0.0:
-    resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==}
-    dev: true
-
-  /merge2@1.4.1:
-    resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
-    engines: {node: '>= 8'}
-    dev: true
-
-  /micromatch@3.1.0:
-    resolution: {integrity: sha512-3StSelAE+hnRvMs8IdVW7Uhk8CVed5tp+kLLGlBP6WiRAXS21GPGu/Nat4WNPXj2Eoc24B02SaeoyozPMfj0/g==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      arr-diff: 4.0.0
-      array-unique: 0.3.2
-      braces: 2.3.2
-      define-property: 1.0.0
-      extend-shallow: 2.0.1
-      extglob: 2.0.4
-      fragment-cache: 0.2.1
-      kind-of: 5.1.0
-      nanomatch: 1.2.13
-      object.pick: 1.3.0
-      regex-not: 1.0.2
-      snapdragon: 0.8.2
-      to-regex: 3.0.2
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /micromatch@4.0.5:
-    resolution: {integrity: sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==}
-    engines: {node: '>=8.6'}
-    dependencies:
-      braces: 3.0.2
-      picomatch: 2.3.1
-    dev: true
-
-  /mime-db@1.52.0:
-    resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
-    engines: {node: '>= 0.6'}
-    dev: false
-
-  /mime-types@2.1.35:
-    resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
-    engines: {node: '>= 0.6'}
-    dependencies:
-      mime-db: 1.52.0
-    dev: false
-
-  /mimic-fn@2.1.0:
-    resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==}
-    engines: {node: '>=6'}
-    dev: true
-
-  /mimic-fn@4.0.0:
-    resolution: {integrity: sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==}
-    engines: {node: '>=12'}
-    dev: true
-
-  /min-indent@1.0.1:
-    resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
-    engines: {node: '>=4'}
-    dev: true
-
-  /minimatch@3.1.2:
-    resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
-    dependencies:
-      brace-expansion: 1.1.11
-    dev: true
-
-  /minimatch@9.0.0:
-    resolution: {integrity: sha512-0jJj8AvgKqWN05mrwuqi8QYKx1WmYSUoKSxu5Qhs9prezTz10sxAHGNZe9J9cqIJzta8DWsleh2KaVaLl6Ru2w==}
-    engines: {node: '>=16 || 14 >=14.17'}
-    dependencies:
-      brace-expansion: 2.0.1
-    dev: true
-
-  /minimist-options@4.1.0:
-    resolution: {integrity: sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==}
-    engines: {node: '>= 6'}
-    dependencies:
-      arrify: 1.0.1
-      is-plain-obj: 1.1.0
-      kind-of: 6.0.3
-    dev: true
-
-  /minimist@1.2.8:
-    resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
-    dev: true
-
-  /mitt@3.0.1:
-    resolution: {integrity: sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==}
-    dev: false
-
-  /mixin-deep@1.3.2:
-    resolution: {integrity: sha512-WRoDn//mXBiJ1H40rqa3vH0toePwSsGb45iInWlTySa+Uu4k3tYUSxa2v1KqAiLtvlrSzaExqS1gtk96A9zvEA==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      for-in: 1.0.2
-      is-extendable: 1.0.1
-    dev: true
-
-  /modify-values@1.0.1:
-    resolution: {integrity: sha512-xV2bxeN6F7oYjZWTe/YPAy6MN2M+sL4u/Rlm2AHCIVGfo2p1yGmBHQ6vHehl4bRTZBdHu3TSkWdYgkwpYzAGSw==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /ms@2.0.0:
-    resolution: {integrity: sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==}
-    dev: true
-
-  /ms@2.1.2:
-    resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
-    dev: true
-
-  /muggle-string@0.3.1:
-    resolution: {integrity: sha512-ckmWDJjphvd/FvZawgygcUeQCxzvohjFO5RxTjj4eq8kw359gFF3E1brjfI+viLMxss5JrHTDRHZvu2/tuy0Qg==}
-    dev: true
-
-  /nanoid@3.3.6:
-    resolution: {integrity: sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==}
-    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
-    hasBin: true
-
-  /nanomatch@1.2.13:
-    resolution: {integrity: sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      arr-diff: 4.0.0
-      array-unique: 0.3.2
-      define-property: 2.0.2
-      extend-shallow: 3.0.2
-      fragment-cache: 0.2.1
-      is-windows: 1.0.2
-      kind-of: 6.0.3
-      object.pick: 1.3.0
-      regex-not: 1.0.2
-      snapdragon: 0.8.2
-      to-regex: 3.0.2
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /natural-compare@1.4.0:
-    resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
-    dev: true
-
-  /neo-async@2.6.2:
-    resolution: {integrity: sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==}
-    dev: true
-
-  /no-case@3.0.4:
-    resolution: {integrity: sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==}
-    dependencies:
-      lower-case: 2.0.2
-      tslib: 2.3.0
-    dev: true
-
-  /node-html-parser@5.4.2:
-    resolution: {integrity: sha512-RaBPP3+51hPne/OolXxcz89iYvQvKOydaqoePpOgXcrOKZhjVIzmpKZz+Hd/RBO2/zN2q6CNJhQzucVz+u3Jyw==}
-    dependencies:
-      css-select: 4.3.0
-      he: 1.2.0
-    dev: true
-
-  /node-releases@2.0.13:
-    resolution: {integrity: sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ==}
-    dev: true
-
-  /normalize-package-data@2.5.0:
-    resolution: {integrity: sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==}
-    dependencies:
-      hosted-git-info: 2.8.9
-      resolve: 1.22.1
-      semver: registry.npmmirror.com/semver@5.7.1
-      validate-npm-package-license: 3.0.4
-    dev: true
-
-  /normalize-package-data@3.0.3:
-    resolution: {integrity: sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==}
-    engines: {node: '>=10'}
-    dependencies:
-      hosted-git-info: 4.1.0
-      is-core-module: 2.11.0
-      semver: registry.npmmirror.com/semver@7.5.2
-      validate-npm-package-license: 3.0.4
-    dev: true
-
-  /normalize-path@3.0.0:
-    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /normalize-range@0.1.2:
-    resolution: {integrity: sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /normalize-wheel-es@1.2.0:
-    resolution: {integrity: sha512-Wj7+EJQ8mSuXr2iWfnujrimU35R2W4FAErEyTmJoJ7ucwTn2hOUSsRehMb5RSYkxXGTM7Y9QpvPmp++w5ftoJw==}
-    dev: false
-
-  /npm-run-path@4.0.1:
-    resolution: {integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==}
-    engines: {node: '>=8'}
-    dependencies:
-      path-key: 3.1.1
-    dev: true
-
-  /npm-run-path@5.1.0:
-    resolution: {integrity: sha512-sJOdmRGrY2sjNTRMbSvluQqg+8X7ZK61yvzBEIDhz4f8z1TZFYABsqjjCBd/0PUNE9M6QDgHJXQkGUEm7Q+l9Q==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-    dependencies:
-      path-key: 4.0.0
-    dev: true
-
-  /nprogress@0.2.0:
-    resolution: {integrity: sha512-I19aIingLgR1fmhftnbWWO3dXc0hSxqHQHQb3H8m+K3TnEn/iSeTZZOyvKXWqQESMwuUVnatlCnZdLBZZt2VSA==}
-    dev: false
-
-  /nth-check@2.1.1:
-    resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
-    dependencies:
-      boolbase: 1.0.0
-    dev: true
-
-  /object-assign@4.1.1:
-    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /object-copy@0.1.0:
-    resolution: {integrity: sha512-79LYn6VAb63zgtmAteVOWo9Vdj71ZVBy3Pbse+VqxDpEP83XuujMrGqHIwAXJ5I/aM0zU7dIyIAhifVTPrNItQ==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      copy-descriptor: 0.1.1
-      define-property: 0.2.5
-      kind-of: 3.2.2
-    dev: true
-
-  /object-inspect@1.12.3:
-    resolution: {integrity: sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==}
-
-  /object-keys@1.1.1:
-    resolution: {integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==}
-    engines: {node: '>= 0.4'}
-    dev: true
-
-  /object-visit@1.0.1:
-    resolution: {integrity: sha512-GBaMwwAVK9qbQN3Scdo0OyvgPW7l3lnaVMj84uTOZlswkX0KpF6fyDBJhtTthf7pymztoN36/KEr1DyhF96zEA==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      isobject: 3.0.1
-    dev: true
-
-  /object.assign@4.1.4:
-    resolution: {integrity: sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      call-bind: 1.0.2
-      define-properties: 1.2.0
-      has-symbols: 1.0.3
-      object-keys: 1.1.1
-    dev: true
-
-  /object.pick@1.3.0:
-    resolution: {integrity: sha512-tqa/UMy/CCoYmj+H5qc07qvSL9dqcs/WZENZ1JbtWBlATP+iVOe778gE6MSijnyCnORzDuX6hU+LA4SZ09YjFQ==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      isobject: 3.0.1
-    dev: true
-
-  /once@1.4.0:
-    resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
-    dependencies:
-      wrappy: 1.0.2
-    dev: true
-
-  /onetime@5.1.2:
-    resolution: {integrity: sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==}
-    engines: {node: '>=6'}
-    dependencies:
-      mimic-fn: 2.1.0
-    dev: true
-
-  /onetime@6.0.0:
-    resolution: {integrity: sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==}
-    engines: {node: '>=12'}
-    dependencies:
-      mimic-fn: 4.0.0
-    dev: true
-
-  /open@8.4.2:
-    resolution: {integrity: sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==}
-    engines: {node: '>=12'}
-    dependencies:
-      define-lazy-prop: 2.0.0
-      is-docker: 2.2.1
-      is-wsl: 2.2.0
-    dev: true
-
-  /open@9.1.0:
-    resolution: {integrity: sha512-OS+QTnw1/4vrf+9hh1jc1jnYjzSG4ttTBB8UxOwAnInG3Uo4ssetzC1ihqaIHjLJnA5GGlRl6QlZXOTQhRBUvg==}
-    engines: {node: '>=14.16'}
-    dependencies:
-      default-browser: 4.0.0
-      define-lazy-prop: 3.0.0
-      is-inside-container: 1.0.0
-      is-wsl: 2.2.0
-    dev: true
-
-  /optionator@0.9.3:
-    resolution: {integrity: sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==}
-    engines: {node: '>= 0.8.0'}
-    dependencies:
-      '@aashutoshrathi/word-wrap': 1.2.6
-      deep-is: 0.1.4
-      fast-levenshtein: 2.0.6
-      levn: 0.4.1
-      prelude-ls: 1.2.1
-      type-check: 0.4.0
-    dev: true
-
-  /p-limit@1.3.0:
-    resolution: {integrity: sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==}
-    engines: {node: '>=4'}
-    dependencies:
-      p-try: 1.0.0
-    dev: true
-
-  /p-limit@2.3.0:
-    resolution: {integrity: sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==}
-    engines: {node: '>=6'}
-    dependencies:
-      p-try: 2.2.0
-    dev: true
-
-  /p-limit@3.1.0:
-    resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
-    engines: {node: '>=10'}
-    dependencies:
-      yocto-queue: 0.1.0
-    dev: true
-
-  /p-locate@2.0.0:
-    resolution: {integrity: sha512-nQja7m7gSKuewoVRen45CtVfODR3crN3goVQ0DDZ9N3yHxgpkuBhZqsaiotSQRrADUrne346peY7kT3TSACykg==}
-    engines: {node: '>=4'}
-    dependencies:
-      p-limit: 1.3.0
-    dev: true
-
-  /p-locate@3.0.0:
-    resolution: {integrity: sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==}
-    engines: {node: '>=6'}
-    dependencies:
-      p-limit: 2.3.0
-    dev: true
-
-  /p-locate@4.1.0:
-    resolution: {integrity: sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==}
-    engines: {node: '>=8'}
-    dependencies:
-      p-limit: 2.3.0
-    dev: true
-
-  /p-locate@5.0.0:
-    resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
-    engines: {node: '>=10'}
-    dependencies:
-      p-limit: 3.1.0
-    dev: true
-
-  /p-try@1.0.0:
-    resolution: {integrity: sha512-U1etNYuMJoIz3ZXSrrySFjsXQTWOx2/jdi86L+2pRvph/qMKL6sbcCYdH23fqsbm8TH2Gn0OybpT4eSFlCVHww==}
-    engines: {node: '>=4'}
-    dev: true
-
-  /p-try@2.2.0:
-    resolution: {integrity: sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==}
-    engines: {node: '>=6'}
-    dev: true
-
-  /param-case@3.0.4:
-    resolution: {integrity: sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==}
-    dependencies:
-      dot-case: 3.0.4
-      tslib: 2.3.0
-    dev: true
-
-  /parent-module@1.0.1:
-    resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
-    engines: {node: '>=6'}
-    dependencies:
-      callsites: 3.1.0
-    dev: true
-
-  /parse-json@4.0.0:
-    resolution: {integrity: sha512-aOIos8bujGN93/8Ox/jPLh7RwVnPEysynVFE+fQZyg6jKELEHwzgKdLRFHUgXJL6kylijVSBC4BvN9OmsB48Rw==}
-    engines: {node: '>=4'}
-    dependencies:
-      error-ex: 1.3.2
-      json-parse-better-errors: 1.0.2
-    dev: true
-
-  /parse-json@5.2.0:
-    resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==}
-    engines: {node: '>=8'}
-    dependencies:
-      '@babel/code-frame': 7.21.4
-      error-ex: 1.3.2
-      json-parse-even-better-errors: 2.3.1
-      lines-and-columns: 1.2.4
-    dev: true
-
-  /pascal-case@3.1.2:
-    resolution: {integrity: sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==}
-    dependencies:
-      no-case: 3.0.4
-      tslib: 2.3.0
-    dev: true
-
-  /pascalcase@0.1.1:
-    resolution: {integrity: sha512-XHXfu/yOQRy9vYOtUDVMN60OEJjW013GoObG1o+xwQTpB9eYJX/BjXMsdW13ZDPruFhYYn0AG22w0xgQMwl3Nw==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /path-exists@3.0.0:
-    resolution: {integrity: sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==}
-    engines: {node: '>=4'}
-    dev: true
-
-  /path-exists@4.0.0:
-    resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /path-is-absolute@1.0.1:
-    resolution: {integrity: sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /path-key@3.1.1:
-    resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /path-key@4.0.0:
-    resolution: {integrity: sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==}
-    engines: {node: '>=12'}
-    dev: true
-
-  /path-parse@1.0.7:
-    resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
-    dev: true
-
-  /path-type@3.0.0:
-    resolution: {integrity: sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg==}
-    engines: {node: '>=4'}
-    dependencies:
-      pify: 3.0.0
-    dev: true
-
-  /path-type@4.0.0:
-    resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /pathe@0.2.0:
-    resolution: {integrity: sha512-sTitTPYnn23esFR3RlqYBWn4c45WGeLcsKzQiUpXJAyfcWkolvlYpV8FLo7JishK946oQwMFUCHXQ9AjGPKExw==}
-    dev: true
-
-  /picocolors@1.0.0:
-    resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
-
-  /picomatch@2.3.1:
-    resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
-    engines: {node: '>=8.6'}
-    dev: true
-
-  /pidtree@0.6.0:
-    resolution: {integrity: sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g==}
-    engines: {node: '>=0.10'}
-    hasBin: true
-    dev: true
-
-  /pify@2.3.0:
-    resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /pify@3.0.0:
-    resolution: {integrity: sha512-C3FsVNH1udSEX48gGX1xfvwTWfsYWj5U+8/uK15BGzIGrKoUpghX8hWZwa/OFnakBiiVNmBvemTJR5mcy7iPcg==}
-    engines: {node: '>=4'}
-    dev: true
-
-  /pinia-plugin-persistedstate@3.2.0(pinia@2.1.6):
-    resolution: {integrity: sha512-tZbNGf2vjAQcIm7alK40sE51Qu/m9oWr+rEgNm/2AWr1huFxj72CjvpQcIQzMknDBJEkQznCLAGtJTIcLKrKdw==}
-    peerDependencies:
-      pinia: ^2.0.0
-    dependencies:
-      pinia: 2.1.6(typescript@5.1.6)(vue@3.3.4)
-    dev: false
-
-  /pinia@2.1.6(typescript@5.1.6)(vue@3.3.4):
-    resolution: {integrity: sha512-bIU6QuE5qZviMmct5XwCesXelb5VavdOWKWaB17ggk++NUwQWWbP5YnsONTk3b752QkW9sACiR81rorpeOMSvQ==}
-    peerDependencies:
-      '@vue/composition-api': ^1.4.0
-      typescript: '>=4.4.4'
-      vue: ^2.6.14 || ^3.3.0
-    peerDependenciesMeta:
-      '@vue/composition-api':
-        optional: true
-      typescript:
-        optional: true
-    dependencies:
-      '@vue/devtools-api': 6.5.0
-      typescript: 5.1.6
-      vue: 3.3.4
-      vue-demi: 0.14.5(vue@3.3.4)
-    dev: false
-
-  /posix-character-classes@0.1.1:
-    resolution: {integrity: sha512-xTgYBc3fuo7Yt7JbiuFxSYGToMoz8fLoE6TC9Wx1P/u+LfeThMOAqmuyECnlBaaJb+u1m9hHiXUEtwW4OzfUJg==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /postcss-html@1.5.0:
-    resolution: {integrity: sha512-kCMRWJRHKicpA166kc2lAVUGxDZL324bkj/pVOb6RhjB0Z5Krl7mN0AsVkBhVIRZZirY0lyQXG38HCVaoKVNoA==}
-    engines: {node: ^12 || >=14}
-    dependencies:
-      htmlparser2: 8.0.1
-      js-tokens: 8.0.1
-      postcss: 8.4.29
-      postcss-safe-parser: 6.0.0(postcss@8.4.29)
-    dev: true
-
-  /postcss-media-query-parser@0.2.3:
-    resolution: {integrity: sha512-3sOlxmbKcSHMjlUXQZKQ06jOswE7oVkXPxmZdoB1r5l0q6gTFTQSHxNxOrCccElbW7dxNytifNEo8qidX2Vsig==}
-    dev: true
-
-  /postcss-prefix-selector@1.16.0(postcss@5.2.18):
-    resolution: {integrity: sha512-rdVMIi7Q4B0XbXqNUEI+Z4E+pueiu/CS5E6vRCQommzdQ/sgsS4dK42U7GX8oJR+TJOtT+Qv3GkNo6iijUMp3Q==}
-    peerDependencies:
-      postcss: '>4 <9'
-    dependencies:
-      postcss: 5.2.18
-    dev: true
-
-  /postcss-resolve-nested-selector@0.1.1:
-    resolution: {integrity: sha512-HvExULSwLqHLgUy1rl3ANIqCsvMS0WHss2UOsXhXnQaZ9VCc2oBvIpXrl00IUFT5ZDITME0o6oiXeiHr2SAIfw==}
-    dev: true
-
-  /postcss-safe-parser@6.0.0(postcss@8.4.29):
-    resolution: {integrity: sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==}
-    engines: {node: '>=12.0'}
-    peerDependencies:
-      postcss: ^8.3.3
-    dependencies:
-      postcss: 8.4.29
-    dev: true
-
-  /postcss-scss@4.0.8(postcss@8.4.29):
-    resolution: {integrity: sha512-Cr0X8Eu7xMhE96PJck6ses/uVVXDtE5ghUTKNUYgm8ozgP2TkgV3LWs3WgLV1xaSSLq8ZFiXaUrj0LVgG1fGEA==}
-    engines: {node: '>=12.0'}
-    peerDependencies:
-      postcss: ^8.4.29
-    dependencies:
-      postcss: 8.4.29
-    dev: true
-
-  /postcss-selector-parser@6.0.13:
-    resolution: {integrity: sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==}
-    engines: {node: '>=4'}
-    dependencies:
-      cssesc: 3.0.0
-      util-deprecate: 1.0.2
-    dev: true
-
-  /postcss-sorting@8.0.2(postcss@8.4.29):
-    resolution: {integrity: sha512-M9dkSrmU00t/jK7rF6BZSZauA5MAaBW4i5EnJXspMwt4iqTh/L9j6fgMnbElEOfyRyfLfVbIHj/R52zHzAPe1Q==}
-    peerDependencies:
-      postcss: ^8.4.20
-    dependencies:
-      postcss: 8.4.29
-    dev: true
-
-  /postcss-value-parser@4.2.0:
-    resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
-    dev: true
-
-  /postcss@5.2.18:
-    resolution: {integrity: sha512-zrUjRRe1bpXKsX1qAJNJjqZViErVuyEkMTRrwu4ud4sbTtIBRmtaYDrHmcGgmrbsW3MHfmtIf+vJumgQn+PrXg==}
-    engines: {node: '>=0.12'}
-    dependencies:
-      chalk: 1.1.3
-      js-base64: 2.6.4
-      source-map: 0.5.7
-      supports-color: 3.2.3
-    dev: true
-
-  /postcss@8.4.29:
-    resolution: {integrity: sha512-cbI+jaqIeu/VGqXEarWkRCCffhjgXc0qjBtXpqJhTBohMUjUQnbBr0xqX3vEKudc4iviTewcJo5ajcec5+wdJw==}
-    engines: {node: ^10 || ^12 || >=14}
-    dependencies:
-      nanoid: 3.3.6
-      picocolors: 1.0.0
-      source-map-js: 1.0.2
-
-  /posthtml-parser@0.2.1:
-    resolution: {integrity: sha512-nPC53YMqJnc/+1x4fRYFfm81KV2V+G9NZY+hTohpYg64Ay7NemWWcV4UWuy/SgMupqQ3kJ88M/iRfZmSnxT+pw==}
-    dependencies:
-      htmlparser2: 3.10.1
-      isobject: 2.1.0
-    dev: true
-
-  /posthtml-rename-id@1.0.12:
-    resolution: {integrity: sha512-UKXf9OF/no8WZo9edRzvuMenb6AD5hDLzIepJW+a4oJT+T/Lx7vfMYWT4aWlGNQh0WMhnUx1ipN9OkZ9q+ddEw==}
-    dependencies:
-      escape-string-regexp: 1.0.5
-    dev: true
-
-  /posthtml-render@1.4.0:
-    resolution: {integrity: sha512-W1779iVHGfq0Fvh2PROhCe2QhB8mEErgqzo1wpIt36tCgChafP+hbXIhLDOM8ePJrZcFs0vkNEtdibEWVqChqw==}
-    engines: {node: '>=10'}
-    dev: true
-
-  /posthtml-svg-mode@1.0.3:
-    resolution: {integrity: sha512-hEqw9NHZ9YgJ2/0G7CECOeuLQKZi8HjWLkBaSVtOWjygQ9ZD8P7tqeowYs7WrFdKsWEKG7o+IlsPY8jrr0CJpQ==}
-    dependencies:
-      merge-options: 1.0.1
-      posthtml: 0.9.2
-      posthtml-parser: 0.2.1
-      posthtml-render: 1.4.0
-    dev: true
-
-  /posthtml@0.9.2:
-    resolution: {integrity: sha512-spBB5sgC4cv2YcW03f/IAUN1pgDJWNWD8FzkyY4mArLUMJW+KlQhlmUdKAHQuPfb00Jl5xIfImeOsf6YL8QK7Q==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      posthtml-parser: 0.2.1
-      posthtml-render: 1.4.0
-    dev: true
-
-  /prelude-ls@1.2.1:
-    resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
-    engines: {node: '>= 0.8.0'}
-    dev: true
-
-  /prettier-linter-helpers@1.0.0:
-    resolution: {integrity: sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==}
-    engines: {node: '>=6.0.0'}
-    dependencies:
-      fast-diff: 1.2.0
-    dev: true
-
-  /prettier@3.0.3:
-    resolution: {integrity: sha512-L/4pUDMxcNa8R/EthV08Zt42WBO4h1rarVtK0K+QJG0X187OLo7l699jWw0GKuwzkPQ//jMFA/8Xm6Fh3J/DAg==}
-    engines: {node: '>=14'}
-    hasBin: true
-    dev: true
-
-  /pretty-bytes@5.6.0:
-    resolution: {integrity: sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==}
-    engines: {node: '>=6'}
-    dev: true
-
-  /pretty-bytes@6.1.1:
-    resolution: {integrity: sha512-mQUvGU6aUFQ+rNvTIAcZuWGRT9a6f6Yrg9bHs4ImKF+HZCEK+plBvnAZYSIQztknZF2qnzNtr6F8s0+IuptdlQ==}
-    engines: {node: ^14.13.1 || >=16.0.0}
-    dev: true
-
-  /print-js@1.6.0:
-    resolution: {integrity: sha512-BfnOIzSKbqGRtO4o0rnj/K3681BSd2QUrsIZy/+WdCIugjIswjmx3lDEZpXB2ruGf9d4b3YNINri81+J0FsBWg==}
-    dev: false
-
-  /process-nextick-args@2.0.1:
-    resolution: {integrity: sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==}
-    dev: true
-
-  /proxy-from-env@1.1.0:
-    resolution: {integrity: sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==}
-    dev: false
-
-  /punycode@2.3.0:
-    resolution: {integrity: sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==}
-    engines: {node: '>=6'}
-    dev: true
-
-  /q@1.5.1:
-    resolution: {integrity: sha512-kV/CThkXo6xyFEZUugw/+pIOywXcDbFYgSct5cT3gqlbkBE1SJdwy6UQoZvodiWF/ckQLZyDE/Bu1M6gVu5lVw==}
-    engines: {node: '>=0.6.0', teleport: '>=0.2.0'}
-    dev: true
-
-  /qs@6.11.2:
-    resolution: {integrity: sha512-tDNIz22aBzCDxLtVH++VnTfzxlfeK5CbqohpSqpJgj1Wg/cQbStNAz3NuqCs5vV+pjBsK4x4pN9HlVh7rcYRiA==}
-    engines: {node: '>=0.6'}
-    dependencies:
-      side-channel: 1.0.4
-    dev: false
-
-  /query-string@4.3.4:
-    resolution: {integrity: sha512-O2XLNDBIg1DnTOa+2XrIwSiXEV8h2KImXUnjhhn2+UsvZ+Es2uyd5CCRTNQlDGbzUQOW3aYCBx9rVA6dzsiY7Q==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      object-assign: 4.1.1
-      strict-uri-encode: 1.1.0
-    dev: true
-
-  /queue-microtask@1.2.3:
-    resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
-    dev: true
-
-  /quick-lru@4.0.1:
-    resolution: {integrity: sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /quick-lru@5.1.1:
-    resolution: {integrity: sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==}
-    engines: {node: '>=10'}
-    dev: true
-
-  /randombytes@2.1.0:
-    resolution: {integrity: sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==}
-    dependencies:
-      safe-buffer: 5.2.1
-    dev: true
-
-  /read-pkg-up@3.0.0:
-    resolution: {integrity: sha512-YFzFrVvpC6frF1sz8psoHDBGF7fLPc+llq/8NB43oagqWkx8ar5zYtsTORtOjw9W2RHLpWP+zTWwBvf1bCmcSw==}
-    engines: {node: '>=4'}
-    dependencies:
-      find-up: 2.1.0
-      read-pkg: 3.0.0
-    dev: true
-
-  /read-pkg-up@7.0.1:
-    resolution: {integrity: sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==}
-    engines: {node: '>=8'}
-    dependencies:
-      find-up: 4.1.0
-      read-pkg: 5.2.0
-      type-fest: 0.8.1
-    dev: true
-
-  /read-pkg-up@8.0.0:
-    resolution: {integrity: sha512-snVCqPczksT0HS2EC+SxUndvSzn6LRCwpfSvLrIfR5BKDQQZMaI6jPRC9dYvYFDRAuFEAnkwww8kBBNE/3VvzQ==}
-    engines: {node: '>=12'}
-    dependencies:
-      find-up: 5.0.0
-      read-pkg: 6.0.0
-      type-fest: 1.4.0
-    dev: true
-
-  /read-pkg@3.0.0:
-    resolution: {integrity: sha512-BLq/cCO9two+lBgiTYNqD6GdtK8s4NpaWrl6/rCO9w0TUS8oJl7cmToOZfRYllKTISY6nt1U7jQ53brmKqY6BA==}
-    engines: {node: '>=4'}
-    dependencies:
-      load-json-file: 4.0.0
-      normalize-package-data: 2.5.0
-      path-type: 3.0.0
-    dev: true
-
-  /read-pkg@5.2.0:
-    resolution: {integrity: sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==}
-    engines: {node: '>=8'}
-    dependencies:
-      '@types/normalize-package-data': 2.4.1
-      normalize-package-data: 2.5.0
-      parse-json: 5.2.0
-      type-fest: 0.6.0
-    dev: true
-
-  /read-pkg@6.0.0:
-    resolution: {integrity: sha512-X1Fu3dPuk/8ZLsMhEj5f4wFAF0DWoK7qhGJvgaijocXxBmSToKfbFtqbxMO7bVjNA1dmE5huAzjXj/ey86iw9Q==}
-    engines: {node: '>=12'}
-    dependencies:
-      '@types/normalize-package-data': 2.4.1
-      normalize-package-data: 3.0.3
-      parse-json: 5.2.0
-      type-fest: 1.4.0
-    dev: true
-
-  /readable-stream@2.3.8:
-    resolution: {integrity: sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==}
-    dependencies:
-      core-util-is: 1.0.3
-      inherits: 2.0.4
-      isarray: 1.0.0
-      process-nextick-args: 2.0.1
-      safe-buffer: 5.1.2
-      string_decoder: 1.1.1
-      util-deprecate: 1.0.2
-    dev: true
-
-  /readable-stream@3.6.2:
-    resolution: {integrity: sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==}
-    engines: {node: '>= 6'}
-    dependencies:
-      inherits: 2.0.4
-      string_decoder: 1.3.0
-      util-deprecate: 1.0.2
-    dev: true
-
-  /readdirp@3.6.0:
-    resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
-    engines: {node: '>=8.10.0'}
-    dependencies:
-      picomatch: 2.3.1
-    dev: true
-
-  /redent@3.0.0:
-    resolution: {integrity: sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==}
-    engines: {node: '>=8'}
-    dependencies:
-      indent-string: 4.0.0
-      strip-indent: 3.0.0
-    dev: true
-
-  /redent@4.0.0:
-    resolution: {integrity: sha512-tYkDkVVtYkSVhuQ4zBgfvciymHaeuel+zFKXShfDnFP5SyVEP7qo70Rf1jTOTCx3vGNAbnEi/xFkcfQVMIBWag==}
-    engines: {node: '>=12'}
-    dependencies:
-      indent-string: 5.0.0
-      strip-indent: 4.0.0
-    dev: true
-
-  /regenerate-unicode-properties@10.1.0:
-    resolution: {integrity: sha512-d1VudCLoIGitcU/hEg2QqvyGZQmdC0Lf8BqdOMXGFSvJP4bNV1+XqbPQeHHLD51Jh4QJJ225dlIFvY4Ly6MXmQ==}
-    engines: {node: '>=4'}
-    dependencies:
-      regenerate: 1.4.2
-    dev: true
-
-  /regenerate@1.4.2:
-    resolution: {integrity: sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==}
-    dev: true
-
-  /regenerator-runtime@0.13.11:
-    resolution: {integrity: sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==}
-    dev: true
-
-  /regenerator-transform@0.15.1:
-    resolution: {integrity: sha512-knzmNAcuyxV+gQCufkYcvOqX/qIIfHLv0u5x79kRxuGojfYVky1f15TzZEu2Avte8QGepvUNTnLskf8E6X6Vyg==}
-    dependencies:
-      '@babel/runtime': 7.21.0
-    dev: true
-
-  /regex-not@1.0.2:
-    resolution: {integrity: sha512-J6SDjUgDxQj5NusnOtdFxDwN/+HWykR8GELwctJ7mdqhcyy1xEc4SRFHUXvxTp661YaVKAjfRLZ9cCqS6tn32A==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      extend-shallow: 3.0.2
-      safe-regex: 1.1.0
-    dev: true
-
-  /regexp.prototype.flags@1.5.0:
-    resolution: {integrity: sha512-0SutC3pNudRKgquxGoRGIz946MZVHqbNfPjBdxeOhBrdgDKlRoXmYLQN9xRbrR09ZXWeGAdPuif7egofn6v5LA==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      call-bind: 1.0.2
-      define-properties: 1.2.0
-      functions-have-names: 1.2.3
-    dev: true
-
-  /regexpu-core@5.3.2:
-    resolution: {integrity: sha512-RAM5FlZz+Lhmo7db9L298p2vHP5ZywrVXmVXpmAD9GuL5MPH6t9ROw1iA/wfHkQ76Qe7AaPF0nGuim96/IrQMQ==}
-    engines: {node: '>=4'}
-    dependencies:
-      '@babel/regjsgen': 0.8.0
-      regenerate: 1.4.2
-      regenerate-unicode-properties: 10.1.0
-      regjsparser: 0.9.1
-      unicode-match-property-ecmascript: 2.0.0
-      unicode-match-property-value-ecmascript: 2.1.0
-    dev: true
-
-  /regjsparser@0.9.1:
-    resolution: {integrity: sha512-dQUtn90WanSNl+7mQKcXAgZxvUe7Z0SqXlgzv0za4LwiUhyzBC58yQO3liFoUgu8GiJVInAhJjkj1N0EtQ5nkQ==}
-    hasBin: true
-    dependencies:
-      jsesc: 0.5.0
-    dev: true
-
-  /relateurl@0.2.7:
-    resolution: {integrity: sha512-G08Dxvm4iDN3MLM0EsP62EDV9IuhXPR6blNz6Utcp7zyV3tr4HVNINt6MpaRWbxoOHT3Q7YN2P+jaHX8vUbgog==}
-    engines: {node: '>= 0.10'}
-    dev: true
-
-  /repeat-element@1.1.4:
-    resolution: {integrity: sha512-LFiNfRcSu7KK3evMyYOuCzv3L10TW7yC1G2/+StMjK8Y6Vqd2MG7r/Qjw4ghtuCOjFvlnms/iMmLqpvW/ES/WQ==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /repeat-string@1.6.1:
-    resolution: {integrity: sha512-PV0dzCYDNfRi1jCDbJzpW7jNNDRuCOG/jI5ctQcGKt/clZD+YcPS3yIlWuTJMmESC8aevCFmWJy5wjAFgNqN6w==}
-    engines: {node: '>=0.10'}
-    dev: true
-
-  /require-directory@2.1.1:
-    resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /require-from-string@2.0.2:
-    resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /resolve-from@4.0.0:
-    resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
-    engines: {node: '>=4'}
-    dev: true
-
-  /resolve-from@5.0.0:
-    resolution: {integrity: sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /resolve-global@1.0.0:
-    resolution: {integrity: sha512-zFa12V4OLtT5XUX/Q4VLvTfBf+Ok0SPc1FNGM/z9ctUdiU618qwKpWnd0CHs3+RqROfyEg/DhuHbMWYqcgljEw==}
-    engines: {node: '>=8'}
-    dependencies:
-      global-dirs: 0.1.1
-    dev: true
-
-  /resolve-url@0.2.1:
-    resolution: {integrity: sha512-ZuF55hVUQaaczgOIwqWzkEcEidmlD/xl44x1UZnhOXcYuFN2S6+rcxpG+C1N3So0wvNI3DmJICUFfu2SxhBmvg==}
-    deprecated: https://github.com/lydell/resolve-url#deprecated
-    dev: true
-
-  /resolve@1.22.1:
-    resolution: {integrity: sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==}
-    hasBin: true
-    dependencies:
-      is-core-module: 2.11.0
-      path-parse: 1.0.7
-      supports-preserve-symlinks-flag: 1.0.0
-    dev: true
-
-  /restore-cursor@4.0.0:
-    resolution: {integrity: sha512-I9fPXU9geO9bHOt9pHHOhOkYerIMsmVaWB0rA2AI9ERh/+x/i7MV5HKBNrg+ljO5eoPVgCcnFuRjJ9uH6I/3eg==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-    dependencies:
-      onetime: 5.1.2
-      signal-exit: 3.0.7
-    dev: true
-
-  /ret@0.1.15:
-    resolution: {integrity: sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg==}
-    engines: {node: '>=0.12'}
-    dev: true
-
-  /reusify@1.0.4:
-    resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
-    engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
-    dev: true
-
-  /rfdc@1.3.0:
-    resolution: {integrity: sha512-V2hovdzFbOi77/WajaSMXk2OLm+xNIeQdMMuB7icj7bk6zi2F8GGAxigcnDFpJHbNyNcgyJDiP+8nOrY5cZGrA==}
-    dev: true
-
-  /rimraf@3.0.2:
-    resolution: {integrity: sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==}
-    hasBin: true
-    dependencies:
-      glob: 7.2.3
-    dev: true
-
-  /rollup-plugin-terser@7.0.2(rollup@2.79.1):
-    resolution: {integrity: sha512-w3iIaU4OxcF52UUXiZNsNeuXIMDvFrr+ZXK6bFZ0Q60qyVfq4uLptoS4bbq3paG3x216eQllFZX7zt6TIImguQ==}
-    deprecated: This package has been deprecated and is no longer maintained. Please use @rollup/plugin-terser
-    peerDependencies:
-      rollup: ^2.0.0
-    dependencies:
-      '@babel/code-frame': 7.22.13
-      jest-worker: 26.6.2
-      rollup: 2.79.1
-      serialize-javascript: 4.0.0
-      terser: 5.16.6
-    dev: true
-
-  /rollup-plugin-visualizer@5.9.2(rollup@2.79.1):
-    resolution: {integrity: sha512-waHktD5mlWrYFrhOLbti4YgQCn1uR24nYsNuXxg7LkPH8KdTXVWR9DNY1WU0QqokyMixVXJS4J04HNrVTMP01A==}
-    engines: {node: '>=14'}
-    hasBin: true
-    peerDependencies:
-      rollup: 2.x || 3.x
-    peerDependenciesMeta:
-      rollup:
-        optional: true
-    dependencies:
-      open: 8.4.2
-      picomatch: 2.3.1
-      rollup: 2.79.1
-      source-map: 0.7.4
-      yargs: 17.7.1
-    dev: true
-
-  /rollup@2.79.1:
-    resolution: {integrity: sha512-uKxbd0IhMZOhjAiD5oAFp7BqvkA4Dv47qpOCtaNvng4HBwdbWtdOh8f5nZNuk2rp51PMGk3bzfWu5oayNEuYnw==}
-    engines: {node: '>=10.0.0'}
-    hasBin: true
-    optionalDependencies:
-      fsevents: 2.3.2
-    dev: true
-
-  /rollup@3.29.1:
-    resolution: {integrity: sha512-c+ebvQz0VIH4KhhCpDsI+Bik0eT8ZFEVZEYw0cGMVqIP8zc+gnwl7iXCamTw7vzv2MeuZFZfdx5JJIq+ehzDlg==}
-    engines: {node: '>=14.18.0', npm: '>=8.0.0'}
-    hasBin: true
-    optionalDependencies:
-      fsevents: 2.3.2
-    dev: true
-
-  /run-applescript@5.0.0:
-    resolution: {integrity: sha512-XcT5rBksx1QdIhlFOCtgZkB99ZEouFZ1E2Kc2LHqNW13U3/74YGdkQRmThTwxy4QIyookibDKYZOPqX//6BlAg==}
-    engines: {node: '>=12'}
-    dependencies:
-      execa: 5.1.1
-    dev: true
-
-  /run-parallel@1.2.0:
-    resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
-    dependencies:
-      queue-microtask: 1.2.3
-    dev: true
-
-  /safe-buffer@5.1.2:
-    resolution: {integrity: sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==}
-    dev: true
-
-  /safe-buffer@5.2.1:
-    resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}
-    dev: true
-
-  /safe-regex-test@1.0.0:
-    resolution: {integrity: sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==}
-    dependencies:
-      call-bind: 1.0.2
-      get-intrinsic: 1.2.0
-      is-regex: 1.1.4
-    dev: true
-
-  /safe-regex@1.1.0:
-    resolution: {integrity: sha512-aJXcif4xnaNUzvUuC5gcb46oTS7zvg4jpMTnuqtrEPlR3vFr4pxtdTwaF1Qs3Enjn9HK+ZlwQui+a7z0SywIzg==}
-    dependencies:
-      ret: 0.1.15
-    dev: true
-
-  /sass@1.66.1:
-    resolution: {integrity: sha512-50c+zTsZOJVgFfTgwwEzkjA3/QACgdNsKueWPyAR0mRINIvLAStVQBbPg14iuqEQ74NPDbXzJARJ/O4SI1zftA==}
-    engines: {node: '>=14.0.0'}
-    hasBin: true
-    dependencies:
-      chokidar: 3.5.3
-      immutable: 4.3.0
-      source-map-js: 1.0.2
-    dev: true
-
-  /screenfull@6.0.2:
-    resolution: {integrity: sha512-AQdy8s4WhNvUZ6P8F6PB21tSPIYKniic+Ogx0AacBMjKP1GUHN2E9URxQHtCusiwxudnCKkdy4GrHXPPJSkCCw==}
-    engines: {node: ^14.13.1 || >=16.0.0}
-    dev: false
-
-  /semver@6.3.0:
-    resolution: {integrity: sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==}
-    hasBin: true
-    dev: true
-
-  /semver@6.3.1:
-    resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
-    hasBin: true
-    dev: true
-
-  /semver@7.3.8:
-    resolution: {integrity: sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==}
-    engines: {node: '>=10'}
-    hasBin: true
-    dependencies:
-      lru-cache: 6.0.0
-    dev: true
-
-  /semver@7.5.4:
-    resolution: {integrity: sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==}
-    engines: {node: '>=10'}
-    hasBin: true
-    dependencies:
-      lru-cache: 6.0.0
-    dev: true
-
-  /serialize-javascript@4.0.0:
-    resolution: {integrity: sha512-GaNA54380uFefWghODBWEGisLZFj00nS5ACs6yHa9nLqlLpVLO8ChDGeKRjZnV4Nh4n0Qi7nhYZD/9fCPzEqkw==}
-    dependencies:
-      randombytes: 2.1.0
-    dev: true
-
-  /set-value@2.0.1:
-    resolution: {integrity: sha512-JxHc1weCN68wRY0fhCoXpyK55m/XPHafOmK4UWD7m2CI14GMcFypt4w/0+NV5f/ZMby2F6S2wwA7fgynh9gWSw==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      extend-shallow: 2.0.1
-      is-extendable: 0.1.1
-      is-plain-object: 2.0.4
-      split-string: 3.1.0
-    dev: true
-
-  /shebang-command@2.0.0:
-    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
-    engines: {node: '>=8'}
-    dependencies:
-      shebang-regex: 3.0.0
-    dev: true
-
-  /shebang-regex@3.0.0:
-    resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /side-channel@1.0.4:
-    resolution: {integrity: sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==}
-    dependencies:
-      call-bind: 1.0.2
-      get-intrinsic: 1.2.0
-      object-inspect: 1.12.3
-
-  /signal-exit@3.0.7:
-    resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
-    dev: true
-
-  /signal-exit@4.0.2:
-    resolution: {integrity: sha512-MY2/qGx4enyjprQnFaZsHib3Yadh3IXyV2C321GY0pjGfVBu4un0uDJkwgdxqO+Rdx8JMT8IfJIRwbYVz3Ob3Q==}
-    engines: {node: '>=14'}
-    dev: true
-
-  /slash@3.0.0:
-    resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /slice-ansi@4.0.0:
-    resolution: {integrity: sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==}
-    engines: {node: '>=10'}
-    dependencies:
-      ansi-styles: 4.3.0
-      astral-regex: 2.0.0
-      is-fullwidth-code-point: 3.0.0
-    dev: true
-
-  /slice-ansi@5.0.0:
-    resolution: {integrity: sha512-FC+lgizVPfie0kkhqUScwRu1O/lF6NOgJmlCgK+/LYxDCTk8sGelYaHDhFcDN+Sn3Cv+3VSa4Byeo+IMCzpMgQ==}
-    engines: {node: '>=12'}
-    dependencies:
-      ansi-styles: 6.2.1
-      is-fullwidth-code-point: 4.0.0
-    dev: true
-
-  /snapdragon-node@2.1.1:
-    resolution: {integrity: sha512-O27l4xaMYt/RSQ5TR3vpWCAB5Kb/czIcqUFOM/C4fYcLnbZUc1PkjTAMjof2pBWaSTwOUd6qUHcFGVGj7aIwnw==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      define-property: 1.0.0
-      isobject: 3.0.1
-      snapdragon-util: 3.0.1
-    dev: true
-
-  /snapdragon-util@3.0.1:
-    resolution: {integrity: sha512-mbKkMdQKsjX4BAL4bRYTj21edOf8cN7XHdYUJEe+Zn99hVEYcMvKPct1IqNe7+AZPirn8BCDOQBHQZknqmKlZQ==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      kind-of: 3.2.2
-    dev: true
-
-  /snapdragon@0.8.2:
-    resolution: {integrity: sha512-FtyOnWN/wCHTVXOMwvSv26d+ko5vWlIDD6zoUJ7LW8vh+ZBC8QdljveRP+crNrtBwioEUWy/4dMtbBjA4ioNlg==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      base: 0.11.2
-      debug: 2.6.9
-      define-property: 0.2.5
-      extend-shallow: 2.0.1
-      map-cache: 0.2.2
-      source-map: 0.5.7
-      source-map-resolve: 0.5.3
-      use: 3.1.1
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /sortablejs@1.15.0:
-    resolution: {integrity: sha512-bv9qgVMjUMf89wAvM6AxVvS/4MX3sPeN0+agqShejLU5z5GX4C75ow1O2e5k4L6XItUyAK3gH6AxSbXrOM5e8w==}
-    dev: false
-
-  /source-map-js@1.0.2:
-    resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
-    engines: {node: '>=0.10.0'}
-
-  /source-map-resolve@0.5.3:
-    resolution: {integrity: sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==}
-    deprecated: See https://github.com/lydell/source-map-resolve#deprecated
-    dependencies:
-      atob: 2.1.2
-      decode-uri-component: 0.2.2
-      resolve-url: 0.2.1
-      source-map-url: 0.4.1
-      urix: 0.1.0
-    dev: true
-
-  /source-map-support@0.5.21:
-    resolution: {integrity: sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==}
-    dependencies:
-      buffer-from: 1.1.2
-      source-map: 0.6.1
-    dev: true
-
-  /source-map-url@0.4.1:
-    resolution: {integrity: sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw==}
-    deprecated: See https://github.com/lydell/source-map-url#deprecated
-    dev: true
-
-  /source-map@0.5.7:
-    resolution: {integrity: sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /source-map@0.6.1:
-    resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /source-map@0.7.4:
-    resolution: {integrity: sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==}
-    engines: {node: '>= 8'}
-    dev: true
-
-  /source-map@0.8.0-beta.0:
-    resolution: {integrity: sha512-2ymg6oRBpebeZi9UUNsgQ89bhx01TcTkmNTGnNO88imTmbSgy4nfujrgVEFKWpMTEGA11EDkTt7mqObTPdigIA==}
-    engines: {node: '>= 8'}
-    dependencies:
-      whatwg-url: 7.1.0
-    dev: true
-
-  /sourcemap-codec@1.4.8:
-    resolution: {integrity: sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==}
-    deprecated: Please use @jridgewell/sourcemap-codec instead
-    dev: true
-
-  /spdx-correct@3.2.0:
-    resolution: {integrity: sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==}
-    dependencies:
-      spdx-expression-parse: 3.0.1
-      spdx-license-ids: 3.0.13
-    dev: true
-
-  /spdx-exceptions@2.3.0:
-    resolution: {integrity: sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==}
-    dev: true
-
-  /spdx-expression-parse@3.0.1:
-    resolution: {integrity: sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==}
-    dependencies:
-      spdx-exceptions: 2.3.0
-      spdx-license-ids: 3.0.13
-    dev: true
-
-  /spdx-license-ids@3.0.13:
-    resolution: {integrity: sha512-XkD+zwiqXHikFZm4AX/7JSCXA98U5Db4AFd5XUg/+9UNtnH75+Z9KxtpYiJZx36mUDVOwH83pl7yvCer6ewM3w==}
-    dev: true
-
-  /split-string@3.1.0:
-    resolution: {integrity: sha512-NzNVhJDYpwceVVii8/Hu6DKfD2G+NrQHlS/V/qgv763EYudVwEcMQNxd2lh+0VrUByXN/oJkl5grOhYWvQUYiw==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      extend-shallow: 3.0.2
-    dev: true
-
-  /split2@3.2.2:
-    resolution: {integrity: sha512-9NThjpgZnifTkJpzTZ7Eue85S49QwpNhZTq6GRJwObb6jnLFNGB7Qm73V5HewTROPyxD0C29xqmaI68bQtV+hg==}
-    dependencies:
-      readable-stream: 3.6.2
-    dev: true
-
-  /split@1.0.1:
-    resolution: {integrity: sha512-mTyOoPbrivtXnwnIxZRFYRrPNtEFKlpB2fvjSnCQUiAA6qAZzqwna5envK4uk6OIeP17CsdF3rSBGYVBsU0Tkg==}
-    dependencies:
-      through: 2.3.8
-    dev: true
-
-  /stable@0.1.8:
-    resolution: {integrity: sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==}
-    deprecated: 'Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility'
-    dev: true
-
-  /standard-version@9.5.0:
-    resolution: {integrity: sha512-3zWJ/mmZQsOaO+fOlsa0+QK90pwhNd042qEcw6hKFNoLFs7peGyvPffpEBbK/DSGPbyOvli0mUIFv5A4qTjh2Q==}
-    engines: {node: '>=10'}
-    hasBin: true
-    dependencies:
-      chalk: 2.4.2
-      conventional-changelog: 3.1.25
-      conventional-changelog-config-spec: 2.1.0
-      conventional-changelog-conventionalcommits: 4.6.3
-      conventional-recommended-bump: 6.1.0
-      detect-indent: 6.1.0
-      detect-newline: 3.1.0
-      dotgitignore: 2.1.0
-      figures: 3.2.0
-      find-up: 5.0.0
-      git-semver-tags: 4.1.1
-      semver: 7.3.8
-      stringify-package: 1.0.1
-      yargs: 16.2.0
-    dev: true
-
-  /static-extend@0.1.2:
-    resolution: {integrity: sha512-72E9+uLc27Mt718pMHt9VMNiAL4LMsmDbBva8mxWUCkT07fSzEGMYUCk0XWY6lp0j6RBAG4cJ3mWuZv2OE3s0g==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      define-property: 0.2.5
-      object-copy: 0.1.0
-    dev: true
-
-  /strict-uri-encode@1.1.0:
-    resolution: {integrity: sha512-R3f198pcvnB+5IpnBlRkphuE9n46WyVl8I39W/ZUTZLz4nqSP/oLYUrcnJrw462Ds8he4YKMov2efsTIw1BDGQ==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /string-argv@0.3.2:
-    resolution: {integrity: sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==}
-    engines: {node: '>=0.6.19'}
-    dev: true
-
-  /string-width@4.2.3:
-    resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
-    engines: {node: '>=8'}
-    dependencies:
-      emoji-regex: 8.0.0
-      is-fullwidth-code-point: 3.0.0
-      strip-ansi: 6.0.1
-    dev: true
-
-  /string-width@5.1.2:
-    resolution: {integrity: sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==}
-    engines: {node: '>=12'}
-    dependencies:
-      eastasianwidth: 0.2.0
-      emoji-regex: 9.2.2
-      strip-ansi: 7.0.1
-    dev: true
-
-  /string.prototype.matchall@4.0.8:
-    resolution: {integrity: sha512-6zOCOcJ+RJAQshcTvXPHoxoQGONa3e/Lqx90wUA+wEzX78sg5Bo+1tQo4N0pohS0erG9qtCqJDjNCQBjeWVxyg==}
-    dependencies:
-      call-bind: 1.0.2
-      define-properties: 1.2.0
-      es-abstract: 1.21.2
-      get-intrinsic: 1.2.0
-      has-symbols: 1.0.3
-      internal-slot: 1.0.5
-      regexp.prototype.flags: 1.5.0
-      side-channel: 1.0.4
-    dev: true
-
-  /string.prototype.trim@1.2.7:
-    resolution: {integrity: sha512-p6TmeT1T3411M8Cgg9wBTMRtY2q9+PNy9EV1i2lIXUN/btt763oIfxwN3RR8VU6wHX8j/1CFy0L+YuThm6bgOg==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      call-bind: 1.0.2
-      define-properties: 1.2.0
-      es-abstract: 1.21.2
-    dev: true
-
-  /string.prototype.trimend@1.0.6:
-    resolution: {integrity: sha512-JySq+4mrPf9EsDBEDYMOb/lM7XQLulwg5R/m1r0PXEFqrV0qHvl58sdTilSXtKOflCsK2E8jxf+GKC0T07RWwQ==}
-    dependencies:
-      call-bind: 1.0.2
-      define-properties: 1.2.0
-      es-abstract: 1.21.2
-    dev: true
-
-  /string.prototype.trimstart@1.0.6:
-    resolution: {integrity: sha512-omqjMDaY92pbn5HOX7f9IccLA+U1tA9GvtU4JrodiXFfYB7jPzzHpRzpglLAjtUV6bB557zwClJezTqnAiYnQA==}
-    dependencies:
-      call-bind: 1.0.2
-      define-properties: 1.2.0
-      es-abstract: 1.21.2
-    dev: true
-
-  /string_decoder@1.1.1:
-    resolution: {integrity: sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==}
-    dependencies:
-      safe-buffer: 5.1.2
-    dev: true
-
-  /string_decoder@1.3.0:
-    resolution: {integrity: sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==}
-    dependencies:
-      safe-buffer: 5.2.1
-    dev: true
-
-  /stringify-object@3.3.0:
-    resolution: {integrity: sha512-rHqiFh1elqCQ9WPLIC8I0Q/g/wj5J1eMkyoiD6eoQApWHP0FtlK7rqnhmabL5VUY9JQCcqwwvlOaSuutekgyrw==}
-    engines: {node: '>=4'}
-    dependencies:
-      get-own-enumerable-property-symbols: 3.0.2
-      is-obj: 1.0.1
-      is-regexp: 1.0.0
-    dev: true
-
-  /stringify-package@1.0.1:
-    resolution: {integrity: sha512-sa4DUQsYciMP1xhKWGuFM04fB0LG/9DlluZoSVywUMRNvzid6XucHK0/90xGxRoHrAaROrcHK1aPKaijCtSrhg==}
-    deprecated: This module is not used anymore, and has been replaced by @npmcli/package-json
-    dev: true
-
-  /strip-ansi@3.0.1:
-    resolution: {integrity: sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      ansi-regex: 2.1.1
-    dev: true
-
-  /strip-ansi@6.0.1:
-    resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
-    engines: {node: '>=8'}
-    dependencies:
-      ansi-regex: 5.0.1
-    dev: true
-
-  /strip-ansi@7.0.1:
-    resolution: {integrity: sha512-cXNxvT8dFNRVfhVME3JAe98mkXDYN2O1l7jmcwMnOslDeESg1rF/OZMtK0nRAhiari1unG5cD4jG3rapUAkLbw==}
-    engines: {node: '>=12'}
-    dependencies:
-      ansi-regex: 6.0.1
-    dev: true
-
-  /strip-bom@3.0.0:
-    resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==}
-    engines: {node: '>=4'}
-    dev: true
-
-  /strip-comments@2.0.1:
-    resolution: {integrity: sha512-ZprKx+bBLXv067WTCALv8SSz5l2+XhpYCsVtSqlMnkAXMWDq+/ekVbl1ghqP9rUHTzv6sm/DwCOiYutU/yp1fw==}
-    engines: {node: '>=10'}
-    dev: true
-
-  /strip-final-newline@2.0.0:
-    resolution: {integrity: sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==}
-    engines: {node: '>=6'}
-    dev: true
-
-  /strip-final-newline@3.0.0:
-    resolution: {integrity: sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==}
-    engines: {node: '>=12'}
-    dev: true
-
-  /strip-indent@3.0.0:
-    resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
-    engines: {node: '>=8'}
-    dependencies:
-      min-indent: 1.0.1
-    dev: true
-
-  /strip-indent@4.0.0:
-    resolution: {integrity: sha512-mnVSV2l+Zv6BLpSD/8V87CW/y9EmmbYzGCIavsnsI6/nwn26DwffM/yztm30Z/I2DY9wdS3vXVCMnHDgZaVNoA==}
-    engines: {node: '>=12'}
-    dependencies:
-      min-indent: 1.0.1
-    dev: true
-
-  /strip-json-comments@3.1.1:
-    resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /style-search@0.1.0:
-    resolution: {integrity: sha512-Dj1Okke1C3uKKwQcetra4jSuk0DqbzbYtXipzFlFMZtowbF1x7BKJwB9AayVMyFARvU8EDrZdcax4At/452cAg==}
-    dev: true
-
-  /stylelint-config-html@1.1.0(postcss-html@1.5.0)(stylelint@15.10.3):
-    resolution: {integrity: sha512-IZv4IVESjKLumUGi+HWeb7skgO6/g4VMuAYrJdlqQFndgbj6WJAXPhaysvBiXefX79upBdQVumgYcdd17gCpjQ==}
-    engines: {node: ^12 || >=14}
-    peerDependencies:
-      postcss-html: ^1.0.0
-      stylelint: '>=14.0.0'
-    dependencies:
-      postcss-html: 1.5.0
-      stylelint: 15.10.3
-    dev: true
-
-  /stylelint-config-recess-order@4.3.0(stylelint@15.10.3):
-    resolution: {integrity: sha512-EWVtxZ8oq4/meTrRNUDrS5TqMz6TX72JjKDwVQq0JJDXE+P/o7UuFw3wWV/0O9yvJfh/da6nJY71ZUn/wSfB4g==}
-    peerDependencies:
-      stylelint: '>=15'
-    dependencies:
-      stylelint: 15.10.3
-      stylelint-order: 6.0.3(stylelint@15.10.3)
-    dev: true
-
-  /stylelint-config-recommended-scss@13.0.0(postcss@8.4.29)(stylelint@15.10.3):
-    resolution: {integrity: sha512-7AmMIsHTsuwUQm7I+DD5BGeIgCvqYZ4BpeYJJpb1cUXQwrJAKjA+GBotFZgUEGP8lAM+wmd91ovzOi8xfAyWEw==}
-    peerDependencies:
-      postcss: ^8.3.3
-      stylelint: ^15.10.0
-    peerDependenciesMeta:
-      postcss:
-        optional: true
-    dependencies:
-      postcss: 8.4.29
-      postcss-scss: 4.0.8(postcss@8.4.29)
-      stylelint: 15.10.3
-      stylelint-config-recommended: 13.0.0(stylelint@15.10.3)
-      stylelint-scss: 5.2.0(stylelint@15.10.3)
-    dev: true
-
-  /stylelint-config-recommended-vue@1.5.0(postcss-html@1.5.0)(stylelint@15.10.3):
-    resolution: {integrity: sha512-65TAK/clUqkNtkZLcuytoxU0URQYlml+30Nhop7sRkCZ/mtWdXt7T+spPSB3KMKlb+82aEVJ4OrcstyDBdbosg==}
-    engines: {node: ^12 || >=14}
-    peerDependencies:
-      postcss-html: ^1.0.0
-      stylelint: '>=14.0.0'
-    dependencies:
-      postcss-html: 1.5.0
-      semver: 7.5.4
-      stylelint: 15.10.3
-      stylelint-config-html: 1.1.0(postcss-html@1.5.0)(stylelint@15.10.3)
-      stylelint-config-recommended: 13.0.0(stylelint@15.10.3)
-    dev: true
-
-  /stylelint-config-recommended@13.0.0(stylelint@15.10.3):
-    resolution: {integrity: sha512-EH+yRj6h3GAe/fRiyaoO2F9l9Tgg50AOFhaszyfov9v6ayXJ1IkSHwTxd7lB48FmOeSGDPLjatjO11fJpmarkQ==}
-    engines: {node: ^14.13.1 || >=16.0.0}
-    peerDependencies:
-      stylelint: ^15.10.0
-    dependencies:
-      stylelint: 15.10.3
-    dev: true
-
-  /stylelint-config-standard-scss@11.0.0(postcss@8.4.29)(stylelint@15.10.3):
-    resolution: {integrity: sha512-fGE79NBOLg09a9afqGH/guJulRULCaQWWv4cv1v2bMX92B+fGb0y56WqIguwvFcliPmmUXiAhKrrnXilIeXoHA==}
-    peerDependencies:
-      postcss: ^8.3.3
-      stylelint: ^15.10.0
-    peerDependenciesMeta:
-      postcss:
-        optional: true
-    dependencies:
-      postcss: 8.4.29
-      stylelint: 15.10.3
-      stylelint-config-recommended-scss: 13.0.0(postcss@8.4.29)(stylelint@15.10.3)
-      stylelint-config-standard: 34.0.0(stylelint@15.10.3)
-    dev: true
-
-  /stylelint-config-standard@34.0.0(stylelint@15.10.3):
-    resolution: {integrity: sha512-u0VSZnVyW9VSryBG2LSO+OQTjN7zF9XJaAJRX/4EwkmU0R2jYwmBSN10acqZisDitS0CLiEiGjX7+Hrq8TAhfQ==}
-    engines: {node: ^14.13.1 || >=16.0.0}
-    peerDependencies:
-      stylelint: ^15.10.0
-    dependencies:
-      stylelint: 15.10.3
-      stylelint-config-recommended: 13.0.0(stylelint@15.10.3)
-    dev: true
-
-  /stylelint-order@6.0.3(stylelint@15.10.3):
-    resolution: {integrity: sha512-1j1lOb4EU/6w49qZeT2SQVJXm0Ht+Qnq9GMfUa3pMwoyojIWfuA+JUDmoR97Bht1RLn4ei0xtLGy87M7d29B1w==}
-    peerDependencies:
-      stylelint: ^14.0.0 || ^15.0.0
-    dependencies:
-      postcss: 8.4.29
-      postcss-sorting: 8.0.2(postcss@8.4.29)
-      stylelint: 15.10.3
-    dev: true
-
-  /stylelint-scss@5.2.0(stylelint@15.10.3):
-    resolution: {integrity: sha512-m/os6B7xHKakM9TkEbnity0gnDEqNbISpclvjOwIU+xIHk/8dQNGcTI2UlC5/QLzaG+tzQ9eMFZH8Iq7roQI2w==}
-    peerDependencies:
-      stylelint: ^14.5.1 || ^15.0.0
-    dependencies:
-      postcss-media-query-parser: 0.2.3
-      postcss-resolve-nested-selector: 0.1.1
-      postcss-selector-parser: 6.0.13
-      postcss-value-parser: 4.2.0
-      stylelint: 15.10.3
-    dev: true
-
-  /stylelint@15.10.3:
-    resolution: {integrity: sha512-aBQMMxYvFzJJwkmg+BUUg3YfPyeuCuKo2f+LOw7yYbU8AZMblibwzp9OV4srHVeQldxvSFdz0/Xu8blq2AesiA==}
-    engines: {node: ^14.13.1 || >=16.0.0}
-    hasBin: true
-    dependencies:
-      '@csstools/css-parser-algorithms': 2.3.1(@csstools/css-tokenizer@2.2.0)
-      '@csstools/css-tokenizer': 2.2.0
-      '@csstools/media-query-list-parser': 2.1.4(@csstools/css-parser-algorithms@2.3.1)(@csstools/css-tokenizer@2.2.0)
-      '@csstools/selector-specificity': 3.0.0(postcss-selector-parser@6.0.13)
-      balanced-match: 2.0.0
-      colord: 2.9.3
-      cosmiconfig: 8.2.0
-      css-functions-list: 3.2.0
-      css-tree: 2.3.1
-      debug: 4.3.4
-      fast-glob: 3.3.1
-      fastest-levenshtein: 1.0.16
-      file-entry-cache: 6.0.1
-      global-modules: 2.0.0
-      globby: 11.1.0
-      globjoin: 0.1.4
-      html-tags: 3.3.1
-      ignore: 5.2.4
-      import-lazy: 4.0.0
-      imurmurhash: 0.1.4
-      is-plain-object: 5.0.0
-      known-css-properties: 0.28.0
-      mathml-tag-names: 2.1.3
-      meow: 10.1.5
-      micromatch: 4.0.5
-      normalize-path: 3.0.0
-      picocolors: 1.0.0
-      postcss: 8.4.29
-      postcss-resolve-nested-selector: 0.1.1
-      postcss-safe-parser: 6.0.0(postcss@8.4.29)
-      postcss-selector-parser: 6.0.13
-      postcss-value-parser: 4.2.0
-      resolve-from: 5.0.0
-      string-width: 4.2.3
-      strip-ansi: 6.0.1
-      style-search: 0.1.0
-      supports-hyperlinks: 3.0.0
-      svg-tags: 1.0.0
-      table: 6.8.1
-      write-file-atomic: 5.0.1
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /supports-color@2.0.0:
-    resolution: {integrity: sha512-KKNVtd6pCYgPIKU4cp2733HWYCpplQhddZLBUryaAHou723x+FRzQ5Df824Fj+IyyuiQTRoub4SnIFfIcrp70g==}
-    engines: {node: '>=0.8.0'}
-    dev: true
-
-  /supports-color@3.2.3:
-    resolution: {integrity: sha512-Jds2VIYDrlp5ui7t8abHN2bjAu4LV/q4N2KivFPpGH0lrka0BMq/33AmECUXlKPcHigkNaqfXRENFju+rlcy+A==}
-    engines: {node: '>=0.8.0'}
-    dependencies:
-      has-flag: 1.0.0
-    dev: true
-
-  /supports-color@5.5.0:
-    resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
-    engines: {node: '>=4'}
-    dependencies:
-      has-flag: 3.0.0
-    dev: true
-
-  /supports-color@7.2.0:
-    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
-    engines: {node: '>=8'}
-    dependencies:
-      has-flag: 4.0.0
-    dev: true
-
-  /supports-hyperlinks@3.0.0:
-    resolution: {integrity: sha512-QBDPHyPQDRTy9ku4URNGY5Lah8PAaXs6tAAwp55sL5WCsSW7GIfdf6W5ixfziW+t7wh3GVvHyHHyQ1ESsoRvaA==}
-    engines: {node: '>=14.18'}
-    dependencies:
-      has-flag: 4.0.0
-      supports-color: 7.2.0
-    dev: true
-
-  /supports-preserve-symlinks-flag@1.0.0:
-    resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
-    engines: {node: '>= 0.4'}
-    dev: true
-
-  /svg-baker@1.7.0:
-    resolution: {integrity: sha512-nibslMbkXOIkqKVrfcncwha45f97fGuAOn1G99YwnwTj8kF9YiM6XexPcUso97NxOm6GsP0SIvYVIosBis1xLg==}
-    dependencies:
-      bluebird: 3.7.2
-      clone: 2.1.2
-      he: 1.2.0
-      image-size: 0.5.5
-      loader-utils: 1.4.2
-      merge-options: 1.0.1
-      micromatch: 3.1.0
-      postcss: 5.2.18
-      postcss-prefix-selector: 1.16.0(postcss@5.2.18)
-      posthtml-rename-id: 1.0.12
-      posthtml-svg-mode: 1.0.3
-      query-string: 4.3.4
-      traverse: 0.6.7
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /svg-tags@1.0.0:
-    resolution: {integrity: sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA==}
-    dev: true
-
-  /svgo@2.8.0:
-    resolution: {integrity: sha512-+N/Q9kV1+F+UeWYoSiULYo4xYSDQlTgb+ayMobAXPwMnLvop7oxKMo9OzIrX5x3eS4L4f2UHhc9axXwY8DpChg==}
-    engines: {node: '>=10.13.0'}
-    hasBin: true
-    dependencies:
-      '@trysound/sax': 0.2.0
-      commander: 7.2.0
-      css-select: 4.3.0
-      css-tree: 1.1.3
-      csso: 4.2.0
-      picocolors: 1.0.0
-      stable: 0.1.8
-    dev: true
-
-  /synckit@0.8.5:
-    resolution: {integrity: sha512-L1dapNV6vu2s/4Sputv8xGsCdAVlb5nRDMFU/E27D44l5U6cw1g0dGd45uLc+OXjNMmF4ntiMdCimzcjFKQI8Q==}
-    engines: {node: ^14.18.0 || >=16.0.0}
-    dependencies:
-      '@pkgr/utils': 2.4.2
-      tslib: 2.6.1
-    dev: true
-
-  /table@6.8.1:
-    resolution: {integrity: sha512-Y4X9zqrCftUhMeH2EptSSERdVKt/nEdijTOacGD/97EKjhQ/Qs8RTlEGABSJNNN8lac9kheH+af7yAkEWlgneA==}
-    engines: {node: '>=10.0.0'}
-    dependencies:
-      ajv: 8.12.0
-      lodash.truncate: 4.4.2
-      slice-ansi: 4.0.0
-      string-width: 4.2.3
-      strip-ansi: 6.0.1
-    dev: true
-
-  /temp-dir@2.0.0:
-    resolution: {integrity: sha512-aoBAniQmmwtcKp/7BzsH8Cxzv8OL736p7v1ihGb5e9DJ9kTwGWHrQrVB5+lfVDzfGrdRzXch+ig7LHaY1JTOrg==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /tempy@0.6.0:
-    resolution: {integrity: sha512-G13vtMYPT/J8A4X2SjdtBTphZlrp1gKv6hZiOjw14RCWg6GbHuQBGtjlx75xLbYV/wEc0D7G5K4rxKP/cXk8Bw==}
-    engines: {node: '>=10'}
-    dependencies:
-      is-stream: 2.0.1
-      temp-dir: 2.0.0
-      type-fest: 0.16.0
-      unique-string: 2.0.0
-    dev: true
-
-  /terser@5.16.6:
-    resolution: {integrity: sha512-IBZ+ZQIA9sMaXmRZCUMDjNH0D5AQQfdn4WUjHL0+1lF4TP1IHRJbrhb6fNaXWikrYQTSkb7SLxkeXAiy1p7mbg==}
-    engines: {node: '>=10'}
-    hasBin: true
-    dependencies:
-      '@jridgewell/source-map': 0.3.2
-      acorn: 8.8.2
-      commander: 2.20.3
-      source-map-support: 0.5.21
-    dev: true
-
-  /text-extensions@1.9.0:
-    resolution: {integrity: sha512-wiBrwC1EhBelW12Zy26JeOUkQ5mRu+5o8rpsJk5+2t+Y5vE7e842qtZDQ2g1NpX/29HdyFeJ4nSIhI47ENSxlQ==}
-    engines: {node: '>=0.10'}
-    dev: true
-
-  /text-table@0.2.0:
-    resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
-    dev: true
-
-  /through2@2.0.5:
-    resolution: {integrity: sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==}
-    dependencies:
-      readable-stream: 2.3.8
-      xtend: 4.0.2
-    dev: true
-
-  /through2@4.0.2:
-    resolution: {integrity: sha512-iOqSav00cVxEEICeD7TjLB1sueEL+81Wpzp2bY17uZjZN0pWZPuo4suZ/61VujxmqSGFfgOcNuTZ85QJwNZQpw==}
-    dependencies:
-      readable-stream: 3.6.2
-    dev: true
-
-  /through@2.3.8:
-    resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
-    dev: true
-
-  /titleize@3.0.0:
-    resolution: {integrity: sha512-KxVu8EYHDPBdUYdKZdKtU2aj2XfEx9AfjXxE/Aj0vT06w2icA09Vus1rh6eSu1y01akYg6BjIK/hxyLJINoMLQ==}
-    engines: {node: '>=12'}
-    dev: true
-
-  /to-fast-properties@2.0.0:
-    resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==}
-    engines: {node: '>=4'}
-    dev: true
-
-  /to-object-path@0.3.0:
-    resolution: {integrity: sha512-9mWHdnGRuh3onocaHzukyvCZhzvr6tiflAy/JRFXcJX0TjgfWA9pk9t8CMbzmBE4Jfw58pXbkngtBtqYxzNEyg==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      kind-of: 3.2.2
-    dev: true
-
-  /to-regex-range@2.1.1:
-    resolution: {integrity: sha512-ZZWNfCjUokXXDGXFpZehJIkZqq91BcULFq/Pi7M5i4JnxXdhMKAK682z8bCW3o8Hj1wuuzoKcW3DfVzaP6VuNg==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      is-number: 3.0.0
-      repeat-string: 1.6.1
-    dev: true
-
-  /to-regex-range@5.0.1:
-    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
-    engines: {node: '>=8.0'}
-    dependencies:
-      is-number: 7.0.0
-    dev: true
-
-  /to-regex@3.0.2:
-    resolution: {integrity: sha512-FWtleNAtZ/Ki2qtqej2CXTOayOH9bHDQF+Q48VpWyDXjbYxA4Yz8iDB31zXOBUlOHHKidDbqGVrTUvQMPmBGBw==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      define-property: 2.0.2
-      extend-shallow: 3.0.2
-      regex-not: 1.0.2
-      safe-regex: 1.1.0
-    dev: true
-
-  /tr46@1.0.1:
-    resolution: {integrity: sha512-dTpowEjclQ7Kgx5SdBkqRzVhERQXov8/l9Ft9dVM9fmg0W0KQSVaXX9T4i6twCPNtYiZM53lpSSUAwJbFPOHxA==}
-    dependencies:
-      punycode: 2.3.0
-    dev: true
-
-  /traverse@0.6.7:
-    resolution: {integrity: sha512-/y956gpUo9ZNCb99YjxG7OaslxZWHfCHAUUfshwqOXmxUIvqLjVO581BT+gM59+QV9tFe6/CGG53tsA1Y7RSdg==}
-    dev: true
-
-  /trim-newlines@3.0.1:
-    resolution: {integrity: sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /trim-newlines@4.1.1:
-    resolution: {integrity: sha512-jRKj0n0jXWo6kh62nA5TEh3+4igKDXLvzBJcPpiizP7oOolUrYIxmVBG9TOtHYFHoddUk6YvAkGeGoSVTXfQXQ==}
-    engines: {node: '>=12'}
-    dev: true
-
-  /ts-api-utils@1.0.1(typescript@5.1.6):
-    resolution: {integrity: sha512-lC/RGlPmwdrIBFTX59wwNzqh7aR2otPNPR/5brHZm/XKFYKsfqxihXUe9pU3JI+3vGkl+vyCoNNnPhJn3aLK1A==}
-    engines: {node: '>=16.13.0'}
-    peerDependencies:
-      typescript: '>=4.2.0'
-    dependencies:
-      typescript: 5.1.6
-    dev: true
-
-  /ts-node@10.9.1(@types/node@20.4.7)(typescript@5.1.6):
-    resolution: {integrity: sha512-NtVysVPkxxrwFGUUxGYhfux8k78pQB3JqYBXlLRZgdGUqTO5wU/UyHop5p70iEbGhB7q5KmiZiU0Y3KlJrScEw==}
-    hasBin: true
-    peerDependencies:
-      '@swc/core': '>=1.2.50'
-      '@swc/wasm': '>=1.2.50'
-      '@types/node': '*'
-      typescript: '>=2.7'
-    peerDependenciesMeta:
-      '@swc/core':
-        optional: true
-      '@swc/wasm':
-        optional: true
-    dependencies:
-      '@cspotcode/source-map-support': 0.8.1
-      '@tsconfig/node10': 1.0.9
-      '@tsconfig/node12': 1.0.11
-      '@tsconfig/node14': 1.0.3
-      '@tsconfig/node16': 1.0.3
-      '@types/node': 20.4.7
-      acorn: 8.10.0
-      acorn-walk: 8.2.0
-      arg: 4.1.3
-      create-require: 1.1.1
-      diff: 4.0.2
-      make-error: 1.3.6
-      typescript: 5.1.6
-      v8-compile-cache-lib: 3.0.1
-      yn: 3.1.1
-    dev: true
-
-  /tslib@2.3.0:
-    resolution: {integrity: sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==}
-    dev: true
-
-  /tslib@2.6.1:
-    resolution: {integrity: sha512-t0hLfiEKfMUoqhG+U1oid7Pva4bbDPHYfJNiB7BiIjRkj1pyC++4N3huJfqY6aRH6VTB0rvtzQwjM4K6qpfOig==}
-    dev: true
-
-  /type-check@0.4.0:
-    resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
-    engines: {node: '>= 0.8.0'}
-    dependencies:
-      prelude-ls: 1.2.1
-    dev: true
-
-  /type-fest@0.16.0:
-    resolution: {integrity: sha512-eaBzG6MxNzEn9kiwvtre90cXaNLkmadMWa1zQMs3XORCXNbsH/OewwbxC5ia9dCxIxnTAsSxXJaa/p5y8DlvJg==}
-    engines: {node: '>=10'}
-    dev: true
-
-  /type-fest@0.18.1:
-    resolution: {integrity: sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw==}
-    engines: {node: '>=10'}
-    dev: true
-
-  /type-fest@0.20.2:
-    resolution: {integrity: sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==}
-    engines: {node: '>=10'}
-    dev: true
-
-  /type-fest@0.6.0:
-    resolution: {integrity: sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /type-fest@0.8.1:
-    resolution: {integrity: sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /type-fest@1.4.0:
-    resolution: {integrity: sha512-yGSza74xk0UG8k+pLh5oeoYirvIiWo5t0/o3zHHAO2tRDiZcxWP7fywNlXhqb6/r6sWvwi+RsyQMWhVLe4BVuA==}
-    engines: {node: '>=10'}
-    dev: true
-
-  /typed-array-length@1.0.4:
-    resolution: {integrity: sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==}
-    dependencies:
-      call-bind: 1.0.2
-      for-each: 0.3.3
-      is-typed-array: 1.1.10
-    dev: true
-
-  /typedarray@0.0.6:
-    resolution: {integrity: sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==}
-    dev: true
-
-  /typescript@5.1.6:
-    resolution: {integrity: sha512-zaWCozRZ6DLEWAWFrVDz1H6FVXzUSfTy5FUMWsQlU8Ym5JP9eO4xkTIROFCQvhQf61z6O/G6ugw3SgAnvvm+HA==}
-    engines: {node: '>=14.17'}
-    hasBin: true
-
-  /uglify-js@3.17.4:
-    resolution: {integrity: sha512-T9q82TJI9e/C1TAxYvfb16xO120tMVFZrGA3f9/P4424DNu6ypK103y0GPFVa17yotwSyZW5iYXgjYHkGrJW/g==}
-    engines: {node: '>=0.8.0'}
-    hasBin: true
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /unbox-primitive@1.0.2:
-    resolution: {integrity: sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==}
-    dependencies:
-      call-bind: 1.0.2
-      has-bigints: 1.0.2
-      has-symbols: 1.0.3
-      which-boxed-primitive: 1.0.2
-    dev: true
-
-  /unicode-canonical-property-names-ecmascript@2.0.0:
-    resolution: {integrity: sha512-yY5PpDlfVIU5+y/BSCxAJRBIS1Zc2dDG3Ujq+sR0U+JjUevW2JhocOF+soROYDSaAezOzOKuyyixhD6mBknSmQ==}
-    engines: {node: '>=4'}
-    dev: true
-
-  /unicode-match-property-ecmascript@2.0.0:
-    resolution: {integrity: sha512-5kaZCrbp5mmbz5ulBkDkbY0SsPOjKqVS35VpL9ulMPfSl0J0Xsm+9Evphv9CoIZFwre7aJoa94AY6seMKGVN5Q==}
-    engines: {node: '>=4'}
-    dependencies:
-      unicode-canonical-property-names-ecmascript: 2.0.0
-      unicode-property-aliases-ecmascript: 2.1.0
-    dev: true
-
-  /unicode-match-property-value-ecmascript@2.1.0:
-    resolution: {integrity: sha512-qxkjQt6qjg/mYscYMC0XKRn3Rh0wFPlfxB0xkt9CfyTvpX1Ra0+rAmdX2QyAobptSEvuy4RtpPRui6XkV+8wjA==}
-    engines: {node: '>=4'}
-    dev: true
-
-  /unicode-property-aliases-ecmascript@2.1.0:
-    resolution: {integrity: sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==}
-    engines: {node: '>=4'}
-    dev: true
-
-  /union-value@1.0.1:
-    resolution: {integrity: sha512-tJfXmxMeWYnczCVs7XAEvIV7ieppALdyepWMkHkwciRpZraG/xwT+s2JN8+pr1+8jCRf80FFzvr+MpQeeoF4Xg==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      arr-union: 3.1.0
-      get-value: 2.0.6
-      is-extendable: 0.1.1
-      set-value: 2.0.1
-    dev: true
-
-  /unique-string@2.0.0:
-    resolution: {integrity: sha512-uNaeirEPvpZWSgzwsPGtU2zVSTrn/8L5q/IexZmH0eH6SA73CmAA5U4GwORTxQAZs95TAXLNqeLoPPNO5gZfWg==}
-    engines: {node: '>=8'}
-    dependencies:
-      crypto-random-string: 2.0.0
-    dev: true
-
-  /universalify@2.0.0:
-    resolution: {integrity: sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==}
-    engines: {node: '>= 10.0.0'}
-    dev: true
-
-  /unplugin-vue-setup-extend-plus@1.0.0:
-    resolution: {integrity: sha512-Qb34atQ/elvkErQ12PNv6UWJPWIG4dEgjjizYKyycPeiRqQaMVNCKqRIqfxlhXntcU2l+o3VQuk1NNZN6QJ/xw==}
-    dependencies:
-      '@vue/compiler-sfc': 3.2.47
-      magic-string: 0.26.7
-      unplugin: 1.3.1
-    dev: true
-
-  /unplugin@1.3.1:
-    resolution: {integrity: sha512-h4uUTIvFBQRxUKS2Wjys6ivoeofGhxzTe2sRWlooyjHXVttcVfV/JiavNd3d4+jty0SVV0dxGw9AkY9MwiaCEw==}
-    dependencies:
-      acorn: 8.8.2
-      chokidar: 3.5.3
-      webpack-sources: 3.2.3
-      webpack-virtual-modules: 0.5.0
-    dev: true
-
-  /unset-value@1.0.0:
-    resolution: {integrity: sha512-PcA2tsuGSF9cnySLHTLSh2qrQiJ70mn+r+Glzxv2TWZblxsxCC52BDlZoPCsz7STd9pN7EZetkWZBAvk4cgZdQ==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      has-value: 0.3.1
-      isobject: 3.0.1
-    dev: true
-
-  /untildify@4.0.0:
-    resolution: {integrity: sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /upath@1.2.0:
-    resolution: {integrity: sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg==}
-    engines: {node: '>=4'}
-    dev: true
-
-  /update-browserslist-db@1.0.11(browserslist@4.21.10):
-    resolution: {integrity: sha512-dCwEFf0/oT85M1fHBg4F0jtLwJrutGoHSQXCh7u4o2t1drG+c0a9Flnqww6XUKSfQMPpJBRjU8d4RXB09qtvaA==}
-    hasBin: true
-    peerDependencies:
-      browserslist: '>= 4.21.0'
-    dependencies:
-      browserslist: 4.21.10
-      escalade: 3.1.1
-      picocolors: 1.0.0
-    dev: true
-
-  /uri-js@4.4.1:
-    resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
-    dependencies:
-      punycode: 2.3.0
-    dev: true
-
-  /urix@0.1.0:
-    resolution: {integrity: sha512-Am1ousAhSLBeB9cG/7k7r2R0zj50uDRlZHPGbazid5s9rlF1F/QKYObEKSIunSjIOkJZqwRRLpvewjEkM7pSqg==}
-    deprecated: Please see https://github.com/lydell/urix#deprecated
-    dev: true
-
-  /use@3.1.1:
-    resolution: {integrity: sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /util-deprecate@1.0.2:
-    resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
-    dev: true
-
-  /v8-compile-cache-lib@3.0.1:
-    resolution: {integrity: sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg==}
-    dev: true
-
-  /validate-npm-package-license@3.0.4:
-    resolution: {integrity: sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==}
-    dependencies:
-      spdx-correct: 3.2.0
-      spdx-expression-parse: 3.0.1
-    dev: true
-
-  /vary@1.1.2:
-    resolution: {integrity: sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==}
-    engines: {node: '>= 0.8'}
-    dev: true
-
-  /vite-plugin-compression@0.5.1(vite@4.4.9):
-    resolution: {integrity: sha512-5QJKBDc+gNYVqL/skgFAP81Yuzo9R+EAf19d+EtsMF/i8kFUpNi3J/H01QD3Oo8zBQn+NzoCIFkpPLynoOzaJg==}
-    peerDependencies:
-      vite: '>=2.0.0'
-    dependencies:
-      chalk: 4.1.2
-      debug: 4.3.4
-      fs-extra: 10.1.0
-      vite: 4.4.9(@types/node@20.4.7)(sass@1.66.1)
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /vite-plugin-eslint@1.8.1(eslint@8.49.0)(vite@4.4.9):
-    resolution: {integrity: sha512-PqdMf3Y2fLO9FsNPmMX+//2BF5SF8nEWspZdgl4kSt7UvHDRHVVfHvxsD7ULYzZrJDGRxR81Nq7TOFgwMnUang==}
-    peerDependencies:
-      eslint: '>=7'
-      vite: '>=2'
-    dependencies:
-      '@rollup/pluginutils': 4.2.1
-      '@types/eslint': 8.21.2
-      eslint: 8.49.0
-      rollup: 2.79.1
-      vite: 4.4.9(@types/node@20.4.7)(sass@1.66.1)
-    dev: true
-
-  /vite-plugin-html@3.2.0(vite@4.4.9):
-    resolution: {integrity: sha512-2VLCeDiHmV/BqqNn5h2V+4280KRgQzCFN47cst3WiNK848klESPQnzuC3okH5XHtgwHH/6s1Ho/YV6yIO0pgoQ==}
-    peerDependencies:
-      vite: '>=2.0.0'
-    dependencies:
-      '@rollup/pluginutils': 4.2.1
-      colorette: 2.0.19
-      connect-history-api-fallback: 1.6.0
-      consola: 2.15.3
-      dotenv: 16.0.3
-      dotenv-expand: 8.0.3
-      ejs: 3.1.9
-      fast-glob: 3.2.12
-      fs-extra: 10.1.0
-      html-minifier-terser: 6.1.0
-      node-html-parser: 5.4.2
-      pathe: 0.2.0
-      vite: 4.4.9(@types/node@20.4.7)(sass@1.66.1)
-    dev: true
-
-  /vite-plugin-pwa@0.16.5(vite@4.4.9)(workbox-build@7.0.0)(workbox-window@7.0.0):
-    resolution: {integrity: sha512-Ahol4dwhMP2UHPQXkllSlXbihOaDFnvBIDPmAxoSZ1EObBUJGP4CMRyCyAVkIHjd6/H+//vH0DM2ON+XxHr81g==}
-    engines: {node: '>=16.0.0'}
-    peerDependencies:
-      vite: ^3.1.0 || ^4.0.0
-      workbox-build: ^7.0.0
-      workbox-window: ^7.0.0
-    dependencies:
-      debug: 4.3.4
-      fast-glob: 3.3.1
-      pretty-bytes: 6.1.1
-      vite: 4.4.9(@types/node@20.4.7)(sass@1.66.1)
-      workbox-build: 7.0.0
-      workbox-window: 7.0.0
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /vite-plugin-svg-icons@2.0.1(vite@4.4.9):
-    resolution: {integrity: sha512-6ktD+DhV6Rz3VtedYvBKKVA2eXF+sAQVaKkKLDSqGUfnhqXl3bj5PPkVTl3VexfTuZy66PmINi8Q6eFnVfRUmA==}
-    peerDependencies:
-      vite: '>=2.0.0'
-    dependencies:
-      '@types/svgo': 2.6.4
-      cors: 2.8.5
-      debug: 4.3.4
-      etag: 1.8.1
-      fs-extra: 10.1.0
-      pathe: 0.2.0
-      svg-baker: 1.7.0
-      svgo: 2.8.0
-      vite: 4.4.9(@types/node@20.4.7)(sass@1.66.1)
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /vite@4.4.9(@types/node@20.4.7)(sass@1.66.1):
-    resolution: {integrity: sha512-2mbUn2LlUmNASWwSCNSJ/EG2HuSRTnVNaydp6vMCm5VIqJsjMfbIWtbH2kDuwUVW5mMUKKZvGPX/rqeqVvv1XA==}
-    engines: {node: ^14.18.0 || >=16.0.0}
-    hasBin: true
-    peerDependencies:
-      '@types/node': '>= 14'
-      less: '*'
-      lightningcss: ^1.21.0
-      sass: '*'
-      stylus: '*'
-      sugarss: '*'
-      terser: ^5.4.0
-    peerDependenciesMeta:
-      '@types/node':
-        optional: true
-      less:
-        optional: true
-      lightningcss:
-        optional: true
-      sass:
-        optional: true
-      stylus:
-        optional: true
-      sugarss:
-        optional: true
-      terser:
-        optional: true
-    dependencies:
-      '@types/node': 20.4.7
-      esbuild: 0.18.11
-      postcss: 8.4.29
-      rollup: 3.29.1
-      sass: 1.66.1
-    optionalDependencies:
-      fsevents: 2.3.2
-    dev: true
-
-  /vue-demi@0.14.5(vue@3.3.4):
-    resolution: {integrity: sha512-o9NUVpl/YlsGJ7t+xuqJKx8EBGf1quRhCiT6D/J0pfwmk9zUwYkC7yrF4SZCe6fETvSM3UNL2edcbYrSyc4QHA==}
-    engines: {node: '>=12'}
-    hasBin: true
-    requiresBuild: true
-    peerDependencies:
-      '@vue/composition-api': ^1.0.0-rc.1
-      vue: ^3.0.0-0 || ^2.6.0
-    peerDependenciesMeta:
-      '@vue/composition-api':
-        optional: true
-    dependencies:
-      vue: 3.3.4
-    dev: false
-
-  /vue-eslint-parser@9.3.1(eslint@8.49.0):
-    resolution: {integrity: sha512-Clr85iD2XFZ3lJ52/ppmUDG/spxQu6+MAeHXjjyI4I1NUYZ9xmenQp4N0oaHJhrA8OOxltCVxMRfANGa70vU0g==}
-    engines: {node: ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: '>=6.0.0'
-    dependencies:
-      debug: 4.3.4
-      eslint: 8.49.0
-      eslint-scope: 7.2.2
-      eslint-visitor-keys: 3.4.3
-      espree: 9.6.1
-      esquery: 1.5.0
-      lodash: 4.17.21
-      semver: 7.5.4
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /vue-router@4.2.4(vue@3.3.4):
-    resolution: {integrity: sha512-9PISkmaCO02OzPVOMq2w82ilty6+xJmQrarYZDkjZBfl4RvYAlt4PKnEX21oW4KTtWfa9OuO/b3qk1Od3AEdCQ==}
-    peerDependencies:
-      vue: ^3.2.0
-    dependencies:
-      '@vue/devtools-api': 6.5.0
-      vue: 3.3.4
-    dev: false
-
-  /vue-template-compiler@2.7.14:
-    resolution: {integrity: sha512-zyA5Y3ArvVG0NacJDkkzJuPQDF8RFeRlzV2vLeSnhSpieO6LK2OVbdLPi5MPPs09Ii+gMO8nY4S3iKQxBxDmWQ==}
-    dependencies:
-      de-indent: 1.0.2
-      he: 1.2.0
-    dev: true
-
-  /vue-tsc@1.8.11(typescript@5.1.6):
-    resolution: {integrity: sha512-BzfiMdPqDHBlysx4g26NkfVHSQwGD/lTRausmxN9sFyjXz34OWfsbkh0YsVkX84Hu65In1fFlxHiG39Tr4Vojg==}
-    hasBin: true
-    peerDependencies:
-      typescript: '*'
-    dependencies:
-      '@vue/language-core': 1.8.11(typescript@5.1.6)
-      '@vue/typescript': 1.8.11(typescript@5.1.6)
-      semver: 7.5.4
-      typescript: 5.1.6
-    dev: true
-
-  /vue@3.3.4:
-    resolution: {integrity: sha512-VTyEYn3yvIeY1Py0WaYGZsXnz3y5UnGi62GjVEqvEGPl6nxbOrCXbVOTQWBEJUqAyTUk2uJ5JLVnYJ6ZzGbrSw==}
-    dependencies:
-      '@vue/compiler-dom': 3.3.4
-      '@vue/compiler-sfc': 3.3.4
-      '@vue/runtime-dom': 3.3.4
-      '@vue/server-renderer': 3.3.4(vue@3.3.4)
-      '@vue/shared': 3.3.4
-
-  /webidl-conversions@4.0.2:
-    resolution: {integrity: sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg==}
-    dev: true
-
-  /webpack-sources@3.2.3:
-    resolution: {integrity: sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==}
-    engines: {node: '>=10.13.0'}
-    dev: true
-
-  /webpack-virtual-modules@0.5.0:
-    resolution: {integrity: sha512-kyDivFZ7ZM0BVOUteVbDFhlRt7Ah/CSPwJdi8hBpkK7QLumUqdLtVfm/PX/hkcnrvr0i77fO5+TjZ94Pe+C9iw==}
-    dev: true
-
-  /whatwg-url@7.1.0:
-    resolution: {integrity: sha512-WUu7Rg1DroM7oQvGWfOiAK21n74Gg+T4elXEQYkOhtyLeWiJFoOGLXPKI/9gzIie9CtwVLm8wtw6YJdKyxSjeg==}
-    dependencies:
-      lodash.sortby: 4.7.0
-      tr46: 1.0.1
-      webidl-conversions: 4.0.2
-    dev: true
-
-  /which-boxed-primitive@1.0.2:
-    resolution: {integrity: sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==}
-    dependencies:
-      is-bigint: 1.0.4
-      is-boolean-object: 1.1.2
-      is-number-object: 1.0.7
-      is-string: 1.0.7
-      is-symbol: 1.0.4
-    dev: true
-
-  /which-typed-array@1.1.9:
-    resolution: {integrity: sha512-w9c4xkx6mPidwp7180ckYWfMmvxpjlZuIudNtDf4N/tTAUB8VJbX25qZoAsrtGuYNnGw3pa0AXgbGKRB8/EceA==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      available-typed-arrays: 1.0.5
-      call-bind: 1.0.2
-      for-each: 0.3.3
-      gopd: 1.0.1
-      has-tostringtag: 1.0.0
-      is-typed-array: 1.1.10
-    dev: true
-
-  /which@1.3.1:
-    resolution: {integrity: sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==}
-    hasBin: true
-    dependencies:
-      isexe: 2.0.0
-    dev: true
-
-  /which@2.0.2:
-    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
-    engines: {node: '>= 8'}
-    hasBin: true
-    dependencies:
-      isexe: 2.0.0
-    dev: true
-
-  /wordwrap@1.0.0:
-    resolution: {integrity: sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q==}
-    dev: true
-
-  /workbox-background-sync@7.0.0:
-    resolution: {integrity: sha512-S+m1+84gjdueM+jIKZ+I0Lx0BDHkk5Nu6a3kTVxP4fdj3gKouRNmhO8H290ybnJTOPfBDtTMXSQA/QLTvr7PeA==}
-    dependencies:
-      idb: 7.1.1
-      workbox-core: 7.0.0
-    dev: true
-
-  /workbox-broadcast-update@7.0.0:
-    resolution: {integrity: sha512-oUuh4jzZrLySOo0tC0WoKiSg90bVAcnE98uW7F8GFiSOXnhogfNDGZelPJa+6KpGBO5+Qelv04Hqx2UD+BJqNQ==}
-    dependencies:
-      workbox-core: 7.0.0
-    dev: true
-
-  /workbox-build@7.0.0:
-    resolution: {integrity: sha512-CttE7WCYW9sZC+nUYhQg3WzzGPr4IHmrPnjKiu3AMXsiNQKx+l4hHl63WTrnicLmKEKHScWDH8xsGBdrYgtBzg==}
-    engines: {node: '>=16.0.0'}
-    dependencies:
-      '@apideck/better-ajv-errors': 0.3.6(ajv@8.12.0)
-      '@babel/core': 7.22.19
-      '@babel/preset-env': 7.21.5(@babel/core@7.22.19)
-      '@babel/runtime': 7.21.0
-      '@rollup/plugin-babel': 5.3.1(@babel/core@7.22.19)(rollup@2.79.1)
-      '@rollup/plugin-node-resolve': 11.2.1(rollup@2.79.1)
-      '@rollup/plugin-replace': 2.4.2(rollup@2.79.1)
-      '@surma/rollup-plugin-off-main-thread': 2.2.3
-      ajv: 8.12.0
-      common-tags: 1.8.2
-      fast-json-stable-stringify: 2.1.0
-      fs-extra: 9.1.0
-      glob: 7.2.3
-      lodash: 4.17.21
-      pretty-bytes: 5.6.0
-      rollup: 2.79.1
-      rollup-plugin-terser: 7.0.2(rollup@2.79.1)
-      source-map: 0.8.0-beta.0
-      stringify-object: 3.3.0
-      strip-comments: 2.0.1
-      tempy: 0.6.0
-      upath: 1.2.0
-      workbox-background-sync: 7.0.0
-      workbox-broadcast-update: 7.0.0
-      workbox-cacheable-response: 7.0.0
-      workbox-core: 7.0.0
-      workbox-expiration: 7.0.0
-      workbox-google-analytics: 7.0.0
-      workbox-navigation-preload: 7.0.0
-      workbox-precaching: 7.0.0
-      workbox-range-requests: 7.0.0
-      workbox-recipes: 7.0.0
-      workbox-routing: 7.0.0
-      workbox-strategies: 7.0.0
-      workbox-streams: 7.0.0
-      workbox-sw: 7.0.0
-      workbox-window: 7.0.0
-    transitivePeerDependencies:
-      - '@types/babel__core'
-      - supports-color
-    dev: true
-
-  /workbox-cacheable-response@7.0.0:
-    resolution: {integrity: sha512-0lrtyGHn/LH8kKAJVOQfSu3/80WDc9Ma8ng0p2i/5HuUndGttH+mGMSvOskjOdFImLs2XZIimErp7tSOPmu/6g==}
-    dependencies:
-      workbox-core: 7.0.0
-    dev: true
-
-  /workbox-core@7.0.0:
-    resolution: {integrity: sha512-81JkAAZtfVP8darBpfRTovHg8DGAVrKFgHpOArZbdFd78VqHr5Iw65f2guwjE2NlCFbPFDoez3D3/6ZvhI/rwQ==}
-    dev: true
-
-  /workbox-expiration@7.0.0:
-    resolution: {integrity: sha512-MLK+fogW+pC3IWU9SFE+FRStvDVutwJMR5if1g7oBJx3qwmO69BNoJQVaMXq41R0gg3MzxVfwOGKx3i9P6sOLQ==}
-    dependencies:
-      idb: 7.1.1
-      workbox-core: 7.0.0
-    dev: true
-
-  /workbox-google-analytics@7.0.0:
-    resolution: {integrity: sha512-MEYM1JTn/qiC3DbpvP2BVhyIH+dV/5BjHk756u9VbwuAhu0QHyKscTnisQuz21lfRpOwiS9z4XdqeVAKol0bzg==}
-    dependencies:
-      workbox-background-sync: 7.0.0
-      workbox-core: 7.0.0
-      workbox-routing: 7.0.0
-      workbox-strategies: 7.0.0
-    dev: true
-
-  /workbox-navigation-preload@7.0.0:
-    resolution: {integrity: sha512-juWCSrxo/fiMz3RsvDspeSLGmbgC0U9tKqcUPZBCf35s64wlaLXyn2KdHHXVQrb2cqF7I0Hc9siQalainmnXJA==}
-    dependencies:
-      workbox-core: 7.0.0
-    dev: true
-
-  /workbox-precaching@7.0.0:
-    resolution: {integrity: sha512-EC0vol623LJqTJo1mkhD9DZmMP604vHqni3EohhQVwhJlTgyKyOkMrZNy5/QHfOby+39xqC01gv4LjOm4HSfnA==}
-    dependencies:
-      workbox-core: 7.0.0
-      workbox-routing: 7.0.0
-      workbox-strategies: 7.0.0
-    dev: true
-
-  /workbox-range-requests@7.0.0:
-    resolution: {integrity: sha512-SxAzoVl9j/zRU9OT5+IQs7pbJBOUOlriB8Gn9YMvi38BNZRbM+RvkujHMo8FOe9IWrqqwYgDFBfv6sk76I1yaQ==}
-    dependencies:
-      workbox-core: 7.0.0
-    dev: true
-
-  /workbox-recipes@7.0.0:
-    resolution: {integrity: sha512-DntcK9wuG3rYQOONWC0PejxYYIDHyWWZB/ueTbOUDQgefaeIj1kJ7pdP3LZV2lfrj8XXXBWt+JDRSw1lLLOnww==}
-    dependencies:
-      workbox-cacheable-response: 7.0.0
-      workbox-core: 7.0.0
-      workbox-expiration: 7.0.0
-      workbox-precaching: 7.0.0
-      workbox-routing: 7.0.0
-      workbox-strategies: 7.0.0
-    dev: true
-
-  /workbox-routing@7.0.0:
-    resolution: {integrity: sha512-8YxLr3xvqidnbVeGyRGkaV4YdlKkn5qZ1LfEePW3dq+ydE73hUUJJuLmGEykW3fMX8x8mNdL0XrWgotcuZjIvA==}
-    dependencies:
-      workbox-core: 7.0.0
-    dev: true
-
-  /workbox-strategies@7.0.0:
-    resolution: {integrity: sha512-dg3qJU7tR/Gcd/XXOOo7x9QoCI9nk74JopaJaYAQ+ugLi57gPsXycVdBnYbayVj34m6Y8ppPwIuecrzkpBVwbA==}
-    dependencies:
-      workbox-core: 7.0.0
-    dev: true
-
-  /workbox-streams@7.0.0:
-    resolution: {integrity: sha512-moVsh+5to//l6IERWceYKGiftc+prNnqOp2sgALJJFbnNVpTXzKISlTIsrWY+ogMqt+x1oMazIdHj25kBSq/HQ==}
-    dependencies:
-      workbox-core: 7.0.0
-      workbox-routing: 7.0.0
-    dev: true
-
-  /workbox-sw@7.0.0:
-    resolution: {integrity: sha512-SWfEouQfjRiZ7GNABzHUKUyj8pCoe+RwjfOIajcx6J5mtgKkN+t8UToHnpaJL5UVVOf5YhJh+OHhbVNIHe+LVA==}
-    dev: true
-
-  /workbox-window@7.0.0:
-    resolution: {integrity: sha512-j7P/bsAWE/a7sxqTzXo3P2ALb1reTfZdvVp6OJ/uLr/C2kZAMvjeWGm8V4htQhor7DOvYg0sSbFN2+flT5U0qA==}
-    dependencies:
-      '@types/trusted-types': 2.0.3
-      workbox-core: 7.0.0
-    dev: true
-
-  /wrap-ansi@7.0.0:
-    resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
-    engines: {node: '>=10'}
-    dependencies:
-      ansi-styles: 4.3.0
-      string-width: 4.2.3
-      strip-ansi: 6.0.1
-    dev: true
-
-  /wrap-ansi@8.1.0:
-    resolution: {integrity: sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==}
-    engines: {node: '>=12'}
-    dependencies:
-      ansi-styles: 6.2.1
-      string-width: 5.1.2
-      strip-ansi: 7.0.1
-    dev: true
-
-  /wrappy@1.0.2:
-    resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
-    dev: true
-
-  /write-file-atomic@5.0.1:
-    resolution: {integrity: sha512-+QU2zd6OTD8XWIJCbffaiQeH9U73qIqafo1x6V1snCWYGJf6cVE0cDR4D8xRzcEnfI21IFrUPzPGtcPf8AC+Rw==}
-    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
-    dependencies:
-      imurmurhash: 0.1.4
-      signal-exit: 4.0.2
-    dev: true
-
-  /xml-name-validator@4.0.0:
-    resolution: {integrity: sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==}
-    engines: {node: '>=12'}
-    dev: true
-
-  /xtend@4.0.2:
-    resolution: {integrity: sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==}
-    engines: {node: '>=0.4'}
-    dev: true
-
-  /y18n@5.0.8:
-    resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==}
-    engines: {node: '>=10'}
-    dev: true
-
-  /yallist@3.1.1:
-    resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
-    dev: true
-
-  /yaml@2.3.1:
-    resolution: {integrity: sha512-2eHWfjaoXgTBC2jNM1LRef62VQa0umtvRiDSk6HSzW7RvS5YtkabJrwYLLEKWBc8a5U2PTSCs+dJjUTJdlHsWQ==}
-    engines: {node: '>= 14'}
-    dev: true
-
-  /yargs-parser@20.2.9:
-    resolution: {integrity: sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==}
-    engines: {node: '>=10'}
-    dev: true
-
-  /yargs-parser@21.1.1:
-    resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==}
-    engines: {node: '>=12'}
-    dev: true
-
-  /yargs@16.2.0:
-    resolution: {integrity: sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==}
-    engines: {node: '>=10'}
-    dependencies:
-      cliui: 7.0.4
-      escalade: 3.1.1
-      get-caller-file: 2.0.5
-      require-directory: 2.1.1
-      string-width: 4.2.3
-      y18n: 5.0.8
-      yargs-parser: 20.2.9
-    dev: true
-
-  /yargs@17.7.1:
-    resolution: {integrity: sha512-cwiTb08Xuv5fqF4AovYacTFNxk62th7LKJ6BL9IGUpTJrWoU7/7WdQGTP2SjKf1dUNBGzDd28p/Yfs/GI6JrLw==}
-    engines: {node: '>=12'}
-    dependencies:
-      cliui: 8.0.1
-      escalade: 3.1.1
-      get-caller-file: 2.0.5
-      require-directory: 2.1.1
-      string-width: 4.2.3
-      y18n: 5.0.8
-      yargs-parser: 21.1.1
-    dev: true
-
-  /yn@3.1.1:
-    resolution: {integrity: sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==}
-    engines: {node: '>=6'}
-    dev: true
-
-  /yocto-queue@0.1.0:
-    resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
-    engines: {node: '>=10'}
-    dev: true
-
-  registry.npmmirror.com/@babel/helper-string-parser@7.21.5:
-    resolution: {integrity: sha512-5pTUx3hAJaZIdW99sJ6ZUUgWq/Y+Hja7TowEnLNMm1VivRgZQL3vpBY3qUACVsvw+yQU6+YgfBVmcbLaZtrA1w==, registry: https://registry.npmjs.org/, tarball: https://registry.npmmirror.com/@babel/helper-string-parser/-/helper-string-parser-7.21.5.tgz}
-    name: '@babel/helper-string-parser'
-    version: 7.21.5
-    engines: {node: '>=6.9.0'}
-
-  registry.npmmirror.com/@babel/helper-validator-identifier@7.19.1:
-    resolution: {integrity: sha512-awrNfaMtnHUr653GgGEs++LlAvW6w+DcPrOliSMXWCKo597CwL5Acf/wWdNkf/tfEQE3mjkeD1YOVZOUV/od1w==, registry: https://registry.npmjs.org/, tarball: https://registry.npmmirror.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.19.1.tgz}
-    name: '@babel/helper-validator-identifier'
-    version: 7.19.1
-    engines: {node: '>=6.9.0'}
-
-  registry.npmmirror.com/@babel/parser@7.21.8:
-    resolution: {integrity: sha512-6zavDGdzG3gUqAdWvlLFfk+36RilI+Pwyuuh7HItyeScCWP3k6i8vKclAQ0bM/0y/Kz/xiwvxhMv9MgTJP5gmA==, registry: https://registry.npmjs.org/, tarball: https://registry.npmmirror.com/@babel/parser/-/parser-7.21.8.tgz}
-    name: '@babel/parser'
-    version: 7.21.8
-    engines: {node: '>=6.0.0'}
-    hasBin: true
-    dependencies:
-      '@babel/types': registry.npmmirror.com/@babel/types@7.21.5
-
-  registry.npmmirror.com/@babel/types@7.21.5:
-    resolution: {integrity: sha512-m4AfNvVF2mVC/F7fDEdH2El3HzUg9It/XsCxZiOTTA3m3qYfcSVSbTfM6Q9xG+hYDniZssYhlXKKUMD5m8tF4Q==, registry: https://registry.npmjs.org/, tarball: https://registry.npmmirror.com/@babel/types/-/types-7.21.5.tgz}
-    name: '@babel/types'
-    version: 7.21.5
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/helper-string-parser': registry.npmmirror.com/@babel/helper-string-parser@7.21.5
-      '@babel/helper-validator-identifier': registry.npmmirror.com/@babel/helper-validator-identifier@7.19.1
-      to-fast-properties: registry.npmmirror.com/to-fast-properties@2.0.0
-
-  registry.npmmirror.com/@vue/compiler-core@3.2.47:
-    resolution: {integrity: sha512-p4D7FDnQb7+YJmO2iPEv0SQNeNzcbHdGByJDsT4lynf63AFkOTFN07HsiRSvjGo0QrxR/o3d0hUyNCUnBU2Tig==, registry: https://registry.npmjs.org/, tarball: https://registry.npmmirror.com/@vue/compiler-core/-/compiler-core-3.2.47.tgz}
-    name: '@vue/compiler-core'
-    version: 3.2.47
-    dependencies:
-      '@babel/parser': registry.npmmirror.com/@babel/parser@7.21.8
-      '@vue/shared': registry.npmmirror.com/@vue/shared@3.2.47
-      estree-walker: registry.npmmirror.com/estree-walker@2.0.2
-      source-map: 0.6.1
-    dev: true
-
-  registry.npmmirror.com/@vue/compiler-core@3.3.4:
-    resolution: {integrity: sha512-cquyDNvZ6jTbf/+x+AgM2Arrp6G4Dzbb0R64jiG804HRMfRiFXWI6kqUVqZ6ZR0bQhIoQjB4+2bhNtVwndW15g==, registry: https://registry.npmjs.org/, tarball: https://registry.npmmirror.com/@vue/compiler-core/-/compiler-core-3.3.4.tgz}
-    name: '@vue/compiler-core'
-    version: 3.3.4
-    dependencies:
-      '@babel/parser': registry.npmmirror.com/@babel/parser@7.21.8
-      '@vue/shared': registry.npmmirror.com/@vue/shared@3.3.4
-      estree-walker: registry.npmmirror.com/estree-walker@2.0.2
-      source-map-js: registry.npmmirror.com/source-map-js@1.0.2
-
-  registry.npmmirror.com/@vue/compiler-dom@3.2.47:
-    resolution: {integrity: sha512-dBBnEHEPoftUiS03a4ggEig74J2YBZ2UIeyfpcRM2tavgMWo4bsEfgCGsu+uJIL/vax9S+JztH8NmQerUo7shQ==, registry: https://registry.npmjs.org/, tarball: https://registry.npmmirror.com/@vue/compiler-dom/-/compiler-dom-3.2.47.tgz}
-    name: '@vue/compiler-dom'
-    version: 3.2.47
-    dependencies:
-      '@vue/compiler-core': registry.npmmirror.com/@vue/compiler-core@3.2.47
-      '@vue/shared': registry.npmmirror.com/@vue/shared@3.2.47
-    dev: true
-
-  registry.npmmirror.com/@vue/compiler-dom@3.3.4:
-    resolution: {integrity: sha512-wyM+OjOVpuUukIq6p5+nwHYtj9cFroz9cwkfmP9O1nzH68BenTTv0u7/ndggT8cIQlnBeOo6sUT/gvHcIkLA5w==, registry: https://registry.npmjs.org/, tarball: https://registry.npmmirror.com/@vue/compiler-dom/-/compiler-dom-3.3.4.tgz}
-    name: '@vue/compiler-dom'
-    version: 3.3.4
-    dependencies:
-      '@vue/compiler-core': registry.npmmirror.com/@vue/compiler-core@3.3.4
-      '@vue/shared': registry.npmmirror.com/@vue/shared@3.3.4
-
-  registry.npmmirror.com/@vue/reactivity@3.3.4:
-    resolution: {integrity: sha512-kLTDLwd0B1jG08NBF3R5rqULtv/f8x3rOFByTDz4J53ttIQEDmALqKqXY0J+XQeN0aV2FBxY8nJDf88yvOPAqQ==, registry: https://registry.npmjs.org/, tarball: https://registry.npmmirror.com/@vue/reactivity/-/reactivity-3.3.4.tgz}
-    name: '@vue/reactivity'
-    version: 3.3.4
-    dependencies:
-      '@vue/shared': registry.npmmirror.com/@vue/shared@3.3.4
-
-  registry.npmmirror.com/@vue/shared@3.2.47:
-    resolution: {integrity: sha512-BHGyyGN3Q97EZx0taMQ+OLNuZcW3d37ZEVmEAyeoA9ERdGvm9Irc/0Fua8SNyOtV1w6BS4q25wbMzJujO9HIfQ==, registry: https://registry.npmjs.org/, tarball: https://registry.npmmirror.com/@vue/shared/-/shared-3.2.47.tgz}
-    name: '@vue/shared'
-    version: 3.2.47
-    dev: true
-
-  registry.npmmirror.com/@vue/shared@3.3.4:
-    resolution: {integrity: sha512-7OjdcV8vQ74eiz1TZLzZP4JwqM5fA94K6yntPS5Z25r9HDuGNzaGdgvwKYq6S+MxwF0TFRwe50fIR/MYnakdkQ==, registry: https://registry.npmjs.org/, tarball: https://registry.npmmirror.com/@vue/shared/-/shared-3.3.4.tgz}
-    name: '@vue/shared'
-    version: 3.3.4
-
-  registry.npmmirror.com/balanced-match@1.0.2:
-    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==, registry: https://registry.npmjs.org/, tarball: https://registry.npmmirror.com/balanced-match/-/balanced-match-1.0.2.tgz}
-    name: balanced-match
-    version: 1.0.2
-    dev: true
-
-  registry.npmmirror.com/brace-expansion@1.1.11:
-    resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==, registry: https://registry.npmjs.org/, tarball: https://registry.npmmirror.com/brace-expansion/-/brace-expansion-1.1.11.tgz}
-    name: brace-expansion
-    version: 1.1.11
-    dependencies:
-      balanced-match: registry.npmmirror.com/balanced-match@1.0.2
-      concat-map: 0.0.1
-    dev: true
-
-  registry.npmmirror.com/brace-expansion@2.0.1:
-    resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==, registry: https://registry.npmjs.org/, tarball: https://registry.npmmirror.com/brace-expansion/-/brace-expansion-2.0.1.tgz}
-    name: brace-expansion
-    version: 2.0.1
-    dependencies:
-      balanced-match: registry.npmmirror.com/balanced-match@1.0.2
-    dev: true
-
-  registry.npmmirror.com/estree-walker@2.0.2:
-    resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==, registry: https://registry.npmjs.org/, tarball: https://registry.npmmirror.com/estree-walker/-/estree-walker-2.0.2.tgz}
-    name: estree-walker
-    version: 2.0.2
-
-  registry.npmmirror.com/graceful-fs@4.2.10:
-    resolution: {integrity: sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==, registry: https://registry.npmjs.org/, tarball: https://registry.npmmirror.com/graceful-fs/-/graceful-fs-4.2.10.tgz}
-    name: graceful-fs
-    version: 4.2.10
-    dev: true
-
-  registry.npmmirror.com/lru-cache@6.0.0:
-    resolution: {integrity: sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==, registry: https://registry.npmjs.org/, tarball: https://registry.npmmirror.com/lru-cache/-/lru-cache-6.0.0.tgz}
-    name: lru-cache
-    version: 6.0.0
-    engines: {node: '>=10'}
-    dependencies:
-      yallist: registry.npmmirror.com/yallist@4.0.0
-    dev: true
-
-  registry.npmmirror.com/minimatch@3.1.2:
-    resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==, registry: https://registry.npmjs.org/, tarball: https://registry.npmmirror.com/minimatch/-/minimatch-3.1.2.tgz}
-    name: minimatch
-    version: 3.1.2
-    dependencies:
-      brace-expansion: registry.npmmirror.com/brace-expansion@1.1.11
-    dev: true
-
-  registry.npmmirror.com/minimatch@5.1.6:
-    resolution: {integrity: sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==, registry: https://registry.npmjs.org/, tarball: https://registry.npmmirror.com/minimatch/-/minimatch-5.1.6.tgz}
-    name: minimatch
-    version: 5.1.6
-    engines: {node: '>=10'}
-    dependencies:
-      brace-expansion: registry.npmmirror.com/brace-expansion@2.0.1
-    dev: true
-
-  registry.npmmirror.com/semver@5.7.1:
-    resolution: {integrity: sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==, registry: https://registry.npmjs.org/, tarball: https://registry.npmmirror.com/semver/-/semver-5.7.1.tgz}
-    name: semver
-    version: 5.7.1
-    hasBin: true
-    dev: true
-
-  registry.npmmirror.com/semver@6.3.0:
-    resolution: {integrity: sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==, registry: https://registry.npmjs.org/, tarball: https://registry.npmmirror.com/semver/-/semver-6.3.0.tgz}
-    name: semver
-    version: 6.3.0
-    hasBin: true
-    dev: true
-
-  registry.npmmirror.com/semver@7.5.2:
-    resolution: {integrity: sha512-SoftuTROv/cRjCze/scjGyiDtcUyxw1rgYQSZY7XTmtR5hX+dm76iDbTH8TkLPHCQmlbQVSSbNZCPM2hb0knnQ==, registry: https://registry.npmjs.org/, tarball: https://registry.npmmirror.com/semver/-/semver-7.5.2.tgz}
-    name: semver
-    version: 7.5.2
-    engines: {node: '>=10'}
-    hasBin: true
-    dependencies:
-      lru-cache: registry.npmmirror.com/lru-cache@6.0.0
-    dev: true
-
-  registry.npmmirror.com/source-map-js@1.0.2:
-    resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==, registry: https://registry.npmjs.org/, tarball: https://registry.npmmirror.com/source-map-js/-/source-map-js-1.0.2.tgz}
-    name: source-map-js
-    version: 1.0.2
-    engines: {node: '>=0.10.0'}
-
-  registry.npmmirror.com/to-fast-properties@2.0.0:
-    resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==, registry: https://registry.npmjs.org/, tarball: https://registry.npmmirror.com/to-fast-properties/-/to-fast-properties-2.0.0.tgz}
-    name: to-fast-properties
-    version: 2.0.0
-    engines: {node: '>=4'}
-
-  registry.npmmirror.com/yallist@4.0.0:
-    resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==, registry: https://registry.npmjs.org/, tarball: https://registry.npmmirror.com/yallist/-/yallist-4.0.0.tgz}
-    name: yallist
-    version: 4.0.0
-    dev: true
+lockfileVersion: '6.0'
+
+settings:
+  autoInstallPeers: true
+  excludeLinksFromLockfile: false
+
+dependencies:
+  '@element-plus/icons-vue':
+    specifier: ^2.1.0
+    version: 2.1.0(vue@3.3.4)
+  '@vueuse/core':
+    specifier: ^10.4.1
+    version: 10.4.1(vue@3.3.4)
+  axios:
+    specifier: ^1.5.0
+    version: 1.5.0
+  dayjs:
+    specifier: ^1.11.9
+    version: 1.11.9
+  element-plus:
+    specifier: ^2.3.4
+    version: 2.3.4(vue@3.3.4)
+  md5:
+    specifier: ^2.3.0
+    version: 2.3.0
+  mitt:
+    specifier: ^3.0.1
+    version: 3.0.1
+  nprogress:
+    specifier: ^0.2.0
+    version: 0.2.0
+  pinia:
+    specifier: ^2.1.6
+    version: 2.1.6(typescript@5.1.6)(vue@3.3.4)
+  pinia-plugin-persistedstate:
+    specifier: ^3.2.0
+    version: 3.2.0(pinia@2.1.6)
+  print-js:
+    specifier: ^1.6.0
+    version: 1.6.0
+  qs:
+    specifier: ^6.11.2
+    version: 6.11.2
+  screenfull:
+    specifier: ^6.0.2
+    version: 6.0.2
+  sortablejs:
+    specifier: ^1.15.0
+    version: 1.15.0
+  vue:
+    specifier: ^3.3.4
+    version: 3.3.4
+  vue-router:
+    specifier: ^4.2.4
+    version: 4.2.4(vue@3.3.4)
+
+devDependencies:
+  '@commitlint/cli':
+    specifier: ^17.7.1
+    version: 17.7.1
+  '@commitlint/config-conventional':
+    specifier: ^17.7.0
+    version: 17.7.0
+  '@types/md5':
+    specifier: ^2.3.2
+    version: 2.3.2
+  '@types/nprogress':
+    specifier: ^0.2.0
+    version: 0.2.0
+  '@types/qs':
+    specifier: ^6.9.8
+    version: 6.9.8
+  '@types/sortablejs':
+    specifier: ^1.15.2
+    version: 1.15.2
+  '@typescript-eslint/eslint-plugin':
+    specifier: ^6.7.0
+    version: 6.7.0(@typescript-eslint/parser@6.7.0)(eslint@8.49.0)(typescript@5.1.6)
+  '@typescript-eslint/parser':
+    specifier: ^6.7.0
+    version: 6.7.0(eslint@8.49.0)(typescript@5.1.6)
+  '@vitejs/plugin-vue':
+    specifier: ^4.3.4
+    version: 4.3.4(vite@4.4.9)(vue@3.3.4)
+  '@vitejs/plugin-vue-jsx':
+    specifier: ^3.0.2
+    version: 3.0.2(vite@4.4.9)(vue@3.3.4)
+  autoprefixer:
+    specifier: ^10.4.15
+    version: 10.4.15(postcss@8.4.29)
+  cz-git:
+    specifier: ^1.7.1
+    version: 1.7.1
+  czg:
+    specifier: ^1.7.1
+    version: 1.7.1
+  eslint:
+    specifier: ^8.49.0
+    version: 8.49.0
+  eslint-config-prettier:
+    specifier: ^9.0.0
+    version: 9.0.0(eslint@8.49.0)
+  eslint-plugin-prettier:
+    specifier: ^5.0.0
+    version: 5.0.0(eslint-config-prettier@9.0.0)(eslint@8.49.0)(prettier@3.0.3)
+  eslint-plugin-vue:
+    specifier: ^9.17.0
+    version: 9.17.0(eslint@8.49.0)
+  husky:
+    specifier: ^8.0.3
+    version: 8.0.3
+  lint-staged:
+    specifier: ^14.0.1
+    version: 14.0.1
+  postcss:
+    specifier: ^8.4.29
+    version: 8.4.29
+  postcss-html:
+    specifier: ^1.5.0
+    version: 1.5.0
+  prettier:
+    specifier: ^3.0.3
+    version: 3.0.3
+  rollup-plugin-visualizer:
+    specifier: ^5.9.2
+    version: 5.9.2(rollup@2.79.1)
+  sass:
+    specifier: ^1.66.1
+    version: 1.66.1
+  standard-version:
+    specifier: ^9.5.0
+    version: 9.5.0
+  stylelint:
+    specifier: ^15.10.3
+    version: 15.10.3
+  stylelint-config-html:
+    specifier: ^1.1.0
+    version: 1.1.0(postcss-html@1.5.0)(stylelint@15.10.3)
+  stylelint-config-recess-order:
+    specifier: ^4.3.0
+    version: 4.3.0(stylelint@15.10.3)
+  stylelint-config-recommended-scss:
+    specifier: ^13.0.0
+    version: 13.0.0(postcss@8.4.29)(stylelint@15.10.3)
+  stylelint-config-recommended-vue:
+    specifier: ^1.5.0
+    version: 1.5.0(postcss-html@1.5.0)(stylelint@15.10.3)
+  stylelint-config-standard:
+    specifier: ^34.0.0
+    version: 34.0.0(stylelint@15.10.3)
+  stylelint-config-standard-scss:
+    specifier: ^11.0.0
+    version: 11.0.0(postcss@8.4.29)(stylelint@15.10.3)
+  typescript:
+    specifier: ^5.1.6
+    version: 5.1.6
+  unplugin-vue-setup-extend-plus:
+    specifier: ^1.0.0
+    version: 1.0.0
+  vite:
+    specifier: ^4.4.9
+    version: 4.4.9(@types/node@20.4.7)(sass@1.66.1)
+  vite-plugin-compression:
+    specifier: ^0.5.1
+    version: 0.5.1(vite@4.4.9)
+  vite-plugin-eslint:
+    specifier: ^1.8.1
+    version: 1.8.1(eslint@8.49.0)(vite@4.4.9)
+  vite-plugin-html:
+    specifier: ^3.2.0
+    version: 3.2.0(vite@4.4.9)
+  vite-plugin-pwa:
+    specifier: ^0.16.5
+    version: 0.16.5(vite@4.4.9)(workbox-build@7.0.0)(workbox-window@7.0.0)
+  vite-plugin-svg-icons:
+    specifier: ^2.0.1
+    version: 2.0.1(vite@4.4.9)
+  vue-tsc:
+    specifier: ^1.8.11
+    version: 1.8.11(typescript@5.1.6)
+
+packages:
+
+  /@aashutoshrathi/word-wrap@1.2.6:
+    resolution: {integrity: sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /@ampproject/remapping@2.2.0:
+    resolution: {integrity: sha512-qRmjj8nj9qmLTQXXmaR1cck3UXSRMPrbsLJAasZpF+t3riI71BXed5ebIOYwQntykeZuhjsdweEc9BxH5Jc26w==}
+    engines: {node: '>=6.0.0'}
+    dependencies:
+      '@jridgewell/gen-mapping': 0.1.1
+      '@jridgewell/trace-mapping': 0.3.17
+    dev: true
+
+  /@apideck/better-ajv-errors@0.3.6(ajv@8.12.0):
+    resolution: {integrity: sha512-P+ZygBLZtkp0qqOAJJVX4oX/sFo5JR3eBWwwuqHHhK0GIgQOKWrAfiAaWX0aArHkRWHMuggFEgAZNxVPwPZYaA==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      ajv: '>=8'
+    dependencies:
+      ajv: 8.12.0
+      json-schema: 0.4.0
+      jsonpointer: 5.0.1
+      leven: 3.1.0
+    dev: true
+
+  /@babel/code-frame@7.21.4:
+    resolution: {integrity: sha512-LYvhNKfwWSPpocw8GI7gpK2nq3HSDuEPC/uSYaALSJu9xjsalaaYFOq0Pwt5KmVqwEbZlDu81aLXwBOmD/Fv9g==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/highlight': 7.18.6
+    dev: true
+
+  /@babel/code-frame@7.22.13:
+    resolution: {integrity: sha512-XktuhWlJ5g+3TJXc5upd9Ks1HutSArik6jf2eAjYFyIOf4ej3RN+184cZbzDvbPnuTJIUhPKKJE3cIsYTiAT3w==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/highlight': 7.22.13
+      chalk: 2.4.2
+    dev: true
+
+  /@babel/compat-data@7.22.9:
+    resolution: {integrity: sha512-5UamI7xkUcJ3i9qVDS+KFDEK8/7oJ55/sJMB1Ge7IEapr7KfdfV/HErR+koZwOfd+SgtFKOKRhRakdg++DcJpQ==}
+    engines: {node: '>=6.9.0'}
+    dev: true
+
+  /@babel/core@7.22.19:
+    resolution: {integrity: sha512-Q8Yj5X4LHVYTbLCKVz0//2D2aDmHF4xzCdEttYvKOnWvErGsa6geHXD6w46x64n5tP69VfeH+IfSrdyH3MLhwA==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@ampproject/remapping': 2.2.0
+      '@babel/code-frame': 7.22.13
+      '@babel/generator': 7.22.15
+      '@babel/helper-compilation-targets': 7.22.15
+      '@babel/helper-module-transforms': 7.22.19(@babel/core@7.22.19)
+      '@babel/helpers': 7.22.15
+      '@babel/parser': 7.22.16
+      '@babel/template': 7.22.15
+      '@babel/traverse': 7.22.19
+      '@babel/types': 7.22.19
+      convert-source-map: 1.9.0
+      debug: 4.3.4
+      gensync: 1.0.0-beta.2
+      json5: 2.2.3
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@babel/generator@7.22.15:
+    resolution: {integrity: sha512-Zu9oWARBqeVOW0dZOjXc3JObrzuqothQ3y/n1kUtrjCoCPLkXUwMvOo/F/TCfoHMbWIFlWwpZtkZVb9ga4U2pA==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/types': 7.22.19
+      '@jridgewell/gen-mapping': 0.3.2
+      '@jridgewell/trace-mapping': 0.3.17
+      jsesc: 2.5.2
+    dev: true
+
+  /@babel/helper-annotate-as-pure@7.22.5:
+    resolution: {integrity: sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/types': 7.22.19
+    dev: true
+
+  /@babel/helper-builder-binary-assignment-operator-visitor@7.21.5:
+    resolution: {integrity: sha512-uNrjKztPLkUk7bpCNC0jEKDJzzkvel/W+HguzbN8krA+LPfC1CEobJEvAvGka2A/M+ViOqXdcRL0GqPUJSjx9g==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/types': 7.22.19
+    dev: true
+
+  /@babel/helper-compilation-targets@7.22.15:
+    resolution: {integrity: sha512-y6EEzULok0Qvz8yyLkCvVX+02ic+By2UdOhylwUOvOn9dvYc9mKICJuuU1n1XBI02YWsNsnrY1kc6DVbjcXbtw==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/compat-data': 7.22.9
+      '@babel/helper-validator-option': 7.22.15
+      browserslist: 4.21.10
+      lru-cache: 5.1.1
+      semver: 6.3.1
+    dev: true
+
+  /@babel/helper-create-class-features-plugin@7.22.15(@babel/core@7.22.19):
+    resolution: {integrity: sha512-jKkwA59IXcvSaiK2UN45kKwSC9o+KuoXsBDvHvU/7BecYIp8GQ2UwrVvFgJASUT+hBnwJx6MhvMCuMzwZZ7jlg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-annotate-as-pure': 7.22.5
+      '@babel/helper-environment-visitor': 7.22.5
+      '@babel/helper-function-name': 7.22.5
+      '@babel/helper-member-expression-to-functions': 7.22.15
+      '@babel/helper-optimise-call-expression': 7.22.5
+      '@babel/helper-replace-supers': 7.22.9(@babel/core@7.22.19)
+      '@babel/helper-skip-transparent-expression-wrappers': 7.22.5
+      '@babel/helper-split-export-declaration': 7.22.6
+      semver: 6.3.1
+    dev: true
+
+  /@babel/helper-create-regexp-features-plugin@7.21.8(@babel/core@7.22.19):
+    resolution: {integrity: sha512-zGuSdedkFtsFHGbexAvNuipg1hbtitDLo2XE8/uf6Y9sOQV1xsYX/2pNbtedp/X0eU1pIt+kGvaqHCowkRbS5g==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-annotate-as-pure': 7.22.5
+      regexpu-core: 5.3.2
+      semver: 6.3.1
+    dev: true
+
+  /@babel/helper-define-polyfill-provider@0.3.3(@babel/core@7.22.19):
+    resolution: {integrity: sha512-z5aQKU4IzbqCC1XH0nAqfsFLMVSo22SBKUc0BxGrLkolTdPTructy0ToNnlO2zA4j9Q/7pjMZf0DSY+DSTYzww==}
+    peerDependencies:
+      '@babel/core': ^7.4.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-compilation-targets': 7.22.15
+      '@babel/helper-plugin-utils': 7.22.5
+      debug: 4.3.4
+      lodash.debounce: 4.0.8
+      resolve: 1.22.1
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@babel/helper-environment-visitor@7.22.5:
+    resolution: {integrity: sha512-XGmhECfVA/5sAt+H+xpSg0mfrHq6FzNr9Oxh7PSEBBRUb/mL7Kz3NICXb194rCqAEdxkhPT1a88teizAFyvk8Q==}
+    engines: {node: '>=6.9.0'}
+    dev: true
+
+  /@babel/helper-function-name@7.22.5:
+    resolution: {integrity: sha512-wtHSq6jMRE3uF2otvfuD3DIvVhOsSNshQl0Qrd7qC9oQJzHvOL4qQXlQn2916+CXGywIjpGuIkoyZRRxHPiNQQ==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/template': 7.22.15
+      '@babel/types': 7.22.19
+    dev: true
+
+  /@babel/helper-hoist-variables@7.22.5:
+    resolution: {integrity: sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/types': 7.22.19
+    dev: true
+
+  /@babel/helper-member-expression-to-functions@7.22.15:
+    resolution: {integrity: sha512-qLNsZbgrNh0fDQBCPocSL8guki1hcPvltGDv/NxvUoABwFq7GkKSu1nRXeJkVZc+wJvne2E0RKQz+2SQrz6eAA==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/types': 7.22.19
+    dev: true
+
+  /@babel/helper-module-imports@7.22.15:
+    resolution: {integrity: sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/types': 7.22.19
+    dev: true
+
+  /@babel/helper-module-transforms@7.22.19(@babel/core@7.22.19):
+    resolution: {integrity: sha512-m6h1cJvn+OJ+R3jOHp30faq5xKJ7VbjwDj5RGgHuRlU9hrMeKsGC+JpihkR5w1g7IfseCPPtZ0r7/hB4UKaYlA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-environment-visitor': 7.22.5
+      '@babel/helper-module-imports': 7.22.15
+      '@babel/helper-simple-access': 7.22.5
+      '@babel/helper-split-export-declaration': 7.22.6
+      '@babel/helper-validator-identifier': 7.22.19
+    dev: true
+
+  /@babel/helper-optimise-call-expression@7.22.5:
+    resolution: {integrity: sha512-HBwaojN0xFRx4yIvpwGqxiV2tUfl7401jlok564NgB9EHS1y6QT17FmKWm4ztqjeVdXLuC4fSvHc5ePpQjoTbw==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/types': 7.22.19
+    dev: true
+
+  /@babel/helper-plugin-utils@7.22.5:
+    resolution: {integrity: sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==}
+    engines: {node: '>=6.9.0'}
+    dev: true
+
+  /@babel/helper-remap-async-to-generator@7.18.9(@babel/core@7.22.19):
+    resolution: {integrity: sha512-dI7q50YKd8BAv3VEfgg7PS7yD3Rtbi2J1XMXaalXO0W0164hYLnh8zpjRS0mte9MfVp/tltvr/cfdXPvJr1opA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-annotate-as-pure': 7.22.5
+      '@babel/helper-environment-visitor': 7.22.5
+      '@babel/helper-wrap-function': 7.20.5
+      '@babel/types': 7.22.19
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@babel/helper-replace-supers@7.22.9(@babel/core@7.22.19):
+    resolution: {integrity: sha512-LJIKvvpgPOPUThdYqcX6IXRuIcTkcAub0IaDRGCZH0p5GPUp7PhRU9QVgFcDDd51BaPkk77ZjqFwh6DZTAEmGg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-environment-visitor': 7.22.5
+      '@babel/helper-member-expression-to-functions': 7.22.15
+      '@babel/helper-optimise-call-expression': 7.22.5
+    dev: true
+
+  /@babel/helper-simple-access@7.22.5:
+    resolution: {integrity: sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/types': 7.22.19
+    dev: true
+
+  /@babel/helper-skip-transparent-expression-wrappers@7.22.5:
+    resolution: {integrity: sha512-tK14r66JZKiC43p8Ki33yLBVJKlQDFoA8GYN67lWCDCqoL6EMMSuM9b+Iff2jHaM/RRFYl7K+iiru7hbRqNx8Q==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/types': 7.22.19
+    dev: true
+
+  /@babel/helper-split-export-declaration@7.22.6:
+    resolution: {integrity: sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/types': 7.22.19
+    dev: true
+
+  /@babel/helper-string-parser@7.22.5:
+    resolution: {integrity: sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==}
+    engines: {node: '>=6.9.0'}
+    dev: true
+
+  /@babel/helper-validator-identifier@7.22.19:
+    resolution: {integrity: sha512-Tinq7ybnEPFFXhlYOYFiSjespWQk0dq2dRNAiMdRTOYQzEGqnnNyrTxPYHP5r6wGjlF1rFgABdDV0g8EwD6Qbg==}
+    engines: {node: '>=6.9.0'}
+    dev: true
+
+  /@babel/helper-validator-option@7.22.15:
+    resolution: {integrity: sha512-bMn7RmyFjY/mdECUbgn9eoSY4vqvacUnS9i9vGAGttgFWesO6B4CYWA7XlpbWgBt71iv/hfbPlynohStqnu5hA==}
+    engines: {node: '>=6.9.0'}
+    dev: true
+
+  /@babel/helper-wrap-function@7.20.5:
+    resolution: {integrity: sha512-bYMxIWK5mh+TgXGVqAtnu5Yn1un+v8DDZtqyzKRLUzrh70Eal2O3aZ7aPYiMADO4uKlkzOiRiZ6GX5q3qxvW9Q==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/helper-function-name': 7.22.5
+      '@babel/template': 7.22.15
+      '@babel/traverse': 7.22.19
+      '@babel/types': 7.22.19
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@babel/helpers@7.22.15:
+    resolution: {integrity: sha512-7pAjK0aSdxOwR+CcYAqgWOGy5dcfvzsTIfFTb2odQqW47MDfv14UaJDY6eng8ylM2EaeKXdxaSWESbkmaQHTmw==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/template': 7.22.15
+      '@babel/traverse': 7.22.19
+      '@babel/types': 7.22.19
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@babel/highlight@7.18.6:
+    resolution: {integrity: sha512-u7stbOuYjaPezCuLj29hNW1v64M2Md2qupEKP1fHc7WdOA3DgLh37suiSrZYY7haUB7iBeQZ9P1uiRF359do3g==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/helper-validator-identifier': registry.npmmirror.com/@babel/helper-validator-identifier@7.19.1
+      chalk: 2.4.2
+      js-tokens: 4.0.0
+    dev: true
+
+  /@babel/highlight@7.22.13:
+    resolution: {integrity: sha512-C/BaXcnnvBCmHTpz/VGZ8jgtE2aYlW4hxDhseJAWZb7gqGM/qtCK6iZUb0TyKFf7BOUsBH7Q7fkRsDRhg1XklQ==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/helper-validator-identifier': 7.22.19
+      chalk: 2.4.2
+      js-tokens: 4.0.0
+    dev: true
+
+  /@babel/parser@7.21.3:
+    resolution: {integrity: sha512-lobG0d7aOfQRXh8AyklEAgZGvA4FShxo6xQbUrrT/cNBPUdIDojlokwJsQyCC/eKia7ifqM0yP+2DRZ4WKw2RQ==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+    dependencies:
+      '@babel/types': registry.npmmirror.com/@babel/types@7.21.5
+    dev: true
+
+  /@babel/parser@7.22.16:
+    resolution: {integrity: sha512-+gPfKv8UWeKKeJTUxe59+OobVcrYHETCsORl61EmSkmgymguYk/X5bp7GuUIXaFsc6y++v8ZxPsLSSuujqDphA==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+    dependencies:
+      '@babel/types': 7.22.19
+    dev: true
+
+  /@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@7.18.6(@babel/core@7.22.19):
+    resolution: {integrity: sha512-Dgxsyg54Fx1d4Nge8UnvTrED63vrwOdPmyvPzlNN/boaliRP54pm3pGzZD1SJUwrBA+Cs/xdG8kXX6Mn/RfISQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@7.20.7(@babel/core@7.22.19):
+    resolution: {integrity: sha512-sbr9+wNE5aXMBBFBICk01tt7sBf2Oc9ikRFEcem/ZORup9IMUdNhW7/wVLEbbtlWOsEubJet46mHAL2C8+2jKQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.13.0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/helper-skip-transparent-expression-wrappers': 7.22.5
+      '@babel/plugin-proposal-optional-chaining': 7.21.0(@babel/core@7.22.19)
+    dev: true
+
+  /@babel/plugin-proposal-async-generator-functions@7.20.7(@babel/core@7.22.19):
+    resolution: {integrity: sha512-xMbiLsn/8RK7Wq7VeVytytS2L6qE69bXPB10YCmMdDZbKF4okCqY74pI/jJQ/8U0b/F6NrT2+14b8/P9/3AMGA==}
+    engines: {node: '>=6.9.0'}
+    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-async-generator-functions instead.
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-environment-visitor': 7.22.5
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/helper-remap-async-to-generator': 7.18.9(@babel/core@7.22.19)
+      '@babel/plugin-syntax-async-generators': 7.8.4(@babel/core@7.22.19)
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@babel/plugin-proposal-class-properties@7.18.6(@babel/core@7.22.19):
+    resolution: {integrity: sha512-cumfXOF0+nzZrrN8Rf0t7M+tF6sZc7vhQwYQck9q1/5w2OExlD+b4v4RpMJFaV1Z7WcDRgO6FqvxqxGlwo+RHQ==}
+    engines: {node: '>=6.9.0'}
+    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-class-properties instead.
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-create-class-features-plugin': 7.22.15(@babel/core@7.22.19)
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-proposal-class-static-block@7.21.0(@babel/core@7.22.19):
+    resolution: {integrity: sha512-XP5G9MWNUskFuP30IfFSEFB0Z6HzLIUcjYM4bYOPHXl7eiJ9HFv8tWj6TXTN5QODiEhDZAeI4hLok2iHFFV4hw==}
+    engines: {node: '>=6.9.0'}
+    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-class-static-block instead.
+    peerDependencies:
+      '@babel/core': ^7.12.0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-create-class-features-plugin': 7.22.15(@babel/core@7.22.19)
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/plugin-syntax-class-static-block': 7.14.5(@babel/core@7.22.19)
+    dev: true
+
+  /@babel/plugin-proposal-dynamic-import@7.18.6(@babel/core@7.22.19):
+    resolution: {integrity: sha512-1auuwmK+Rz13SJj36R+jqFPMJWyKEDd7lLSdOj4oJK0UTgGueSAtkrCvz9ewmgyU/P941Rv2fQwZJN8s6QruXw==}
+    engines: {node: '>=6.9.0'}
+    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-dynamic-import instead.
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/plugin-syntax-dynamic-import': 7.8.3(@babel/core@7.22.19)
+    dev: true
+
+  /@babel/plugin-proposal-export-namespace-from@7.18.9(@babel/core@7.22.19):
+    resolution: {integrity: sha512-k1NtHyOMvlDDFeb9G5PhUXuGj8m/wiwojgQVEhJ/fsVsMCpLyOP4h0uGEjYJKrRI+EVPlb5Jk+Gt9P97lOGwtA==}
+    engines: {node: '>=6.9.0'}
+    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-export-namespace-from instead.
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/plugin-syntax-export-namespace-from': 7.8.3(@babel/core@7.22.19)
+    dev: true
+
+  /@babel/plugin-proposal-json-strings@7.18.6(@babel/core@7.22.19):
+    resolution: {integrity: sha512-lr1peyn9kOdbYc0xr0OdHTZ5FMqS6Di+H0Fz2I/JwMzGmzJETNeOFq2pBySw6X/KFL5EWDjlJuMsUGRFb8fQgQ==}
+    engines: {node: '>=6.9.0'}
+    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-json-strings instead.
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/plugin-syntax-json-strings': 7.8.3(@babel/core@7.22.19)
+    dev: true
+
+  /@babel/plugin-proposal-logical-assignment-operators@7.20.7(@babel/core@7.22.19):
+    resolution: {integrity: sha512-y7C7cZgpMIjWlKE5T7eJwp+tnRYM89HmRvWM5EQuB5BoHEONjmQ8lSNmBUwOyy/GFRsohJED51YBF79hE1djug==}
+    engines: {node: '>=6.9.0'}
+    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-logical-assignment-operators instead.
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4(@babel/core@7.22.19)
+    dev: true
+
+  /@babel/plugin-proposal-nullish-coalescing-operator@7.18.6(@babel/core@7.22.19):
+    resolution: {integrity: sha512-wQxQzxYeJqHcfppzBDnm1yAY0jSRkUXR2z8RePZYrKwMKgMlE8+Z6LUno+bd6LvbGh8Gltvy74+9pIYkr+XkKA==}
+    engines: {node: '>=6.9.0'}
+    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-nullish-coalescing-operator instead.
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.22.19)
+    dev: true
+
+  /@babel/plugin-proposal-numeric-separator@7.18.6(@babel/core@7.22.19):
+    resolution: {integrity: sha512-ozlZFogPqoLm8WBr5Z8UckIoE4YQ5KESVcNudyXOR8uqIkliTEgJ3RoketfG6pmzLdeZF0H/wjE9/cCEitBl7Q==}
+    engines: {node: '>=6.9.0'}
+    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-numeric-separator instead.
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/plugin-syntax-numeric-separator': 7.10.4(@babel/core@7.22.19)
+    dev: true
+
+  /@babel/plugin-proposal-object-rest-spread@7.20.7(@babel/core@7.22.19):
+    resolution: {integrity: sha512-d2S98yCiLxDVmBmE8UjGcfPvNEUbA1U5q5WxaWFUGRzJSVAZqm5W6MbPct0jxnegUZ0niLeNX+IOzEs7wYg9Dg==}
+    engines: {node: '>=6.9.0'}
+    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-object-rest-spread instead.
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/compat-data': 7.22.9
+      '@babel/core': 7.22.19
+      '@babel/helper-compilation-targets': 7.22.15
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.22.19)
+      '@babel/plugin-transform-parameters': 7.21.3(@babel/core@7.22.19)
+    dev: true
+
+  /@babel/plugin-proposal-optional-catch-binding@7.18.6(@babel/core@7.22.19):
+    resolution: {integrity: sha512-Q40HEhs9DJQyaZfUjjn6vE8Cv4GmMHCYuMGIWUnlxH6400VGxOuwWsPt4FxXxJkC/5eOzgn0z21M9gMT4MOhbw==}
+    engines: {node: '>=6.9.0'}
+    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-optional-catch-binding instead.
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/plugin-syntax-optional-catch-binding': 7.8.3(@babel/core@7.22.19)
+    dev: true
+
+  /@babel/plugin-proposal-optional-chaining@7.21.0(@babel/core@7.22.19):
+    resolution: {integrity: sha512-p4zeefM72gpmEe2fkUr/OnOXpWEf8nAgk7ZYVqqfFiyIG7oFfVZcCrU64hWn5xp4tQ9LkV4bTIa5rD0KANpKNA==}
+    engines: {node: '>=6.9.0'}
+    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-optional-chaining instead.
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/helper-skip-transparent-expression-wrappers': 7.22.5
+      '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.22.19)
+    dev: true
+
+  /@babel/plugin-proposal-private-methods@7.18.6(@babel/core@7.22.19):
+    resolution: {integrity: sha512-nutsvktDItsNn4rpGItSNV2sz1XwS+nfU0Rg8aCx3W3NOKVzdMjJRu0O5OkgDp3ZGICSTbgRpxZoWsxoKRvbeA==}
+    engines: {node: '>=6.9.0'}
+    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-private-methods instead.
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-create-class-features-plugin': 7.22.15(@babel/core@7.22.19)
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-proposal-private-property-in-object@7.21.0(@babel/core@7.22.19):
+    resolution: {integrity: sha512-ha4zfehbJjc5MmXBlHec1igel5TJXXLDDRbuJ4+XT2TJcyD9/V1919BA8gMvsdHcNMBy4WBUBiRb3nw/EQUtBw==}
+    engines: {node: '>=6.9.0'}
+    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-private-property-in-object instead.
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-annotate-as-pure': 7.22.5
+      '@babel/helper-create-class-features-plugin': 7.22.15(@babel/core@7.22.19)
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/plugin-syntax-private-property-in-object': 7.14.5(@babel/core@7.22.19)
+    dev: true
+
+  /@babel/plugin-proposal-unicode-property-regex@7.18.6(@babel/core@7.22.19):
+    resolution: {integrity: sha512-2BShG/d5yoZyXZfVePH91urL5wTG6ASZU9M4o03lKK8u8UW1y08OMttBSOADTcJrnPMpvDXRG3G8fyLh4ovs8w==}
+    engines: {node: '>=4'}
+    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-unicode-property-regex instead.
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-create-regexp-features-plugin': 7.21.8(@babel/core@7.22.19)
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-syntax-async-generators@7.8.4(@babel/core@7.22.19):
+    resolution: {integrity: sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-syntax-class-properties@7.12.13(@babel/core@7.22.19):
+    resolution: {integrity: sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-syntax-class-static-block@7.14.5(@babel/core@7.22.19):
+    resolution: {integrity: sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-syntax-dynamic-import@7.8.3(@babel/core@7.22.19):
+    resolution: {integrity: sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-syntax-export-namespace-from@7.8.3(@babel/core@7.22.19):
+    resolution: {integrity: sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-syntax-import-assertions@7.20.0(@babel/core@7.22.19):
+    resolution: {integrity: sha512-IUh1vakzNoWalR8ch/areW7qFopR2AEw03JlG7BbrDqmQ4X3q9uuipQwSGrUn7oGiemKjtSLDhNtQHzMHr1JdQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-syntax-import-meta@7.10.4(@babel/core@7.22.19):
+    resolution: {integrity: sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-syntax-json-strings@7.8.3(@babel/core@7.22.19):
+    resolution: {integrity: sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-syntax-jsx@7.22.5(@babel/core@7.22.19):
+    resolution: {integrity: sha512-gvyP4hZrgrs/wWMaocvxZ44Hw0b3W8Pe+cMxc8V1ULQ07oh8VNbIRaoD1LRZVTvD+0nieDKjfgKg89sD7rrKrg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-syntax-logical-assignment-operators@7.10.4(@babel/core@7.22.19):
+    resolution: {integrity: sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-syntax-nullish-coalescing-operator@7.8.3(@babel/core@7.22.19):
+    resolution: {integrity: sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-syntax-numeric-separator@7.10.4(@babel/core@7.22.19):
+    resolution: {integrity: sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-syntax-object-rest-spread@7.8.3(@babel/core@7.22.19):
+    resolution: {integrity: sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-syntax-optional-catch-binding@7.8.3(@babel/core@7.22.19):
+    resolution: {integrity: sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-syntax-optional-chaining@7.8.3(@babel/core@7.22.19):
+    resolution: {integrity: sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-syntax-private-property-in-object@7.14.5(@babel/core@7.22.19):
+    resolution: {integrity: sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-syntax-top-level-await@7.14.5(@babel/core@7.22.19):
+    resolution: {integrity: sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-syntax-typescript@7.22.5(@babel/core@7.22.19):
+    resolution: {integrity: sha512-1mS2o03i7t1c6VzH6fdQ3OA8tcEIxwG18zIPRp+UY1Ihv6W+XZzBCVxExF9upussPXJ0xE9XRHwMoNs1ep/nRQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-arrow-functions@7.21.5(@babel/core@7.22.19):
+    resolution: {integrity: sha512-wb1mhwGOCaXHDTcsRYMKF9e5bbMgqwxtqa2Y1ifH96dXJPwbuLX9qHy3clhrxVqgMz7nyNXs8VkxdH8UBcjKqA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-async-to-generator@7.20.7(@babel/core@7.22.19):
+    resolution: {integrity: sha512-Uo5gwHPT9vgnSXQxqGtpdufUiWp96gk7yiP4Mp5bm1QMkEmLXBO7PAGYbKoJ6DhAwiNkcHFBol/x5zZZkL/t0Q==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-module-imports': 7.22.15
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/helper-remap-async-to-generator': 7.18.9(@babel/core@7.22.19)
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@babel/plugin-transform-block-scoped-functions@7.18.6(@babel/core@7.22.19):
+    resolution: {integrity: sha512-ExUcOqpPWnliRcPqves5HJcJOvHvIIWfuS4sroBUenPuMdmW+SMHDakmtS7qOo13sVppmUijqeTv7qqGsvURpQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-block-scoping@7.21.0(@babel/core@7.22.19):
+    resolution: {integrity: sha512-Mdrbunoh9SxwFZapeHVrwFmri16+oYotcZysSzhNIVDwIAb1UV+kvnxULSYq9J3/q5MDG+4X6w8QVgD1zhBXNQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-classes@7.21.0(@babel/core@7.22.19):
+    resolution: {integrity: sha512-RZhbYTCEUAe6ntPehC4hlslPWosNHDox+vAs4On/mCLRLfoDVHf6hVEd7kuxr1RnHwJmxFfUM3cZiZRmPxJPXQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-annotate-as-pure': 7.22.5
+      '@babel/helper-compilation-targets': 7.22.15
+      '@babel/helper-environment-visitor': 7.22.5
+      '@babel/helper-function-name': 7.22.5
+      '@babel/helper-optimise-call-expression': 7.22.5
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/helper-replace-supers': 7.22.9(@babel/core@7.22.19)
+      '@babel/helper-split-export-declaration': 7.22.6
+      globals: 11.12.0
+    dev: true
+
+  /@babel/plugin-transform-computed-properties@7.21.5(@babel/core@7.22.19):
+    resolution: {integrity: sha512-TR653Ki3pAwxBxUe8srfF3e4Pe3FTA46uaNHYyQwIoM4oWKSoOZiDNyHJ0oIoDIUPSRQbQG7jzgVBX3FPVne1Q==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/template': 7.22.15
+    dev: true
+
+  /@babel/plugin-transform-destructuring@7.21.3(@babel/core@7.22.19):
+    resolution: {integrity: sha512-bp6hwMFzuiE4HqYEyoGJ/V2LeIWn+hLVKc4pnj++E5XQptwhtcGmSayM029d/j2X1bPKGTlsyPwAubuU22KhMA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-dotall-regex@7.18.6(@babel/core@7.22.19):
+    resolution: {integrity: sha512-6S3jpun1eEbAxq7TdjLotAsl4WpQI9DxfkycRcKrjhQYzU87qpXdknpBg/e+TdcMehqGnLFi7tnFUBR02Vq6wg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-create-regexp-features-plugin': 7.21.8(@babel/core@7.22.19)
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-duplicate-keys@7.18.9(@babel/core@7.22.19):
+    resolution: {integrity: sha512-d2bmXCtZXYc59/0SanQKbiWINadaJXqtvIQIzd4+hNwkWBgyCd5F/2t1kXoUdvPMrxzPvhK6EMQRROxsue+mfw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-exponentiation-operator@7.18.6(@babel/core@7.22.19):
+    resolution: {integrity: sha512-wzEtc0+2c88FVR34aQmiz56dxEkxr2g8DQb/KfaFa1JYXOFVsbhvAonFN6PwVWj++fKmku8NP80plJ5Et4wqHw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-builder-binary-assignment-operator-visitor': 7.21.5
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-for-of@7.21.5(@babel/core@7.22.19):
+    resolution: {integrity: sha512-nYWpjKW/7j/I/mZkGVgHJXh4bA1sfdFnJoOXwJuj4m3Q2EraO/8ZyrkCau9P5tbHQk01RMSt6KYLCsW7730SXQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-function-name@7.18.9(@babel/core@7.22.19):
+    resolution: {integrity: sha512-WvIBoRPaJQ5yVHzcnJFor7oS5Ls0PYixlTYE63lCj2RtdQEl15M68FXQlxnG6wdraJIXRdR7KI+hQ7q/9QjrCQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-compilation-targets': 7.22.15
+      '@babel/helper-function-name': 7.22.5
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-literals@7.18.9(@babel/core@7.22.19):
+    resolution: {integrity: sha512-IFQDSRoTPnrAIrI5zoZv73IFeZu2dhu6irxQjY9rNjTT53VmKg9fenjvoiOWOkJ6mm4jKVPtdMzBY98Fp4Z4cg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-member-expression-literals@7.18.6(@babel/core@7.22.19):
+    resolution: {integrity: sha512-qSF1ihLGO3q+/g48k85tUjD033C29TNTVB2paCwZPVmOsjn9pClvYYrM2VeJpBY2bcNkuny0YUyTNRyRxJ54KA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-modules-amd@7.20.11(@babel/core@7.22.19):
+    resolution: {integrity: sha512-NuzCt5IIYOW0O30UvqktzHYR2ud5bOWbY0yaxWZ6G+aFzOMJvrs5YHNikrbdaT15+KNO31nPOy5Fim3ku6Zb5g==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-module-transforms': 7.22.19(@babel/core@7.22.19)
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-modules-commonjs@7.21.5(@babel/core@7.22.19):
+    resolution: {integrity: sha512-OVryBEgKUbtqMoB7eG2rs6UFexJi6Zj6FDXx+esBLPTCxCNxAY9o+8Di7IsUGJ+AVhp5ncK0fxWUBd0/1gPhrQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-module-transforms': 7.22.19(@babel/core@7.22.19)
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/helper-simple-access': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-modules-systemjs@7.20.11(@babel/core@7.22.19):
+    resolution: {integrity: sha512-vVu5g9BPQKSFEmvt2TA4Da5N+QVS66EX21d8uoOihC+OCpUoGvzVsXeqFdtAEfVa5BILAeFt+U7yVmLbQnAJmw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-hoist-variables': 7.22.5
+      '@babel/helper-module-transforms': 7.22.19(@babel/core@7.22.19)
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/helper-validator-identifier': 7.22.19
+    dev: true
+
+  /@babel/plugin-transform-modules-umd@7.18.6(@babel/core@7.22.19):
+    resolution: {integrity: sha512-dcegErExVeXcRqNtkRU/z8WlBLnvD4MRnHgNs3MytRO1Mn1sHRyhbcpYbVMGclAqOjdW+9cfkdZno9dFdfKLfQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-module-transforms': 7.22.19(@babel/core@7.22.19)
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-named-capturing-groups-regex@7.20.5(@babel/core@7.22.19):
+    resolution: {integrity: sha512-mOW4tTzi5iTLnw+78iEq3gr8Aoq4WNRGpmSlrogqaiCBoR1HFhpU4JkpQFOHfeYx3ReVIFWOQJS4aZBRvuZ6mA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-create-regexp-features-plugin': 7.21.8(@babel/core@7.22.19)
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-new-target@7.18.6(@babel/core@7.22.19):
+    resolution: {integrity: sha512-DjwFA/9Iu3Z+vrAn+8pBUGcjhxKguSMlsFqeCKbhb9BAV756v0krzVK04CRDi/4aqmk8BsHb4a/gFcaA5joXRw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-object-super@7.18.6(@babel/core@7.22.19):
+    resolution: {integrity: sha512-uvGz6zk+pZoS1aTZrOvrbj6Pp/kK2mp45t2B+bTDre2UgsZZ8EZLSJtUg7m/no0zOJUWgFONpB7Zv9W2tSaFlA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/helper-replace-supers': 7.22.9(@babel/core@7.22.19)
+    dev: true
+
+  /@babel/plugin-transform-parameters@7.21.3(@babel/core@7.22.19):
+    resolution: {integrity: sha512-Wxc+TvppQG9xWFYatvCGPvZ6+SIUxQ2ZdiBP+PHYMIjnPXD+uThCshaz4NZOnODAtBjjcVQQ/3OKs9LW28purQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-property-literals@7.18.6(@babel/core@7.22.19):
+    resolution: {integrity: sha512-cYcs6qlgafTud3PAzrrRNbQtfpQ8+y/+M5tKmksS9+M1ckbH6kzY8MrexEM9mcA6JDsukE19iIRvAyYl463sMg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-regenerator@7.21.5(@babel/core@7.22.19):
+    resolution: {integrity: sha512-ZoYBKDb6LyMi5yCsByQ5jmXsHAQDDYeexT1Szvlmui+lADvfSecr5Dxd/PkrTC3pAD182Fcju1VQkB4oCp9M+w==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-plugin-utils': 7.22.5
+      regenerator-transform: 0.15.1
+    dev: true
+
+  /@babel/plugin-transform-reserved-words@7.18.6(@babel/core@7.22.19):
+    resolution: {integrity: sha512-oX/4MyMoypzHjFrT1CdivfKZ+XvIPMFXwwxHp/r0Ddy2Vuomt4HDFGmft1TAY2yiTKiNSsh3kjBAzcM8kSdsjA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-shorthand-properties@7.18.6(@babel/core@7.22.19):
+    resolution: {integrity: sha512-eCLXXJqv8okzg86ywZJbRn19YJHU4XUa55oz2wbHhaQVn/MM+XhukiT7SYqp/7o00dg52Rj51Ny+Ecw4oyoygw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-spread@7.20.7(@babel/core@7.22.19):
+    resolution: {integrity: sha512-ewBbHQ+1U/VnH1fxltbJqDeWBU1oNLG8Dj11uIv3xVf7nrQu0bPGe5Rf716r7K5Qz+SqtAOVswoVunoiBtGhxw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/helper-skip-transparent-expression-wrappers': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-sticky-regex@7.18.6(@babel/core@7.22.19):
+    resolution: {integrity: sha512-kfiDrDQ+PBsQDO85yj1icueWMfGfJFKN1KCkndygtu/C9+XUfydLC8Iv5UYJqRwy4zk8EcplRxEOeLyjq1gm6Q==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-template-literals@7.18.9(@babel/core@7.22.19):
+    resolution: {integrity: sha512-S8cOWfT82gTezpYOiVaGHrCbhlHgKhQt8XH5ES46P2XWmX92yisoZywf5km75wv5sYcXDUCLMmMxOLCtthDgMA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-typeof-symbol@7.18.9(@babel/core@7.22.19):
+    resolution: {integrity: sha512-SRfwTtF11G2aemAZWivL7PD+C9z52v9EvMqH9BuYbabyPuKUvSWks3oCg6041pT925L4zVFqaVBeECwsmlguEw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-typescript@7.22.15(@babel/core@7.22.19):
+    resolution: {integrity: sha512-1uirS0TnijxvQLnlv5wQBwOX3E1wCFX7ITv+9pBV2wKEk4K+M5tqDaoNXnTH8tjEIYHLO98MwiTWO04Ggz4XuA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-annotate-as-pure': 7.22.5
+      '@babel/helper-create-class-features-plugin': 7.22.15(@babel/core@7.22.19)
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/plugin-syntax-typescript': 7.22.5(@babel/core@7.22.19)
+    dev: true
+
+  /@babel/plugin-transform-unicode-escapes@7.21.5(@babel/core@7.22.19):
+    resolution: {integrity: sha512-LYm/gTOwZqsYohlvFUe/8Tujz75LqqVC2w+2qPHLR+WyWHGCZPN1KBpJCJn+4Bk4gOkQy/IXKIge6az5MqwlOg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-unicode-regex@7.18.6(@babel/core@7.22.19):
+    resolution: {integrity: sha512-gE7A6Lt7YLnNOL3Pb9BNeZvi+d8l7tcRrG4+pwJjK9hD2xX4mEvjlQW60G9EEmfXVYRPv9VRQcyegIVHCql/AA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-create-regexp-features-plugin': 7.21.8(@babel/core@7.22.19)
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/preset-env@7.21.5(@babel/core@7.22.19):
+    resolution: {integrity: sha512-wH00QnTTldTbf/IefEVyChtRdw5RJvODT/Vb4Vcxq1AZvtXj6T0YeX0cAcXhI6/BdGuiP3GcNIL4OQbI2DVNxg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/compat-data': 7.22.9
+      '@babel/core': 7.22.19
+      '@babel/helper-compilation-targets': 7.22.15
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/helper-validator-option': 7.22.15
+      '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression': 7.18.6(@babel/core@7.22.19)
+      '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining': 7.20.7(@babel/core@7.22.19)
+      '@babel/plugin-proposal-async-generator-functions': 7.20.7(@babel/core@7.22.19)
+      '@babel/plugin-proposal-class-properties': 7.18.6(@babel/core@7.22.19)
+      '@babel/plugin-proposal-class-static-block': 7.21.0(@babel/core@7.22.19)
+      '@babel/plugin-proposal-dynamic-import': 7.18.6(@babel/core@7.22.19)
+      '@babel/plugin-proposal-export-namespace-from': 7.18.9(@babel/core@7.22.19)
+      '@babel/plugin-proposal-json-strings': 7.18.6(@babel/core@7.22.19)
+      '@babel/plugin-proposal-logical-assignment-operators': 7.20.7(@babel/core@7.22.19)
+      '@babel/plugin-proposal-nullish-coalescing-operator': 7.18.6(@babel/core@7.22.19)
+      '@babel/plugin-proposal-numeric-separator': 7.18.6(@babel/core@7.22.19)
+      '@babel/plugin-proposal-object-rest-spread': 7.20.7(@babel/core@7.22.19)
+      '@babel/plugin-proposal-optional-catch-binding': 7.18.6(@babel/core@7.22.19)
+      '@babel/plugin-proposal-optional-chaining': 7.21.0(@babel/core@7.22.19)
+      '@babel/plugin-proposal-private-methods': 7.18.6(@babel/core@7.22.19)
+      '@babel/plugin-proposal-private-property-in-object': 7.21.0(@babel/core@7.22.19)
+      '@babel/plugin-proposal-unicode-property-regex': 7.18.6(@babel/core@7.22.19)
+      '@babel/plugin-syntax-async-generators': 7.8.4(@babel/core@7.22.19)
+      '@babel/plugin-syntax-class-properties': 7.12.13(@babel/core@7.22.19)
+      '@babel/plugin-syntax-class-static-block': 7.14.5(@babel/core@7.22.19)
+      '@babel/plugin-syntax-dynamic-import': 7.8.3(@babel/core@7.22.19)
+      '@babel/plugin-syntax-export-namespace-from': 7.8.3(@babel/core@7.22.19)
+      '@babel/plugin-syntax-import-assertions': 7.20.0(@babel/core@7.22.19)
+      '@babel/plugin-syntax-import-meta': 7.10.4(@babel/core@7.22.19)
+      '@babel/plugin-syntax-json-strings': 7.8.3(@babel/core@7.22.19)
+      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4(@babel/core@7.22.19)
+      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.22.19)
+      '@babel/plugin-syntax-numeric-separator': 7.10.4(@babel/core@7.22.19)
+      '@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.22.19)
+      '@babel/plugin-syntax-optional-catch-binding': 7.8.3(@babel/core@7.22.19)
+      '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.22.19)
+      '@babel/plugin-syntax-private-property-in-object': 7.14.5(@babel/core@7.22.19)
+      '@babel/plugin-syntax-top-level-await': 7.14.5(@babel/core@7.22.19)
+      '@babel/plugin-transform-arrow-functions': 7.21.5(@babel/core@7.22.19)
+      '@babel/plugin-transform-async-to-generator': 7.20.7(@babel/core@7.22.19)
+      '@babel/plugin-transform-block-scoped-functions': 7.18.6(@babel/core@7.22.19)
+      '@babel/plugin-transform-block-scoping': 7.21.0(@babel/core@7.22.19)
+      '@babel/plugin-transform-classes': 7.21.0(@babel/core@7.22.19)
+      '@babel/plugin-transform-computed-properties': 7.21.5(@babel/core@7.22.19)
+      '@babel/plugin-transform-destructuring': 7.21.3(@babel/core@7.22.19)
+      '@babel/plugin-transform-dotall-regex': 7.18.6(@babel/core@7.22.19)
+      '@babel/plugin-transform-duplicate-keys': 7.18.9(@babel/core@7.22.19)
+      '@babel/plugin-transform-exponentiation-operator': 7.18.6(@babel/core@7.22.19)
+      '@babel/plugin-transform-for-of': 7.21.5(@babel/core@7.22.19)
+      '@babel/plugin-transform-function-name': 7.18.9(@babel/core@7.22.19)
+      '@babel/plugin-transform-literals': 7.18.9(@babel/core@7.22.19)
+      '@babel/plugin-transform-member-expression-literals': 7.18.6(@babel/core@7.22.19)
+      '@babel/plugin-transform-modules-amd': 7.20.11(@babel/core@7.22.19)
+      '@babel/plugin-transform-modules-commonjs': 7.21.5(@babel/core@7.22.19)
+      '@babel/plugin-transform-modules-systemjs': 7.20.11(@babel/core@7.22.19)
+      '@babel/plugin-transform-modules-umd': 7.18.6(@babel/core@7.22.19)
+      '@babel/plugin-transform-named-capturing-groups-regex': 7.20.5(@babel/core@7.22.19)
+      '@babel/plugin-transform-new-target': 7.18.6(@babel/core@7.22.19)
+      '@babel/plugin-transform-object-super': 7.18.6(@babel/core@7.22.19)
+      '@babel/plugin-transform-parameters': 7.21.3(@babel/core@7.22.19)
+      '@babel/plugin-transform-property-literals': 7.18.6(@babel/core@7.22.19)
+      '@babel/plugin-transform-regenerator': 7.21.5(@babel/core@7.22.19)
+      '@babel/plugin-transform-reserved-words': 7.18.6(@babel/core@7.22.19)
+      '@babel/plugin-transform-shorthand-properties': 7.18.6(@babel/core@7.22.19)
+      '@babel/plugin-transform-spread': 7.20.7(@babel/core@7.22.19)
+      '@babel/plugin-transform-sticky-regex': 7.18.6(@babel/core@7.22.19)
+      '@babel/plugin-transform-template-literals': 7.18.9(@babel/core@7.22.19)
+      '@babel/plugin-transform-typeof-symbol': 7.18.9(@babel/core@7.22.19)
+      '@babel/plugin-transform-unicode-escapes': 7.21.5(@babel/core@7.22.19)
+      '@babel/plugin-transform-unicode-regex': 7.18.6(@babel/core@7.22.19)
+      '@babel/preset-modules': 0.1.5(@babel/core@7.22.19)
+      '@babel/types': 7.22.19
+      babel-plugin-polyfill-corejs2: 0.3.3(@babel/core@7.22.19)
+      babel-plugin-polyfill-corejs3: 0.6.0(@babel/core@7.22.19)
+      babel-plugin-polyfill-regenerator: 0.4.1(@babel/core@7.22.19)
+      core-js-compat: 3.30.2
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@babel/preset-modules@0.1.5(@babel/core@7.22.19):
+    resolution: {integrity: sha512-A57th6YRG7oR3cq/yt/Y84MvGgE0eJG2F1JLhKuyG+jFxEgrd/HAMJatiFtmOiZurz+0DkrvbheCLaV5f2JfjA==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/plugin-proposal-unicode-property-regex': 7.18.6(@babel/core@7.22.19)
+      '@babel/plugin-transform-dotall-regex': 7.18.6(@babel/core@7.22.19)
+      '@babel/types': 7.22.19
+      esutils: 2.0.3
+    dev: true
+
+  /@babel/regjsgen@0.8.0:
+    resolution: {integrity: sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA==}
+    dev: true
+
+  /@babel/runtime@7.21.0:
+    resolution: {integrity: sha512-xwII0//EObnq89Ji5AKYQaRYiW/nZ3llSv29d49IuxPhKbtJoLP+9QUUZ4nVragQVtaVGeZrpB+ZtG/Pdy/POw==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      regenerator-runtime: 0.13.11
+    dev: true
+
+  /@babel/template@7.22.15:
+    resolution: {integrity: sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/code-frame': 7.22.13
+      '@babel/parser': 7.22.16
+      '@babel/types': 7.22.19
+    dev: true
+
+  /@babel/traverse@7.22.19:
+    resolution: {integrity: sha512-ZCcpVPK64krfdScRbpxF6xA5fz7IOsfMwx1tcACvCzt6JY+0aHkBk7eIU8FRDSZRU5Zei6Z4JfgAxN1bqXGECg==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/code-frame': 7.22.13
+      '@babel/generator': 7.22.15
+      '@babel/helper-environment-visitor': 7.22.5
+      '@babel/helper-function-name': 7.22.5
+      '@babel/helper-hoist-variables': 7.22.5
+      '@babel/helper-split-export-declaration': 7.22.6
+      '@babel/parser': 7.22.16
+      '@babel/types': 7.22.19
+      debug: 4.3.4
+      globals: 11.12.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@babel/types@7.22.19:
+    resolution: {integrity: sha512-P7LAw/LbojPzkgp5oznjE6tQEIWbp4PkkfrZDINTro9zgBRtI324/EYsiSI7lhPbpIQ+DCeR2NNmMWANGGfZsg==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/helper-string-parser': 7.22.5
+      '@babel/helper-validator-identifier': 7.22.19
+      to-fast-properties: 2.0.0
+    dev: true
+
+  /@commitlint/cli@17.7.1:
+    resolution: {integrity: sha512-BCm/AT06SNCQtvFv921iNhudOHuY16LswT0R3OeolVGLk8oP+Rk9TfQfgjH7QPMjhvp76bNqGFEcpKojxUNW1g==}
+    engines: {node: '>=v14'}
+    hasBin: true
+    dependencies:
+      '@commitlint/format': 17.4.4
+      '@commitlint/lint': 17.7.0
+      '@commitlint/load': 17.7.1
+      '@commitlint/read': 17.5.1
+      '@commitlint/types': 17.4.4
+      execa: 5.1.1
+      lodash.isfunction: 3.0.9
+      resolve-from: 5.0.0
+      resolve-global: 1.0.0
+      yargs: 17.7.1
+    transitivePeerDependencies:
+      - '@swc/core'
+      - '@swc/wasm'
+    dev: true
+
+  /@commitlint/config-conventional@17.7.0:
+    resolution: {integrity: sha512-iicqh2o6et+9kWaqsQiEYZzfLbtoWv9uZl8kbI8EGfnc0HeGafQBF7AJ0ylN9D/2kj6txltsdyQs8+2fTMwWEw==}
+    engines: {node: '>=v14'}
+    dependencies:
+      conventional-changelog-conventionalcommits: 6.1.0
+    dev: true
+
+  /@commitlint/config-validator@17.6.7:
+    resolution: {integrity: sha512-vJSncmnzwMvpr3lIcm0I8YVVDJTzyjy7NZAeXbTXy+MPUdAr9pKyyg7Tx/ebOQ9kqzE6O9WT6jg2164br5UdsQ==}
+    engines: {node: '>=v14'}
+    dependencies:
+      '@commitlint/types': 17.4.4
+      ajv: 8.12.0
+    dev: true
+
+  /@commitlint/ensure@17.6.7:
+    resolution: {integrity: sha512-mfDJOd1/O/eIb/h4qwXzUxkmskXDL9vNPnZ4AKYKiZALz4vHzwMxBSYtyL2mUIDeU9DRSpEUins8SeKtFkYHSw==}
+    engines: {node: '>=v14'}
+    dependencies:
+      '@commitlint/types': 17.4.4
+      lodash.camelcase: 4.3.0
+      lodash.kebabcase: 4.1.1
+      lodash.snakecase: 4.1.1
+      lodash.startcase: 4.4.0
+      lodash.upperfirst: 4.3.1
+    dev: true
+
+  /@commitlint/execute-rule@17.4.0:
+    resolution: {integrity: sha512-LIgYXuCSO5Gvtc0t9bebAMSwd68ewzmqLypqI2Kke1rqOqqDbMpYcYfoPfFlv9eyLIh4jocHWwCK5FS7z9icUA==}
+    engines: {node: '>=v14'}
+    dev: true
+
+  /@commitlint/format@17.4.4:
+    resolution: {integrity: sha512-+IS7vpC4Gd/x+uyQPTAt3hXs5NxnkqAZ3aqrHd5Bx/R9skyCAWusNlNbw3InDbAK6j166D9asQM8fnmYIa+CXQ==}
+    engines: {node: '>=v14'}
+    dependencies:
+      '@commitlint/types': 17.4.4
+      chalk: 4.1.2
+    dev: true
+
+  /@commitlint/is-ignored@17.7.0:
+    resolution: {integrity: sha512-043rA7m45tyEfW7Zv2vZHF++176MLHH9h70fnPoYlB1slKBeKl8BwNIlnPg4xBdRBVNPaCqvXxWswx2GR4c9Hw==}
+    engines: {node: '>=v14'}
+    dependencies:
+      '@commitlint/types': 17.4.4
+      semver: 7.5.4
+    dev: true
+
+  /@commitlint/lint@17.7.0:
+    resolution: {integrity: sha512-TCQihm7/uszA5z1Ux1vw+Nf3yHTgicus/+9HiUQk+kRSQawByxZNESeQoX9ujfVd3r4Sa+3fn0JQAguG4xvvbA==}
+    engines: {node: '>=v14'}
+    dependencies:
+      '@commitlint/is-ignored': 17.7.0
+      '@commitlint/parse': 17.7.0
+      '@commitlint/rules': 17.7.0
+      '@commitlint/types': 17.4.4
+    dev: true
+
+  /@commitlint/load@17.7.1:
+    resolution: {integrity: sha512-S/QSOjE1ztdogYj61p6n3UbkUvweR17FQ0zDbNtoTLc+Hz7vvfS7ehoTMQ27hPSjVBpp7SzEcOQu081RLjKHJQ==}
+    engines: {node: '>=v14'}
+    dependencies:
+      '@commitlint/config-validator': 17.6.7
+      '@commitlint/execute-rule': 17.4.0
+      '@commitlint/resolve-extends': 17.6.7
+      '@commitlint/types': 17.4.4
+      '@types/node': 20.4.7
+      chalk: 4.1.2
+      cosmiconfig: 8.2.0
+      cosmiconfig-typescript-loader: 4.3.0(@types/node@20.4.7)(cosmiconfig@8.2.0)(ts-node@10.9.1)(typescript@5.1.6)
+      lodash.isplainobject: 4.0.6
+      lodash.merge: 4.6.2
+      lodash.uniq: 4.5.0
+      resolve-from: 5.0.0
+      ts-node: 10.9.1(@types/node@20.4.7)(typescript@5.1.6)
+      typescript: 5.1.6
+    transitivePeerDependencies:
+      - '@swc/core'
+      - '@swc/wasm'
+    dev: true
+
+  /@commitlint/message@17.4.2:
+    resolution: {integrity: sha512-3XMNbzB+3bhKA1hSAWPCQA3lNxR4zaeQAQcHj0Hx5sVdO6ryXtgUBGGv+1ZCLMgAPRixuc6en+iNAzZ4NzAa8Q==}
+    engines: {node: '>=v14'}
+    dev: true
+
+  /@commitlint/parse@17.7.0:
+    resolution: {integrity: sha512-dIvFNUMCUHqq5Abv80mIEjLVfw8QNuA4DS7OWip4pcK/3h5wggmjVnlwGCDvDChkw2TjK1K6O+tAEV78oxjxag==}
+    engines: {node: '>=v14'}
+    dependencies:
+      '@commitlint/types': 17.4.4
+      conventional-changelog-angular: 6.0.0
+      conventional-commits-parser: 4.0.0
+    dev: true
+
+  /@commitlint/read@17.5.1:
+    resolution: {integrity: sha512-7IhfvEvB//p9aYW09YVclHbdf1u7g7QhxeYW9ZHSO8Huzp8Rz7m05aCO1mFG7G8M+7yfFnXB5xOmG18brqQIBg==}
+    engines: {node: '>=v14'}
+    dependencies:
+      '@commitlint/top-level': 17.4.0
+      '@commitlint/types': 17.4.4
+      fs-extra: 11.1.0
+      git-raw-commits: 2.0.11
+      minimist: 1.2.8
+    dev: true
+
+  /@commitlint/resolve-extends@17.6.7:
+    resolution: {integrity: sha512-PfeoAwLHtbOaC9bGn/FADN156CqkFz6ZKiVDMjuC2N5N0740Ke56rKU7Wxdwya8R8xzLK9vZzHgNbuGhaOVKIg==}
+    engines: {node: '>=v14'}
+    dependencies:
+      '@commitlint/config-validator': 17.6.7
+      '@commitlint/types': 17.4.4
+      import-fresh: 3.3.0
+      lodash.mergewith: 4.6.2
+      resolve-from: 5.0.0
+      resolve-global: 1.0.0
+    dev: true
+
+  /@commitlint/rules@17.7.0:
+    resolution: {integrity: sha512-J3qTh0+ilUE5folSaoK91ByOb8XeQjiGcdIdiB/8UT1/Rd1itKo0ju/eQVGyFzgTMYt8HrDJnGTmNWwcMR1rmA==}
+    engines: {node: '>=v14'}
+    dependencies:
+      '@commitlint/ensure': 17.6.7
+      '@commitlint/message': 17.4.2
+      '@commitlint/to-lines': 17.4.0
+      '@commitlint/types': 17.4.4
+      execa: 5.1.1
+    dev: true
+
+  /@commitlint/to-lines@17.4.0:
+    resolution: {integrity: sha512-LcIy/6ZZolsfwDUWfN1mJ+co09soSuNASfKEU5sCmgFCvX5iHwRYLiIuoqXzOVDYOy7E7IcHilr/KS0e5T+0Hg==}
+    engines: {node: '>=v14'}
+    dev: true
+
+  /@commitlint/top-level@17.4.0:
+    resolution: {integrity: sha512-/1loE/g+dTTQgHnjoCy0AexKAEFyHsR2zRB4NWrZ6lZSMIxAhBJnmCqwao7b4H8888PsfoTBCLBYIw8vGnej8g==}
+    engines: {node: '>=v14'}
+    dependencies:
+      find-up: 5.0.0
+    dev: true
+
+  /@commitlint/types@17.4.4:
+    resolution: {integrity: sha512-amRN8tRLYOsxRr6mTnGGGvB5EmW/4DDjLMgiwK3CCVEmN6Sr/6xePGEpWaspKkckILuUORCwe6VfDBw6uj4axQ==}
+    engines: {node: '>=v14'}
+    dependencies:
+      chalk: 4.1.2
+    dev: true
+
+  /@cspotcode/source-map-support@0.8.1:
+    resolution: {integrity: sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==}
+    engines: {node: '>=12'}
+    dependencies:
+      '@jridgewell/trace-mapping': 0.3.9
+    dev: true
+
+  /@csstools/css-parser-algorithms@2.3.1(@csstools/css-tokenizer@2.2.0):
+    resolution: {integrity: sha512-xrvsmVUtefWMWQsGgFffqWSK03pZ1vfDki4IVIIUxxDKnGBzqNgv0A7SB1oXtVNEkcVO8xi1ZrTL29HhSu5kGA==}
+    engines: {node: ^14 || ^16 || >=18}
+    peerDependencies:
+      '@csstools/css-tokenizer': ^2.2.0
+    dependencies:
+      '@csstools/css-tokenizer': 2.2.0
+    dev: true
+
+  /@csstools/css-tokenizer@2.2.0:
+    resolution: {integrity: sha512-wErmsWCbsmig8sQKkM6pFhr/oPha1bHfvxsUY5CYSQxwyhA9Ulrs8EqCgClhg4Tgg2XapVstGqSVcz0xOYizZA==}
+    engines: {node: ^14 || ^16 || >=18}
+    dev: true
+
+  /@csstools/media-query-list-parser@2.1.4(@csstools/css-parser-algorithms@2.3.1)(@csstools/css-tokenizer@2.2.0):
+    resolution: {integrity: sha512-V/OUXYX91tAC1CDsiY+HotIcJR+vPtzrX8pCplCpT++i8ThZZsq5F5dzZh/bDM3WUOjrvC1ljed1oSJxMfjqhw==}
+    engines: {node: ^14 || ^16 || >=18}
+    peerDependencies:
+      '@csstools/css-parser-algorithms': ^2.3.1
+      '@csstools/css-tokenizer': ^2.2.0
+    dependencies:
+      '@csstools/css-parser-algorithms': 2.3.1(@csstools/css-tokenizer@2.2.0)
+      '@csstools/css-tokenizer': 2.2.0
+    dev: true
+
+  /@csstools/selector-specificity@3.0.0(postcss-selector-parser@6.0.13):
+    resolution: {integrity: sha512-hBI9tfBtuPIi885ZsZ32IMEU/5nlZH/KOVYJCOh7gyMxaVLGmLedYqFN6Ui1LXkI8JlC8IsuC0rF0btcRZKd5g==}
+    engines: {node: ^14 || ^16 || >=18}
+    peerDependencies:
+      postcss-selector-parser: ^6.0.13
+    dependencies:
+      postcss-selector-parser: 6.0.13
+    dev: true
+
+  /@ctrl/tinycolor@3.6.0:
+    resolution: {integrity: sha512-/Z3l6pXthq0JvMYdUFyX9j0MaCltlIn6mfh9jLyQwg5aPKxkyNa0PTHtU1AlFXLNk55ZuAeJRcpvq+tmLfKmaQ==}
+    engines: {node: '>=10'}
+    dev: false
+
+  /@element-plus/icons-vue@2.1.0(vue@3.3.4):
+    resolution: {integrity: sha512-PSBn3elNoanENc1vnCfh+3WA9fimRC7n+fWkf3rE5jvv+aBohNHABC/KAR5KWPecxWxDTVT1ERpRbOMRcOV/vA==}
+    peerDependencies:
+      vue: ^3.2.0
+    dependencies:
+      vue: 3.3.4
+    dev: false
+
+  /@esbuild/android-arm64@0.18.11:
+    resolution: {integrity: sha512-snieiq75Z1z5LJX9cduSAjUr7vEI1OdlzFPMw0HH5YI7qQHDd3qs+WZoMrWYDsfRJSq36lIA6mfZBkvL46KoIw==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/android-arm@0.18.11:
+    resolution: {integrity: sha512-q4qlUf5ucwbUJZXF5tEQ8LF7y0Nk4P58hOsGk3ucY0oCwgQqAnqXVbUuahCddVHfrxmpyewRpiTHwVHIETYu7Q==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/android-x64@0.18.11:
+    resolution: {integrity: sha512-iPuoxQEV34+hTF6FT7om+Qwziv1U519lEOvekXO9zaMMlT9+XneAhKL32DW3H7okrCOBQ44BMihE8dclbZtTuw==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/darwin-arm64@0.18.11:
+    resolution: {integrity: sha512-Gm0QkI3k402OpfMKyQEEMG0RuW2LQsSmI6OeO4El2ojJMoF5NLYb3qMIjvbG/lbMeLOGiW6ooU8xqc+S0fgz2w==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/darwin-x64@0.18.11:
+    resolution: {integrity: sha512-N15Vzy0YNHu6cfyDOjiyfJlRJCB/ngKOAvoBf1qybG3eOq0SL2Lutzz9N7DYUbb7Q23XtHPn6lMDF6uWbGv9Fw==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/freebsd-arm64@0.18.11:
+    resolution: {integrity: sha512-atEyuq6a3omEY5qAh5jIORWk8MzFnCpSTUruBgeyN9jZq1K/QI9uke0ATi3MHu4L8c59CnIi4+1jDKMuqmR71A==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [freebsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/freebsd-x64@0.18.11:
+    resolution: {integrity: sha512-XtuPrEfBj/YYYnAAB7KcorzzpGTvOr/dTtXPGesRfmflqhA4LMF0Gh/n5+a9JBzPuJ+CGk17CA++Hmr1F/gI0Q==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [freebsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-arm64@0.18.11:
+    resolution: {integrity: sha512-c6Vh2WS9VFKxKZ2TvJdA7gdy0n6eSy+yunBvv4aqNCEhSWVor1TU43wNRp2YLO9Vng2G+W94aRz+ILDSwAiYog==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-arm@0.18.11:
+    resolution: {integrity: sha512-Idipz+Taso/toi2ETugShXjQ3S59b6m62KmLHkJlSq/cBejixmIydqrtM2XTvNCywFl3VC7SreSf6NV0i6sRyg==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-ia32@0.18.11:
+    resolution: {integrity: sha512-S3hkIF6KUqRh9n1Q0dSyYcWmcVa9Cg+mSoZEfFuzoYXXsk6196qndrM+ZiHNwpZKi3XOXpShZZ+9dfN5ykqjjw==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-loong64@0.18.11:
+    resolution: {integrity: sha512-MRESANOoObQINBA+RMZW+Z0TJWpibtE7cPFnahzyQHDCA9X9LOmGh68MVimZlM9J8n5Ia8lU773te6O3ILW8kw==}
+    engines: {node: '>=12'}
+    cpu: [loong64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-mips64el@0.18.11:
+    resolution: {integrity: sha512-qVyPIZrXNMOLYegtD1u8EBccCrBVshxMrn5MkuFc3mEVsw7CCQHaqZ4jm9hbn4gWY95XFnb7i4SsT3eflxZsUg==}
+    engines: {node: '>=12'}
+    cpu: [mips64el]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-ppc64@0.18.11:
+    resolution: {integrity: sha512-T3yd8vJXfPirZaUOoA9D2ZjxZX4Gr3QuC3GztBJA6PklLotc/7sXTOuuRkhE9W/5JvJP/K9b99ayPNAD+R+4qQ==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-riscv64@0.18.11:
+    resolution: {integrity: sha512-evUoRPWiwuFk++snjH9e2cAjF5VVSTj+Dnf+rkO/Q20tRqv+644279TZlPK8nUGunjPAtQRCj1jQkDAvL6rm2w==}
+    engines: {node: '>=12'}
+    cpu: [riscv64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-s390x@0.18.11:
+    resolution: {integrity: sha512-/SlRJ15XR6i93gRWquRxYCfhTeC5PdqEapKoLbX63PLCmAkXZHY2uQm2l9bN0oPHBsOw2IswRZctMYS0MijFcg==}
+    engines: {node: '>=12'}
+    cpu: [s390x]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-x64@0.18.11:
+    resolution: {integrity: sha512-xcncej+wF16WEmIwPtCHi0qmx1FweBqgsRtEL1mSHLFR6/mb3GEZfLQnx+pUDfRDEM4DQF8dpXIW7eDOZl1IbA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/netbsd-x64@0.18.11:
+    resolution: {integrity: sha512-aSjMHj/F7BuS1CptSXNg6S3M4F3bLp5wfFPIJM+Km2NfIVfFKhdmfHF9frhiCLIGVzDziggqWll0B+9AUbud/Q==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [netbsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/openbsd-x64@0.18.11:
+    resolution: {integrity: sha512-tNBq+6XIBZtht0xJGv7IBB5XaSyvYPCm1PxJ33zLQONdZoLVM0bgGqUrXnJyiEguD9LU4AHiu+GCXy/Hm9LsdQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [openbsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/sunos-x64@0.18.11:
+    resolution: {integrity: sha512-kxfbDOrH4dHuAAOhr7D7EqaYf+W45LsAOOhAet99EyuxxQmjbk8M9N4ezHcEiCYPaiW8Dj3K26Z2V17Gt6p3ng==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [sunos]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/win32-arm64@0.18.11:
+    resolution: {integrity: sha512-Sh0dDRyk1Xi348idbal7lZyfSkjhJsdFeuC13zqdipsvMetlGiFQNdO+Yfp6f6B4FbyQm7qsk16yaZk25LChzg==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/win32-ia32@0.18.11:
+    resolution: {integrity: sha512-o9JUIKF1j0rqJTFbIoF4bXj6rvrTZYOrfRcGyL0Vm5uJ/j5CkBD/51tpdxe9lXEDouhRgdr/BYzUrDOvrWwJpg==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/win32-x64@0.18.11:
+    resolution: {integrity: sha512-rQI4cjLHd2hGsM1LqgDI7oOCYbQ6IBOVsX9ejuRMSze0GqXUG2ekwiKkiBU1pRGSeCqFFHxTrcEydB2Hyoz9CA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@eslint-community/eslint-utils@4.4.0(eslint@8.49.0):
+    resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
+    dependencies:
+      eslint: 8.49.0
+      eslint-visitor-keys: 3.4.3
+    dev: true
+
+  /@eslint-community/regexpp@4.6.2:
+    resolution: {integrity: sha512-pPTNuaAG3QMH+buKyBIGJs3g/S5y0caxw0ygM3YyE6yJFySwiGGSzA+mM3KJ8QQvzeLh3blwgSonkFjgQdxzMw==}
+    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
+    dev: true
+
+  /@eslint/eslintrc@2.1.2:
+    resolution: {integrity: sha512-+wvgpDsrB1YqAMdEUCcnTlpfVBH7Vqn6A/NT3D8WVXFIaKMlErPIZT3oCIAVCOtarRpMtelZLqJeU3t7WY6X6g==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      ajv: 6.12.6
+      debug: 4.3.4
+      espree: 9.6.1
+      globals: 13.20.0
+      ignore: 5.2.4
+      import-fresh: 3.3.0
+      js-yaml: 4.1.0
+      minimatch: 3.1.2
+      strip-json-comments: 3.1.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@eslint/js@8.49.0:
+    resolution: {integrity: sha512-1S8uAY/MTJqVx0SC4epBq+N2yhuwtNwLbJYNZyhL2pO1ZVKn5HFXav5T41Ryzy9K9V7ZId2JB2oy/W4aCd9/2w==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dev: true
+
+  /@floating-ui/core@1.2.4:
+    resolution: {integrity: sha512-SQOeVbMwb1di+mVWWJLpsUTToKfqVNioXys011beCAhyOIFtS+GQoW4EQSneuxzmQKddExDwQ+X0hLl4lJJaSQ==}
+    dev: false
+
+  /@floating-ui/dom@1.2.4:
+    resolution: {integrity: sha512-4+k+BLhtWj+peCU60gp0+rHeR8+Ohqx6kjJf/lHMnJ8JD5Qj6jytcq1+SZzRwD7rvHKRhR7TDiWWddrNrfwQLg==}
+    dependencies:
+      '@floating-ui/core': 1.2.4
+    dev: false
+
+  /@humanwhocodes/config-array@0.11.11:
+    resolution: {integrity: sha512-N2brEuAadi0CcdeMXUkhbZB84eskAc8MEX1By6qEchoVywSgXPIjou4rYsl0V3Hj0ZnuGycGCjdNgockbzeWNA==}
+    engines: {node: '>=10.10.0'}
+    dependencies:
+      '@humanwhocodes/object-schema': 1.2.1
+      debug: 4.3.4
+      minimatch: 3.1.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@humanwhocodes/module-importer@1.0.1:
+    resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
+    engines: {node: '>=12.22'}
+    dev: true
+
+  /@humanwhocodes/object-schema@1.2.1:
+    resolution: {integrity: sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==}
+    dev: true
+
+  /@hutson/parse-repository-url@3.0.2:
+    resolution: {integrity: sha512-H9XAx3hc0BQHY6l+IFSWHDySypcXsvsuLhgYLUGywmJ5pswRVQJUHpOsobnLYp2ZUaUlKiKDrgWWhosOwAEM8Q==}
+    engines: {node: '>=6.9.0'}
+    dev: true
+
+  /@jridgewell/gen-mapping@0.1.1:
+    resolution: {integrity: sha512-sQXCasFk+U8lWYEe66WxRDOE9PjVz4vSM51fTu3Hw+ClTpUSQb718772vH3pyS5pShp6lvQM7SxgIDXXXmOX7w==}
+    engines: {node: '>=6.0.0'}
+    dependencies:
+      '@jridgewell/set-array': 1.1.2
+      '@jridgewell/sourcemap-codec': 1.4.14
+    dev: true
+
+  /@jridgewell/gen-mapping@0.3.2:
+    resolution: {integrity: sha512-mh65xKQAzI6iBcFzwv28KVWSmCkdRBWoOh+bYQGW3+6OZvbbN3TqMGo5hqYxQniRcH9F2VZIoJCm4pa3BPDK/A==}
+    engines: {node: '>=6.0.0'}
+    dependencies:
+      '@jridgewell/set-array': 1.1.2
+      '@jridgewell/sourcemap-codec': 1.4.14
+      '@jridgewell/trace-mapping': 0.3.17
+    dev: true
+
+  /@jridgewell/resolve-uri@3.1.0:
+    resolution: {integrity: sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==}
+    engines: {node: '>=6.0.0'}
+    dev: true
+
+  /@jridgewell/set-array@1.1.2:
+    resolution: {integrity: sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==}
+    engines: {node: '>=6.0.0'}
+    dev: true
+
+  /@jridgewell/source-map@0.3.2:
+    resolution: {integrity: sha512-m7O9o2uR8k2ObDysZYzdfhb08VuEml5oWGiosa1VdaPZ/A6QyPkAJuwN0Q1lhULOf6B7MtQmHENS743hWtCrgw==}
+    dependencies:
+      '@jridgewell/gen-mapping': 0.3.2
+      '@jridgewell/trace-mapping': 0.3.17
+    dev: true
+
+  /@jridgewell/sourcemap-codec@1.4.14:
+    resolution: {integrity: sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==}
+
+  /@jridgewell/trace-mapping@0.3.17:
+    resolution: {integrity: sha512-MCNzAp77qzKca9+W/+I0+sEpaUnZoeasnghNeVc41VZCEKaCH73Vq3BZZ/SzWIgrqE4H4ceI+p+b6C0mHf9T4g==}
+    dependencies:
+      '@jridgewell/resolve-uri': 3.1.0
+      '@jridgewell/sourcemap-codec': 1.4.14
+    dev: true
+
+  /@jridgewell/trace-mapping@0.3.9:
+    resolution: {integrity: sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==}
+    dependencies:
+      '@jridgewell/resolve-uri': 3.1.0
+      '@jridgewell/sourcemap-codec': 1.4.14
+    dev: true
+
+  /@nodelib/fs.scandir@2.1.5:
+    resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
+    engines: {node: '>= 8'}
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      run-parallel: 1.2.0
+    dev: true
+
+  /@nodelib/fs.stat@2.0.5:
+    resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==}
+    engines: {node: '>= 8'}
+    dev: true
+
+  /@nodelib/fs.walk@1.2.8:
+    resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
+    engines: {node: '>= 8'}
+    dependencies:
+      '@nodelib/fs.scandir': 2.1.5
+      fastq: 1.15.0
+    dev: true
+
+  /@pkgr/utils@2.4.2:
+    resolution: {integrity: sha512-POgTXhjrTfbTV63DiFXav4lBHiICLKKwDeaKn9Nphwj7WH6m0hMMCaJkMyRWjgtPFyRKRVoMXXjczsTQRDEhYw==}
+    engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
+    dependencies:
+      cross-spawn: 7.0.3
+      fast-glob: 3.3.0
+      is-glob: 4.0.3
+      open: 9.1.0
+      picocolors: 1.0.0
+      tslib: 2.6.1
+    dev: true
+
+  /@rollup/plugin-babel@5.3.1(@babel/core@7.22.19)(rollup@2.79.1):
+    resolution: {integrity: sha512-WFfdLWU/xVWKeRQnKmIAQULUI7Il0gZnBIH/ZFO069wYIfPu+8zrfp/KMW0atmELoRDq8FbiP3VCss9MhCut7Q==}
+    engines: {node: '>= 10.0.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+      '@types/babel__core': ^7.1.9
+      rollup: ^1.20.0||^2.0.0
+    peerDependenciesMeta:
+      '@types/babel__core':
+        optional: true
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-module-imports': 7.22.15
+      '@rollup/pluginutils': 3.1.0(rollup@2.79.1)
+      rollup: 2.79.1
+    dev: true
+
+  /@rollup/plugin-node-resolve@11.2.1(rollup@2.79.1):
+    resolution: {integrity: sha512-yc2n43jcqVyGE2sqV5/YCmocy9ArjVAP/BeXyTtADTBBX6V0e5UMqwO8CdQ0kzjb6zu5P1qMzsScCMRvE9OlVg==}
+    engines: {node: '>= 10.0.0'}
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0
+    dependencies:
+      '@rollup/pluginutils': 3.1.0(rollup@2.79.1)
+      '@types/resolve': 1.17.1
+      builtin-modules: 3.3.0
+      deepmerge: 4.3.1
+      is-module: 1.0.0
+      resolve: 1.22.1
+      rollup: 2.79.1
+    dev: true
+
+  /@rollup/plugin-replace@2.4.2(rollup@2.79.1):
+    resolution: {integrity: sha512-IGcu+cydlUMZ5En85jxHH4qj2hta/11BHq95iHEyb2sbgiN0eCdzvUcHw5gt9pBL5lTi4JDYJ1acCoMGpTvEZg==}
+    peerDependencies:
+      rollup: ^1.20.0 || ^2.0.0
+    dependencies:
+      '@rollup/pluginutils': 3.1.0(rollup@2.79.1)
+      magic-string: 0.25.9
+      rollup: 2.79.1
+    dev: true
+
+  /@rollup/pluginutils@3.1.0(rollup@2.79.1):
+    resolution: {integrity: sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg==}
+    engines: {node: '>= 8.0.0'}
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0
+    dependencies:
+      '@types/estree': 0.0.39
+      estree-walker: 1.0.1
+      picomatch: 2.3.1
+      rollup: 2.79.1
+    dev: true
+
+  /@rollup/pluginutils@4.2.1:
+    resolution: {integrity: sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==}
+    engines: {node: '>= 8.0.0'}
+    dependencies:
+      estree-walker: 2.0.2
+      picomatch: 2.3.1
+    dev: true
+
+  /@surma/rollup-plugin-off-main-thread@2.2.3:
+    resolution: {integrity: sha512-lR8q/9W7hZpMWweNiAKU7NQerBnzQQLvi8qnTDU/fxItPhtZVMbPV3lbCwjhIlNBe9Bbr5V+KHshvWmVSG9cxQ==}
+    dependencies:
+      ejs: 3.1.9
+      json5: 2.2.3
+      magic-string: 0.25.9
+      string.prototype.matchall: 4.0.8
+    dev: true
+
+  /@sxzz/popperjs-es@2.11.7:
+    resolution: {integrity: sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ==}
+    dev: false
+
+  /@trysound/sax@0.2.0:
+    resolution: {integrity: sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==}
+    engines: {node: '>=10.13.0'}
+    dev: true
+
+  /@tsconfig/node10@1.0.9:
+    resolution: {integrity: sha512-jNsYVVxU8v5g43Erja32laIDHXeoNvFEpX33OK4d6hljo3jDhCBDhx5dhCCTMWUojscpAagGiRkBKxpdl9fxqA==}
+    dev: true
+
+  /@tsconfig/node12@1.0.11:
+    resolution: {integrity: sha512-cqefuRsh12pWyGsIoBKJA9luFu3mRxCA+ORZvA4ktLSzIuCUtWVxGIuXigEwO5/ywWFMZ2QEGKWvkZG1zDMTag==}
+    dev: true
+
+  /@tsconfig/node14@1.0.3:
+    resolution: {integrity: sha512-ysT8mhdixWK6Hw3i1V2AeRqZ5WfXg1G43mqoYlM2nc6388Fq5jcXyr5mRsqViLx/GJYdoL0bfXD8nmF+Zn/Iow==}
+    dev: true
+
+  /@tsconfig/node16@1.0.3:
+    resolution: {integrity: sha512-yOlFc+7UtL/89t2ZhjPvvB/DeAr3r+Dq58IgzsFkOAvVC6NMJXmCGjbptdXdR9qsX7pKcTL+s87FtYREi2dEEQ==}
+    dev: true
+
+  /@types/eslint@8.21.2:
+    resolution: {integrity: sha512-EMpxUyystd3uZVByZap1DACsMXvb82ypQnGn89e1Y0a+LYu3JJscUd/gqhRsVFDkaD2MIiWo0MT8EfXr3DGRKw==}
+    dependencies:
+      '@types/estree': 1.0.0
+      '@types/json-schema': 7.0.11
+    dev: true
+
+  /@types/estree@0.0.39:
+    resolution: {integrity: sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==}
+    dev: true
+
+  /@types/estree@1.0.0:
+    resolution: {integrity: sha512-WulqXMDUTYAXCjZnk6JtIHPigp55cVtDgDrO2gHRwhyJto21+1zbVCtOYB2L1F9w4qCQ0rOGWBnBe0FNTiEJIQ==}
+    dev: true
+
+  /@types/json-schema@7.0.11:
+    resolution: {integrity: sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==}
+    dev: true
+
+  /@types/json-schema@7.0.12:
+    resolution: {integrity: sha512-Hr5Jfhc9eYOQNPYO5WLDq/n4jqijdHNlDXjuAQkkt+mWdQR+XJToOHrsD4cPaMXpn6KO7y2+wM8AZEs8VpBLVA==}
+    dev: true
+
+  /@types/lodash-es@4.17.7:
+    resolution: {integrity: sha512-z0ptr6UI10VlU6l5MYhGwS4mC8DZyYer2mCoyysZtSF7p26zOX8UpbrV0YpNYLGS8K4PUFIyEr62IMFFjveSiQ==}
+    dependencies:
+      '@types/lodash': 4.14.191
+    dev: false
+
+  /@types/lodash@4.14.191:
+    resolution: {integrity: sha512-BdZ5BCCvho3EIXw6wUCXHe7rS53AIDPLE+JzwgT+OsJk53oBfbSmZZ7CX4VaRoN78N+TJpFi9QPlfIVNmJYWxQ==}
+    dev: false
+
+  /@types/md5@2.3.2:
+    resolution: {integrity: sha512-v+JFDu96+UYJ3/UWzB0mEglIS//MZXgRaJ4ubUPwOM0gvLc/kcQ3TWNYwENEK7/EcXGQVrW8h/XqednSjBd/Og==}
+    dev: true
+
+  /@types/minimist@1.2.2:
+    resolution: {integrity: sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==}
+    dev: true
+
+  /@types/node@18.15.3:
+    resolution: {integrity: sha512-p6ua9zBxz5otCmbpb5D3U4B5Nanw6Pk3PPyX05xnxbB/fRv71N7CPmORg7uAD5P70T0xmx1pzAx/FUfa5X+3cw==}
+    dev: true
+
+  /@types/node@20.4.7:
+    resolution: {integrity: sha512-bUBrPjEry2QUTsnuEjzjbS7voGWCc30W0qzgMf90GPeDGFRakvrz47ju+oqDAKCXLUCe39u57/ORMl/O/04/9g==}
+    dev: true
+
+  /@types/normalize-package-data@2.4.1:
+    resolution: {integrity: sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==}
+    dev: true
+
+  /@types/nprogress@0.2.0:
+    resolution: {integrity: sha512-1cYJrqq9GezNFPsWTZpFut/d4CjpZqA0vhqDUPFWYKF1oIyBz5qnoYMzR+0C/T96t3ebLAC1SSnwrVOm5/j74A==}
+    dev: true
+
+  /@types/qs@6.9.8:
+    resolution: {integrity: sha512-u95svzDlTysU5xecFNTgfFG5RUWu1A9P0VzgpcIiGZA9iraHOdSzcxMxQ55DyeRaGCSxQi7LxXDI4rzq/MYfdg==}
+    dev: true
+
+  /@types/resolve@1.17.1:
+    resolution: {integrity: sha512-yy7HuzQhj0dhGpD8RLXSZWEkLsV9ibvxvi6EiJ3bkqLAO1RGo0WbkWQiwpRlSFymTJRz0d3k5LM3kkx8ArDbLw==}
+    dependencies:
+      '@types/node': 20.4.7
+    dev: true
+
+  /@types/semver@7.5.0:
+    resolution: {integrity: sha512-G8hZ6XJiHnuhQKR7ZmysCeJWE08o8T0AXtk5darsCaTVsYZhhgUrq53jizaR2FvsoeCwJhlmwTjkXBY5Pn/ZHw==}
+    dev: true
+
+  /@types/sortablejs@1.15.2:
+    resolution: {integrity: sha512-mOIv/EnPMzAZAVbuh9uGjOZ1BBdimP9Y6IPGntsvQJtko5yapSDKB7GwB3AOlF5N3bkpk4sBwQRpS3aEkiUbaA==}
+    dev: true
+
+  /@types/svgo@2.6.4:
+    resolution: {integrity: sha512-l4cmyPEckf8moNYHdJ+4wkHvFxjyW6ulm9l4YGaOxeyBWPhBOT0gvni1InpFPdzx1dKf/2s62qGITwxNWnPQng==}
+    dependencies:
+      '@types/node': 18.15.3
+    dev: true
+
+  /@types/trusted-types@2.0.3:
+    resolution: {integrity: sha512-NfQ4gyz38SL8sDNrSixxU2Os1a5xcdFxipAFxYEuLUlvU2uDwS4NUpsImcf1//SlWItCVMMLiylsxbmNMToV/g==}
+    dev: true
+
+  /@types/web-bluetooth@0.0.16:
+    resolution: {integrity: sha512-oh8q2Zc32S6gd/j50GowEjKLoOVOwHP/bWVjKJInBwQqdOYMdPrf1oVlelTlyfFK3CKxL1uahMDAr+vy8T7yMQ==}
+    dev: false
+
+  /@types/web-bluetooth@0.0.17:
+    resolution: {integrity: sha512-4p9vcSmxAayx72yn70joFoL44c9MO/0+iVEBIQXe3v2h2SiAsEIo/G5v6ObFWvNKRFjbrVadNf9LqEEZeQPzdA==}
+    dev: false
+
+  /@typescript-eslint/eslint-plugin@6.7.0(@typescript-eslint/parser@6.7.0)(eslint@8.49.0)(typescript@5.1.6):
+    resolution: {integrity: sha512-gUqtknHm0TDs1LhY12K2NA3Rmlmp88jK9Tx8vGZMfHeNMLE3GH2e9TRub+y+SOjuYgtOmok+wt1AyDPZqxbNag==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      '@typescript-eslint/parser': ^6.0.0 || ^6.0.0-alpha
+      eslint: ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@eslint-community/regexpp': 4.6.2
+      '@typescript-eslint/parser': 6.7.0(eslint@8.49.0)(typescript@5.1.6)
+      '@typescript-eslint/scope-manager': 6.7.0
+      '@typescript-eslint/type-utils': 6.7.0(eslint@8.49.0)(typescript@5.1.6)
+      '@typescript-eslint/utils': 6.7.0(eslint@8.49.0)(typescript@5.1.6)
+      '@typescript-eslint/visitor-keys': 6.7.0
+      debug: 4.3.4
+      eslint: 8.49.0
+      graphemer: 1.4.0
+      ignore: 5.2.4
+      natural-compare: 1.4.0
+      semver: 7.5.4
+      ts-api-utils: 1.0.1(typescript@5.1.6)
+      typescript: 5.1.6
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@typescript-eslint/parser@6.7.0(eslint@8.49.0)(typescript@5.1.6):
+    resolution: {integrity: sha512-jZKYwqNpNm5kzPVP5z1JXAuxjtl2uG+5NpaMocFPTNC2EdYIgbXIPImObOkhbONxtFTTdoZstLZefbaK+wXZng==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/scope-manager': 6.7.0
+      '@typescript-eslint/types': 6.7.0
+      '@typescript-eslint/typescript-estree': 6.7.0(typescript@5.1.6)
+      '@typescript-eslint/visitor-keys': 6.7.0
+      debug: 4.3.4
+      eslint: 8.49.0
+      typescript: 5.1.6
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@typescript-eslint/scope-manager@6.7.0:
+    resolution: {integrity: sha512-lAT1Uau20lQyjoLUQ5FUMSX/dS07qux9rYd5FGzKz/Kf8W8ccuvMyldb8hadHdK/qOI7aikvQWqulnEq2nCEYA==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    dependencies:
+      '@typescript-eslint/types': 6.7.0
+      '@typescript-eslint/visitor-keys': 6.7.0
+    dev: true
+
+  /@typescript-eslint/type-utils@6.7.0(eslint@8.49.0)(typescript@5.1.6):
+    resolution: {integrity: sha512-f/QabJgDAlpSz3qduCyQT0Fw7hHpmhOzY/Rv6zO3yO+HVIdPfIWhrQoAyG+uZVtWAIS85zAyzgAFfyEr+MgBpg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/typescript-estree': 6.7.0(typescript@5.1.6)
+      '@typescript-eslint/utils': 6.7.0(eslint@8.49.0)(typescript@5.1.6)
+      debug: 4.3.4
+      eslint: 8.49.0
+      ts-api-utils: 1.0.1(typescript@5.1.6)
+      typescript: 5.1.6
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@typescript-eslint/types@6.7.0:
+    resolution: {integrity: sha512-ihPfvOp7pOcN/ysoj0RpBPOx3HQTJTrIN8UZK+WFd3/iDeFHHqeyYxa4hQk4rMhsz9H9mXpR61IzwlBVGXtl9Q==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    dev: true
+
+  /@typescript-eslint/typescript-estree@6.7.0(typescript@5.1.6):
+    resolution: {integrity: sha512-dPvkXj3n6e9yd/0LfojNU8VMUGHWiLuBZvbM6V6QYD+2qxqInE7J+J/ieY2iGwR9ivf/R/haWGkIj04WVUeiSQ==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/types': 6.7.0
+      '@typescript-eslint/visitor-keys': 6.7.0
+      debug: 4.3.4
+      globby: 11.1.0
+      is-glob: 4.0.3
+      semver: 7.5.4
+      ts-api-utils: 1.0.1(typescript@5.1.6)
+      typescript: 5.1.6
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@typescript-eslint/utils@6.7.0(eslint@8.49.0)(typescript@5.1.6):
+    resolution: {integrity: sha512-MfCq3cM0vh2slSikQYqK2Gq52gvOhe57vD2RM3V4gQRZYX4rDPnKLu5p6cm89+LJiGlwEXU8hkYxhqqEC/V3qA==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.49.0)
+      '@types/json-schema': 7.0.12
+      '@types/semver': 7.5.0
+      '@typescript-eslint/scope-manager': 6.7.0
+      '@typescript-eslint/types': 6.7.0
+      '@typescript-eslint/typescript-estree': 6.7.0(typescript@5.1.6)
+      eslint: 8.49.0
+      semver: 7.5.4
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
+  /@typescript-eslint/visitor-keys@6.7.0:
+    resolution: {integrity: sha512-/C1RVgKFDmGMcVGeD8HjKv2bd72oI1KxQDeY8uc66gw9R0OK0eMq48cA+jv9/2Ag6cdrsUGySm1yzYmfz0hxwQ==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    dependencies:
+      '@typescript-eslint/types': 6.7.0
+      eslint-visitor-keys: 3.4.3
+    dev: true
+
+  /@vitejs/plugin-vue-jsx@3.0.2(vite@4.4.9)(vue@3.3.4):
+    resolution: {integrity: sha512-obF26P2Z4Ogy3cPp07B4VaW6rpiu0ue4OT2Y15UxT5BZZ76haUY9guOsZV3uWh/I6xc+VeiW+ZVabRE82FyzWw==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      vite: ^4.0.0
+      vue: ^3.0.0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/plugin-transform-typescript': 7.22.15(@babel/core@7.22.19)
+      '@vue/babel-plugin-jsx': 1.1.5(@babel/core@7.22.19)
+      vite: 4.4.9(@types/node@20.4.7)(sass@1.66.1)
+      vue: 3.3.4
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@vitejs/plugin-vue@4.3.4(vite@4.4.9)(vue@3.3.4):
+    resolution: {integrity: sha512-ciXNIHKPriERBisHFBvnTbfKa6r9SAesOYXeGDzgegcvy9Q4xdScSHAmKbNT0M3O0S9LKhIf5/G+UYG4NnnzYw==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      vite: ^4.0.0
+      vue: ^3.2.25
+    dependencies:
+      vite: 4.4.9(@types/node@20.4.7)(sass@1.66.1)
+      vue: 3.3.4
+    dev: true
+
+  /@volar/language-core@1.10.0:
+    resolution: {integrity: sha512-ddyWwSYqcbEZNFHm+Z3NZd6M7Ihjcwl/9B5cZd8kECdimVXUFdFi60XHWD27nrWtUQIsUYIG7Ca1WBwV2u2LSQ==}
+    dependencies:
+      '@volar/source-map': 1.10.0
+    dev: true
+
+  /@volar/source-map@1.10.0:
+    resolution: {integrity: sha512-/ibWdcOzDGiq/GM1JU2eX8fH1bvAhl66hfe8yEgLEzg9txgr6qb5sQ/DEz5PcDL75tF5H5sCRRwn8Eu8ezi9mw==}
+    dependencies:
+      muggle-string: 0.3.1
+    dev: true
+
+  /@volar/typescript@1.10.0:
+    resolution: {integrity: sha512-OtqGtFbUKYC0pLNIk3mHQp5xWnvL1CJIUc9VE39VdZ/oqpoBh5jKfb9uJ45Y4/oP/WYTrif/Uxl1k8VTPz66Gg==}
+    dependencies:
+      '@volar/language-core': 1.10.0
+    dev: true
+
+  /@vue/babel-helper-vue-transform-on@1.1.5:
+    resolution: {integrity: sha512-SgUymFpMoAyWeYWLAY+MkCK3QEROsiUnfaw5zxOVD/M64KQs8D/4oK6Q5omVA2hnvEOE0SCkH2TZxs/jnnUj7w==}
+    dev: true
+
+  /@vue/babel-plugin-jsx@1.1.5(@babel/core@7.22.19):
+    resolution: {integrity: sha512-nKs1/Bg9U1n3qSWnsHhCVQtAzI6aQXqua8j/bZrau8ywT1ilXQbK4FwEJGmU8fV7tcpuFvWmmN7TMmV1OBma1g==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-module-imports': 7.22.15
+      '@babel/plugin-syntax-jsx': 7.22.5(@babel/core@7.22.19)
+      '@babel/template': 7.22.15
+      '@babel/traverse': 7.22.19
+      '@babel/types': 7.22.19
+      '@vue/babel-helper-vue-transform-on': 1.1.5
+      camelcase: 6.3.0
+      html-tags: 3.3.1
+      svg-tags: 1.0.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@vue/compiler-core@3.2.47:
+    resolution: {integrity: sha512-p4D7FDnQb7+YJmO2iPEv0SQNeNzcbHdGByJDsT4lynf63AFkOTFN07HsiRSvjGo0QrxR/o3d0hUyNCUnBU2Tig==}
+    dependencies:
+      '@babel/parser': registry.npmmirror.com/@babel/parser@7.21.8
+      '@vue/shared': registry.npmmirror.com/@vue/shared@3.2.47
+      estree-walker: registry.npmmirror.com/estree-walker@2.0.2
+      source-map: 0.6.1
+    dev: true
+
+  /@vue/compiler-dom@3.2.47:
+    resolution: {integrity: sha512-dBBnEHEPoftUiS03a4ggEig74J2YBZ2UIeyfpcRM2tavgMWo4bsEfgCGsu+uJIL/vax9S+JztH8NmQerUo7shQ==}
+    dependencies:
+      '@vue/compiler-core': registry.npmmirror.com/@vue/compiler-core@3.2.47
+      '@vue/shared': registry.npmmirror.com/@vue/shared@3.2.47
+    dev: true
+
+  /@vue/compiler-dom@3.3.4:
+    resolution: {integrity: sha512-wyM+OjOVpuUukIq6p5+nwHYtj9cFroz9cwkfmP9O1nzH68BenTTv0u7/ndggT8cIQlnBeOo6sUT/gvHcIkLA5w==}
+    dependencies:
+      '@vue/compiler-core': registry.npmmirror.com/@vue/compiler-core@3.3.4
+      '@vue/shared': registry.npmmirror.com/@vue/shared@3.3.4
+
+  /@vue/compiler-sfc@3.2.47:
+    resolution: {integrity: sha512-rog05W+2IFfxjMcFw10tM9+f7i/+FFpZJJ5XHX72NP9eC2uRD+42M3pYcQqDXVYoj74kHMSEdQ/WmCjt8JFksQ==}
+    dependencies:
+      '@babel/parser': 7.21.3
+      '@vue/compiler-core': 3.2.47
+      '@vue/compiler-dom': 3.2.47
+      '@vue/compiler-ssr': 3.2.47
+      '@vue/reactivity-transform': 3.2.47
+      '@vue/shared': 3.2.47
+      estree-walker: 2.0.2
+      magic-string: 0.25.9
+      postcss: 8.4.29
+      source-map: 0.6.1
+    dev: true
+
+  /@vue/compiler-sfc@3.3.4:
+    resolution: {integrity: sha512-6y/d8uw+5TkCuzBkgLS0v3lSM3hJDntFEiUORM11pQ/hKvkhSKZrXW6i69UyXlJQisJxuUEJKAWEqWbWsLeNKQ==}
+    dependencies:
+      '@babel/parser': registry.npmmirror.com/@babel/parser@7.21.8
+      '@vue/compiler-core': registry.npmmirror.com/@vue/compiler-core@3.3.4
+      '@vue/compiler-dom': registry.npmmirror.com/@vue/compiler-dom@3.3.4
+      '@vue/compiler-ssr': 3.3.4
+      '@vue/reactivity-transform': 3.3.4
+      '@vue/shared': registry.npmmirror.com/@vue/shared@3.3.4
+      estree-walker: registry.npmmirror.com/estree-walker@2.0.2
+      magic-string: 0.30.0
+      postcss: 8.4.29
+      source-map-js: registry.npmmirror.com/source-map-js@1.0.2
+
+  /@vue/compiler-ssr@3.2.47:
+    resolution: {integrity: sha512-wVXC+gszhulcMD8wpxMsqSOpvDZ6xKXSVWkf50Guf/S+28hTAXPDYRTbLQ3EDkOP5Xz/+SY37YiwDquKbJOgZw==}
+    dependencies:
+      '@vue/compiler-dom': registry.npmmirror.com/@vue/compiler-dom@3.2.47
+      '@vue/shared': registry.npmmirror.com/@vue/shared@3.2.47
+    dev: true
+
+  /@vue/compiler-ssr@3.3.4:
+    resolution: {integrity: sha512-m0v6oKpup2nMSehwA6Uuu+j+wEwcy7QmwMkVNVfrV9P2qE5KshC6RwOCq8fjGS/Eak/uNb8AaWekfiXxbBB6gQ==}
+    dependencies:
+      '@vue/compiler-dom': registry.npmmirror.com/@vue/compiler-dom@3.3.4
+      '@vue/shared': registry.npmmirror.com/@vue/shared@3.3.4
+
+  /@vue/devtools-api@6.5.0:
+    resolution: {integrity: sha512-o9KfBeaBmCKl10usN4crU53fYtC1r7jJwdGKjPT24t348rHxgfpZ0xL3Xm/gLUYnc0oTp8LAmrxOeLyu6tbk2Q==}
+    dev: false
+
+  /@vue/language-core@1.8.11(typescript@5.1.6):
+    resolution: {integrity: sha512-+MZOBGqGwfld6hpo0DB47x8eNM0dNqk15ZdfOhj19CpvuYuOWCeVdOEGZunKDyo3QLkTn3kLOSysJzg7FDOQBA==}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@volar/language-core': 1.10.0
+      '@volar/source-map': 1.10.0
+      '@vue/compiler-dom': 3.3.4
+      '@vue/reactivity': 3.3.4
+      '@vue/shared': 3.3.4
+      minimatch: 9.0.0
+      muggle-string: 0.3.1
+      typescript: 5.1.6
+      vue-template-compiler: 2.7.14
+    dev: true
+
+  /@vue/reactivity-transform@3.2.47:
+    resolution: {integrity: sha512-m8lGXw8rdnPVVIdIFhf0LeQ/ixyHkH5plYuS83yop5n7ggVJU+z5v0zecwEnX7fa7HNLBhh2qngJJkxpwEEmYA==}
+    dependencies:
+      '@babel/parser': registry.npmmirror.com/@babel/parser@7.21.8
+      '@vue/compiler-core': registry.npmmirror.com/@vue/compiler-core@3.2.47
+      '@vue/shared': registry.npmmirror.com/@vue/shared@3.2.47
+      estree-walker: registry.npmmirror.com/estree-walker@2.0.2
+      magic-string: 0.25.9
+    dev: true
+
+  /@vue/reactivity-transform@3.3.4:
+    resolution: {integrity: sha512-MXgwjako4nu5WFLAjpBnCj/ieqcjE2aJBINUNQzkZQfzIZA4xn+0fV1tIYBJvvva3N3OvKGofRLvQIwEQPpaXw==}
+    dependencies:
+      '@babel/parser': registry.npmmirror.com/@babel/parser@7.21.8
+      '@vue/compiler-core': registry.npmmirror.com/@vue/compiler-core@3.3.4
+      '@vue/shared': registry.npmmirror.com/@vue/shared@3.3.4
+      estree-walker: registry.npmmirror.com/estree-walker@2.0.2
+      magic-string: 0.30.0
+
+  /@vue/reactivity@3.3.4:
+    resolution: {integrity: sha512-kLTDLwd0B1jG08NBF3R5rqULtv/f8x3rOFByTDz4J53ttIQEDmALqKqXY0J+XQeN0aV2FBxY8nJDf88yvOPAqQ==}
+    dependencies:
+      '@vue/shared': 3.3.4
+    dev: true
+
+  /@vue/runtime-core@3.3.4:
+    resolution: {integrity: sha512-R+bqxMN6pWO7zGI4OMlmvePOdP2c93GsHFM/siJI7O2nxFRzj55pLwkpCedEY+bTMgp5miZ8CxfIZo3S+gFqvA==}
+    dependencies:
+      '@vue/reactivity': registry.npmmirror.com/@vue/reactivity@3.3.4
+      '@vue/shared': registry.npmmirror.com/@vue/shared@3.3.4
+
+  /@vue/runtime-dom@3.3.4:
+    resolution: {integrity: sha512-Aj5bTJ3u5sFsUckRghsNjVTtxZQ1OyMWCr5dZRAPijF/0Vy4xEoRCwLyHXcj4D0UFbJ4lbx3gPTgg06K/GnPnQ==}
+    dependencies:
+      '@vue/runtime-core': 3.3.4
+      '@vue/shared': registry.npmmirror.com/@vue/shared@3.3.4
+      csstype: 3.1.2
+
+  /@vue/server-renderer@3.3.4(vue@3.3.4):
+    resolution: {integrity: sha512-Q6jDDzR23ViIb67v+vM1Dqntu+HUexQcsWKhhQa4ARVzxOY2HbC7QRW/ggkDBd5BU+uM1sV6XOAP0b216o34JQ==}
+    peerDependencies:
+      vue: 3.3.4
+    dependencies:
+      '@vue/compiler-ssr': 3.3.4
+      '@vue/shared': registry.npmmirror.com/@vue/shared@3.3.4
+      vue: 3.3.4
+
+  /@vue/shared@3.2.47:
+    resolution: {integrity: sha512-BHGyyGN3Q97EZx0taMQ+OLNuZcW3d37ZEVmEAyeoA9ERdGvm9Irc/0Fua8SNyOtV1w6BS4q25wbMzJujO9HIfQ==}
+    dev: true
+
+  /@vue/shared@3.3.4:
+    resolution: {integrity: sha512-7OjdcV8vQ74eiz1TZLzZP4JwqM5fA94K6yntPS5Z25r9HDuGNzaGdgvwKYq6S+MxwF0TFRwe50fIR/MYnakdkQ==}
+
+  /@vue/typescript@1.8.11(typescript@5.1.6):
+    resolution: {integrity: sha512-skUmMDiPUUtu1flPmf2YybF+PX8IzBtMioQOaNn6Ck/RhdrPJGj1AX/7s3Buf9G6ln+/KHR1XQuti/FFxw5XVA==}
+    dependencies:
+      '@volar/typescript': 1.10.0
+      '@vue/language-core': 1.8.11(typescript@5.1.6)
+    transitivePeerDependencies:
+      - typescript
+    dev: true
+
+  /@vueuse/core@10.4.1(vue@3.3.4):
+    resolution: {integrity: sha512-DkHIfMIoSIBjMgRRvdIvxsyboRZQmImofLyOHADqiVbQVilP8VVHDhBX2ZqoItOgu7dWa8oXiNnScOdPLhdEXg==}
+    dependencies:
+      '@types/web-bluetooth': 0.0.17
+      '@vueuse/metadata': 10.4.1
+      '@vueuse/shared': 10.4.1(vue@3.3.4)
+      vue-demi: 0.14.5(vue@3.3.4)
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+      - vue
+    dev: false
+
+  /@vueuse/core@9.13.0(vue@3.3.4):
+    resolution: {integrity: sha512-pujnclbeHWxxPRqXWmdkKV5OX4Wk4YeK7wusHqRwU0Q7EFusHoqNA/aPhB6KCh9hEqJkLAJo7bb0Lh9b+OIVzw==}
+    dependencies:
+      '@types/web-bluetooth': 0.0.16
+      '@vueuse/metadata': 9.13.0
+      '@vueuse/shared': 9.13.0(vue@3.3.4)
+      vue-demi: 0.14.5(vue@3.3.4)
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+      - vue
+    dev: false
+
+  /@vueuse/metadata@10.4.1:
+    resolution: {integrity: sha512-2Sc8X+iVzeuMGHr6O2j4gv/zxvQGGOYETYXEc41h0iZXIRnRbJZGmY/QP8dvzqUelf8vg0p/yEA5VpCEu+WpZg==}
+    dev: false
+
+  /@vueuse/metadata@9.13.0:
+    resolution: {integrity: sha512-gdU7TKNAUVlXXLbaF+ZCfte8BjRJQWPCa2J55+7/h+yDtzw3vOoGQDRXzI6pyKyo6bXFT5/QoPE4hAknExjRLQ==}
+    dev: false
+
+  /@vueuse/shared@10.4.1(vue@3.3.4):
+    resolution: {integrity: sha512-vz5hbAM4qA0lDKmcr2y3pPdU+2EVw/yzfRsBdu+6+USGa4PxqSQRYIUC9/NcT06y+ZgaTsyURw2I9qOFaaXHAg==}
+    dependencies:
+      vue-demi: 0.14.5(vue@3.3.4)
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+      - vue
+    dev: false
+
+  /@vueuse/shared@9.13.0(vue@3.3.4):
+    resolution: {integrity: sha512-UrnhU+Cnufu4S6JLCPZnkWh0WwZGUp72ktOF2DFptMlOs3TOdVv8xJN53zhHGARmVOsz5KqOls09+J1NR6sBKw==}
+    dependencies:
+      vue-demi: 0.14.5(vue@3.3.4)
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+      - vue
+    dev: false
+
+  /JSONStream@1.3.5:
+    resolution: {integrity: sha512-E+iruNOY8VV9s4JEbe1aNEm6MiszPRr/UfcHMz0TQh1BXSxHK+ASV1R6W4HpjBhSeS+54PIsAMCBmwD06LLsqQ==}
+    hasBin: true
+    dependencies:
+      jsonparse: 1.3.1
+      through: 2.3.8
+    dev: true
+
+  /acorn-jsx@5.3.2(acorn@8.10.0):
+    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
+    peerDependencies:
+      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
+    dependencies:
+      acorn: 8.10.0
+    dev: true
+
+  /acorn-walk@8.2.0:
+    resolution: {integrity: sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==}
+    engines: {node: '>=0.4.0'}
+    dev: true
+
+  /acorn@8.10.0:
+    resolution: {integrity: sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+    dev: true
+
+  /acorn@8.8.2:
+    resolution: {integrity: sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+    dev: true
+
+  /add-stream@1.0.0:
+    resolution: {integrity: sha512-qQLMr+8o0WC4FZGQTcJiKBVC59JylcPSrTtk6usvmIDFUOCKegapy1VHQwRbFMOFyb/inzUVqHs+eMYKDM1YeQ==}
+    dev: true
+
+  /ajv@6.12.6:
+    resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
+    dependencies:
+      fast-deep-equal: 3.1.3
+      fast-json-stable-stringify: 2.1.0
+      json-schema-traverse: 0.4.1
+      uri-js: 4.4.1
+    dev: true
+
+  /ajv@8.12.0:
+    resolution: {integrity: sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==}
+    dependencies:
+      fast-deep-equal: 3.1.3
+      json-schema-traverse: 1.0.0
+      require-from-string: 2.0.2
+      uri-js: 4.4.1
+    dev: true
+
+  /ansi-escapes@5.0.0:
+    resolution: {integrity: sha512-5GFMVX8HqE/TB+FuBJGuO5XG0WrsA6ptUqoODaT/n9mmUaZFkqnBueB4leqGBCmrUHnCnC4PCZTCd0E7QQ83bA==}
+    engines: {node: '>=12'}
+    dependencies:
+      type-fest: 1.4.0
+    dev: true
+
+  /ansi-regex@2.1.1:
+    resolution: {integrity: sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /ansi-regex@5.0.1:
+    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /ansi-regex@6.0.1:
+    resolution: {integrity: sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /ansi-styles@2.2.1:
+    resolution: {integrity: sha512-kmCevFghRiWM7HB5zTPULl4r9bVFSWjz62MhqizDGUrq2NWuNMQyuv4tHHoKJHs69M/MF64lEcHdYIocrdWQYA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /ansi-styles@3.2.1:
+    resolution: {integrity: sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==}
+    engines: {node: '>=4'}
+    dependencies:
+      color-convert: 1.9.3
+    dev: true
+
+  /ansi-styles@4.3.0:
+    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
+    engines: {node: '>=8'}
+    dependencies:
+      color-convert: 2.0.1
+    dev: true
+
+  /ansi-styles@6.2.1:
+    resolution: {integrity: sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /anymatch@3.1.3:
+    resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
+    engines: {node: '>= 8'}
+    dependencies:
+      normalize-path: 3.0.0
+      picomatch: 2.3.1
+    dev: true
+
+  /arg@4.1.3:
+    resolution: {integrity: sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==}
+    dev: true
+
+  /argparse@2.0.1:
+    resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
+    dev: true
+
+  /arr-diff@4.0.0:
+    resolution: {integrity: sha512-YVIQ82gZPGBebQV/a8dar4AitzCQs0jjXwMPZllpXMaGjXPYVUawSxQrRsjhjupyVxEvbHgUmIhKVlND+j02kA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /arr-flatten@1.1.0:
+    resolution: {integrity: sha512-L3hKV5R/p5o81R7O02IGnwpDmkp6E982XhtbuwSe3O4qOtMMMtodicASA1Cny2U+aCXcNpml+m4dPsvsJ3jatg==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /arr-union@3.1.0:
+    resolution: {integrity: sha512-sKpyeERZ02v1FeCZT8lrfJq5u6goHCtpTAzPwJYe7c8SPFOboNjNg1vz2L4VTn9T4PQxEx13TbXLmYUcS6Ug7Q==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /array-buffer-byte-length@1.0.0:
+    resolution: {integrity: sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==}
+    dependencies:
+      call-bind: 1.0.2
+      is-array-buffer: 3.0.2
+    dev: true
+
+  /array-ify@1.0.0:
+    resolution: {integrity: sha512-c5AMf34bKdvPhQ7tBGhqkgKNUzMr4WUs+WDtC2ZUGOUncbxKMTvqxYctiseW3+L4bA8ec+GcZ6/A/FW4m8ukng==}
+    dev: true
+
+  /array-union@2.1.0:
+    resolution: {integrity: sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /array-unique@0.3.2:
+    resolution: {integrity: sha512-SleRWjh9JUud2wH1hPs9rZBZ33H6T9HOiL0uwGnGx9FpE6wKGyfWugmbkEOIs6qWrZhg0LWeLziLrEwQJhs5mQ==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /arrify@1.0.1:
+    resolution: {integrity: sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /assign-symbols@1.0.0:
+    resolution: {integrity: sha512-Q+JC7Whu8HhmTdBph/Tq59IoRtoy6KAm5zzPv00WdujX82lbAL8K7WVjne7vdCsAmbF4AYaDOPyO3k0kl8qIrw==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /astral-regex@2.0.0:
+    resolution: {integrity: sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /async-validator@4.2.5:
+    resolution: {integrity: sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg==}
+    dev: false
+
+  /async@3.2.4:
+    resolution: {integrity: sha512-iAB+JbDEGXhyIUavoDl9WP/Jj106Kz9DEn1DPgYw5ruDn0e3Wgi3sKFm55sASdGBNOQB8F59d9qQ7deqrHA8wQ==}
+    dev: true
+
+  /asynckit@0.4.0:
+    resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
+    dev: false
+
+  /at-least-node@1.0.0:
+    resolution: {integrity: sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==}
+    engines: {node: '>= 4.0.0'}
+    dev: true
+
+  /atob@2.1.2:
+    resolution: {integrity: sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==}
+    engines: {node: '>= 4.5.0'}
+    hasBin: true
+    dev: true
+
+  /autoprefixer@10.4.15(postcss@8.4.29):
+    resolution: {integrity: sha512-KCuPB8ZCIqFdA4HwKXsvz7j6gvSDNhDP7WnUjBleRkKjPdvCmHFuQ77ocavI8FT6NdvlBnE2UFr2H4Mycn8Vew==}
+    engines: {node: ^10 || ^12 || >=14}
+    hasBin: true
+    peerDependencies:
+      postcss: ^8.1.0
+    dependencies:
+      browserslist: 4.21.10
+      caniuse-lite: 1.0.30001534
+      fraction.js: 4.2.0
+      normalize-range: 0.1.2
+      picocolors: 1.0.0
+      postcss: 8.4.29
+      postcss-value-parser: 4.2.0
+    dev: true
+
+  /available-typed-arrays@1.0.5:
+    resolution: {integrity: sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==}
+    engines: {node: '>= 0.4'}
+    dev: true
+
+  /axios@1.5.0:
+    resolution: {integrity: sha512-D4DdjDo5CY50Qms0qGQTTw6Q44jl7zRwY7bthds06pUGfChBCTcQs+N743eFWGEd6pRTMd6A+I87aWyFV5wiZQ==}
+    dependencies:
+      follow-redirects: 1.15.2
+      form-data: 4.0.0
+      proxy-from-env: 1.1.0
+    transitivePeerDependencies:
+      - debug
+    dev: false
+
+  /babel-plugin-polyfill-corejs2@0.3.3(@babel/core@7.22.19):
+    resolution: {integrity: sha512-8hOdmFYFSZhqg2C/JgLUQ+t52o5nirNwaWM2B9LWteozwIvM14VSwdsCAUET10qT+kmySAlseadmfeeSWFCy+Q==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/compat-data': 7.22.9
+      '@babel/core': 7.22.19
+      '@babel/helper-define-polyfill-provider': 0.3.3(@babel/core@7.22.19)
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /babel-plugin-polyfill-corejs3@0.6.0(@babel/core@7.22.19):
+    resolution: {integrity: sha512-+eHqR6OPcBhJOGgsIar7xoAB1GcSwVUA3XjAd7HJNzOXT4wv6/H7KIdA/Nc60cvUlDbKApmqNvD1B1bzOt4nyA==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-define-polyfill-provider': 0.3.3(@babel/core@7.22.19)
+      core-js-compat: 3.30.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /babel-plugin-polyfill-regenerator@0.4.1(@babel/core@7.22.19):
+    resolution: {integrity: sha512-NtQGmyQDXjQqQ+IzRkBVwEOz9lQ4zxAQZgoAYEtU9dJjnl1Oc98qnN7jcp+bE7O7aYzVpavXE3/VKXNzUbh7aw==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.19
+      '@babel/helper-define-polyfill-provider': 0.3.3(@babel/core@7.22.19)
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /balanced-match@1.0.2:
+    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
+    dev: true
+
+  /balanced-match@2.0.0:
+    resolution: {integrity: sha512-1ugUSr8BHXRnK23KfuYS+gVMC3LB8QGH9W1iGtDPsNWoQbgtXSExkBu2aDR4epiGWZOjZsj6lDl/N/AqqTC3UA==}
+    dev: true
+
+  /base@0.11.2:
+    resolution: {integrity: sha512-5T6P4xPgpp0YDFvSWwEZ4NoE3aM4QBQXDzmVbraCkFj8zHM+mba8SyqB5DbZWyR7mYHo6Y7BdQo3MoA4m0TeQg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      cache-base: 1.0.1
+      class-utils: 0.3.6
+      component-emitter: 1.3.0
+      define-property: 1.0.0
+      isobject: 3.0.1
+      mixin-deep: 1.3.2
+      pascalcase: 0.1.1
+    dev: true
+
+  /big-integer@1.6.51:
+    resolution: {integrity: sha512-GPEid2Y9QU1Exl1rpO9B2IPJGHPSupF5GnVIP0blYvNOMer2bTvSWs1jGOUg04hTmu67nmLsQ9TBo1puaotBHg==}
+    engines: {node: '>=0.6'}
+    dev: true
+
+  /big.js@5.2.2:
+    resolution: {integrity: sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==}
+    dev: true
+
+  /binary-extensions@2.2.0:
+    resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /bluebird@3.7.2:
+    resolution: {integrity: sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==}
+    dev: true
+
+  /boolbase@1.0.0:
+    resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}
+    dev: true
+
+  /bplist-parser@0.2.0:
+    resolution: {integrity: sha512-z0M+byMThzQmD9NILRniCUXYsYpjwnlO8N5uCFaCqIOpqRsJCrQL9NK3JsD67CN5a08nF5oIL2bD6loTdHOuKw==}
+    engines: {node: '>= 5.10.0'}
+    dependencies:
+      big-integer: 1.6.51
+    dev: true
+
+  /brace-expansion@1.1.11:
+    resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
+    dependencies:
+      balanced-match: registry.npmmirror.com/balanced-match@1.0.2
+      concat-map: 0.0.1
+    dev: true
+
+  /brace-expansion@2.0.1:
+    resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==}
+    dependencies:
+      balanced-match: 1.0.2
+    dev: true
+
+  /braces@2.3.2:
+    resolution: {integrity: sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      arr-flatten: 1.1.0
+      array-unique: 0.3.2
+      extend-shallow: 2.0.1
+      fill-range: 4.0.0
+      isobject: 3.0.1
+      repeat-element: 1.1.4
+      snapdragon: 0.8.2
+      snapdragon-node: 2.1.1
+      split-string: 3.1.0
+      to-regex: 3.0.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /braces@3.0.2:
+    resolution: {integrity: sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==}
+    engines: {node: '>=8'}
+    dependencies:
+      fill-range: 7.0.1
+    dev: true
+
+  /browserslist@4.21.10:
+    resolution: {integrity: sha512-bipEBdZfVH5/pwrvqc+Ub0kUPVfGUhlKxbvfD+z1BDnPEO/X98ruXGA1WP5ASpAFKan7Qr6j736IacbZQuAlKQ==}
+    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
+    hasBin: true
+    dependencies:
+      caniuse-lite: 1.0.30001534
+      electron-to-chromium: 1.4.522
+      node-releases: 2.0.13
+      update-browserslist-db: 1.0.11(browserslist@4.21.10)
+    dev: true
+
+  /buffer-from@1.1.2:
+    resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==}
+    dev: true
+
+  /builtin-modules@3.3.0:
+    resolution: {integrity: sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /bundle-name@3.0.0:
+    resolution: {integrity: sha512-PKA4BeSvBpQKQ8iPOGCSiell+N8P+Tf1DlwqmYhpe2gAhKPHn8EYOxVT+ShuGmhg8lN8XiSlS80yiExKXrURlw==}
+    engines: {node: '>=12'}
+    dependencies:
+      run-applescript: 5.0.0
+    dev: true
+
+  /cache-base@1.0.1:
+    resolution: {integrity: sha512-AKcdTnFSWATd5/GCPRxr2ChwIJ85CeyrEyjRHlKxQ56d4XJMGym0uAiKn0xbLOGOl3+yRpOTi484dVCEc5AUzQ==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      collection-visit: 1.0.0
+      component-emitter: 1.3.0
+      get-value: 2.0.6
+      has-value: 1.0.0
+      isobject: 3.0.1
+      set-value: 2.0.1
+      to-object-path: 0.3.0
+      union-value: 1.0.1
+      unset-value: 1.0.0
+    dev: true
+
+  /call-bind@1.0.2:
+    resolution: {integrity: sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==}
+    dependencies:
+      function-bind: 1.1.1
+      get-intrinsic: 1.2.0
+
+  /callsites@3.1.0:
+    resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /camel-case@4.1.2:
+    resolution: {integrity: sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==}
+    dependencies:
+      pascal-case: 3.1.2
+      tslib: 2.3.0
+    dev: true
+
+  /camelcase-keys@6.2.2:
+    resolution: {integrity: sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==}
+    engines: {node: '>=8'}
+    dependencies:
+      camelcase: 5.3.1
+      map-obj: 4.3.0
+      quick-lru: 4.0.1
+    dev: true
+
+  /camelcase-keys@7.0.2:
+    resolution: {integrity: sha512-Rjs1H+A9R+Ig+4E/9oyB66UC5Mj9Xq3N//vcLf2WzgdTi/3gUu3Z9KoqmlrEG4VuuLK8wJHofxzdQXz/knhiYg==}
+    engines: {node: '>=12'}
+    dependencies:
+      camelcase: 6.3.0
+      map-obj: 4.3.0
+      quick-lru: 5.1.1
+      type-fest: 1.4.0
+    dev: true
+
+  /camelcase@5.3.1:
+    resolution: {integrity: sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /camelcase@6.3.0:
+    resolution: {integrity: sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /caniuse-lite@1.0.30001534:
+    resolution: {integrity: sha512-vlPVrhsCS7XaSh2VvWluIQEzVhefrUQcEsQWSS5A5V+dM07uv1qHeQzAOTGIMy9i3e9bH15+muvI/UHojVgS/Q==}
+    dev: true
+
+  /chalk@1.1.3:
+    resolution: {integrity: sha512-U3lRVLMSlsCfjqYPbLyVv11M9CPW4I728d6TCKMAOJueEeB9/8o+eSsMnxPJD+Q+K909sdESg7C+tIkoH6on1A==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      ansi-styles: 2.2.1
+      escape-string-regexp: 1.0.5
+      has-ansi: 2.0.0
+      strip-ansi: 3.0.1
+      supports-color: 2.0.0
+    dev: true
+
+  /chalk@2.4.2:
+    resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==}
+    engines: {node: '>=4'}
+    dependencies:
+      ansi-styles: 3.2.1
+      escape-string-regexp: 1.0.5
+      supports-color: 5.5.0
+    dev: true
+
+  /chalk@4.1.2:
+    resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
+    engines: {node: '>=10'}
+    dependencies:
+      ansi-styles: 4.3.0
+      supports-color: 7.2.0
+    dev: true
+
+  /chalk@5.3.0:
+    resolution: {integrity: sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==}
+    engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
+    dev: true
+
+  /charenc@0.0.2:
+    resolution: {integrity: sha512-yrLQ/yVUFXkzg7EDQsPieE/53+0RlaWTs+wBrvW36cyilJ2SaDWfl4Yj7MtLTXleV9uEKefbAGUPv2/iWSooRA==}
+    dev: false
+
+  /chokidar@3.5.3:
+    resolution: {integrity: sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==}
+    engines: {node: '>= 8.10.0'}
+    dependencies:
+      anymatch: 3.1.3
+      braces: 3.0.2
+      glob-parent: 5.1.2
+      is-binary-path: 2.1.0
+      is-glob: 4.0.3
+      normalize-path: 3.0.0
+      readdirp: 3.6.0
+    optionalDependencies:
+      fsevents: 2.3.2
+    dev: true
+
+  /class-utils@0.3.6:
+    resolution: {integrity: sha512-qOhPa/Fj7s6TY8H8esGu5QNpMMQxz79h+urzrNYN6mn+9BnxlDGf5QZ+XeCDsxSjPqsSR56XOZOJmpeurnLMeg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      arr-union: 3.1.0
+      define-property: 0.2.5
+      isobject: 3.0.1
+      static-extend: 0.1.2
+    dev: true
+
+  /clean-css@5.3.2:
+    resolution: {integrity: sha512-JVJbM+f3d3Q704rF4bqQ5UUyTtuJ0JRKNbTKVEeujCCBoMdkEi+V+e8oktO9qGQNSvHrFTM6JZRXrUvGR1czww==}
+    engines: {node: '>= 10.0'}
+    dependencies:
+      source-map: 0.6.1
+    dev: true
+
+  /cli-cursor@4.0.0:
+    resolution: {integrity: sha512-VGtlMu3x/4DOtIUwEkRezxUZ2lBacNJCHash0N0WeZDBS+7Ux1dm3XWAgWYxLJFMMdOeXMHXorshEFhbMSGelg==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dependencies:
+      restore-cursor: 4.0.0
+    dev: true
+
+  /cli-truncate@3.1.0:
+    resolution: {integrity: sha512-wfOBkjXteqSnI59oPcJkcPl/ZmwvMMOj340qUIY1SKZCv0B9Cf4D4fAucRkIKQmsIuYK3x1rrgU7MeGRruiuiA==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dependencies:
+      slice-ansi: 5.0.0
+      string-width: 5.1.2
+    dev: true
+
+  /cliui@7.0.4:
+    resolution: {integrity: sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==}
+    dependencies:
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+      wrap-ansi: 7.0.0
+    dev: true
+
+  /cliui@8.0.1:
+    resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+      wrap-ansi: 7.0.0
+    dev: true
+
+  /clone@2.1.2:
+    resolution: {integrity: sha512-3Pe/CF1Nn94hyhIYpjtiLhdCoEoz0DqQ+988E9gmeEdQZlojxnOb74wctFyuwWQHzqyf9X7C7MG8juUpqBJT8w==}
+    engines: {node: '>=0.8'}
+    dev: true
+
+  /collection-visit@1.0.0:
+    resolution: {integrity: sha512-lNkKvzEeMBBjUGHZ+q6z9pSJla0KWAQPvtzhEV9+iGyQYG+pBpl7xKDhxoNSOZH2hhv0v5k0y2yAM4o4SjoSkw==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      map-visit: 1.0.0
+      object-visit: 1.0.1
+    dev: true
+
+  /color-convert@1.9.3:
+    resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==}
+    dependencies:
+      color-name: 1.1.3
+    dev: true
+
+  /color-convert@2.0.1:
+    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
+    engines: {node: '>=7.0.0'}
+    dependencies:
+      color-name: 1.1.4
+    dev: true
+
+  /color-name@1.1.3:
+    resolution: {integrity: sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==}
+    dev: true
+
+  /color-name@1.1.4:
+    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
+    dev: true
+
+  /colord@2.9.3:
+    resolution: {integrity: sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==}
+    dev: true
+
+  /colorette@2.0.19:
+    resolution: {integrity: sha512-3tlv/dIP7FWvj3BsbHrGLJ6l/oKh1O3TcgBqMn+yyCagOxc23fyzDS6HypQbgxWbkpDnf52p1LuR4eWDQ/K9WQ==}
+    dev: true
+
+  /colorette@2.0.20:
+    resolution: {integrity: sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==}
+    dev: true
+
+  /combined-stream@1.0.8:
+    resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
+    engines: {node: '>= 0.8'}
+    dependencies:
+      delayed-stream: 1.0.0
+    dev: false
+
+  /commander@11.0.0:
+    resolution: {integrity: sha512-9HMlXtt/BNoYr8ooyjjNRdIilOTkVJXB+GhxMTtOKwk0R4j4lS4NpjuqmRxroBfnfTSHQIHQB7wryHhXarNjmQ==}
+    engines: {node: '>=16'}
+    dev: true
+
+  /commander@2.20.3:
+    resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
+    dev: true
+
+  /commander@7.2.0:
+    resolution: {integrity: sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==}
+    engines: {node: '>= 10'}
+    dev: true
+
+  /commander@8.3.0:
+    resolution: {integrity: sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==}
+    engines: {node: '>= 12'}
+    dev: true
+
+  /common-tags@1.8.2:
+    resolution: {integrity: sha512-gk/Z852D2Wtb//0I+kRFNKKE9dIIVirjoqPoA1wJU+XePVXZfGeBpk45+A1rKO4Q43prqWBNY/MiIeRLbPWUaA==}
+    engines: {node: '>=4.0.0'}
+    dev: true
+
+  /compare-func@2.0.0:
+    resolution: {integrity: sha512-zHig5N+tPWARooBnb0Zx1MFcdfpyJrfTJ3Y5L+IFvUm8rM74hHz66z0gw0x4tijh5CorKkKUCnW82R2vmpeCRA==}
+    dependencies:
+      array-ify: 1.0.0
+      dot-prop: 5.3.0
+    dev: true
+
+  /component-emitter@1.3.0:
+    resolution: {integrity: sha512-Rd3se6QB+sO1TwqZjscQrurpEPIfO0/yYnSin6Q/rD3mOutHvUrCAhJub3r90uNb+SESBuE0QYoB90YdfatsRg==}
+    dev: true
+
+  /concat-map@0.0.1:
+    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
+    dev: true
+
+  /concat-stream@2.0.0:
+    resolution: {integrity: sha512-MWufYdFw53ccGjCA+Ol7XJYpAlW6/prSMzuPOTRnJGcGzuhLn4Scrz7qf6o8bROZ514ltazcIFJZevcfbo0x7A==}
+    engines: {'0': node >= 6.0}
+    dependencies:
+      buffer-from: 1.1.2
+      inherits: 2.0.4
+      readable-stream: 3.6.2
+      typedarray: 0.0.6
+    dev: true
+
+  /connect-history-api-fallback@1.6.0:
+    resolution: {integrity: sha512-e54B99q/OUoH64zYYRf3HBP5z24G38h5D3qXu23JGRoigpX5Ss4r9ZnDk3g0Z8uQC2x2lPaJ+UlWBc1ZWBWdLg==}
+    engines: {node: '>=0.8'}
+    dev: true
+
+  /consola@2.15.3:
+    resolution: {integrity: sha512-9vAdYbHj6x2fLKC4+oPH0kFzY/orMZyG2Aj+kNylHxKGJ/Ed4dpNyAQYwJOdqO4zdM7XpVHmyejQDcQHrnuXbw==}
+    dev: true
+
+  /conventional-changelog-angular@5.0.13:
+    resolution: {integrity: sha512-i/gipMxs7s8L/QeuavPF2hLnJgH6pEZAttySB6aiQLWcX3puWDL3ACVmvBhJGxnAy52Qc15ua26BufY6KpmrVA==}
+    engines: {node: '>=10'}
+    dependencies:
+      compare-func: 2.0.0
+      q: 1.5.1
+    dev: true
+
+  /conventional-changelog-angular@6.0.0:
+    resolution: {integrity: sha512-6qLgrBF4gueoC7AFVHu51nHL9pF9FRjXrH+ceVf7WmAfH3gs+gEYOkvxhjMPjZu57I4AGUGoNTY8V7Hrgf1uqg==}
+    engines: {node: '>=14'}
+    dependencies:
+      compare-func: 2.0.0
+    dev: true
+
+  /conventional-changelog-atom@2.0.8:
+    resolution: {integrity: sha512-xo6v46icsFTK3bb7dY/8m2qvc8sZemRgdqLb/bjpBsH2UyOS8rKNTgcb5025Hri6IpANPApbXMg15QLb1LJpBw==}
+    engines: {node: '>=10'}
+    dependencies:
+      q: 1.5.1
+    dev: true
+
+  /conventional-changelog-codemirror@2.0.8:
+    resolution: {integrity: sha512-z5DAsn3uj1Vfp7po3gpt2Boc+Bdwmw2++ZHa5Ak9k0UKsYAO5mH1UBTN0qSCuJZREIhX6WU4E1p3IW2oRCNzQw==}
+    engines: {node: '>=10'}
+    dependencies:
+      q: 1.5.1
+    dev: true
+
+  /conventional-changelog-config-spec@2.1.0:
+    resolution: {integrity: sha512-IpVePh16EbbB02V+UA+HQnnPIohgXvJRxHcS5+Uwk4AT5LjzCZJm5sp/yqs5C6KZJ1jMsV4paEV13BN1pvDuxQ==}
+    dev: true
+
+  /conventional-changelog-conventionalcommits@4.6.3:
+    resolution: {integrity: sha512-LTTQV4fwOM4oLPad317V/QNQ1FY4Hju5qeBIM1uTHbrnCE+Eg4CdRZ3gO2pUeR+tzWdp80M2j3qFFEDWVqOV4g==}
+    engines: {node: '>=10'}
+    dependencies:
+      compare-func: 2.0.0
+      lodash: 4.17.21
+      q: 1.5.1
+    dev: true
+
+  /conventional-changelog-conventionalcommits@6.1.0:
+    resolution: {integrity: sha512-3cS3GEtR78zTfMzk0AizXKKIdN4OvSh7ibNz6/DPbhWWQu7LqE/8+/GqSodV+sywUR2gpJAdP/1JFf4XtN7Zpw==}
+    engines: {node: '>=14'}
+    dependencies:
+      compare-func: 2.0.0
+    dev: true
+
+  /conventional-changelog-core@4.2.4:
+    resolution: {integrity: sha512-gDVS+zVJHE2v4SLc6B0sLsPiloR0ygU7HaDW14aNJE1v4SlqJPILPl/aJC7YdtRE4CybBf8gDwObBvKha8Xlyg==}
+    engines: {node: '>=10'}
+    dependencies:
+      add-stream: 1.0.0
+      conventional-changelog-writer: 5.0.1
+      conventional-commits-parser: 3.2.4
+      dateformat: 3.0.3
+      get-pkg-repo: 4.2.1
+      git-raw-commits: 2.0.11
+      git-remote-origin-url: 2.0.0
+      git-semver-tags: 4.1.1
+      lodash: 4.17.21
+      normalize-package-data: 3.0.3
+      q: 1.5.1
+      read-pkg: 3.0.0
+      read-pkg-up: 3.0.0
+      through2: 4.0.2
+    dev: true
+
+  /conventional-changelog-ember@2.0.9:
+    resolution: {integrity: sha512-ulzIReoZEvZCBDhcNYfDIsLTHzYHc7awh+eI44ZtV5cx6LVxLlVtEmcO+2/kGIHGtw+qVabJYjdI5cJOQgXh1A==}
+    engines: {node: '>=10'}
+    dependencies:
+      q: 1.5.1
+    dev: true
+
+  /conventional-changelog-eslint@3.0.9:
+    resolution: {integrity: sha512-6NpUCMgU8qmWmyAMSZO5NrRd7rTgErjrm4VASam2u5jrZS0n38V7Y9CzTtLT2qwz5xEChDR4BduoWIr8TfwvXA==}
+    engines: {node: '>=10'}
+    dependencies:
+      q: 1.5.1
+    dev: true
+
+  /conventional-changelog-express@2.0.6:
+    resolution: {integrity: sha512-SDez2f3iVJw6V563O3pRtNwXtQaSmEfTCaTBPCqn0oG0mfkq0rX4hHBq5P7De2MncoRixrALj3u3oQsNK+Q0pQ==}
+    engines: {node: '>=10'}
+    dependencies:
+      q: 1.5.1
+    dev: true
+
+  /conventional-changelog-jquery@3.0.11:
+    resolution: {integrity: sha512-x8AWz5/Td55F7+o/9LQ6cQIPwrCjfJQ5Zmfqi8thwUEKHstEn4kTIofXub7plf1xvFA2TqhZlq7fy5OmV6BOMw==}
+    engines: {node: '>=10'}
+    dependencies:
+      q: 1.5.1
+    dev: true
+
+  /conventional-changelog-jshint@2.0.9:
+    resolution: {integrity: sha512-wMLdaIzq6TNnMHMy31hql02OEQ8nCQfExw1SE0hYL5KvU+JCTuPaDO+7JiogGT2gJAxiUGATdtYYfh+nT+6riA==}
+    engines: {node: '>=10'}
+    dependencies:
+      compare-func: 2.0.0
+      q: 1.5.1
+    dev: true
+
+  /conventional-changelog-preset-loader@2.3.4:
+    resolution: {integrity: sha512-GEKRWkrSAZeTq5+YjUZOYxdHq+ci4dNwHvpaBC3+ENalzFWuCWa9EZXSuZBpkr72sMdKB+1fyDV4takK1Lf58g==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /conventional-changelog-writer@5.0.1:
+    resolution: {integrity: sha512-5WsuKUfxW7suLblAbFnxAcrvf6r+0b7GvNaWUwUIk0bXMnENP/PEieGKVUQrjPqwPT4o3EPAASBXiY6iHooLOQ==}
+    engines: {node: '>=10'}
+    hasBin: true
+    dependencies:
+      conventional-commits-filter: 2.0.7
+      dateformat: 3.0.3
+      handlebars: 4.7.7
+      json-stringify-safe: 5.0.1
+      lodash: 4.17.21
+      meow: 8.1.2
+      semver: 6.3.0
+      split: 1.0.1
+      through2: 4.0.2
+    dev: true
+
+  /conventional-changelog@3.1.25:
+    resolution: {integrity: sha512-ryhi3fd1mKf3fSjbLXOfK2D06YwKNic1nC9mWqybBHdObPd8KJ2vjaXZfYj1U23t+V8T8n0d7gwnc9XbIdFbyQ==}
+    engines: {node: '>=10'}
+    dependencies:
+      conventional-changelog-angular: 5.0.13
+      conventional-changelog-atom: 2.0.8
+      conventional-changelog-codemirror: 2.0.8
+      conventional-changelog-conventionalcommits: 4.6.3
+      conventional-changelog-core: 4.2.4
+      conventional-changelog-ember: 2.0.9
+      conventional-changelog-eslint: 3.0.9
+      conventional-changelog-express: 2.0.6
+      conventional-changelog-jquery: 3.0.11
+      conventional-changelog-jshint: 2.0.9
+      conventional-changelog-preset-loader: 2.3.4
+    dev: true
+
+  /conventional-commits-filter@2.0.7:
+    resolution: {integrity: sha512-ASS9SamOP4TbCClsRHxIHXRfcGCnIoQqkvAzCSbZzTFLfcTqJVugB0agRgsEELsqaeWgsXv513eS116wnlSSPA==}
+    engines: {node: '>=10'}
+    dependencies:
+      lodash.ismatch: 4.4.0
+      modify-values: 1.0.1
+    dev: true
+
+  /conventional-commits-parser@3.2.4:
+    resolution: {integrity: sha512-nK7sAtfi+QXbxHCYfhpZsfRtaitZLIA6889kFIouLvz6repszQDgxBu7wf2WbU+Dco7sAnNCJYERCwt54WPC2Q==}
+    engines: {node: '>=10'}
+    hasBin: true
+    dependencies:
+      JSONStream: 1.3.5
+      is-text-path: 1.0.1
+      lodash: 4.17.21
+      meow: 8.1.2
+      split2: 3.2.2
+      through2: 4.0.2
+    dev: true
+
+  /conventional-commits-parser@4.0.0:
+    resolution: {integrity: sha512-WRv5j1FsVM5FISJkoYMR6tPk07fkKT0UodruX4je86V4owk451yjXAKzKAPOs9l7y59E2viHUS9eQ+dfUA9NSg==}
+    engines: {node: '>=14'}
+    hasBin: true
+    dependencies:
+      JSONStream: 1.3.5
+      is-text-path: 1.0.1
+      meow: 8.1.2
+      split2: 3.2.2
+    dev: true
+
+  /conventional-recommended-bump@6.1.0:
+    resolution: {integrity: sha512-uiApbSiNGM/kkdL9GTOLAqC4hbptObFo4wW2QRyHsKciGAfQuLU1ShZ1BIVI/+K2BE/W1AWYQMCXAsv4dyKPaw==}
+    engines: {node: '>=10'}
+    hasBin: true
+    dependencies:
+      concat-stream: 2.0.0
+      conventional-changelog-preset-loader: 2.3.4
+      conventional-commits-filter: 2.0.7
+      conventional-commits-parser: 3.2.4
+      git-raw-commits: 2.0.11
+      git-semver-tags: 4.1.1
+      meow: 8.1.2
+      q: 1.5.1
+    dev: true
+
+  /convert-source-map@1.9.0:
+    resolution: {integrity: sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==}
+    dev: true
+
+  /copy-descriptor@0.1.1:
+    resolution: {integrity: sha512-XgZ0pFcakEUlbwQEVNg3+QAis1FyTL3Qel9FYy8pSkQqoG3PNoT0bOCQtOXcOkur21r2Eq2kI+IE+gsmAEVlYw==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /core-js-compat@3.30.2:
+    resolution: {integrity: sha512-nriW1nuJjUgvkEjIot1Spwakz52V9YkYHZAQG6A1eCgC8AA1p0zngrQEP9R0+V6hji5XilWKG1Bd0YRppmGimA==}
+    dependencies:
+      browserslist: 4.21.10
+    dev: true
+
+  /core-util-is@1.0.3:
+    resolution: {integrity: sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==}
+    dev: true
+
+  /cors@2.8.5:
+    resolution: {integrity: sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==}
+    engines: {node: '>= 0.10'}
+    dependencies:
+      object-assign: 4.1.1
+      vary: 1.1.2
+    dev: true
+
+  /cosmiconfig-typescript-loader@4.3.0(@types/node@20.4.7)(cosmiconfig@8.2.0)(ts-node@10.9.1)(typescript@5.1.6):
+    resolution: {integrity: sha512-NTxV1MFfZDLPiBMjxbHRwSh5LaLcPMwNdCutmnHJCKoVnlvldPWlllonKwrsRJ5pYZBIBGRWWU2tfvzxgeSW5Q==}
+    engines: {node: '>=12', npm: '>=6'}
+    peerDependencies:
+      '@types/node': '*'
+      cosmiconfig: '>=7'
+      ts-node: '>=10'
+      typescript: '>=3'
+    dependencies:
+      '@types/node': 20.4.7
+      cosmiconfig: 8.2.0
+      ts-node: 10.9.1(@types/node@20.4.7)(typescript@5.1.6)
+      typescript: 5.1.6
+    dev: true
+
+  /cosmiconfig@8.2.0:
+    resolution: {integrity: sha512-3rTMnFJA1tCOPwRxtgF4wd7Ab2qvDbL8jX+3smjIbS4HlZBagTlpERbdN7iAbWlrfxE3M8c27kTwTawQ7st+OQ==}
+    engines: {node: '>=14'}
+    dependencies:
+      import-fresh: 3.3.0
+      js-yaml: 4.1.0
+      parse-json: 5.2.0
+      path-type: 4.0.0
+    dev: true
+
+  /create-require@1.1.1:
+    resolution: {integrity: sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==}
+    dev: true
+
+  /cross-spawn@7.0.3:
+    resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==}
+    engines: {node: '>= 8'}
+    dependencies:
+      path-key: 3.1.1
+      shebang-command: 2.0.0
+      which: 2.0.2
+    dev: true
+
+  /crypt@0.0.2:
+    resolution: {integrity: sha512-mCxBlsHFYh9C+HVpiEacem8FEBnMXgU9gy4zmNC+SXAZNB/1idgp/aulFJ4FgCi7GPEVbfyng092GqL2k2rmow==}
+    dev: false
+
+  /crypto-random-string@2.0.0:
+    resolution: {integrity: sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /css-functions-list@3.2.0:
+    resolution: {integrity: sha512-d/jBMPyYybkkLVypgtGv12R+pIFw4/f/IHtCTxWpZc8ofTYOPigIgmA6vu5rMHartZC+WuXhBUHfnyNUIQSYrg==}
+    engines: {node: '>=12.22'}
+    dev: true
+
+  /css-select@4.3.0:
+    resolution: {integrity: sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==}
+    dependencies:
+      boolbase: 1.0.0
+      css-what: 6.1.0
+      domhandler: 4.3.1
+      domutils: 2.8.0
+      nth-check: 2.1.1
+    dev: true
+
+  /css-tree@1.1.3:
+    resolution: {integrity: sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==}
+    engines: {node: '>=8.0.0'}
+    dependencies:
+      mdn-data: 2.0.14
+      source-map: 0.6.1
+    dev: true
+
+  /css-tree@2.3.1:
+    resolution: {integrity: sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
+    dependencies:
+      mdn-data: 2.0.30
+      source-map-js: 1.0.2
+    dev: true
+
+  /css-what@6.1.0:
+    resolution: {integrity: sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==}
+    engines: {node: '>= 6'}
+    dev: true
+
+  /cssesc@3.0.0:
+    resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
+    engines: {node: '>=4'}
+    hasBin: true
+    dev: true
+
+  /csso@4.2.0:
+    resolution: {integrity: sha512-wvlcdIbf6pwKEk7vHj8/Bkc0B4ylXZruLvOgs9doS5eOsOpuodOV2zJChSpkp+pRpYQLQMeF04nr3Z68Sta9jA==}
+    engines: {node: '>=8.0.0'}
+    dependencies:
+      css-tree: 1.1.3
+    dev: true
+
+  /csstype@3.1.2:
+    resolution: {integrity: sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==}
+
+  /cz-git@1.7.1:
+    resolution: {integrity: sha512-NMe4REukCS7op1YA1jixRXOgII8Um2/Ii8TeyFEOISgp2ZzeobzkMOP8dXSrTQ3bvmm7YpPOdr2301yJkOJcbA==}
+    engines: {node: '>=v12.20.0'}
+    dev: true
+
+  /czg@1.7.1:
+    resolution: {integrity: sha512-KP93cTbZxgWYDKJzZpjnLe0sy/2FwyegatnrOaqsath04WinvsdhZl5QCGkxTKBY2DavpKloIBW/WGZzCKmrlA==}
+    engines: {node: '>=v12.20.0'}
+    hasBin: true
+    dev: true
+
+  /dargs@7.0.0:
+    resolution: {integrity: sha512-2iy1EkLdlBzQGvbweYRFxmFath8+K7+AKB0TlhHWkNuH+TmovaMH/Wp7V7R4u7f4SnX3OgLsU9t1NI9ioDnUpg==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /dateformat@3.0.3:
+    resolution: {integrity: sha512-jyCETtSl3VMZMWeRo7iY1FL19ges1t55hMo5yaam4Jrsm5EPL89UQkoQRyiI+Yf4k8r2ZpdngkV8hr1lIdjb3Q==}
+    dev: true
+
+  /dayjs@1.11.9:
+    resolution: {integrity: sha512-QvzAURSbQ0pKdIye2txOzNaHmxtUBXerpY0FJsFXUMKbIZeFm5ht1LS/jFsrncjnmtv8HsG0W2g6c0zUjZWmpA==}
+    dev: false
+
+  /de-indent@1.0.2:
+    resolution: {integrity: sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==}
+    dev: true
+
+  /debug@2.6.9:
+    resolution: {integrity: sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+    dependencies:
+      ms: 2.0.0
+    dev: true
+
+  /debug@4.3.4:
+    resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+    dependencies:
+      ms: 2.1.2
+    dev: true
+
+  /decamelize-keys@1.1.1:
+    resolution: {integrity: sha512-WiPxgEirIV0/eIOMcnFBA3/IJZAZqKnwAwWyvvdi4lsr1WCN22nhdf/3db3DoZcUjTV2SqfzIwNyp6y2xs3nmg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      decamelize: 1.2.0
+      map-obj: 1.0.1
+    dev: true
+
+  /decamelize@1.2.0:
+    resolution: {integrity: sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /decamelize@5.0.1:
+    resolution: {integrity: sha512-VfxadyCECXgQlkoEAjeghAr5gY3Hf+IKjKb+X8tGVDtveCjN+USwprd2q3QXBR9T1+x2DG0XZF5/w+7HAtSaXA==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /decode-uri-component@0.2.2:
+    resolution: {integrity: sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ==}
+    engines: {node: '>=0.10'}
+    dev: true
+
+  /deep-is@0.1.4:
+    resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
+    dev: true
+
+  /deepmerge@4.3.1:
+    resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /default-browser-id@3.0.0:
+    resolution: {integrity: sha512-OZ1y3y0SqSICtE8DE4S8YOE9UZOJ8wO16fKWVP5J1Qz42kV9jcnMVFrEE/noXb/ss3Q4pZIH79kxofzyNNtUNA==}
+    engines: {node: '>=12'}
+    dependencies:
+      bplist-parser: 0.2.0
+      untildify: 4.0.0
+    dev: true
+
+  /default-browser@4.0.0:
+    resolution: {integrity: sha512-wX5pXO1+BrhMkSbROFsyxUm0i/cJEScyNhA4PPxc41ICuv05ZZB/MX28s8aZx6xjmatvebIapF6hLEKEcpneUA==}
+    engines: {node: '>=14.16'}
+    dependencies:
+      bundle-name: 3.0.0
+      default-browser-id: 3.0.0
+      execa: 7.2.0
+      titleize: 3.0.0
+    dev: true
+
+  /define-lazy-prop@2.0.0:
+    resolution: {integrity: sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /define-lazy-prop@3.0.0:
+    resolution: {integrity: sha512-N+MeXYoqr3pOgn8xfyRPREN7gHakLYjhsHhWGT3fWAiL4IkAt0iDw14QiiEm2bE30c5XX5q0FtAA3CK5f9/BUg==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /define-properties@1.2.0:
+    resolution: {integrity: sha512-xvqAVKGfT1+UAvPwKTVw/njhdQ8ZhXK4lI0bCIuCMrp2up9nPnaDftrLtmpTazqd1o+UY4zgzU+avtMbDP+ldA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      has-property-descriptors: 1.0.0
+      object-keys: 1.1.1
+    dev: true
+
+  /define-property@0.2.5:
+    resolution: {integrity: sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-descriptor: 0.1.6
+    dev: true
+
+  /define-property@1.0.0:
+    resolution: {integrity: sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-descriptor: 1.0.2
+    dev: true
+
+  /define-property@2.0.2:
+    resolution: {integrity: sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-descriptor: 1.0.2
+      isobject: 3.0.1
+    dev: true
+
+  /delayed-stream@1.0.0:
+    resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
+    engines: {node: '>=0.4.0'}
+    dev: false
+
+  /detect-indent@6.1.0:
+    resolution: {integrity: sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /detect-newline@3.1.0:
+    resolution: {integrity: sha512-TLz+x/vEXm/Y7P7wn1EJFNLxYpUD4TgMosxY6fAVJUnJMbupHBOncxyWUG9OpTaH9EBD7uFI5LfEgmMOc54DsA==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /diff@4.0.2:
+    resolution: {integrity: sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==}
+    engines: {node: '>=0.3.1'}
+    dev: true
+
+  /dir-glob@3.0.1:
+    resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==}
+    engines: {node: '>=8'}
+    dependencies:
+      path-type: 4.0.0
+    dev: true
+
+  /doctrine@3.0.0:
+    resolution: {integrity: sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==}
+    engines: {node: '>=6.0.0'}
+    dependencies:
+      esutils: 2.0.3
+    dev: true
+
+  /dom-serializer@0.2.2:
+    resolution: {integrity: sha512-2/xPb3ORsQ42nHYiSunXkDjPLBaEj/xTwUO4B7XCZQTRk7EBtTOPaygh10YAAh2OI1Qrp6NWfpAhzswj0ydt9g==}
+    dependencies:
+      domelementtype: 2.3.0
+      entities: 2.2.0
+    dev: true
+
+  /dom-serializer@1.4.1:
+    resolution: {integrity: sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==}
+    dependencies:
+      domelementtype: 2.3.0
+      domhandler: 4.3.1
+      entities: 2.2.0
+    dev: true
+
+  /dom-serializer@2.0.0:
+    resolution: {integrity: sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==}
+    dependencies:
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+      entities: 4.4.0
+    dev: true
+
+  /domelementtype@1.3.1:
+    resolution: {integrity: sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==}
+    dev: true
+
+  /domelementtype@2.3.0:
+    resolution: {integrity: sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==}
+    dev: true
+
+  /domhandler@2.4.2:
+    resolution: {integrity: sha512-JiK04h0Ht5u/80fdLMCEmV4zkNh2BcoMFBmZ/91WtYZ8qVXSKjiw7fXMgFPnHcSZgOo3XdinHvmnDUeMf5R4wA==}
+    dependencies:
+      domelementtype: 1.3.1
+    dev: true
+
+  /domhandler@4.3.1:
+    resolution: {integrity: sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==}
+    engines: {node: '>= 4'}
+    dependencies:
+      domelementtype: 2.3.0
+    dev: true
+
+  /domhandler@5.0.3:
+    resolution: {integrity: sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==}
+    engines: {node: '>= 4'}
+    dependencies:
+      domelementtype: 2.3.0
+    dev: true
+
+  /domutils@1.7.0:
+    resolution: {integrity: sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==}
+    dependencies:
+      dom-serializer: 0.2.2
+      domelementtype: 1.3.1
+    dev: true
+
+  /domutils@2.8.0:
+    resolution: {integrity: sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==}
+    dependencies:
+      dom-serializer: 1.4.1
+      domelementtype: 2.3.0
+      domhandler: 4.3.1
+    dev: true
+
+  /domutils@3.0.1:
+    resolution: {integrity: sha512-z08c1l761iKhDFtfXO04C7kTdPBLi41zwOZl00WS8b5eiaebNpY00HKbztwBq+e3vyqWNwWF3mP9YLUeqIrF+Q==}
+    dependencies:
+      dom-serializer: 2.0.0
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+    dev: true
+
+  /dot-case@3.0.4:
+    resolution: {integrity: sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==}
+    dependencies:
+      no-case: 3.0.4
+      tslib: 2.3.0
+    dev: true
+
+  /dot-prop@5.3.0:
+    resolution: {integrity: sha512-QM8q3zDe58hqUqjraQOmzZ1LIH9SWQJTlEKCH4kJ2oQvLZk7RbQXvtDM2XEq3fwkV9CCvvH4LA0AV+ogFsBM2Q==}
+    engines: {node: '>=8'}
+    dependencies:
+      is-obj: 2.0.0
+    dev: true
+
+  /dotenv-expand@8.0.3:
+    resolution: {integrity: sha512-SErOMvge0ZUyWd5B0NXMQlDkN+8r+HhVUsxgOO7IoPDOdDRD2JjExpN6y3KnFR66jsJMwSn1pqIivhU5rcJiNg==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /dotenv@16.0.3:
+    resolution: {integrity: sha512-7GO6HghkA5fYG9TYnNxi14/7K9f5occMlp3zXAuSxn7CKCxt9xbNWG7yF8hTCSUchlfWSe3uLmlPfigevRItzQ==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /dotgitignore@2.1.0:
+    resolution: {integrity: sha512-sCm11ak2oY6DglEPpCB8TixLjWAxd3kJTs6UIcSasNYxXdFPV+YKlye92c8H4kKFqV5qYMIh7d+cYecEg0dIkA==}
+    engines: {node: '>=6'}
+    dependencies:
+      find-up: 3.0.0
+      minimatch: 3.1.2
+    dev: true
+
+  /eastasianwidth@0.2.0:
+    resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
+    dev: true
+
+  /ejs@3.1.9:
+    resolution: {integrity: sha512-rC+QVNMJWv+MtPgkt0y+0rVEIdbtxVADApW9JXrUVlzHetgcyczP/E7DJmWJ4fJCZF2cPcBk0laWO9ZHMG3DmQ==}
+    engines: {node: '>=0.10.0'}
+    hasBin: true
+    dependencies:
+      jake: 10.8.5
+    dev: true
+
+  /electron-to-chromium@1.4.522:
+    resolution: {integrity: sha512-KGKjcafTpOxda0kqwQ72M0tDmX6RsGhUJTy0Hr7slt0+CgHh9Oex8JdjY9Og68dUkTLUlBOJC0A5W5Mw3QSGCg==}
+    dev: true
+
+  /element-plus@2.3.4(vue@3.3.4):
+    resolution: {integrity: sha512-SQr0J9z7N4z48WYk/l9NE2tizl8Q7j2OhqlpTc42k4pGncry3+rVX6dsmcsglFynn6vt3NzYxWJqmLFyDKQq+g==}
+    peerDependencies:
+      vue: ^3.2.0
+    dependencies:
+      '@ctrl/tinycolor': 3.6.0
+      '@element-plus/icons-vue': 2.1.0(vue@3.3.4)
+      '@floating-ui/dom': 1.2.4
+      '@popperjs/core': /@sxzz/popperjs-es@2.11.7
+      '@types/lodash': 4.14.191
+      '@types/lodash-es': 4.17.7
+      '@vueuse/core': 9.13.0(vue@3.3.4)
+      async-validator: 4.2.5
+      dayjs: 1.11.9
+      escape-html: 1.0.3
+      lodash: 4.17.21
+      lodash-es: 4.17.21
+      lodash-unified: 1.0.3(@types/lodash-es@4.17.7)(lodash-es@4.17.21)(lodash@4.17.21)
+      memoize-one: 6.0.0
+      normalize-wheel-es: 1.2.0
+      vue: 3.3.4
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+    dev: false
+
+  /emoji-regex@8.0.0:
+    resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
+    dev: true
+
+  /emoji-regex@9.2.2:
+    resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
+    dev: true
+
+  /emojis-list@3.0.0:
+    resolution: {integrity: sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==}
+    engines: {node: '>= 4'}
+    dev: true
+
+  /entities@1.1.2:
+    resolution: {integrity: sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w==}
+    dev: true
+
+  /entities@2.2.0:
+    resolution: {integrity: sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==}
+    dev: true
+
+  /entities@4.4.0:
+    resolution: {integrity: sha512-oYp7156SP8LkeGD0GF85ad1X9Ai79WtRsZ2gxJqtBuzH+98YUV6jkHEKlZkMbcrjJjIVJNIDP/3WL9wQkoPbWA==}
+    engines: {node: '>=0.12'}
+    dev: true
+
+  /error-ex@1.3.2:
+    resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==}
+    dependencies:
+      is-arrayish: 0.2.1
+    dev: true
+
+  /es-abstract@1.21.2:
+    resolution: {integrity: sha512-y/B5POM2iBnIxCiernH1G7rC9qQoM77lLIMQLuob0zhp8C56Po81+2Nj0WFKnd0pNReDTnkYryc+zhOzpEIROg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      array-buffer-byte-length: 1.0.0
+      available-typed-arrays: 1.0.5
+      call-bind: 1.0.2
+      es-set-tostringtag: 2.0.1
+      es-to-primitive: 1.2.1
+      function.prototype.name: 1.1.5
+      get-intrinsic: 1.2.0
+      get-symbol-description: 1.0.0
+      globalthis: 1.0.3
+      gopd: 1.0.1
+      has: 1.0.3
+      has-property-descriptors: 1.0.0
+      has-proto: 1.0.1
+      has-symbols: 1.0.3
+      internal-slot: 1.0.5
+      is-array-buffer: 3.0.2
+      is-callable: 1.2.7
+      is-negative-zero: 2.0.2
+      is-regex: 1.1.4
+      is-shared-array-buffer: 1.0.2
+      is-string: 1.0.7
+      is-typed-array: 1.1.10
+      is-weakref: 1.0.2
+      object-inspect: 1.12.3
+      object-keys: 1.1.1
+      object.assign: 4.1.4
+      regexp.prototype.flags: 1.5.0
+      safe-regex-test: 1.0.0
+      string.prototype.trim: 1.2.7
+      string.prototype.trimend: 1.0.6
+      string.prototype.trimstart: 1.0.6
+      typed-array-length: 1.0.4
+      unbox-primitive: 1.0.2
+      which-typed-array: 1.1.9
+    dev: true
+
+  /es-set-tostringtag@2.0.1:
+    resolution: {integrity: sha512-g3OMbtlwY3QewlqAiMLI47KywjWZoEytKr8pf6iTC8uJq5bIAH52Z9pnQ8pVL6whrCto53JZDuUIsifGeLorTg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      get-intrinsic: 1.2.0
+      has: 1.0.3
+      has-tostringtag: 1.0.0
+    dev: true
+
+  /es-to-primitive@1.2.1:
+    resolution: {integrity: sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      is-callable: 1.2.7
+      is-date-object: 1.0.5
+      is-symbol: 1.0.4
+    dev: true
+
+  /esbuild@0.18.11:
+    resolution: {integrity: sha512-i8u6mQF0JKJUlGR3OdFLKldJQMMs8OqM9Cc3UCi9XXziJ9WERM5bfkHaEAy0YAvPRMgqSW55W7xYn84XtEFTtA==}
+    engines: {node: '>=12'}
+    hasBin: true
+    requiresBuild: true
+    optionalDependencies:
+      '@esbuild/android-arm': 0.18.11
+      '@esbuild/android-arm64': 0.18.11
+      '@esbuild/android-x64': 0.18.11
+      '@esbuild/darwin-arm64': 0.18.11
+      '@esbuild/darwin-x64': 0.18.11
+      '@esbuild/freebsd-arm64': 0.18.11
+      '@esbuild/freebsd-x64': 0.18.11
+      '@esbuild/linux-arm': 0.18.11
+      '@esbuild/linux-arm64': 0.18.11
+      '@esbuild/linux-ia32': 0.18.11
+      '@esbuild/linux-loong64': 0.18.11
+      '@esbuild/linux-mips64el': 0.18.11
+      '@esbuild/linux-ppc64': 0.18.11
+      '@esbuild/linux-riscv64': 0.18.11
+      '@esbuild/linux-s390x': 0.18.11
+      '@esbuild/linux-x64': 0.18.11
+      '@esbuild/netbsd-x64': 0.18.11
+      '@esbuild/openbsd-x64': 0.18.11
+      '@esbuild/sunos-x64': 0.18.11
+      '@esbuild/win32-arm64': 0.18.11
+      '@esbuild/win32-ia32': 0.18.11
+      '@esbuild/win32-x64': 0.18.11
+    dev: true
+
+  /escalade@3.1.1:
+    resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /escape-html@1.0.3:
+    resolution: {integrity: sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==}
+    dev: false
+
+  /escape-string-regexp@1.0.5:
+    resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==}
+    engines: {node: '>=0.8.0'}
+    dev: true
+
+  /escape-string-regexp@4.0.0:
+    resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /eslint-config-prettier@9.0.0(eslint@8.49.0):
+    resolution: {integrity: sha512-IcJsTkJae2S35pRsRAwoCE+925rJJStOdkKnLVgtE+tEpqU0EVVM7OqrwxqgptKdX29NUwC82I5pXsGFIgSevw==}
+    hasBin: true
+    peerDependencies:
+      eslint: '>=7.0.0'
+    dependencies:
+      eslint: 8.49.0
+    dev: true
+
+  /eslint-plugin-prettier@5.0.0(eslint-config-prettier@9.0.0)(eslint@8.49.0)(prettier@3.0.3):
+    resolution: {integrity: sha512-AgaZCVuYDXHUGxj/ZGu1u8H8CYgDY3iG6w5kUFw4AzMVXzB7VvbKgYR4nATIN+OvUrghMbiDLeimVjVY5ilq3w==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      '@types/eslint': '>=8.0.0'
+      eslint: '>=8.0.0'
+      eslint-config-prettier: '*'
+      prettier: '>=3.0.0'
+    peerDependenciesMeta:
+      '@types/eslint':
+        optional: true
+      eslint-config-prettier:
+        optional: true
+    dependencies:
+      eslint: 8.49.0
+      eslint-config-prettier: 9.0.0(eslint@8.49.0)
+      prettier: 3.0.3
+      prettier-linter-helpers: 1.0.0
+      synckit: 0.8.5
+    dev: true
+
+  /eslint-plugin-vue@9.17.0(eslint@8.49.0):
+    resolution: {integrity: sha512-r7Bp79pxQk9I5XDP0k2dpUC7Ots3OSWgvGZNu3BxmKK6Zg7NgVtcOB6OCna5Kb9oQwJPl5hq183WD0SY5tZtIQ==}
+    engines: {node: ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.2.0 || ^7.0.0 || ^8.0.0
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.49.0)
+      eslint: 8.49.0
+      natural-compare: 1.4.0
+      nth-check: 2.1.1
+      postcss-selector-parser: 6.0.13
+      semver: 7.5.4
+      vue-eslint-parser: 9.3.1(eslint@8.49.0)
+      xml-name-validator: 4.0.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /eslint-scope@7.2.2:
+    resolution: {integrity: sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      esrecurse: 4.3.0
+      estraverse: 5.3.0
+    dev: true
+
+  /eslint-visitor-keys@3.4.3:
+    resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dev: true
+
+  /eslint@8.49.0:
+    resolution: {integrity: sha512-jw03ENfm6VJI0jA9U+8H5zfl5b+FvuU3YYvZRdZHOlU2ggJkxrlkJH4HcDrZpj6YwD8kuYqvQM8LyesoazrSOQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    hasBin: true
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.49.0)
+      '@eslint-community/regexpp': 4.6.2
+      '@eslint/eslintrc': 2.1.2
+      '@eslint/js': 8.49.0
+      '@humanwhocodes/config-array': 0.11.11
+      '@humanwhocodes/module-importer': 1.0.1
+      '@nodelib/fs.walk': 1.2.8
+      ajv: 6.12.6
+      chalk: 4.1.2
+      cross-spawn: 7.0.3
+      debug: 4.3.4
+      doctrine: 3.0.0
+      escape-string-regexp: 4.0.0
+      eslint-scope: 7.2.2
+      eslint-visitor-keys: 3.4.3
+      espree: 9.6.1
+      esquery: 1.5.0
+      esutils: 2.0.3
+      fast-deep-equal: 3.1.3
+      file-entry-cache: 6.0.1
+      find-up: 5.0.0
+      glob-parent: 6.0.2
+      globals: 13.20.0
+      graphemer: 1.4.0
+      ignore: 5.2.4
+      imurmurhash: 0.1.4
+      is-glob: 4.0.3
+      is-path-inside: 3.0.3
+      js-yaml: 4.1.0
+      json-stable-stringify-without-jsonify: 1.0.1
+      levn: 0.4.1
+      lodash.merge: 4.6.2
+      minimatch: 3.1.2
+      natural-compare: 1.4.0
+      optionator: 0.9.3
+      strip-ansi: 6.0.1
+      text-table: 0.2.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /espree@9.6.1:
+    resolution: {integrity: sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      acorn: 8.10.0
+      acorn-jsx: 5.3.2(acorn@8.10.0)
+      eslint-visitor-keys: 3.4.3
+    dev: true
+
+  /esquery@1.5.0:
+    resolution: {integrity: sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==}
+    engines: {node: '>=0.10'}
+    dependencies:
+      estraverse: 5.3.0
+    dev: true
+
+  /esrecurse@4.3.0:
+    resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
+    engines: {node: '>=4.0'}
+    dependencies:
+      estraverse: 5.3.0
+    dev: true
+
+  /estraverse@5.3.0:
+    resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
+    engines: {node: '>=4.0'}
+    dev: true
+
+  /estree-walker@1.0.1:
+    resolution: {integrity: sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg==}
+    dev: true
+
+  /estree-walker@2.0.2:
+    resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
+    dev: true
+
+  /esutils@2.0.3:
+    resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /etag@1.8.1:
+    resolution: {integrity: sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==}
+    engines: {node: '>= 0.6'}
+    dev: true
+
+  /eventemitter3@5.0.1:
+    resolution: {integrity: sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==}
+    dev: true
+
+  /execa@5.1.1:
+    resolution: {integrity: sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==}
+    engines: {node: '>=10'}
+    dependencies:
+      cross-spawn: 7.0.3
+      get-stream: 6.0.1
+      human-signals: 2.1.0
+      is-stream: 2.0.1
+      merge-stream: 2.0.0
+      npm-run-path: 4.0.1
+      onetime: 5.1.2
+      signal-exit: 3.0.7
+      strip-final-newline: 2.0.0
+    dev: true
+
+  /execa@7.2.0:
+    resolution: {integrity: sha512-UduyVP7TLB5IcAQl+OzLyLcS/l32W/GLg+AhHJ+ow40FOk2U3SAllPwR44v4vmdFwIWqpdwxxpQbF1n5ta9seA==}
+    engines: {node: ^14.18.0 || ^16.14.0 || >=18.0.0}
+    dependencies:
+      cross-spawn: 7.0.3
+      get-stream: 6.0.1
+      human-signals: 4.3.0
+      is-stream: 3.0.0
+      merge-stream: 2.0.0
+      npm-run-path: 5.1.0
+      onetime: 6.0.0
+      signal-exit: 3.0.7
+      strip-final-newline: 3.0.0
+    dev: true
+
+  /expand-brackets@2.1.4:
+    resolution: {integrity: sha512-w/ozOKR9Obk3qoWeY/WDi6MFta9AoMR+zud60mdnbniMcBxRuFJyDt2LdX/14A1UABeqk+Uk+LDfUpvoGKppZA==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      debug: 2.6.9
+      define-property: 0.2.5
+      extend-shallow: 2.0.1
+      posix-character-classes: 0.1.1
+      regex-not: 1.0.2
+      snapdragon: 0.8.2
+      to-regex: 3.0.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /extend-shallow@2.0.1:
+    resolution: {integrity: sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-extendable: 0.1.1
+    dev: true
+
+  /extend-shallow@3.0.2:
+    resolution: {integrity: sha512-BwY5b5Ql4+qZoefgMj2NUmx+tehVTH/Kf4k1ZEtOHNFcm2wSxMRo992l6X3TIgni2eZVTZ85xMOjF31fwZAj6Q==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      assign-symbols: 1.0.0
+      is-extendable: 1.0.1
+    dev: true
+
+  /extglob@2.0.4:
+    resolution: {integrity: sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      array-unique: 0.3.2
+      define-property: 1.0.0
+      expand-brackets: 2.1.4
+      extend-shallow: 2.0.1
+      fragment-cache: 0.2.1
+      regex-not: 1.0.2
+      snapdragon: 0.8.2
+      to-regex: 3.0.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /fast-deep-equal@3.1.3:
+    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
+    dev: true
+
+  /fast-diff@1.2.0:
+    resolution: {integrity: sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w==}
+    dev: true
+
+  /fast-glob@3.2.12:
+    resolution: {integrity: sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==}
+    engines: {node: '>=8.6.0'}
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      '@nodelib/fs.walk': 1.2.8
+      glob-parent: 5.1.2
+      merge2: 1.4.1
+      micromatch: 4.0.5
+    dev: true
+
+  /fast-glob@3.3.0:
+    resolution: {integrity: sha512-ChDuvbOypPuNjO8yIDf36x7BlZX1smcUMTTcyoIjycexOxd6DFsKsg21qVBzEmr3G7fUKIRy2/psii+CIUt7FA==}
+    engines: {node: '>=8.6.0'}
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      '@nodelib/fs.walk': 1.2.8
+      glob-parent: 5.1.2
+      merge2: 1.4.1
+      micromatch: 4.0.5
+    dev: true
+
+  /fast-glob@3.3.1:
+    resolution: {integrity: sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==}
+    engines: {node: '>=8.6.0'}
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      '@nodelib/fs.walk': 1.2.8
+      glob-parent: 5.1.2
+      merge2: 1.4.1
+      micromatch: 4.0.5
+    dev: true
+
+  /fast-json-stable-stringify@2.1.0:
+    resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
+    dev: true
+
+  /fast-levenshtein@2.0.6:
+    resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
+    dev: true
+
+  /fastest-levenshtein@1.0.16:
+    resolution: {integrity: sha512-eRnCtTTtGZFpQCwhJiUOuxPQWRXVKYDn0b2PeHfXL6/Zi53SLAzAHfVhVWK2AryC/WH05kGfxhFIPvTF0SXQzg==}
+    engines: {node: '>= 4.9.1'}
+    dev: true
+
+  /fastq@1.15.0:
+    resolution: {integrity: sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==}
+    dependencies:
+      reusify: 1.0.4
+    dev: true
+
+  /figures@3.2.0:
+    resolution: {integrity: sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==}
+    engines: {node: '>=8'}
+    dependencies:
+      escape-string-regexp: 1.0.5
+    dev: true
+
+  /file-entry-cache@6.0.1:
+    resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==}
+    engines: {node: ^10.12.0 || >=12.0.0}
+    dependencies:
+      flat-cache: 3.0.4
+    dev: true
+
+  /filelist@1.0.4:
+    resolution: {integrity: sha512-w1cEuf3S+DrLCQL7ET6kz+gmlJdbq9J7yXCSjK/OZCPA+qEN1WyF4ZAf0YYJa4/shHJra2t/d/r8SV4Ji+x+8Q==}
+    dependencies:
+      minimatch: registry.npmmirror.com/minimatch@5.1.6
+    dev: true
+
+  /fill-range@4.0.0:
+    resolution: {integrity: sha512-VcpLTWqWDiTerugjj8e3+esbg+skS3M9e54UuR3iCeIDMXCLTsAH8hTSzDQU/X6/6t3eYkOKoZSef2PlU6U1XQ==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      extend-shallow: 2.0.1
+      is-number: 3.0.0
+      repeat-string: 1.6.1
+      to-regex-range: 2.1.1
+    dev: true
+
+  /fill-range@7.0.1:
+    resolution: {integrity: sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==}
+    engines: {node: '>=8'}
+    dependencies:
+      to-regex-range: 5.0.1
+    dev: true
+
+  /find-up@2.1.0:
+    resolution: {integrity: sha512-NWzkk0jSJtTt08+FBFMvXoeZnOJD+jTtsRmBYbAIzJdX6l7dLgR7CTubCM5/eDdPUBvLCeVasP1brfVR/9/EZQ==}
+    engines: {node: '>=4'}
+    dependencies:
+      locate-path: 2.0.0
+    dev: true
+
+  /find-up@3.0.0:
+    resolution: {integrity: sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==}
+    engines: {node: '>=6'}
+    dependencies:
+      locate-path: 3.0.0
+    dev: true
+
+  /find-up@4.1.0:
+    resolution: {integrity: sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==}
+    engines: {node: '>=8'}
+    dependencies:
+      locate-path: 5.0.0
+      path-exists: 4.0.0
+    dev: true
+
+  /find-up@5.0.0:
+    resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
+    engines: {node: '>=10'}
+    dependencies:
+      locate-path: 6.0.0
+      path-exists: 4.0.0
+    dev: true
+
+  /flat-cache@3.0.4:
+    resolution: {integrity: sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==}
+    engines: {node: ^10.12.0 || >=12.0.0}
+    dependencies:
+      flatted: 3.2.7
+      rimraf: 3.0.2
+    dev: true
+
+  /flatted@3.2.7:
+    resolution: {integrity: sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==}
+    dev: true
+
+  /follow-redirects@1.15.2:
+    resolution: {integrity: sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==}
+    engines: {node: '>=4.0'}
+    peerDependencies:
+      debug: '*'
+    peerDependenciesMeta:
+      debug:
+        optional: true
+    dev: false
+
+  /for-each@0.3.3:
+    resolution: {integrity: sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==}
+    dependencies:
+      is-callable: 1.2.7
+    dev: true
+
+  /for-in@1.0.2:
+    resolution: {integrity: sha512-7EwmXrOjyL+ChxMhmG5lnW9MPt1aIeZEwKhQzoBUdTV0N3zuwWDZYVJatDvZ2OyzPUvdIAZDsCetk3coyMfcnQ==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /form-data@4.0.0:
+    resolution: {integrity: sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==}
+    engines: {node: '>= 6'}
+    dependencies:
+      asynckit: 0.4.0
+      combined-stream: 1.0.8
+      mime-types: 2.1.35
+    dev: false
+
+  /fraction.js@4.2.0:
+    resolution: {integrity: sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==}
+    dev: true
+
+  /fragment-cache@0.2.1:
+    resolution: {integrity: sha512-GMBAbW9antB8iZRHLoGw0b3HANt57diZYFO/HL1JGIC1MjKrdmhxvrJbupnVvpys0zsz7yBApXdQyfepKly2kA==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      map-cache: 0.2.2
+    dev: true
+
+  /fs-extra@10.1.0:
+    resolution: {integrity: sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      graceful-fs: 4.2.10
+      jsonfile: 6.1.0
+      universalify: 2.0.0
+    dev: true
+
+  /fs-extra@11.1.0:
+    resolution: {integrity: sha512-0rcTq621PD5jM/e0a3EJoGC/1TC5ZBCERW82LQuwfGnCa1V8w7dpYH1yNu+SLb6E5dkeCBzKEyLGlFrnr+dUyw==}
+    engines: {node: '>=14.14'}
+    dependencies:
+      graceful-fs: 4.2.10
+      jsonfile: 6.1.0
+      universalify: 2.0.0
+    dev: true
+
+  /fs-extra@9.1.0:
+    resolution: {integrity: sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==}
+    engines: {node: '>=10'}
+    dependencies:
+      at-least-node: 1.0.0
+      graceful-fs: 4.2.10
+      jsonfile: 6.1.0
+      universalify: 2.0.0
+    dev: true
+
+  /fs.realpath@1.0.0:
+    resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}
+    dev: true
+
+  /fsevents@2.3.2:
+    resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /function-bind@1.1.1:
+    resolution: {integrity: sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==}
+
+  /function.prototype.name@1.1.5:
+    resolution: {integrity: sha512-uN7m/BzVKQnCUF/iW8jYea67v++2u7m5UgENbHRtdDVclOUP+FMPlCNdmk0h/ysGyo2tavMJEDqJAkJdRa1vMA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.2
+      define-properties: 1.2.0
+      es-abstract: 1.21.2
+      functions-have-names: 1.2.3
+    dev: true
+
+  /functions-have-names@1.2.3:
+    resolution: {integrity: sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==}
+    dev: true
+
+  /gensync@1.0.0-beta.2:
+    resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
+    engines: {node: '>=6.9.0'}
+    dev: true
+
+  /get-caller-file@2.0.5:
+    resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
+    engines: {node: 6.* || 8.* || >= 10.*}
+    dev: true
+
+  /get-intrinsic@1.2.0:
+    resolution: {integrity: sha512-L049y6nFOuom5wGyRc3/gdTLO94dySVKRACj1RmJZBQXlbTMhtNIgkWkUHq+jYmZvKf14EW1EoJnnjbmoHij0Q==}
+    dependencies:
+      function-bind: 1.1.1
+      has: 1.0.3
+      has-symbols: 1.0.3
+
+  /get-own-enumerable-property-symbols@3.0.2:
+    resolution: {integrity: sha512-I0UBV/XOz1XkIJHEUDMZAbzCThU/H8DxmSfmdGcKPnVhu2VfFqr34jr9777IyaTYvxjedWhqVIilEDsCdP5G6g==}
+    dev: true
+
+  /get-pkg-repo@4.2.1:
+    resolution: {integrity: sha512-2+QbHjFRfGB74v/pYWjd5OhU3TDIC2Gv/YKUTk/tCvAz0pkn/Mz6P3uByuBimLOcPvN2jYdScl3xGFSrx0jEcA==}
+    engines: {node: '>=6.9.0'}
+    hasBin: true
+    dependencies:
+      '@hutson/parse-repository-url': 3.0.2
+      hosted-git-info: 4.1.0
+      through2: 2.0.5
+      yargs: 16.2.0
+    dev: true
+
+  /get-stream@6.0.1:
+    resolution: {integrity: sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /get-symbol-description@1.0.0:
+    resolution: {integrity: sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.2
+      get-intrinsic: 1.2.0
+    dev: true
+
+  /get-value@2.0.6:
+    resolution: {integrity: sha512-Ln0UQDlxH1BapMu3GPtf7CuYNwRZf2gwCuPqbyG6pB8WfmFpzqcy4xtAaAMUhnNqjMKTiCPZG2oMT3YSx8U2NA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /git-raw-commits@2.0.11:
+    resolution: {integrity: sha512-VnctFhw+xfj8Va1xtfEqCUD2XDrbAPSJx+hSrE5K7fGdjZruW7XV+QOrN7LF/RJyvspRiD2I0asWsxFp0ya26A==}
+    engines: {node: '>=10'}
+    hasBin: true
+    dependencies:
+      dargs: 7.0.0
+      lodash: 4.17.21
+      meow: 8.1.2
+      split2: 3.2.2
+      through2: 4.0.2
+    dev: true
+
+  /git-remote-origin-url@2.0.0:
+    resolution: {integrity: sha512-eU+GGrZgccNJcsDH5LkXR3PB9M958hxc7sbA8DFJjrv9j4L2P/eZfKhM+QD6wyzpiv+b1BpK0XrYCxkovtjSLw==}
+    engines: {node: '>=4'}
+    dependencies:
+      gitconfiglocal: 1.0.0
+      pify: 2.3.0
+    dev: true
+
+  /git-semver-tags@4.1.1:
+    resolution: {integrity: sha512-OWyMt5zBe7xFs8vglMmhM9lRQzCWL3WjHtxNNfJTMngGym7pC1kh8sP6jevfydJ6LP3ZvGxfb6ABYgPUM0mtsA==}
+    engines: {node: '>=10'}
+    hasBin: true
+    dependencies:
+      meow: 8.1.2
+      semver: registry.npmmirror.com/semver@6.3.0
+    dev: true
+
+  /gitconfiglocal@1.0.0:
+    resolution: {integrity: sha512-spLUXeTAVHxDtKsJc8FkFVgFtMdEN9qPGpL23VfSHx4fP4+Ds097IXLvymbnDH8FnmxX5Nr9bPw3A+AQ6mWEaQ==}
+    dependencies:
+      ini: 1.3.8
+    dev: true
+
+  /glob-parent@5.1.2:
+    resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
+    engines: {node: '>= 6'}
+    dependencies:
+      is-glob: 4.0.3
+    dev: true
+
+  /glob-parent@6.0.2:
+    resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
+    engines: {node: '>=10.13.0'}
+    dependencies:
+      is-glob: 4.0.3
+    dev: true
+
+  /glob@7.2.3:
+    resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
+    dependencies:
+      fs.realpath: 1.0.0
+      inflight: 1.0.6
+      inherits: 2.0.4
+      minimatch: 3.1.2
+      once: 1.4.0
+      path-is-absolute: 1.0.1
+    dev: true
+
+  /global-dirs@0.1.1:
+    resolution: {integrity: sha512-NknMLn7F2J7aflwFOlGdNIuCDpN3VGoSoB+aap3KABFWbHVn1TCgFC+np23J8W2BiZbjfEw3BFBycSMv1AFblg==}
+    engines: {node: '>=4'}
+    dependencies:
+      ini: 1.3.8
+    dev: true
+
+  /global-modules@2.0.0:
+    resolution: {integrity: sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==}
+    engines: {node: '>=6'}
+    dependencies:
+      global-prefix: 3.0.0
+    dev: true
+
+  /global-prefix@3.0.0:
+    resolution: {integrity: sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==}
+    engines: {node: '>=6'}
+    dependencies:
+      ini: 1.3.8
+      kind-of: 6.0.3
+      which: 1.3.1
+    dev: true
+
+  /globals@11.12.0:
+    resolution: {integrity: sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /globals@13.20.0:
+    resolution: {integrity: sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==}
+    engines: {node: '>=8'}
+    dependencies:
+      type-fest: 0.20.2
+    dev: true
+
+  /globalthis@1.0.3:
+    resolution: {integrity: sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      define-properties: 1.2.0
+    dev: true
+
+  /globby@11.1.0:
+    resolution: {integrity: sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==}
+    engines: {node: '>=10'}
+    dependencies:
+      array-union: 2.1.0
+      dir-glob: 3.0.1
+      fast-glob: 3.3.1
+      ignore: 5.2.4
+      merge2: 1.4.1
+      slash: 3.0.0
+    dev: true
+
+  /globjoin@0.1.4:
+    resolution: {integrity: sha512-xYfnw62CKG8nLkZBfWbhWwDw02CHty86jfPcc2cr3ZfeuK9ysoVPPEUxf21bAD/rWAgk52SuBrLJlefNy8mvFg==}
+    dev: true
+
+  /gopd@1.0.1:
+    resolution: {integrity: sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==}
+    dependencies:
+      get-intrinsic: 1.2.0
+    dev: true
+
+  /graceful-fs@4.2.10:
+    resolution: {integrity: sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==}
+    dev: true
+
+  /graphemer@1.4.0:
+    resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
+    dev: true
+
+  /handlebars@4.7.7:
+    resolution: {integrity: sha512-aAcXm5OAfE/8IXkcZvCepKU3VzW1/39Fb5ZuqMtgI/hT8X2YgoMvBY5dLhq/cpOvw7Lk1nK/UF71aLG/ZnVYRA==}
+    engines: {node: '>=0.4.7'}
+    hasBin: true
+    dependencies:
+      minimist: 1.2.8
+      neo-async: 2.6.2
+      source-map: 0.6.1
+      wordwrap: 1.0.0
+    optionalDependencies:
+      uglify-js: 3.17.4
+    dev: true
+
+  /hard-rejection@2.1.0:
+    resolution: {integrity: sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /has-ansi@2.0.0:
+    resolution: {integrity: sha512-C8vBJ8DwUCx19vhm7urhTuUsr4/IyP6l4VzNQDv+ryHQObW3TTTp9yB68WpYgRe2bbaGuZ/se74IqFeVnMnLZg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      ansi-regex: 2.1.1
+    dev: true
+
+  /has-bigints@1.0.2:
+    resolution: {integrity: sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==}
+    dev: true
+
+  /has-flag@1.0.0:
+    resolution: {integrity: sha512-DyYHfIYwAJmjAjSSPKANxI8bFY9YtFrgkAfinBojQ8YJTOuOuav64tMUJv584SES4xl74PmuaevIyaLESHdTAA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /has-flag@3.0.0:
+    resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /has-flag@4.0.0:
+    resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /has-property-descriptors@1.0.0:
+    resolution: {integrity: sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==}
+    dependencies:
+      get-intrinsic: 1.2.0
+    dev: true
+
+  /has-proto@1.0.1:
+    resolution: {integrity: sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==}
+    engines: {node: '>= 0.4'}
+    dev: true
+
+  /has-symbols@1.0.3:
+    resolution: {integrity: sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==}
+    engines: {node: '>= 0.4'}
+
+  /has-tostringtag@1.0.0:
+    resolution: {integrity: sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      has-symbols: 1.0.3
+    dev: true
+
+  /has-value@0.3.1:
+    resolution: {integrity: sha512-gpG936j8/MzaeID5Yif+577c17TxaDmhuyVgSwtnL/q8UUTySg8Mecb+8Cf1otgLoD7DDH75axp86ER7LFsf3Q==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      get-value: 2.0.6
+      has-values: 0.1.4
+      isobject: 2.1.0
+    dev: true
+
+  /has-value@1.0.0:
+    resolution: {integrity: sha512-IBXk4GTsLYdQ7Rvt+GRBrFSVEkmuOUy4re0Xjd9kJSUQpnTrWR4/y9RpfexN9vkAPMFuQoeWKwqzPozRTlasGw==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      get-value: 2.0.6
+      has-values: 1.0.0
+      isobject: 3.0.1
+    dev: true
+
+  /has-values@0.1.4:
+    resolution: {integrity: sha512-J8S0cEdWuQbqD9//tlZxiMuMNmxB8PlEwvYwuxsTmR1G5RXUePEX/SJn7aD0GMLieuZYSwNH0cQuJGwnYunXRQ==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /has-values@1.0.0:
+    resolution: {integrity: sha512-ODYZC64uqzmtfGMEAX/FvZiRyWLpAC3vYnNunURUnkGVTS+mI0smVsWaPydRBsE3g+ok7h960jChO8mFcWlHaQ==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-number: 3.0.0
+      kind-of: 4.0.0
+    dev: true
+
+  /has@1.0.3:
+    resolution: {integrity: sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==}
+    engines: {node: '>= 0.4.0'}
+    dependencies:
+      function-bind: 1.1.1
+
+  /he@1.2.0:
+    resolution: {integrity: sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==}
+    hasBin: true
+    dev: true
+
+  /hosted-git-info@2.8.9:
+    resolution: {integrity: sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==}
+    dev: true
+
+  /hosted-git-info@4.1.0:
+    resolution: {integrity: sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==}
+    engines: {node: '>=10'}
+    dependencies:
+      lru-cache: 6.0.0
+    dev: true
+
+  /html-minifier-terser@6.1.0:
+    resolution: {integrity: sha512-YXxSlJBZTP7RS3tWnQw74ooKa6L9b9i9QYXY21eUEvhZ3u9XLfv6OnFsQq6RxkhHygsaUMvYsZRV5rU/OVNZxw==}
+    engines: {node: '>=12'}
+    hasBin: true
+    dependencies:
+      camel-case: 4.1.2
+      clean-css: 5.3.2
+      commander: 8.3.0
+      he: 1.2.0
+      param-case: 3.0.4
+      relateurl: 0.2.7
+      terser: 5.16.6
+    dev: true
+
+  /html-tags@3.3.1:
+    resolution: {integrity: sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /htmlparser2@3.10.1:
+    resolution: {integrity: sha512-IgieNijUMbkDovyoKObU1DUhm1iwNYE/fuifEoEHfd1oZKZDaONBSkal7Y01shxsM49R4XaMdGez3WnF9UfiCQ==}
+    dependencies:
+      domelementtype: 1.3.1
+      domhandler: 2.4.2
+      domutils: 1.7.0
+      entities: 1.1.2
+      inherits: 2.0.4
+      readable-stream: 3.6.2
+    dev: true
+
+  /htmlparser2@8.0.1:
+    resolution: {integrity: sha512-4lVbmc1diZC7GUJQtRQ5yBAeUCL1exyMwmForWkRLnwyzWBFxN633SALPMGYaWZvKe9j1pRZJpauvmxENSp/EA==}
+    dependencies:
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+      domutils: 3.0.1
+      entities: 4.4.0
+    dev: true
+
+  /human-signals@2.1.0:
+    resolution: {integrity: sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==}
+    engines: {node: '>=10.17.0'}
+    dev: true
+
+  /human-signals@4.3.0:
+    resolution: {integrity: sha512-zyzVyMjpGBX2+6cDVZeFPCdtOtdsxOeseRhB9tkQ6xXmGUNrcnBzdEKPy3VPNYz+4gy1oukVOXcrJCunSyc6QQ==}
+    engines: {node: '>=14.18.0'}
+    dev: true
+
+  /husky@8.0.3:
+    resolution: {integrity: sha512-+dQSyqPh4x1hlO1swXBiNb2HzTDN1I2IGLQx1GrBuiqFJfoMrnZWwVmatvSiO+Iz8fBUnf+lekwNo4c2LlXItg==}
+    engines: {node: '>=14'}
+    hasBin: true
+    dev: true
+
+  /idb@7.1.1:
+    resolution: {integrity: sha512-gchesWBzyvGHRO9W8tzUWFDycow5gwjvFKfyV9FF32Y7F50yZMp7mP+T2mJIWFx49zicqyC4uefHM17o6xKIVQ==}
+    dev: true
+
+  /ignore@5.2.4:
+    resolution: {integrity: sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==}
+    engines: {node: '>= 4'}
+    dev: true
+
+  /image-size@0.5.5:
+    resolution: {integrity: sha512-6TDAlDPZxUFCv+fuOkIoXT/V/f3Qbq8e37p+YOiYrUv3v9cc3/6x78VdfPgFVaB9dZYeLUfKgHRebpkm/oP2VQ==}
+    engines: {node: '>=0.10.0'}
+    hasBin: true
+    dev: true
+
+  /immutable@4.3.0:
+    resolution: {integrity: sha512-0AOCmOip+xgJwEVTQj1EfiDDOkPmuyllDuTuEX+DDXUgapLAsBIfkg3sxCYyCEA8mQqZrrxPUGjcOQ2JS3WLkg==}
+    dev: true
+
+  /import-fresh@3.3.0:
+    resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==}
+    engines: {node: '>=6'}
+    dependencies:
+      parent-module: 1.0.1
+      resolve-from: 4.0.0
+    dev: true
+
+  /import-lazy@4.0.0:
+    resolution: {integrity: sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /imurmurhash@0.1.4:
+    resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
+    engines: {node: '>=0.8.19'}
+    dev: true
+
+  /indent-string@4.0.0:
+    resolution: {integrity: sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /indent-string@5.0.0:
+    resolution: {integrity: sha512-m6FAo/spmsW2Ab2fU35JTYwtOKa2yAwXSwgjSv1TJzh4Mh7mC3lzAOVLBprb72XsTrgkEIsl7YrFNAiDiRhIGg==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /inflight@1.0.6:
+    resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==}
+    dependencies:
+      once: 1.4.0
+      wrappy: 1.0.2
+    dev: true
+
+  /inherits@2.0.4:
+    resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
+    dev: true
+
+  /ini@1.3.8:
+    resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==}
+    dev: true
+
+  /internal-slot@1.0.5:
+    resolution: {integrity: sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      get-intrinsic: 1.2.0
+      has: 1.0.3
+      side-channel: 1.0.4
+    dev: true
+
+  /is-accessor-descriptor@0.1.6:
+    resolution: {integrity: sha512-e1BM1qnDbMRG3ll2U9dSK0UMHuWOs3pY3AtcFsmvwPtKL3MML/Q86i+GilLfvqEs4GW+ExB91tQ3Ig9noDIZ+A==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      kind-of: 3.2.2
+    dev: true
+
+  /is-accessor-descriptor@1.0.0:
+    resolution: {integrity: sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      kind-of: 6.0.3
+    dev: true
+
+  /is-array-buffer@3.0.2:
+    resolution: {integrity: sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==}
+    dependencies:
+      call-bind: 1.0.2
+      get-intrinsic: 1.2.0
+      is-typed-array: 1.1.10
+    dev: true
+
+  /is-arrayish@0.2.1:
+    resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
+    dev: true
+
+  /is-bigint@1.0.4:
+    resolution: {integrity: sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==}
+    dependencies:
+      has-bigints: 1.0.2
+    dev: true
+
+  /is-binary-path@2.1.0:
+    resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
+    engines: {node: '>=8'}
+    dependencies:
+      binary-extensions: 2.2.0
+    dev: true
+
+  /is-boolean-object@1.1.2:
+    resolution: {integrity: sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.2
+      has-tostringtag: 1.0.0
+    dev: true
+
+  /is-buffer@1.1.6:
+    resolution: {integrity: sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==}
+
+  /is-callable@1.2.7:
+    resolution: {integrity: sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==}
+    engines: {node: '>= 0.4'}
+    dev: true
+
+  /is-core-module@2.11.0:
+    resolution: {integrity: sha512-RRjxlvLDkD1YJwDbroBHMb+cukurkDWNyHx7D3oNB5x9rb5ogcksMC5wHCadcXoo67gVr/+3GFySh3134zi6rw==}
+    dependencies:
+      has: 1.0.3
+    dev: true
+
+  /is-data-descriptor@0.1.4:
+    resolution: {integrity: sha512-+w9D5ulSoBNlmw9OHn3U2v51SyoCd0he+bB3xMl62oijhrspxowjU+AIcDY0N3iEJbUEkB15IlMASQsxYigvXg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      kind-of: 3.2.2
+    dev: true
+
+  /is-data-descriptor@1.0.0:
+    resolution: {integrity: sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      kind-of: 6.0.3
+    dev: true
+
+  /is-date-object@1.0.5:
+    resolution: {integrity: sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      has-tostringtag: 1.0.0
+    dev: true
+
+  /is-descriptor@0.1.6:
+    resolution: {integrity: sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-accessor-descriptor: 0.1.6
+      is-data-descriptor: 0.1.4
+      kind-of: 5.1.0
+    dev: true
+
+  /is-descriptor@1.0.2:
+    resolution: {integrity: sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-accessor-descriptor: 1.0.0
+      is-data-descriptor: 1.0.0
+      kind-of: 6.0.3
+    dev: true
+
+  /is-docker@2.2.1:
+    resolution: {integrity: sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==}
+    engines: {node: '>=8'}
+    hasBin: true
+    dev: true
+
+  /is-docker@3.0.0:
+    resolution: {integrity: sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    hasBin: true
+    dev: true
+
+  /is-extendable@0.1.1:
+    resolution: {integrity: sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /is-extendable@1.0.1:
+    resolution: {integrity: sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-plain-object: 2.0.4
+    dev: true
+
+  /is-extglob@2.1.1:
+    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /is-fullwidth-code-point@3.0.0:
+    resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /is-fullwidth-code-point@4.0.0:
+    resolution: {integrity: sha512-O4L094N2/dZ7xqVdrXhh9r1KODPJpFms8B5sGdJLPy664AgvXsreZUyCQQNItZRDlYug4xStLjNp/sz3HvBowQ==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /is-glob@4.0.3:
+    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-extglob: 2.1.1
+    dev: true
+
+  /is-inside-container@1.0.0:
+    resolution: {integrity: sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==}
+    engines: {node: '>=14.16'}
+    hasBin: true
+    dependencies:
+      is-docker: 3.0.0
+    dev: true
+
+  /is-module@1.0.0:
+    resolution: {integrity: sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==}
+    dev: true
+
+  /is-negative-zero@2.0.2:
+    resolution: {integrity: sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==}
+    engines: {node: '>= 0.4'}
+    dev: true
+
+  /is-number-object@1.0.7:
+    resolution: {integrity: sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      has-tostringtag: 1.0.0
+    dev: true
+
+  /is-number@3.0.0:
+    resolution: {integrity: sha512-4cboCqIpliH+mAvFNegjZQ4kgKc3ZUhQVr3HvWbSh5q3WH2v82ct+T2Y1hdU5Gdtorx/cLifQjqCbL7bpznLTg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      kind-of: 3.2.2
+    dev: true
+
+  /is-number@7.0.0:
+    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
+    engines: {node: '>=0.12.0'}
+    dev: true
+
+  /is-obj@1.0.1:
+    resolution: {integrity: sha512-l4RyHgRqGN4Y3+9JHVrNqO+tN0rV5My76uW5/nuO4K1b6vw5G8d/cmFjP9tRfEsdhZNt0IFdZuK/c2Vr4Nb+Qg==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /is-obj@2.0.0:
+    resolution: {integrity: sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /is-path-inside@3.0.3:
+    resolution: {integrity: sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /is-plain-obj@1.1.0:
+    resolution: {integrity: sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /is-plain-object@2.0.4:
+    resolution: {integrity: sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      isobject: 3.0.1
+    dev: true
+
+  /is-plain-object@5.0.0:
+    resolution: {integrity: sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /is-regex@1.1.4:
+    resolution: {integrity: sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.2
+      has-tostringtag: 1.0.0
+    dev: true
+
+  /is-regexp@1.0.0:
+    resolution: {integrity: sha512-7zjFAPO4/gwyQAAgRRmqeEeyIICSdmCqa3tsVHMdBzaXXRiqopZL4Cyghg/XulGWrtABTpbnYYzzIRffLkP4oA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /is-shared-array-buffer@1.0.2:
+    resolution: {integrity: sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==}
+    dependencies:
+      call-bind: 1.0.2
+    dev: true
+
+  /is-stream@2.0.1:
+    resolution: {integrity: sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /is-stream@3.0.0:
+    resolution: {integrity: sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dev: true
+
+  /is-string@1.0.7:
+    resolution: {integrity: sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      has-tostringtag: 1.0.0
+    dev: true
+
+  /is-symbol@1.0.4:
+    resolution: {integrity: sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      has-symbols: 1.0.3
+    dev: true
+
+  /is-text-path@1.0.1:
+    resolution: {integrity: sha512-xFuJpne9oFz5qDaodwmmG08e3CawH/2ZV8Qqza1Ko7Sk8POWbkRdwIoAWVhqvq0XeUzANEhKo2n0IXUGBm7A/w==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      text-extensions: 1.9.0
+    dev: true
+
+  /is-typed-array@1.1.10:
+    resolution: {integrity: sha512-PJqgEHiWZvMpaFZ3uTc8kHPM4+4ADTlDniuQL7cU/UDA0Ql7F70yGfHph3cLNe+c9toaigv+DFzTJKhc2CtO6A==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      available-typed-arrays: 1.0.5
+      call-bind: 1.0.2
+      for-each: 0.3.3
+      gopd: 1.0.1
+      has-tostringtag: 1.0.0
+    dev: true
+
+  /is-weakref@1.0.2:
+    resolution: {integrity: sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==}
+    dependencies:
+      call-bind: 1.0.2
+    dev: true
+
+  /is-windows@1.0.2:
+    resolution: {integrity: sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /is-wsl@2.2.0:
+    resolution: {integrity: sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==}
+    engines: {node: '>=8'}
+    dependencies:
+      is-docker: 2.2.1
+    dev: true
+
+  /isarray@1.0.0:
+    resolution: {integrity: sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==}
+    dev: true
+
+  /isexe@2.0.0:
+    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
+    dev: true
+
+  /isobject@2.1.0:
+    resolution: {integrity: sha512-+OUdGJlgjOBZDfxnDjYYG6zp487z0JGNQq3cYQYg5f5hKR+syHMsaztzGeml/4kGG55CSpKSpWTY+jYGgsHLgA==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      isarray: 1.0.0
+    dev: true
+
+  /isobject@3.0.1:
+    resolution: {integrity: sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /jake@10.8.5:
+    resolution: {integrity: sha512-sVpxYeuAhWt0OTWITwT98oyV0GsXyMlXCF+3L1SuafBVUIr/uILGRB+NqwkzhgXKvoJpDIpQvqkUALgdmQsQxw==}
+    engines: {node: '>=10'}
+    hasBin: true
+    dependencies:
+      async: 3.2.4
+      chalk: 4.1.2
+      filelist: 1.0.4
+      minimatch: registry.npmmirror.com/minimatch@3.1.2
+    dev: true
+
+  /jest-worker@26.6.2:
+    resolution: {integrity: sha512-KWYVV1c4i+jbMpaBC+U++4Va0cp8OisU185o73T1vo99hqi7w8tSJfUXYswwqqrjzwxa6KpRK54WhPvwf5w6PQ==}
+    engines: {node: '>= 10.13.0'}
+    dependencies:
+      '@types/node': 20.4.7
+      merge-stream: 2.0.0
+      supports-color: 7.2.0
+    dev: true
+
+  /js-base64@2.6.4:
+    resolution: {integrity: sha512-pZe//GGmwJndub7ZghVHz7vjb2LgC1m8B07Au3eYqeqv9emhESByMXxaEgkUkEqJe87oBbSniGYoQNIBklc7IQ==}
+    dev: true
+
+  /js-tokens@4.0.0:
+    resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
+    dev: true
+
+  /js-tokens@8.0.1:
+    resolution: {integrity: sha512-3AGrZT6tuMm1ZWWn9mLXh7XMfi2YtiLNPALCVxBCiUVq0LD1OQMxV/AdS/s7rLJU5o9i/jBZw/N4vXXL5dm29A==}
+    dev: true
+
+  /js-yaml@4.1.0:
+    resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
+    hasBin: true
+    dependencies:
+      argparse: 2.0.1
+    dev: true
+
+  /jsesc@0.5.0:
+    resolution: {integrity: sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==}
+    hasBin: true
+    dev: true
+
+  /jsesc@2.5.2:
+    resolution: {integrity: sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==}
+    engines: {node: '>=4'}
+    hasBin: true
+    dev: true
+
+  /json-parse-better-errors@1.0.2:
+    resolution: {integrity: sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==}
+    dev: true
+
+  /json-parse-even-better-errors@2.3.1:
+    resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==}
+    dev: true
+
+  /json-schema-traverse@0.4.1:
+    resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
+    dev: true
+
+  /json-schema-traverse@1.0.0:
+    resolution: {integrity: sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==}
+    dev: true
+
+  /json-schema@0.4.0:
+    resolution: {integrity: sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==}
+    dev: true
+
+  /json-stable-stringify-without-jsonify@1.0.1:
+    resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
+    dev: true
+
+  /json-stringify-safe@5.0.1:
+    resolution: {integrity: sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA==}
+    dev: true
+
+  /json5@1.0.2:
+    resolution: {integrity: sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==}
+    hasBin: true
+    dependencies:
+      minimist: 1.2.8
+    dev: true
+
+  /json5@2.2.3:
+    resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==}
+    engines: {node: '>=6'}
+    hasBin: true
+    dev: true
+
+  /jsonfile@6.1.0:
+    resolution: {integrity: sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==}
+    dependencies:
+      universalify: 2.0.0
+    optionalDependencies:
+      graceful-fs: 4.2.10
+    dev: true
+
+  /jsonparse@1.3.1:
+    resolution: {integrity: sha512-POQXvpdL69+CluYsillJ7SUhKvytYjW9vG/GKpnf+xP8UWgYEM/RaMzHHofbALDiKbbP1W8UEYmgGl39WkPZsg==}
+    engines: {'0': node >= 0.2.0}
+    dev: true
+
+  /jsonpointer@5.0.1:
+    resolution: {integrity: sha512-p/nXbhSEcu3pZRdkW1OfJhpsVtW1gd4Wa1fnQc9YLiTfAjn0312eMKimbdIQzuZl9aa9xUGaRlP9T/CJE/ditQ==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /kind-of@3.2.2:
+    resolution: {integrity: sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-buffer: 1.1.6
+    dev: true
+
+  /kind-of@4.0.0:
+    resolution: {integrity: sha512-24XsCxmEbRwEDbz/qz3stgin8TTzZ1ESR56OMCN0ujYg+vRutNSiOj9bHH9u85DKgXguraugV5sFuvbD4FW/hw==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-buffer: 1.1.6
+    dev: true
+
+  /kind-of@5.1.0:
+    resolution: {integrity: sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /kind-of@6.0.3:
+    resolution: {integrity: sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /known-css-properties@0.28.0:
+    resolution: {integrity: sha512-9pSL5XB4J+ifHP0e0jmmC98OGC1nL8/JjS+fi6mnTlIf//yt/MfVLtKg7S6nCtj/8KTcWX7nRlY0XywoYY1ISQ==}
+    dev: true
+
+  /leven@3.1.0:
+    resolution: {integrity: sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /levn@0.4.1:
+    resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
+    engines: {node: '>= 0.8.0'}
+    dependencies:
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+    dev: true
+
+  /lilconfig@2.1.0:
+    resolution: {integrity: sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /lines-and-columns@1.2.4:
+    resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
+    dev: true
+
+  /lint-staged@14.0.1:
+    resolution: {integrity: sha512-Mw0cL6HXnHN1ag0mN/Dg4g6sr8uf8sn98w2Oc1ECtFto9tvRF7nkXGJRbx8gPlHyoR0pLyBr2lQHbWwmUHe1Sw==}
+    engines: {node: ^16.14.0 || >=18.0.0}
+    hasBin: true
+    dependencies:
+      chalk: 5.3.0
+      commander: 11.0.0
+      debug: 4.3.4
+      execa: 7.2.0
+      lilconfig: 2.1.0
+      listr2: 6.6.1
+      micromatch: 4.0.5
+      pidtree: 0.6.0
+      string-argv: 0.3.2
+      yaml: 2.3.1
+    transitivePeerDependencies:
+      - enquirer
+      - supports-color
+    dev: true
+
+  /listr2@6.6.1:
+    resolution: {integrity: sha512-+rAXGHh0fkEWdXBmX+L6mmfmXmXvDGEKzkjxO+8mP3+nI/r/CWznVBvsibXdxda9Zz0OW2e2ikphN3OwCT/jSg==}
+    engines: {node: '>=16.0.0'}
+    peerDependencies:
+      enquirer: '>= 2.3.0 < 3'
+    peerDependenciesMeta:
+      enquirer:
+        optional: true
+    dependencies:
+      cli-truncate: 3.1.0
+      colorette: 2.0.20
+      eventemitter3: 5.0.1
+      log-update: 5.0.1
+      rfdc: 1.3.0
+      wrap-ansi: 8.1.0
+    dev: true
+
+  /load-json-file@4.0.0:
+    resolution: {integrity: sha512-Kx8hMakjX03tiGTLAIdJ+lL0htKnXjEZN6hk/tozf/WOuYGdZBJrZ+rCJRbVCugsjB3jMLn9746NsQIf5VjBMw==}
+    engines: {node: '>=4'}
+    dependencies:
+      graceful-fs: registry.npmmirror.com/graceful-fs@4.2.10
+      parse-json: 4.0.0
+      pify: 3.0.0
+      strip-bom: 3.0.0
+    dev: true
+
+  /loader-utils@1.4.2:
+    resolution: {integrity: sha512-I5d00Pd/jwMD2QCduo657+YM/6L3KZu++pmX9VFncxaxvHcru9jx1lBaFft+r4Mt2jK0Yhp41XlRAihzPxHNCg==}
+    engines: {node: '>=4.0.0'}
+    dependencies:
+      big.js: 5.2.2
+      emojis-list: 3.0.0
+      json5: 1.0.2
+    dev: true
+
+  /locate-path@2.0.0:
+    resolution: {integrity: sha512-NCI2kiDkyR7VeEKm27Kda/iQHyKJe1Bu0FlTbYp3CqJu+9IFe9bLyAjMxf5ZDDbEg+iMPzB5zYyUTSm8wVTKmA==}
+    engines: {node: '>=4'}
+    dependencies:
+      p-locate: 2.0.0
+      path-exists: 3.0.0
+    dev: true
+
+  /locate-path@3.0.0:
+    resolution: {integrity: sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==}
+    engines: {node: '>=6'}
+    dependencies:
+      p-locate: 3.0.0
+      path-exists: 3.0.0
+    dev: true
+
+  /locate-path@5.0.0:
+    resolution: {integrity: sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==}
+    engines: {node: '>=8'}
+    dependencies:
+      p-locate: 4.1.0
+    dev: true
+
+  /locate-path@6.0.0:
+    resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
+    engines: {node: '>=10'}
+    dependencies:
+      p-locate: 5.0.0
+    dev: true
+
+  /lodash-es@4.17.21:
+    resolution: {integrity: sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==}
+    dev: false
+
+  /lodash-unified@1.0.3(@types/lodash-es@4.17.7)(lodash-es@4.17.21)(lodash@4.17.21):
+    resolution: {integrity: sha512-WK9qSozxXOD7ZJQlpSqOT+om2ZfcT4yO+03FuzAHD0wF6S0l0090LRPDx3vhTTLZ8cFKpBn+IOcVXK6qOcIlfQ==}
+    peerDependencies:
+      '@types/lodash-es': '*'
+      lodash: '*'
+      lodash-es: '*'
+    dependencies:
+      '@types/lodash-es': 4.17.7
+      lodash: 4.17.21
+      lodash-es: 4.17.21
+    dev: false
+
+  /lodash.camelcase@4.3.0:
+    resolution: {integrity: sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA==}
+    dev: true
+
+  /lodash.debounce@4.0.8:
+    resolution: {integrity: sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==}
+    dev: true
+
+  /lodash.isfunction@3.0.9:
+    resolution: {integrity: sha512-AirXNj15uRIMMPihnkInB4i3NHeb4iBtNg9WRWuK2o31S+ePwwNmDPaTL3o7dTJ+VXNZim7rFs4rxN4YU1oUJw==}
+    dev: true
+
+  /lodash.ismatch@4.4.0:
+    resolution: {integrity: sha512-fPMfXjGQEV9Xsq/8MTSgUf255gawYRbjwMyDbcvDhXgV7enSZA0hynz6vMPnpAb5iONEzBHBPsT+0zes5Z301g==}
+    dev: true
+
+  /lodash.isplainobject@4.0.6:
+    resolution: {integrity: sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==}
+    dev: true
+
+  /lodash.kebabcase@4.1.1:
+    resolution: {integrity: sha512-N8XRTIMMqqDgSy4VLKPnJ/+hpGZN+PHQiJnSenYqPaVV/NCqEogTnAdZLQiGKhxX+JCs8waWq2t1XHWKOmlY8g==}
+    dev: true
+
+  /lodash.merge@4.6.2:
+    resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
+    dev: true
+
+  /lodash.mergewith@4.6.2:
+    resolution: {integrity: sha512-GK3g5RPZWTRSeLSpgP8Xhra+pnjBC56q9FZYe1d5RN3TJ35dbkGy3YqBSMbyCrlbi+CM9Z3Jk5yTL7RCsqboyQ==}
+    dev: true
+
+  /lodash.snakecase@4.1.1:
+    resolution: {integrity: sha512-QZ1d4xoBHYUeuouhEq3lk3Uq7ldgyFXGBhg04+oRLnIz8o9T65Eh+8YdroUwn846zchkA9yDsDl5CVVaV2nqYw==}
+    dev: true
+
+  /lodash.sortby@4.7.0:
+    resolution: {integrity: sha512-HDWXG8isMntAyRF5vZ7xKuEvOhT4AhlRt/3czTSjvGUxjYCBVRQY48ViDHyfYz9VIoBkW4TMGQNapx+l3RUwdA==}
+    dev: true
+
+  /lodash.startcase@4.4.0:
+    resolution: {integrity: sha512-+WKqsK294HMSc2jEbNgpHpd0JfIBhp7rEV4aqXWqFr6AlXov+SlcgB1Fv01y2kGe3Gc8nMW7VA0SrGuSkRfIEg==}
+    dev: true
+
+  /lodash.truncate@4.4.2:
+    resolution: {integrity: sha512-jttmRe7bRse52OsWIMDLaXxWqRAmtIUccAQ3garviCqJjafXOfNMO0yMfNpdD6zbGaTU0P5Nz7e7gAT6cKmJRw==}
+    dev: true
+
+  /lodash.uniq@4.5.0:
+    resolution: {integrity: sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==}
+    dev: true
+
+  /lodash.upperfirst@4.3.1:
+    resolution: {integrity: sha512-sReKOYJIJf74dhJONhU4e0/shzi1trVbSWDOhKYE5XV2O+H7Sb2Dihwuc7xWxVl+DgFPyTqIN3zMfT9cq5iWDg==}
+    dev: true
+
+  /lodash@4.17.21:
+    resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
+
+  /log-update@5.0.1:
+    resolution: {integrity: sha512-5UtUDQ/6edw4ofyljDNcOVJQ4c7OjDro4h3y8e1GQL5iYElYclVHJ3zeWchylvMaKnDbDilC8irOVyexnA/Slw==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dependencies:
+      ansi-escapes: 5.0.0
+      cli-cursor: 4.0.0
+      slice-ansi: 5.0.0
+      strip-ansi: 7.0.1
+      wrap-ansi: 8.1.0
+    dev: true
+
+  /lower-case@2.0.2:
+    resolution: {integrity: sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==}
+    dependencies:
+      tslib: 2.3.0
+    dev: true
+
+  /lru-cache@5.1.1:
+    resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
+    dependencies:
+      yallist: 3.1.1
+    dev: true
+
+  /lru-cache@6.0.0:
+    resolution: {integrity: sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==}
+    engines: {node: '>=10'}
+    dependencies:
+      yallist: registry.npmmirror.com/yallist@4.0.0
+    dev: true
+
+  /magic-string@0.25.9:
+    resolution: {integrity: sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==}
+    dependencies:
+      sourcemap-codec: 1.4.8
+    dev: true
+
+  /magic-string@0.26.7:
+    resolution: {integrity: sha512-hX9XH3ziStPoPhJxLq1syWuZMxbDvGNbVchfrdCtanC7D13888bMFow61x8axrx+GfHLtVeAx2kxL7tTGRl+Ow==}
+    engines: {node: '>=12'}
+    dependencies:
+      sourcemap-codec: 1.4.8
+    dev: true
+
+  /magic-string@0.30.0:
+    resolution: {integrity: sha512-LA+31JYDJLs82r2ScLrlz1GjSgu66ZV518eyWT+S8VhyQn/JL0u9MeBOvQMGYiPk1DBiSN9DDMOcXvigJZaViQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.4.14
+
+  /make-error@1.3.6:
+    resolution: {integrity: sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==}
+    dev: true
+
+  /map-cache@0.2.2:
+    resolution: {integrity: sha512-8y/eV9QQZCiyn1SprXSrCmqJN0yNRATe+PO8ztwqrvrbdRLA3eYJF0yaR0YayLWkMbsQSKWS9N2gPcGEc4UsZg==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /map-obj@1.0.1:
+    resolution: {integrity: sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /map-obj@4.3.0:
+    resolution: {integrity: sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /map-visit@1.0.0:
+    resolution: {integrity: sha512-4y7uGv8bd2WdM9vpQsiQNo41Ln1NvhvDRuVt0k2JZQ+ezN2uaQes7lZeZ+QQUHOLQAtDaBJ+7wCbi+ab/KFs+w==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      object-visit: 1.0.1
+    dev: true
+
+  /mathml-tag-names@2.1.3:
+    resolution: {integrity: sha512-APMBEanjybaPzUrfqU0IMU5I0AswKMH7k8OTLs0vvV4KZpExkTkY87nR/zpbuTPj+gARop7aGUbl11pnDfW6xg==}
+    dev: true
+
+  /md5@2.3.0:
+    resolution: {integrity: sha512-T1GITYmFaKuO91vxyoQMFETst+O71VUPEU3ze5GNzDm0OWdP8v1ziTaAEPUr/3kLsY3Sftgz242A1SetQiDL7g==}
+    dependencies:
+      charenc: 0.0.2
+      crypt: 0.0.2
+      is-buffer: 1.1.6
+    dev: false
+
+  /mdn-data@2.0.14:
+    resolution: {integrity: sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==}
+    dev: true
+
+  /mdn-data@2.0.30:
+    resolution: {integrity: sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==}
+    dev: true
+
+  /memoize-one@6.0.0:
+    resolution: {integrity: sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==}
+    dev: false
+
+  /meow@10.1.5:
+    resolution: {integrity: sha512-/d+PQ4GKmGvM9Bee/DPa8z3mXs/pkvJE2KEThngVNOqtmljC6K7NMPxtc2JeZYTmpWb9k/TmxjeL18ez3h7vCw==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dependencies:
+      '@types/minimist': 1.2.2
+      camelcase-keys: 7.0.2
+      decamelize: 5.0.1
+      decamelize-keys: 1.1.1
+      hard-rejection: 2.1.0
+      minimist-options: 4.1.0
+      normalize-package-data: 3.0.3
+      read-pkg-up: 8.0.0
+      redent: 4.0.0
+      trim-newlines: 4.1.1
+      type-fest: 1.4.0
+      yargs-parser: 20.2.9
+    dev: true
+
+  /meow@8.1.2:
+    resolution: {integrity: sha512-r85E3NdZ+mpYk1C6RjPFEMSE+s1iZMuHtsHAqY0DT3jZczl0diWUZ8g6oU7h0M9cD2EL+PzaYghhCLzR0ZNn5Q==}
+    engines: {node: '>=10'}
+    dependencies:
+      '@types/minimist': 1.2.2
+      camelcase-keys: 6.2.2
+      decamelize-keys: 1.1.1
+      hard-rejection: 2.1.0
+      minimist-options: 4.1.0
+      normalize-package-data: 3.0.3
+      read-pkg-up: 7.0.1
+      redent: 3.0.0
+      trim-newlines: 3.0.1
+      type-fest: 0.18.1
+      yargs-parser: 20.2.9
+    dev: true
+
+  /merge-options@1.0.1:
+    resolution: {integrity: sha512-iuPV41VWKWBIOpBsjoxjDZw8/GbSfZ2mk7N1453bwMrfzdrIk7EzBd+8UVR6rkw67th7xnk9Dytl3J+lHPdxvg==}
+    engines: {node: '>=4'}
+    dependencies:
+      is-plain-obj: 1.1.0
+    dev: true
+
+  /merge-stream@2.0.0:
+    resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==}
+    dev: true
+
+  /merge2@1.4.1:
+    resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
+    engines: {node: '>= 8'}
+    dev: true
+
+  /micromatch@3.1.0:
+    resolution: {integrity: sha512-3StSelAE+hnRvMs8IdVW7Uhk8CVed5tp+kLLGlBP6WiRAXS21GPGu/Nat4WNPXj2Eoc24B02SaeoyozPMfj0/g==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      arr-diff: 4.0.0
+      array-unique: 0.3.2
+      braces: 2.3.2
+      define-property: 1.0.0
+      extend-shallow: 2.0.1
+      extglob: 2.0.4
+      fragment-cache: 0.2.1
+      kind-of: 5.1.0
+      nanomatch: 1.2.13
+      object.pick: 1.3.0
+      regex-not: 1.0.2
+      snapdragon: 0.8.2
+      to-regex: 3.0.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /micromatch@4.0.5:
+    resolution: {integrity: sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==}
+    engines: {node: '>=8.6'}
+    dependencies:
+      braces: 3.0.2
+      picomatch: 2.3.1
+    dev: true
+
+  /mime-db@1.52.0:
+    resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
+    engines: {node: '>= 0.6'}
+    dev: false
+
+  /mime-types@2.1.35:
+    resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
+    engines: {node: '>= 0.6'}
+    dependencies:
+      mime-db: 1.52.0
+    dev: false
+
+  /mimic-fn@2.1.0:
+    resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /mimic-fn@4.0.0:
+    resolution: {integrity: sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /min-indent@1.0.1:
+    resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /minimatch@3.1.2:
+    resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
+    dependencies:
+      brace-expansion: 1.1.11
+    dev: true
+
+  /minimatch@9.0.0:
+    resolution: {integrity: sha512-0jJj8AvgKqWN05mrwuqi8QYKx1WmYSUoKSxu5Qhs9prezTz10sxAHGNZe9J9cqIJzta8DWsleh2KaVaLl6Ru2w==}
+    engines: {node: '>=16 || 14 >=14.17'}
+    dependencies:
+      brace-expansion: 2.0.1
+    dev: true
+
+  /minimist-options@4.1.0:
+    resolution: {integrity: sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==}
+    engines: {node: '>= 6'}
+    dependencies:
+      arrify: 1.0.1
+      is-plain-obj: 1.1.0
+      kind-of: 6.0.3
+    dev: true
+
+  /minimist@1.2.8:
+    resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
+    dev: true
+
+  /mitt@3.0.1:
+    resolution: {integrity: sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==}
+    dev: false
+
+  /mixin-deep@1.3.2:
+    resolution: {integrity: sha512-WRoDn//mXBiJ1H40rqa3vH0toePwSsGb45iInWlTySa+Uu4k3tYUSxa2v1KqAiLtvlrSzaExqS1gtk96A9zvEA==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      for-in: 1.0.2
+      is-extendable: 1.0.1
+    dev: true
+
+  /modify-values@1.0.1:
+    resolution: {integrity: sha512-xV2bxeN6F7oYjZWTe/YPAy6MN2M+sL4u/Rlm2AHCIVGfo2p1yGmBHQ6vHehl4bRTZBdHu3TSkWdYgkwpYzAGSw==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /ms@2.0.0:
+    resolution: {integrity: sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==}
+    dev: true
+
+  /ms@2.1.2:
+    resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
+    dev: true
+
+  /muggle-string@0.3.1:
+    resolution: {integrity: sha512-ckmWDJjphvd/FvZawgygcUeQCxzvohjFO5RxTjj4eq8kw359gFF3E1brjfI+viLMxss5JrHTDRHZvu2/tuy0Qg==}
+    dev: true
+
+  /nanoid@3.3.6:
+    resolution: {integrity: sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
+
+  /nanomatch@1.2.13:
+    resolution: {integrity: sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      arr-diff: 4.0.0
+      array-unique: 0.3.2
+      define-property: 2.0.2
+      extend-shallow: 3.0.2
+      fragment-cache: 0.2.1
+      is-windows: 1.0.2
+      kind-of: 6.0.3
+      object.pick: 1.3.0
+      regex-not: 1.0.2
+      snapdragon: 0.8.2
+      to-regex: 3.0.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /natural-compare@1.4.0:
+    resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
+    dev: true
+
+  /neo-async@2.6.2:
+    resolution: {integrity: sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==}
+    dev: true
+
+  /no-case@3.0.4:
+    resolution: {integrity: sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==}
+    dependencies:
+      lower-case: 2.0.2
+      tslib: 2.3.0
+    dev: true
+
+  /node-html-parser@5.4.2:
+    resolution: {integrity: sha512-RaBPP3+51hPne/OolXxcz89iYvQvKOydaqoePpOgXcrOKZhjVIzmpKZz+Hd/RBO2/zN2q6CNJhQzucVz+u3Jyw==}
+    dependencies:
+      css-select: 4.3.0
+      he: 1.2.0
+    dev: true
+
+  /node-releases@2.0.13:
+    resolution: {integrity: sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ==}
+    dev: true
+
+  /normalize-package-data@2.5.0:
+    resolution: {integrity: sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==}
+    dependencies:
+      hosted-git-info: 2.8.9
+      resolve: 1.22.1
+      semver: registry.npmmirror.com/semver@5.7.1
+      validate-npm-package-license: 3.0.4
+    dev: true
+
+  /normalize-package-data@3.0.3:
+    resolution: {integrity: sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==}
+    engines: {node: '>=10'}
+    dependencies:
+      hosted-git-info: 4.1.0
+      is-core-module: 2.11.0
+      semver: registry.npmmirror.com/semver@7.5.2
+      validate-npm-package-license: 3.0.4
+    dev: true
+
+  /normalize-path@3.0.0:
+    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /normalize-range@0.1.2:
+    resolution: {integrity: sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /normalize-wheel-es@1.2.0:
+    resolution: {integrity: sha512-Wj7+EJQ8mSuXr2iWfnujrimU35R2W4FAErEyTmJoJ7ucwTn2hOUSsRehMb5RSYkxXGTM7Y9QpvPmp++w5ftoJw==}
+    dev: false
+
+  /npm-run-path@4.0.1:
+    resolution: {integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==}
+    engines: {node: '>=8'}
+    dependencies:
+      path-key: 3.1.1
+    dev: true
+
+  /npm-run-path@5.1.0:
+    resolution: {integrity: sha512-sJOdmRGrY2sjNTRMbSvluQqg+8X7ZK61yvzBEIDhz4f8z1TZFYABsqjjCBd/0PUNE9M6QDgHJXQkGUEm7Q+l9Q==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dependencies:
+      path-key: 4.0.0
+    dev: true
+
+  /nprogress@0.2.0:
+    resolution: {integrity: sha512-I19aIingLgR1fmhftnbWWO3dXc0hSxqHQHQb3H8m+K3TnEn/iSeTZZOyvKXWqQESMwuUVnatlCnZdLBZZt2VSA==}
+    dev: false
+
+  /nth-check@2.1.1:
+    resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
+    dependencies:
+      boolbase: 1.0.0
+    dev: true
+
+  /object-assign@4.1.1:
+    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /object-copy@0.1.0:
+    resolution: {integrity: sha512-79LYn6VAb63zgtmAteVOWo9Vdj71ZVBy3Pbse+VqxDpEP83XuujMrGqHIwAXJ5I/aM0zU7dIyIAhifVTPrNItQ==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      copy-descriptor: 0.1.1
+      define-property: 0.2.5
+      kind-of: 3.2.2
+    dev: true
+
+  /object-inspect@1.12.3:
+    resolution: {integrity: sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==}
+
+  /object-keys@1.1.1:
+    resolution: {integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==}
+    engines: {node: '>= 0.4'}
+    dev: true
+
+  /object-visit@1.0.1:
+    resolution: {integrity: sha512-GBaMwwAVK9qbQN3Scdo0OyvgPW7l3lnaVMj84uTOZlswkX0KpF6fyDBJhtTthf7pymztoN36/KEr1DyhF96zEA==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      isobject: 3.0.1
+    dev: true
+
+  /object.assign@4.1.4:
+    resolution: {integrity: sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.2
+      define-properties: 1.2.0
+      has-symbols: 1.0.3
+      object-keys: 1.1.1
+    dev: true
+
+  /object.pick@1.3.0:
+    resolution: {integrity: sha512-tqa/UMy/CCoYmj+H5qc07qvSL9dqcs/WZENZ1JbtWBlATP+iVOe778gE6MSijnyCnORzDuX6hU+LA4SZ09YjFQ==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      isobject: 3.0.1
+    dev: true
+
+  /once@1.4.0:
+    resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
+    dependencies:
+      wrappy: 1.0.2
+    dev: true
+
+  /onetime@5.1.2:
+    resolution: {integrity: sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==}
+    engines: {node: '>=6'}
+    dependencies:
+      mimic-fn: 2.1.0
+    dev: true
+
+  /onetime@6.0.0:
+    resolution: {integrity: sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      mimic-fn: 4.0.0
+    dev: true
+
+  /open@8.4.2:
+    resolution: {integrity: sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      define-lazy-prop: 2.0.0
+      is-docker: 2.2.1
+      is-wsl: 2.2.0
+    dev: true
+
+  /open@9.1.0:
+    resolution: {integrity: sha512-OS+QTnw1/4vrf+9hh1jc1jnYjzSG4ttTBB8UxOwAnInG3Uo4ssetzC1ihqaIHjLJnA5GGlRl6QlZXOTQhRBUvg==}
+    engines: {node: '>=14.16'}
+    dependencies:
+      default-browser: 4.0.0
+      define-lazy-prop: 3.0.0
+      is-inside-container: 1.0.0
+      is-wsl: 2.2.0
+    dev: true
+
+  /optionator@0.9.3:
+    resolution: {integrity: sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==}
+    engines: {node: '>= 0.8.0'}
+    dependencies:
+      '@aashutoshrathi/word-wrap': 1.2.6
+      deep-is: 0.1.4
+      fast-levenshtein: 2.0.6
+      levn: 0.4.1
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+    dev: true
+
+  /p-limit@1.3.0:
+    resolution: {integrity: sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==}
+    engines: {node: '>=4'}
+    dependencies:
+      p-try: 1.0.0
+    dev: true
+
+  /p-limit@2.3.0:
+    resolution: {integrity: sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==}
+    engines: {node: '>=6'}
+    dependencies:
+      p-try: 2.2.0
+    dev: true
+
+  /p-limit@3.1.0:
+    resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
+    engines: {node: '>=10'}
+    dependencies:
+      yocto-queue: 0.1.0
+    dev: true
+
+  /p-locate@2.0.0:
+    resolution: {integrity: sha512-nQja7m7gSKuewoVRen45CtVfODR3crN3goVQ0DDZ9N3yHxgpkuBhZqsaiotSQRrADUrne346peY7kT3TSACykg==}
+    engines: {node: '>=4'}
+    dependencies:
+      p-limit: 1.3.0
+    dev: true
+
+  /p-locate@3.0.0:
+    resolution: {integrity: sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==}
+    engines: {node: '>=6'}
+    dependencies:
+      p-limit: 2.3.0
+    dev: true
+
+  /p-locate@4.1.0:
+    resolution: {integrity: sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==}
+    engines: {node: '>=8'}
+    dependencies:
+      p-limit: 2.3.0
+    dev: true
+
+  /p-locate@5.0.0:
+    resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
+    engines: {node: '>=10'}
+    dependencies:
+      p-limit: 3.1.0
+    dev: true
+
+  /p-try@1.0.0:
+    resolution: {integrity: sha512-U1etNYuMJoIz3ZXSrrySFjsXQTWOx2/jdi86L+2pRvph/qMKL6sbcCYdH23fqsbm8TH2Gn0OybpT4eSFlCVHww==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /p-try@2.2.0:
+    resolution: {integrity: sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /param-case@3.0.4:
+    resolution: {integrity: sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==}
+    dependencies:
+      dot-case: 3.0.4
+      tslib: 2.3.0
+    dev: true
+
+  /parent-module@1.0.1:
+    resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
+    engines: {node: '>=6'}
+    dependencies:
+      callsites: 3.1.0
+    dev: true
+
+  /parse-json@4.0.0:
+    resolution: {integrity: sha512-aOIos8bujGN93/8Ox/jPLh7RwVnPEysynVFE+fQZyg6jKELEHwzgKdLRFHUgXJL6kylijVSBC4BvN9OmsB48Rw==}
+    engines: {node: '>=4'}
+    dependencies:
+      error-ex: 1.3.2
+      json-parse-better-errors: 1.0.2
+    dev: true
+
+  /parse-json@5.2.0:
+    resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==}
+    engines: {node: '>=8'}
+    dependencies:
+      '@babel/code-frame': 7.21.4
+      error-ex: 1.3.2
+      json-parse-even-better-errors: 2.3.1
+      lines-and-columns: 1.2.4
+    dev: true
+
+  /pascal-case@3.1.2:
+    resolution: {integrity: sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==}
+    dependencies:
+      no-case: 3.0.4
+      tslib: 2.3.0
+    dev: true
+
+  /pascalcase@0.1.1:
+    resolution: {integrity: sha512-XHXfu/yOQRy9vYOtUDVMN60OEJjW013GoObG1o+xwQTpB9eYJX/BjXMsdW13ZDPruFhYYn0AG22w0xgQMwl3Nw==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /path-exists@3.0.0:
+    resolution: {integrity: sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /path-exists@4.0.0:
+    resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /path-is-absolute@1.0.1:
+    resolution: {integrity: sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /path-key@3.1.1:
+    resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /path-key@4.0.0:
+    resolution: {integrity: sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /path-parse@1.0.7:
+    resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
+    dev: true
+
+  /path-type@3.0.0:
+    resolution: {integrity: sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg==}
+    engines: {node: '>=4'}
+    dependencies:
+      pify: 3.0.0
+    dev: true
+
+  /path-type@4.0.0:
+    resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /pathe@0.2.0:
+    resolution: {integrity: sha512-sTitTPYnn23esFR3RlqYBWn4c45WGeLcsKzQiUpXJAyfcWkolvlYpV8FLo7JishK946oQwMFUCHXQ9AjGPKExw==}
+    dev: true
+
+  /picocolors@1.0.0:
+    resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
+
+  /picomatch@2.3.1:
+    resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
+    engines: {node: '>=8.6'}
+    dev: true
+
+  /pidtree@0.6.0:
+    resolution: {integrity: sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g==}
+    engines: {node: '>=0.10'}
+    hasBin: true
+    dev: true
+
+  /pify@2.3.0:
+    resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /pify@3.0.0:
+    resolution: {integrity: sha512-C3FsVNH1udSEX48gGX1xfvwTWfsYWj5U+8/uK15BGzIGrKoUpghX8hWZwa/OFnakBiiVNmBvemTJR5mcy7iPcg==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /pinia-plugin-persistedstate@3.2.0(pinia@2.1.6):
+    resolution: {integrity: sha512-tZbNGf2vjAQcIm7alK40sE51Qu/m9oWr+rEgNm/2AWr1huFxj72CjvpQcIQzMknDBJEkQznCLAGtJTIcLKrKdw==}
+    peerDependencies:
+      pinia: ^2.0.0
+    dependencies:
+      pinia: 2.1.6(typescript@5.1.6)(vue@3.3.4)
+    dev: false
+
+  /pinia@2.1.6(typescript@5.1.6)(vue@3.3.4):
+    resolution: {integrity: sha512-bIU6QuE5qZviMmct5XwCesXelb5VavdOWKWaB17ggk++NUwQWWbP5YnsONTk3b752QkW9sACiR81rorpeOMSvQ==}
+    peerDependencies:
+      '@vue/composition-api': ^1.4.0
+      typescript: '>=4.4.4'
+      vue: ^2.6.14 || ^3.3.0
+    peerDependenciesMeta:
+      '@vue/composition-api':
+        optional: true
+      typescript:
+        optional: true
+    dependencies:
+      '@vue/devtools-api': 6.5.0
+      typescript: 5.1.6
+      vue: 3.3.4
+      vue-demi: 0.14.5(vue@3.3.4)
+    dev: false
+
+  /posix-character-classes@0.1.1:
+    resolution: {integrity: sha512-xTgYBc3fuo7Yt7JbiuFxSYGToMoz8fLoE6TC9Wx1P/u+LfeThMOAqmuyECnlBaaJb+u1m9hHiXUEtwW4OzfUJg==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /postcss-html@1.5.0:
+    resolution: {integrity: sha512-kCMRWJRHKicpA166kc2lAVUGxDZL324bkj/pVOb6RhjB0Z5Krl7mN0AsVkBhVIRZZirY0lyQXG38HCVaoKVNoA==}
+    engines: {node: ^12 || >=14}
+    dependencies:
+      htmlparser2: 8.0.1
+      js-tokens: 8.0.1
+      postcss: 8.4.29
+      postcss-safe-parser: 6.0.0(postcss@8.4.29)
+    dev: true
+
+  /postcss-media-query-parser@0.2.3:
+    resolution: {integrity: sha512-3sOlxmbKcSHMjlUXQZKQ06jOswE7oVkXPxmZdoB1r5l0q6gTFTQSHxNxOrCccElbW7dxNytifNEo8qidX2Vsig==}
+    dev: true
+
+  /postcss-prefix-selector@1.16.0(postcss@5.2.18):
+    resolution: {integrity: sha512-rdVMIi7Q4B0XbXqNUEI+Z4E+pueiu/CS5E6vRCQommzdQ/sgsS4dK42U7GX8oJR+TJOtT+Qv3GkNo6iijUMp3Q==}
+    peerDependencies:
+      postcss: '>4 <9'
+    dependencies:
+      postcss: 5.2.18
+    dev: true
+
+  /postcss-resolve-nested-selector@0.1.1:
+    resolution: {integrity: sha512-HvExULSwLqHLgUy1rl3ANIqCsvMS0WHss2UOsXhXnQaZ9VCc2oBvIpXrl00IUFT5ZDITME0o6oiXeiHr2SAIfw==}
+    dev: true
+
+  /postcss-safe-parser@6.0.0(postcss@8.4.29):
+    resolution: {integrity: sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==}
+    engines: {node: '>=12.0'}
+    peerDependencies:
+      postcss: ^8.3.3
+    dependencies:
+      postcss: 8.4.29
+    dev: true
+
+  /postcss-scss@4.0.8(postcss@8.4.29):
+    resolution: {integrity: sha512-Cr0X8Eu7xMhE96PJck6ses/uVVXDtE5ghUTKNUYgm8ozgP2TkgV3LWs3WgLV1xaSSLq8ZFiXaUrj0LVgG1fGEA==}
+    engines: {node: '>=12.0'}
+    peerDependencies:
+      postcss: ^8.4.29
+    dependencies:
+      postcss: 8.4.29
+    dev: true
+
+  /postcss-selector-parser@6.0.13:
+    resolution: {integrity: sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==}
+    engines: {node: '>=4'}
+    dependencies:
+      cssesc: 3.0.0
+      util-deprecate: 1.0.2
+    dev: true
+
+  /postcss-sorting@8.0.2(postcss@8.4.29):
+    resolution: {integrity: sha512-M9dkSrmU00t/jK7rF6BZSZauA5MAaBW4i5EnJXspMwt4iqTh/L9j6fgMnbElEOfyRyfLfVbIHj/R52zHzAPe1Q==}
+    peerDependencies:
+      postcss: ^8.4.20
+    dependencies:
+      postcss: 8.4.29
+    dev: true
+
+  /postcss-value-parser@4.2.0:
+    resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
+    dev: true
+
+  /postcss@5.2.18:
+    resolution: {integrity: sha512-zrUjRRe1bpXKsX1qAJNJjqZViErVuyEkMTRrwu4ud4sbTtIBRmtaYDrHmcGgmrbsW3MHfmtIf+vJumgQn+PrXg==}
+    engines: {node: '>=0.12'}
+    dependencies:
+      chalk: 1.1.3
+      js-base64: 2.6.4
+      source-map: 0.5.7
+      supports-color: 3.2.3
+    dev: true
+
+  /postcss@8.4.29:
+    resolution: {integrity: sha512-cbI+jaqIeu/VGqXEarWkRCCffhjgXc0qjBtXpqJhTBohMUjUQnbBr0xqX3vEKudc4iviTewcJo5ajcec5+wdJw==}
+    engines: {node: ^10 || ^12 || >=14}
+    dependencies:
+      nanoid: 3.3.6
+      picocolors: 1.0.0
+      source-map-js: 1.0.2
+
+  /posthtml-parser@0.2.1:
+    resolution: {integrity: sha512-nPC53YMqJnc/+1x4fRYFfm81KV2V+G9NZY+hTohpYg64Ay7NemWWcV4UWuy/SgMupqQ3kJ88M/iRfZmSnxT+pw==}
+    dependencies:
+      htmlparser2: 3.10.1
+      isobject: 2.1.0
+    dev: true
+
+  /posthtml-rename-id@1.0.12:
+    resolution: {integrity: sha512-UKXf9OF/no8WZo9edRzvuMenb6AD5hDLzIepJW+a4oJT+T/Lx7vfMYWT4aWlGNQh0WMhnUx1ipN9OkZ9q+ddEw==}
+    dependencies:
+      escape-string-regexp: 1.0.5
+    dev: true
+
+  /posthtml-render@1.4.0:
+    resolution: {integrity: sha512-W1779iVHGfq0Fvh2PROhCe2QhB8mEErgqzo1wpIt36tCgChafP+hbXIhLDOM8ePJrZcFs0vkNEtdibEWVqChqw==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /posthtml-svg-mode@1.0.3:
+    resolution: {integrity: sha512-hEqw9NHZ9YgJ2/0G7CECOeuLQKZi8HjWLkBaSVtOWjygQ9ZD8P7tqeowYs7WrFdKsWEKG7o+IlsPY8jrr0CJpQ==}
+    dependencies:
+      merge-options: 1.0.1
+      posthtml: 0.9.2
+      posthtml-parser: 0.2.1
+      posthtml-render: 1.4.0
+    dev: true
+
+  /posthtml@0.9.2:
+    resolution: {integrity: sha512-spBB5sgC4cv2YcW03f/IAUN1pgDJWNWD8FzkyY4mArLUMJW+KlQhlmUdKAHQuPfb00Jl5xIfImeOsf6YL8QK7Q==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      posthtml-parser: 0.2.1
+      posthtml-render: 1.4.0
+    dev: true
+
+  /prelude-ls@1.2.1:
+    resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
+    engines: {node: '>= 0.8.0'}
+    dev: true
+
+  /prettier-linter-helpers@1.0.0:
+    resolution: {integrity: sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==}
+    engines: {node: '>=6.0.0'}
+    dependencies:
+      fast-diff: 1.2.0
+    dev: true
+
+  /prettier@3.0.3:
+    resolution: {integrity: sha512-L/4pUDMxcNa8R/EthV08Zt42WBO4h1rarVtK0K+QJG0X187OLo7l699jWw0GKuwzkPQ//jMFA/8Xm6Fh3J/DAg==}
+    engines: {node: '>=14'}
+    hasBin: true
+    dev: true
+
+  /pretty-bytes@5.6.0:
+    resolution: {integrity: sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /pretty-bytes@6.1.1:
+    resolution: {integrity: sha512-mQUvGU6aUFQ+rNvTIAcZuWGRT9a6f6Yrg9bHs4ImKF+HZCEK+plBvnAZYSIQztknZF2qnzNtr6F8s0+IuptdlQ==}
+    engines: {node: ^14.13.1 || >=16.0.0}
+    dev: true
+
+  /print-js@1.6.0:
+    resolution: {integrity: sha512-BfnOIzSKbqGRtO4o0rnj/K3681BSd2QUrsIZy/+WdCIugjIswjmx3lDEZpXB2ruGf9d4b3YNINri81+J0FsBWg==}
+    dev: false
+
+  /process-nextick-args@2.0.1:
+    resolution: {integrity: sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==}
+    dev: true
+
+  /proxy-from-env@1.1.0:
+    resolution: {integrity: sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==}
+    dev: false
+
+  /punycode@2.3.0:
+    resolution: {integrity: sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /q@1.5.1:
+    resolution: {integrity: sha512-kV/CThkXo6xyFEZUugw/+pIOywXcDbFYgSct5cT3gqlbkBE1SJdwy6UQoZvodiWF/ckQLZyDE/Bu1M6gVu5lVw==}
+    engines: {node: '>=0.6.0', teleport: '>=0.2.0'}
+    dev: true
+
+  /qs@6.11.2:
+    resolution: {integrity: sha512-tDNIz22aBzCDxLtVH++VnTfzxlfeK5CbqohpSqpJgj1Wg/cQbStNAz3NuqCs5vV+pjBsK4x4pN9HlVh7rcYRiA==}
+    engines: {node: '>=0.6'}
+    dependencies:
+      side-channel: 1.0.4
+    dev: false
+
+  /query-string@4.3.4:
+    resolution: {integrity: sha512-O2XLNDBIg1DnTOa+2XrIwSiXEV8h2KImXUnjhhn2+UsvZ+Es2uyd5CCRTNQlDGbzUQOW3aYCBx9rVA6dzsiY7Q==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      object-assign: 4.1.1
+      strict-uri-encode: 1.1.0
+    dev: true
+
+  /queue-microtask@1.2.3:
+    resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
+    dev: true
+
+  /quick-lru@4.0.1:
+    resolution: {integrity: sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /quick-lru@5.1.1:
+    resolution: {integrity: sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /randombytes@2.1.0:
+    resolution: {integrity: sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==}
+    dependencies:
+      safe-buffer: 5.2.1
+    dev: true
+
+  /read-pkg-up@3.0.0:
+    resolution: {integrity: sha512-YFzFrVvpC6frF1sz8psoHDBGF7fLPc+llq/8NB43oagqWkx8ar5zYtsTORtOjw9W2RHLpWP+zTWwBvf1bCmcSw==}
+    engines: {node: '>=4'}
+    dependencies:
+      find-up: 2.1.0
+      read-pkg: 3.0.0
+    dev: true
+
+  /read-pkg-up@7.0.1:
+    resolution: {integrity: sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==}
+    engines: {node: '>=8'}
+    dependencies:
+      find-up: 4.1.0
+      read-pkg: 5.2.0
+      type-fest: 0.8.1
+    dev: true
+
+  /read-pkg-up@8.0.0:
+    resolution: {integrity: sha512-snVCqPczksT0HS2EC+SxUndvSzn6LRCwpfSvLrIfR5BKDQQZMaI6jPRC9dYvYFDRAuFEAnkwww8kBBNE/3VvzQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      find-up: 5.0.0
+      read-pkg: 6.0.0
+      type-fest: 1.4.0
+    dev: true
+
+  /read-pkg@3.0.0:
+    resolution: {integrity: sha512-BLq/cCO9two+lBgiTYNqD6GdtK8s4NpaWrl6/rCO9w0TUS8oJl7cmToOZfRYllKTISY6nt1U7jQ53brmKqY6BA==}
+    engines: {node: '>=4'}
+    dependencies:
+      load-json-file: 4.0.0
+      normalize-package-data: 2.5.0
+      path-type: 3.0.0
+    dev: true
+
+  /read-pkg@5.2.0:
+    resolution: {integrity: sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==}
+    engines: {node: '>=8'}
+    dependencies:
+      '@types/normalize-package-data': 2.4.1
+      normalize-package-data: 2.5.0
+      parse-json: 5.2.0
+      type-fest: 0.6.0
+    dev: true
+
+  /read-pkg@6.0.0:
+    resolution: {integrity: sha512-X1Fu3dPuk/8ZLsMhEj5f4wFAF0DWoK7qhGJvgaijocXxBmSToKfbFtqbxMO7bVjNA1dmE5huAzjXj/ey86iw9Q==}
+    engines: {node: '>=12'}
+    dependencies:
+      '@types/normalize-package-data': 2.4.1
+      normalize-package-data: 3.0.3
+      parse-json: 5.2.0
+      type-fest: 1.4.0
+    dev: true
+
+  /readable-stream@2.3.8:
+    resolution: {integrity: sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==}
+    dependencies:
+      core-util-is: 1.0.3
+      inherits: 2.0.4
+      isarray: 1.0.0
+      process-nextick-args: 2.0.1
+      safe-buffer: 5.1.2
+      string_decoder: 1.1.1
+      util-deprecate: 1.0.2
+    dev: true
+
+  /readable-stream@3.6.2:
+    resolution: {integrity: sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==}
+    engines: {node: '>= 6'}
+    dependencies:
+      inherits: 2.0.4
+      string_decoder: 1.3.0
+      util-deprecate: 1.0.2
+    dev: true
+
+  /readdirp@3.6.0:
+    resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
+    engines: {node: '>=8.10.0'}
+    dependencies:
+      picomatch: 2.3.1
+    dev: true
+
+  /redent@3.0.0:
+    resolution: {integrity: sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==}
+    engines: {node: '>=8'}
+    dependencies:
+      indent-string: 4.0.0
+      strip-indent: 3.0.0
+    dev: true
+
+  /redent@4.0.0:
+    resolution: {integrity: sha512-tYkDkVVtYkSVhuQ4zBgfvciymHaeuel+zFKXShfDnFP5SyVEP7qo70Rf1jTOTCx3vGNAbnEi/xFkcfQVMIBWag==}
+    engines: {node: '>=12'}
+    dependencies:
+      indent-string: 5.0.0
+      strip-indent: 4.0.0
+    dev: true
+
+  /regenerate-unicode-properties@10.1.0:
+    resolution: {integrity: sha512-d1VudCLoIGitcU/hEg2QqvyGZQmdC0Lf8BqdOMXGFSvJP4bNV1+XqbPQeHHLD51Jh4QJJ225dlIFvY4Ly6MXmQ==}
+    engines: {node: '>=4'}
+    dependencies:
+      regenerate: 1.4.2
+    dev: true
+
+  /regenerate@1.4.2:
+    resolution: {integrity: sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==}
+    dev: true
+
+  /regenerator-runtime@0.13.11:
+    resolution: {integrity: sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==}
+    dev: true
+
+  /regenerator-transform@0.15.1:
+    resolution: {integrity: sha512-knzmNAcuyxV+gQCufkYcvOqX/qIIfHLv0u5x79kRxuGojfYVky1f15TzZEu2Avte8QGepvUNTnLskf8E6X6Vyg==}
+    dependencies:
+      '@babel/runtime': 7.21.0
+    dev: true
+
+  /regex-not@1.0.2:
+    resolution: {integrity: sha512-J6SDjUgDxQj5NusnOtdFxDwN/+HWykR8GELwctJ7mdqhcyy1xEc4SRFHUXvxTp661YaVKAjfRLZ9cCqS6tn32A==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      extend-shallow: 3.0.2
+      safe-regex: 1.1.0
+    dev: true
+
+  /regexp.prototype.flags@1.5.0:
+    resolution: {integrity: sha512-0SutC3pNudRKgquxGoRGIz946MZVHqbNfPjBdxeOhBrdgDKlRoXmYLQN9xRbrR09ZXWeGAdPuif7egofn6v5LA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.2
+      define-properties: 1.2.0
+      functions-have-names: 1.2.3
+    dev: true
+
+  /regexpu-core@5.3.2:
+    resolution: {integrity: sha512-RAM5FlZz+Lhmo7db9L298p2vHP5ZywrVXmVXpmAD9GuL5MPH6t9ROw1iA/wfHkQ76Qe7AaPF0nGuim96/IrQMQ==}
+    engines: {node: '>=4'}
+    dependencies:
+      '@babel/regjsgen': 0.8.0
+      regenerate: 1.4.2
+      regenerate-unicode-properties: 10.1.0
+      regjsparser: 0.9.1
+      unicode-match-property-ecmascript: 2.0.0
+      unicode-match-property-value-ecmascript: 2.1.0
+    dev: true
+
+  /regjsparser@0.9.1:
+    resolution: {integrity: sha512-dQUtn90WanSNl+7mQKcXAgZxvUe7Z0SqXlgzv0za4LwiUhyzBC58yQO3liFoUgu8GiJVInAhJjkj1N0EtQ5nkQ==}
+    hasBin: true
+    dependencies:
+      jsesc: 0.5.0
+    dev: true
+
+  /relateurl@0.2.7:
+    resolution: {integrity: sha512-G08Dxvm4iDN3MLM0EsP62EDV9IuhXPR6blNz6Utcp7zyV3tr4HVNINt6MpaRWbxoOHT3Q7YN2P+jaHX8vUbgog==}
+    engines: {node: '>= 0.10'}
+    dev: true
+
+  /repeat-element@1.1.4:
+    resolution: {integrity: sha512-LFiNfRcSu7KK3evMyYOuCzv3L10TW7yC1G2/+StMjK8Y6Vqd2MG7r/Qjw4ghtuCOjFvlnms/iMmLqpvW/ES/WQ==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /repeat-string@1.6.1:
+    resolution: {integrity: sha512-PV0dzCYDNfRi1jCDbJzpW7jNNDRuCOG/jI5ctQcGKt/clZD+YcPS3yIlWuTJMmESC8aevCFmWJy5wjAFgNqN6w==}
+    engines: {node: '>=0.10'}
+    dev: true
+
+  /require-directory@2.1.1:
+    resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /require-from-string@2.0.2:
+    resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /resolve-from@4.0.0:
+    resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /resolve-from@5.0.0:
+    resolution: {integrity: sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /resolve-global@1.0.0:
+    resolution: {integrity: sha512-zFa12V4OLtT5XUX/Q4VLvTfBf+Ok0SPc1FNGM/z9ctUdiU618qwKpWnd0CHs3+RqROfyEg/DhuHbMWYqcgljEw==}
+    engines: {node: '>=8'}
+    dependencies:
+      global-dirs: 0.1.1
+    dev: true
+
+  /resolve-url@0.2.1:
+    resolution: {integrity: sha512-ZuF55hVUQaaczgOIwqWzkEcEidmlD/xl44x1UZnhOXcYuFN2S6+rcxpG+C1N3So0wvNI3DmJICUFfu2SxhBmvg==}
+    deprecated: https://github.com/lydell/resolve-url#deprecated
+    dev: true
+
+  /resolve@1.22.1:
+    resolution: {integrity: sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==}
+    hasBin: true
+    dependencies:
+      is-core-module: 2.11.0
+      path-parse: 1.0.7
+      supports-preserve-symlinks-flag: 1.0.0
+    dev: true
+
+  /restore-cursor@4.0.0:
+    resolution: {integrity: sha512-I9fPXU9geO9bHOt9pHHOhOkYerIMsmVaWB0rA2AI9ERh/+x/i7MV5HKBNrg+ljO5eoPVgCcnFuRjJ9uH6I/3eg==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dependencies:
+      onetime: 5.1.2
+      signal-exit: 3.0.7
+    dev: true
+
+  /ret@0.1.15:
+    resolution: {integrity: sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg==}
+    engines: {node: '>=0.12'}
+    dev: true
+
+  /reusify@1.0.4:
+    resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
+    engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
+    dev: true
+
+  /rfdc@1.3.0:
+    resolution: {integrity: sha512-V2hovdzFbOi77/WajaSMXk2OLm+xNIeQdMMuB7icj7bk6zi2F8GGAxigcnDFpJHbNyNcgyJDiP+8nOrY5cZGrA==}
+    dev: true
+
+  /rimraf@3.0.2:
+    resolution: {integrity: sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==}
+    hasBin: true
+    dependencies:
+      glob: 7.2.3
+    dev: true
+
+  /rollup-plugin-terser@7.0.2(rollup@2.79.1):
+    resolution: {integrity: sha512-w3iIaU4OxcF52UUXiZNsNeuXIMDvFrr+ZXK6bFZ0Q60qyVfq4uLptoS4bbq3paG3x216eQllFZX7zt6TIImguQ==}
+    deprecated: This package has been deprecated and is no longer maintained. Please use @rollup/plugin-terser
+    peerDependencies:
+      rollup: ^2.0.0
+    dependencies:
+      '@babel/code-frame': 7.22.13
+      jest-worker: 26.6.2
+      rollup: 2.79.1
+      serialize-javascript: 4.0.0
+      terser: 5.16.6
+    dev: true
+
+  /rollup-plugin-visualizer@5.9.2(rollup@2.79.1):
+    resolution: {integrity: sha512-waHktD5mlWrYFrhOLbti4YgQCn1uR24nYsNuXxg7LkPH8KdTXVWR9DNY1WU0QqokyMixVXJS4J04HNrVTMP01A==}
+    engines: {node: '>=14'}
+    hasBin: true
+    peerDependencies:
+      rollup: 2.x || 3.x
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+    dependencies:
+      open: 8.4.2
+      picomatch: 2.3.1
+      rollup: 2.79.1
+      source-map: 0.7.4
+      yargs: 17.7.1
+    dev: true
+
+  /rollup@2.79.1:
+    resolution: {integrity: sha512-uKxbd0IhMZOhjAiD5oAFp7BqvkA4Dv47qpOCtaNvng4HBwdbWtdOh8f5nZNuk2rp51PMGk3bzfWu5oayNEuYnw==}
+    engines: {node: '>=10.0.0'}
+    hasBin: true
+    optionalDependencies:
+      fsevents: 2.3.2
+    dev: true
+
+  /rollup@3.29.1:
+    resolution: {integrity: sha512-c+ebvQz0VIH4KhhCpDsI+Bik0eT8ZFEVZEYw0cGMVqIP8zc+gnwl7iXCamTw7vzv2MeuZFZfdx5JJIq+ehzDlg==}
+    engines: {node: '>=14.18.0', npm: '>=8.0.0'}
+    hasBin: true
+    optionalDependencies:
+      fsevents: 2.3.2
+    dev: true
+
+  /run-applescript@5.0.0:
+    resolution: {integrity: sha512-XcT5rBksx1QdIhlFOCtgZkB99ZEouFZ1E2Kc2LHqNW13U3/74YGdkQRmThTwxy4QIyookibDKYZOPqX//6BlAg==}
+    engines: {node: '>=12'}
+    dependencies:
+      execa: 5.1.1
+    dev: true
+
+  /run-parallel@1.2.0:
+    resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
+    dependencies:
+      queue-microtask: 1.2.3
+    dev: true
+
+  /safe-buffer@5.1.2:
+    resolution: {integrity: sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==}
+    dev: true
+
+  /safe-buffer@5.2.1:
+    resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}
+    dev: true
+
+  /safe-regex-test@1.0.0:
+    resolution: {integrity: sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==}
+    dependencies:
+      call-bind: 1.0.2
+      get-intrinsic: 1.2.0
+      is-regex: 1.1.4
+    dev: true
+
+  /safe-regex@1.1.0:
+    resolution: {integrity: sha512-aJXcif4xnaNUzvUuC5gcb46oTS7zvg4jpMTnuqtrEPlR3vFr4pxtdTwaF1Qs3Enjn9HK+ZlwQui+a7z0SywIzg==}
+    dependencies:
+      ret: 0.1.15
+    dev: true
+
+  /sass@1.66.1:
+    resolution: {integrity: sha512-50c+zTsZOJVgFfTgwwEzkjA3/QACgdNsKueWPyAR0mRINIvLAStVQBbPg14iuqEQ74NPDbXzJARJ/O4SI1zftA==}
+    engines: {node: '>=14.0.0'}
+    hasBin: true
+    dependencies:
+      chokidar: 3.5.3
+      immutable: 4.3.0
+      source-map-js: 1.0.2
+    dev: true
+
+  /screenfull@6.0.2:
+    resolution: {integrity: sha512-AQdy8s4WhNvUZ6P8F6PB21tSPIYKniic+Ogx0AacBMjKP1GUHN2E9URxQHtCusiwxudnCKkdy4GrHXPPJSkCCw==}
+    engines: {node: ^14.13.1 || >=16.0.0}
+    dev: false
+
+  /semver@6.3.0:
+    resolution: {integrity: sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==}
+    hasBin: true
+    dev: true
+
+  /semver@6.3.1:
+    resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
+    hasBin: true
+    dev: true
+
+  /semver@7.3.8:
+    resolution: {integrity: sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==}
+    engines: {node: '>=10'}
+    hasBin: true
+    dependencies:
+      lru-cache: 6.0.0
+    dev: true
+
+  /semver@7.5.4:
+    resolution: {integrity: sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==}
+    engines: {node: '>=10'}
+    hasBin: true
+    dependencies:
+      lru-cache: 6.0.0
+    dev: true
+
+  /serialize-javascript@4.0.0:
+    resolution: {integrity: sha512-GaNA54380uFefWghODBWEGisLZFj00nS5ACs6yHa9nLqlLpVLO8ChDGeKRjZnV4Nh4n0Qi7nhYZD/9fCPzEqkw==}
+    dependencies:
+      randombytes: 2.1.0
+    dev: true
+
+  /set-value@2.0.1:
+    resolution: {integrity: sha512-JxHc1weCN68wRY0fhCoXpyK55m/XPHafOmK4UWD7m2CI14GMcFypt4w/0+NV5f/ZMby2F6S2wwA7fgynh9gWSw==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      extend-shallow: 2.0.1
+      is-extendable: 0.1.1
+      is-plain-object: 2.0.4
+      split-string: 3.1.0
+    dev: true
+
+  /shebang-command@2.0.0:
+    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
+    engines: {node: '>=8'}
+    dependencies:
+      shebang-regex: 3.0.0
+    dev: true
+
+  /shebang-regex@3.0.0:
+    resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /side-channel@1.0.4:
+    resolution: {integrity: sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==}
+    dependencies:
+      call-bind: 1.0.2
+      get-intrinsic: 1.2.0
+      object-inspect: 1.12.3
+
+  /signal-exit@3.0.7:
+    resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
+    dev: true
+
+  /signal-exit@4.0.2:
+    resolution: {integrity: sha512-MY2/qGx4enyjprQnFaZsHib3Yadh3IXyV2C321GY0pjGfVBu4un0uDJkwgdxqO+Rdx8JMT8IfJIRwbYVz3Ob3Q==}
+    engines: {node: '>=14'}
+    dev: true
+
+  /slash@3.0.0:
+    resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /slice-ansi@4.0.0:
+    resolution: {integrity: sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==}
+    engines: {node: '>=10'}
+    dependencies:
+      ansi-styles: 4.3.0
+      astral-regex: 2.0.0
+      is-fullwidth-code-point: 3.0.0
+    dev: true
+
+  /slice-ansi@5.0.0:
+    resolution: {integrity: sha512-FC+lgizVPfie0kkhqUScwRu1O/lF6NOgJmlCgK+/LYxDCTk8sGelYaHDhFcDN+Sn3Cv+3VSa4Byeo+IMCzpMgQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      ansi-styles: 6.2.1
+      is-fullwidth-code-point: 4.0.0
+    dev: true
+
+  /snapdragon-node@2.1.1:
+    resolution: {integrity: sha512-O27l4xaMYt/RSQ5TR3vpWCAB5Kb/czIcqUFOM/C4fYcLnbZUc1PkjTAMjof2pBWaSTwOUd6qUHcFGVGj7aIwnw==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      define-property: 1.0.0
+      isobject: 3.0.1
+      snapdragon-util: 3.0.1
+    dev: true
+
+  /snapdragon-util@3.0.1:
+    resolution: {integrity: sha512-mbKkMdQKsjX4BAL4bRYTj21edOf8cN7XHdYUJEe+Zn99hVEYcMvKPct1IqNe7+AZPirn8BCDOQBHQZknqmKlZQ==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      kind-of: 3.2.2
+    dev: true
+
+  /snapdragon@0.8.2:
+    resolution: {integrity: sha512-FtyOnWN/wCHTVXOMwvSv26d+ko5vWlIDD6zoUJ7LW8vh+ZBC8QdljveRP+crNrtBwioEUWy/4dMtbBjA4ioNlg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      base: 0.11.2
+      debug: 2.6.9
+      define-property: 0.2.5
+      extend-shallow: 2.0.1
+      map-cache: 0.2.2
+      source-map: 0.5.7
+      source-map-resolve: 0.5.3
+      use: 3.1.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /sortablejs@1.15.0:
+    resolution: {integrity: sha512-bv9qgVMjUMf89wAvM6AxVvS/4MX3sPeN0+agqShejLU5z5GX4C75ow1O2e5k4L6XItUyAK3gH6AxSbXrOM5e8w==}
+    dev: false
+
+  /source-map-js@1.0.2:
+    resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
+    engines: {node: '>=0.10.0'}
+
+  /source-map-resolve@0.5.3:
+    resolution: {integrity: sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==}
+    deprecated: See https://github.com/lydell/source-map-resolve#deprecated
+    dependencies:
+      atob: 2.1.2
+      decode-uri-component: 0.2.2
+      resolve-url: 0.2.1
+      source-map-url: 0.4.1
+      urix: 0.1.0
+    dev: true
+
+  /source-map-support@0.5.21:
+    resolution: {integrity: sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==}
+    dependencies:
+      buffer-from: 1.1.2
+      source-map: 0.6.1
+    dev: true
+
+  /source-map-url@0.4.1:
+    resolution: {integrity: sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw==}
+    deprecated: See https://github.com/lydell/source-map-url#deprecated
+    dev: true
+
+  /source-map@0.5.7:
+    resolution: {integrity: sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /source-map@0.6.1:
+    resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /source-map@0.7.4:
+    resolution: {integrity: sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==}
+    engines: {node: '>= 8'}
+    dev: true
+
+  /source-map@0.8.0-beta.0:
+    resolution: {integrity: sha512-2ymg6oRBpebeZi9UUNsgQ89bhx01TcTkmNTGnNO88imTmbSgy4nfujrgVEFKWpMTEGA11EDkTt7mqObTPdigIA==}
+    engines: {node: '>= 8'}
+    dependencies:
+      whatwg-url: 7.1.0
+    dev: true
+
+  /sourcemap-codec@1.4.8:
+    resolution: {integrity: sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==}
+    deprecated: Please use @jridgewell/sourcemap-codec instead
+    dev: true
+
+  /spdx-correct@3.2.0:
+    resolution: {integrity: sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==}
+    dependencies:
+      spdx-expression-parse: 3.0.1
+      spdx-license-ids: 3.0.13
+    dev: true
+
+  /spdx-exceptions@2.3.0:
+    resolution: {integrity: sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==}
+    dev: true
+
+  /spdx-expression-parse@3.0.1:
+    resolution: {integrity: sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==}
+    dependencies:
+      spdx-exceptions: 2.3.0
+      spdx-license-ids: 3.0.13
+    dev: true
+
+  /spdx-license-ids@3.0.13:
+    resolution: {integrity: sha512-XkD+zwiqXHikFZm4AX/7JSCXA98U5Db4AFd5XUg/+9UNtnH75+Z9KxtpYiJZx36mUDVOwH83pl7yvCer6ewM3w==}
+    dev: true
+
+  /split-string@3.1.0:
+    resolution: {integrity: sha512-NzNVhJDYpwceVVii8/Hu6DKfD2G+NrQHlS/V/qgv763EYudVwEcMQNxd2lh+0VrUByXN/oJkl5grOhYWvQUYiw==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      extend-shallow: 3.0.2
+    dev: true
+
+  /split2@3.2.2:
+    resolution: {integrity: sha512-9NThjpgZnifTkJpzTZ7Eue85S49QwpNhZTq6GRJwObb6jnLFNGB7Qm73V5HewTROPyxD0C29xqmaI68bQtV+hg==}
+    dependencies:
+      readable-stream: 3.6.2
+    dev: true
+
+  /split@1.0.1:
+    resolution: {integrity: sha512-mTyOoPbrivtXnwnIxZRFYRrPNtEFKlpB2fvjSnCQUiAA6qAZzqwna5envK4uk6OIeP17CsdF3rSBGYVBsU0Tkg==}
+    dependencies:
+      through: 2.3.8
+    dev: true
+
+  /stable@0.1.8:
+    resolution: {integrity: sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==}
+    deprecated: 'Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility'
+    dev: true
+
+  /standard-version@9.5.0:
+    resolution: {integrity: sha512-3zWJ/mmZQsOaO+fOlsa0+QK90pwhNd042qEcw6hKFNoLFs7peGyvPffpEBbK/DSGPbyOvli0mUIFv5A4qTjh2Q==}
+    engines: {node: '>=10'}
+    hasBin: true
+    dependencies:
+      chalk: 2.4.2
+      conventional-changelog: 3.1.25
+      conventional-changelog-config-spec: 2.1.0
+      conventional-changelog-conventionalcommits: 4.6.3
+      conventional-recommended-bump: 6.1.0
+      detect-indent: 6.1.0
+      detect-newline: 3.1.0
+      dotgitignore: 2.1.0
+      figures: 3.2.0
+      find-up: 5.0.0
+      git-semver-tags: 4.1.1
+      semver: 7.3.8
+      stringify-package: 1.0.1
+      yargs: 16.2.0
+    dev: true
+
+  /static-extend@0.1.2:
+    resolution: {integrity: sha512-72E9+uLc27Mt718pMHt9VMNiAL4LMsmDbBva8mxWUCkT07fSzEGMYUCk0XWY6lp0j6RBAG4cJ3mWuZv2OE3s0g==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      define-property: 0.2.5
+      object-copy: 0.1.0
+    dev: true
+
+  /strict-uri-encode@1.1.0:
+    resolution: {integrity: sha512-R3f198pcvnB+5IpnBlRkphuE9n46WyVl8I39W/ZUTZLz4nqSP/oLYUrcnJrw462Ds8he4YKMov2efsTIw1BDGQ==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /string-argv@0.3.2:
+    resolution: {integrity: sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==}
+    engines: {node: '>=0.6.19'}
+    dev: true
+
+  /string-width@4.2.3:
+    resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
+    engines: {node: '>=8'}
+    dependencies:
+      emoji-regex: 8.0.0
+      is-fullwidth-code-point: 3.0.0
+      strip-ansi: 6.0.1
+    dev: true
+
+  /string-width@5.1.2:
+    resolution: {integrity: sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==}
+    engines: {node: '>=12'}
+    dependencies:
+      eastasianwidth: 0.2.0
+      emoji-regex: 9.2.2
+      strip-ansi: 7.0.1
+    dev: true
+
+  /string.prototype.matchall@4.0.8:
+    resolution: {integrity: sha512-6zOCOcJ+RJAQshcTvXPHoxoQGONa3e/Lqx90wUA+wEzX78sg5Bo+1tQo4N0pohS0erG9qtCqJDjNCQBjeWVxyg==}
+    dependencies:
+      call-bind: 1.0.2
+      define-properties: 1.2.0
+      es-abstract: 1.21.2
+      get-intrinsic: 1.2.0
+      has-symbols: 1.0.3
+      internal-slot: 1.0.5
+      regexp.prototype.flags: 1.5.0
+      side-channel: 1.0.4
+    dev: true
+
+  /string.prototype.trim@1.2.7:
+    resolution: {integrity: sha512-p6TmeT1T3411M8Cgg9wBTMRtY2q9+PNy9EV1i2lIXUN/btt763oIfxwN3RR8VU6wHX8j/1CFy0L+YuThm6bgOg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.2
+      define-properties: 1.2.0
+      es-abstract: 1.21.2
+    dev: true
+
+  /string.prototype.trimend@1.0.6:
+    resolution: {integrity: sha512-JySq+4mrPf9EsDBEDYMOb/lM7XQLulwg5R/m1r0PXEFqrV0qHvl58sdTilSXtKOflCsK2E8jxf+GKC0T07RWwQ==}
+    dependencies:
+      call-bind: 1.0.2
+      define-properties: 1.2.0
+      es-abstract: 1.21.2
+    dev: true
+
+  /string.prototype.trimstart@1.0.6:
+    resolution: {integrity: sha512-omqjMDaY92pbn5HOX7f9IccLA+U1tA9GvtU4JrodiXFfYB7jPzzHpRzpglLAjtUV6bB557zwClJezTqnAiYnQA==}
+    dependencies:
+      call-bind: 1.0.2
+      define-properties: 1.2.0
+      es-abstract: 1.21.2
+    dev: true
+
+  /string_decoder@1.1.1:
+    resolution: {integrity: sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==}
+    dependencies:
+      safe-buffer: 5.1.2
+    dev: true
+
+  /string_decoder@1.3.0:
+    resolution: {integrity: sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==}
+    dependencies:
+      safe-buffer: 5.2.1
+    dev: true
+
+  /stringify-object@3.3.0:
+    resolution: {integrity: sha512-rHqiFh1elqCQ9WPLIC8I0Q/g/wj5J1eMkyoiD6eoQApWHP0FtlK7rqnhmabL5VUY9JQCcqwwvlOaSuutekgyrw==}
+    engines: {node: '>=4'}
+    dependencies:
+      get-own-enumerable-property-symbols: 3.0.2
+      is-obj: 1.0.1
+      is-regexp: 1.0.0
+    dev: true
+
+  /stringify-package@1.0.1:
+    resolution: {integrity: sha512-sa4DUQsYciMP1xhKWGuFM04fB0LG/9DlluZoSVywUMRNvzid6XucHK0/90xGxRoHrAaROrcHK1aPKaijCtSrhg==}
+    deprecated: This module is not used anymore, and has been replaced by @npmcli/package-json
+    dev: true
+
+  /strip-ansi@3.0.1:
+    resolution: {integrity: sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      ansi-regex: 2.1.1
+    dev: true
+
+  /strip-ansi@6.0.1:
+    resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
+    engines: {node: '>=8'}
+    dependencies:
+      ansi-regex: 5.0.1
+    dev: true
+
+  /strip-ansi@7.0.1:
+    resolution: {integrity: sha512-cXNxvT8dFNRVfhVME3JAe98mkXDYN2O1l7jmcwMnOslDeESg1rF/OZMtK0nRAhiari1unG5cD4jG3rapUAkLbw==}
+    engines: {node: '>=12'}
+    dependencies:
+      ansi-regex: 6.0.1
+    dev: true
+
+  /strip-bom@3.0.0:
+    resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /strip-comments@2.0.1:
+    resolution: {integrity: sha512-ZprKx+bBLXv067WTCALv8SSz5l2+XhpYCsVtSqlMnkAXMWDq+/ekVbl1ghqP9rUHTzv6sm/DwCOiYutU/yp1fw==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /strip-final-newline@2.0.0:
+    resolution: {integrity: sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /strip-final-newline@3.0.0:
+    resolution: {integrity: sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /strip-indent@3.0.0:
+    resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
+    engines: {node: '>=8'}
+    dependencies:
+      min-indent: 1.0.1
+    dev: true
+
+  /strip-indent@4.0.0:
+    resolution: {integrity: sha512-mnVSV2l+Zv6BLpSD/8V87CW/y9EmmbYzGCIavsnsI6/nwn26DwffM/yztm30Z/I2DY9wdS3vXVCMnHDgZaVNoA==}
+    engines: {node: '>=12'}
+    dependencies:
+      min-indent: 1.0.1
+    dev: true
+
+  /strip-json-comments@3.1.1:
+    resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /style-search@0.1.0:
+    resolution: {integrity: sha512-Dj1Okke1C3uKKwQcetra4jSuk0DqbzbYtXipzFlFMZtowbF1x7BKJwB9AayVMyFARvU8EDrZdcax4At/452cAg==}
+    dev: true
+
+  /stylelint-config-html@1.1.0(postcss-html@1.5.0)(stylelint@15.10.3):
+    resolution: {integrity: sha512-IZv4IVESjKLumUGi+HWeb7skgO6/g4VMuAYrJdlqQFndgbj6WJAXPhaysvBiXefX79upBdQVumgYcdd17gCpjQ==}
+    engines: {node: ^12 || >=14}
+    peerDependencies:
+      postcss-html: ^1.0.0
+      stylelint: '>=14.0.0'
+    dependencies:
+      postcss-html: 1.5.0
+      stylelint: 15.10.3
+    dev: true
+
+  /stylelint-config-recess-order@4.3.0(stylelint@15.10.3):
+    resolution: {integrity: sha512-EWVtxZ8oq4/meTrRNUDrS5TqMz6TX72JjKDwVQq0JJDXE+P/o7UuFw3wWV/0O9yvJfh/da6nJY71ZUn/wSfB4g==}
+    peerDependencies:
+      stylelint: '>=15'
+    dependencies:
+      stylelint: 15.10.3
+      stylelint-order: 6.0.3(stylelint@15.10.3)
+    dev: true
+
+  /stylelint-config-recommended-scss@13.0.0(postcss@8.4.29)(stylelint@15.10.3):
+    resolution: {integrity: sha512-7AmMIsHTsuwUQm7I+DD5BGeIgCvqYZ4BpeYJJpb1cUXQwrJAKjA+GBotFZgUEGP8lAM+wmd91ovzOi8xfAyWEw==}
+    peerDependencies:
+      postcss: ^8.3.3
+      stylelint: ^15.10.0
+    peerDependenciesMeta:
+      postcss:
+        optional: true
+    dependencies:
+      postcss: 8.4.29
+      postcss-scss: 4.0.8(postcss@8.4.29)
+      stylelint: 15.10.3
+      stylelint-config-recommended: 13.0.0(stylelint@15.10.3)
+      stylelint-scss: 5.2.0(stylelint@15.10.3)
+    dev: true
+
+  /stylelint-config-recommended-vue@1.5.0(postcss-html@1.5.0)(stylelint@15.10.3):
+    resolution: {integrity: sha512-65TAK/clUqkNtkZLcuytoxU0URQYlml+30Nhop7sRkCZ/mtWdXt7T+spPSB3KMKlb+82aEVJ4OrcstyDBdbosg==}
+    engines: {node: ^12 || >=14}
+    peerDependencies:
+      postcss-html: ^1.0.0
+      stylelint: '>=14.0.0'
+    dependencies:
+      postcss-html: 1.5.0
+      semver: 7.5.4
+      stylelint: 15.10.3
+      stylelint-config-html: 1.1.0(postcss-html@1.5.0)(stylelint@15.10.3)
+      stylelint-config-recommended: 13.0.0(stylelint@15.10.3)
+    dev: true
+
+  /stylelint-config-recommended@13.0.0(stylelint@15.10.3):
+    resolution: {integrity: sha512-EH+yRj6h3GAe/fRiyaoO2F9l9Tgg50AOFhaszyfov9v6ayXJ1IkSHwTxd7lB48FmOeSGDPLjatjO11fJpmarkQ==}
+    engines: {node: ^14.13.1 || >=16.0.0}
+    peerDependencies:
+      stylelint: ^15.10.0
+    dependencies:
+      stylelint: 15.10.3
+    dev: true
+
+  /stylelint-config-standard-scss@11.0.0(postcss@8.4.29)(stylelint@15.10.3):
+    resolution: {integrity: sha512-fGE79NBOLg09a9afqGH/guJulRULCaQWWv4cv1v2bMX92B+fGb0y56WqIguwvFcliPmmUXiAhKrrnXilIeXoHA==}
+    peerDependencies:
+      postcss: ^8.3.3
+      stylelint: ^15.10.0
+    peerDependenciesMeta:
+      postcss:
+        optional: true
+    dependencies:
+      postcss: 8.4.29
+      stylelint: 15.10.3
+      stylelint-config-recommended-scss: 13.0.0(postcss@8.4.29)(stylelint@15.10.3)
+      stylelint-config-standard: 34.0.0(stylelint@15.10.3)
+    dev: true
+
+  /stylelint-config-standard@34.0.0(stylelint@15.10.3):
+    resolution: {integrity: sha512-u0VSZnVyW9VSryBG2LSO+OQTjN7zF9XJaAJRX/4EwkmU0R2jYwmBSN10acqZisDitS0CLiEiGjX7+Hrq8TAhfQ==}
+    engines: {node: ^14.13.1 || >=16.0.0}
+    peerDependencies:
+      stylelint: ^15.10.0
+    dependencies:
+      stylelint: 15.10.3
+      stylelint-config-recommended: 13.0.0(stylelint@15.10.3)
+    dev: true
+
+  /stylelint-order@6.0.3(stylelint@15.10.3):
+    resolution: {integrity: sha512-1j1lOb4EU/6w49qZeT2SQVJXm0Ht+Qnq9GMfUa3pMwoyojIWfuA+JUDmoR97Bht1RLn4ei0xtLGy87M7d29B1w==}
+    peerDependencies:
+      stylelint: ^14.0.0 || ^15.0.0
+    dependencies:
+      postcss: 8.4.29
+      postcss-sorting: 8.0.2(postcss@8.4.29)
+      stylelint: 15.10.3
+    dev: true
+
+  /stylelint-scss@5.2.0(stylelint@15.10.3):
+    resolution: {integrity: sha512-m/os6B7xHKakM9TkEbnity0gnDEqNbISpclvjOwIU+xIHk/8dQNGcTI2UlC5/QLzaG+tzQ9eMFZH8Iq7roQI2w==}
+    peerDependencies:
+      stylelint: ^14.5.1 || ^15.0.0
+    dependencies:
+      postcss-media-query-parser: 0.2.3
+      postcss-resolve-nested-selector: 0.1.1
+      postcss-selector-parser: 6.0.13
+      postcss-value-parser: 4.2.0
+      stylelint: 15.10.3
+    dev: true
+
+  /stylelint@15.10.3:
+    resolution: {integrity: sha512-aBQMMxYvFzJJwkmg+BUUg3YfPyeuCuKo2f+LOw7yYbU8AZMblibwzp9OV4srHVeQldxvSFdz0/Xu8blq2AesiA==}
+    engines: {node: ^14.13.1 || >=16.0.0}
+    hasBin: true
+    dependencies:
+      '@csstools/css-parser-algorithms': 2.3.1(@csstools/css-tokenizer@2.2.0)
+      '@csstools/css-tokenizer': 2.2.0
+      '@csstools/media-query-list-parser': 2.1.4(@csstools/css-parser-algorithms@2.3.1)(@csstools/css-tokenizer@2.2.0)
+      '@csstools/selector-specificity': 3.0.0(postcss-selector-parser@6.0.13)
+      balanced-match: 2.0.0
+      colord: 2.9.3
+      cosmiconfig: 8.2.0
+      css-functions-list: 3.2.0
+      css-tree: 2.3.1
+      debug: 4.3.4
+      fast-glob: 3.3.1
+      fastest-levenshtein: 1.0.16
+      file-entry-cache: 6.0.1
+      global-modules: 2.0.0
+      globby: 11.1.0
+      globjoin: 0.1.4
+      html-tags: 3.3.1
+      ignore: 5.2.4
+      import-lazy: 4.0.0
+      imurmurhash: 0.1.4
+      is-plain-object: 5.0.0
+      known-css-properties: 0.28.0
+      mathml-tag-names: 2.1.3
+      meow: 10.1.5
+      micromatch: 4.0.5
+      normalize-path: 3.0.0
+      picocolors: 1.0.0
+      postcss: 8.4.29
+      postcss-resolve-nested-selector: 0.1.1
+      postcss-safe-parser: 6.0.0(postcss@8.4.29)
+      postcss-selector-parser: 6.0.13
+      postcss-value-parser: 4.2.0
+      resolve-from: 5.0.0
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+      style-search: 0.1.0
+      supports-hyperlinks: 3.0.0
+      svg-tags: 1.0.0
+      table: 6.8.1
+      write-file-atomic: 5.0.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /supports-color@2.0.0:
+    resolution: {integrity: sha512-KKNVtd6pCYgPIKU4cp2733HWYCpplQhddZLBUryaAHou723x+FRzQ5Df824Fj+IyyuiQTRoub4SnIFfIcrp70g==}
+    engines: {node: '>=0.8.0'}
+    dev: true
+
+  /supports-color@3.2.3:
+    resolution: {integrity: sha512-Jds2VIYDrlp5ui7t8abHN2bjAu4LV/q4N2KivFPpGH0lrka0BMq/33AmECUXlKPcHigkNaqfXRENFju+rlcy+A==}
+    engines: {node: '>=0.8.0'}
+    dependencies:
+      has-flag: 1.0.0
+    dev: true
+
+  /supports-color@5.5.0:
+    resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
+    engines: {node: '>=4'}
+    dependencies:
+      has-flag: 3.0.0
+    dev: true
+
+  /supports-color@7.2.0:
+    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
+    engines: {node: '>=8'}
+    dependencies:
+      has-flag: 4.0.0
+    dev: true
+
+  /supports-hyperlinks@3.0.0:
+    resolution: {integrity: sha512-QBDPHyPQDRTy9ku4URNGY5Lah8PAaXs6tAAwp55sL5WCsSW7GIfdf6W5ixfziW+t7wh3GVvHyHHyQ1ESsoRvaA==}
+    engines: {node: '>=14.18'}
+    dependencies:
+      has-flag: 4.0.0
+      supports-color: 7.2.0
+    dev: true
+
+  /supports-preserve-symlinks-flag@1.0.0:
+    resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
+    engines: {node: '>= 0.4'}
+    dev: true
+
+  /svg-baker@1.7.0:
+    resolution: {integrity: sha512-nibslMbkXOIkqKVrfcncwha45f97fGuAOn1G99YwnwTj8kF9YiM6XexPcUso97NxOm6GsP0SIvYVIosBis1xLg==}
+    dependencies:
+      bluebird: 3.7.2
+      clone: 2.1.2
+      he: 1.2.0
+      image-size: 0.5.5
+      loader-utils: 1.4.2
+      merge-options: 1.0.1
+      micromatch: 3.1.0
+      postcss: 5.2.18
+      postcss-prefix-selector: 1.16.0(postcss@5.2.18)
+      posthtml-rename-id: 1.0.12
+      posthtml-svg-mode: 1.0.3
+      query-string: 4.3.4
+      traverse: 0.6.7
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /svg-tags@1.0.0:
+    resolution: {integrity: sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA==}
+    dev: true
+
+  /svgo@2.8.0:
+    resolution: {integrity: sha512-+N/Q9kV1+F+UeWYoSiULYo4xYSDQlTgb+ayMobAXPwMnLvop7oxKMo9OzIrX5x3eS4L4f2UHhc9axXwY8DpChg==}
+    engines: {node: '>=10.13.0'}
+    hasBin: true
+    dependencies:
+      '@trysound/sax': 0.2.0
+      commander: 7.2.0
+      css-select: 4.3.0
+      css-tree: 1.1.3
+      csso: 4.2.0
+      picocolors: 1.0.0
+      stable: 0.1.8
+    dev: true
+
+  /synckit@0.8.5:
+    resolution: {integrity: sha512-L1dapNV6vu2s/4Sputv8xGsCdAVlb5nRDMFU/E27D44l5U6cw1g0dGd45uLc+OXjNMmF4ntiMdCimzcjFKQI8Q==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    dependencies:
+      '@pkgr/utils': 2.4.2
+      tslib: 2.6.1
+    dev: true
+
+  /table@6.8.1:
+    resolution: {integrity: sha512-Y4X9zqrCftUhMeH2EptSSERdVKt/nEdijTOacGD/97EKjhQ/Qs8RTlEGABSJNNN8lac9kheH+af7yAkEWlgneA==}
+    engines: {node: '>=10.0.0'}
+    dependencies:
+      ajv: 8.12.0
+      lodash.truncate: 4.4.2
+      slice-ansi: 4.0.0
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+    dev: true
+
+  /temp-dir@2.0.0:
+    resolution: {integrity: sha512-aoBAniQmmwtcKp/7BzsH8Cxzv8OL736p7v1ihGb5e9DJ9kTwGWHrQrVB5+lfVDzfGrdRzXch+ig7LHaY1JTOrg==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /tempy@0.6.0:
+    resolution: {integrity: sha512-G13vtMYPT/J8A4X2SjdtBTphZlrp1gKv6hZiOjw14RCWg6GbHuQBGtjlx75xLbYV/wEc0D7G5K4rxKP/cXk8Bw==}
+    engines: {node: '>=10'}
+    dependencies:
+      is-stream: 2.0.1
+      temp-dir: 2.0.0
+      type-fest: 0.16.0
+      unique-string: 2.0.0
+    dev: true
+
+  /terser@5.16.6:
+    resolution: {integrity: sha512-IBZ+ZQIA9sMaXmRZCUMDjNH0D5AQQfdn4WUjHL0+1lF4TP1IHRJbrhb6fNaXWikrYQTSkb7SLxkeXAiy1p7mbg==}
+    engines: {node: '>=10'}
+    hasBin: true
+    dependencies:
+      '@jridgewell/source-map': 0.3.2
+      acorn: 8.8.2
+      commander: 2.20.3
+      source-map-support: 0.5.21
+    dev: true
+
+  /text-extensions@1.9.0:
+    resolution: {integrity: sha512-wiBrwC1EhBelW12Zy26JeOUkQ5mRu+5o8rpsJk5+2t+Y5vE7e842qtZDQ2g1NpX/29HdyFeJ4nSIhI47ENSxlQ==}
+    engines: {node: '>=0.10'}
+    dev: true
+
+  /text-table@0.2.0:
+    resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
+    dev: true
+
+  /through2@2.0.5:
+    resolution: {integrity: sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==}
+    dependencies:
+      readable-stream: 2.3.8
+      xtend: 4.0.2
+    dev: true
+
+  /through2@4.0.2:
+    resolution: {integrity: sha512-iOqSav00cVxEEICeD7TjLB1sueEL+81Wpzp2bY17uZjZN0pWZPuo4suZ/61VujxmqSGFfgOcNuTZ85QJwNZQpw==}
+    dependencies:
+      readable-stream: 3.6.2
+    dev: true
+
+  /through@2.3.8:
+    resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
+    dev: true
+
+  /titleize@3.0.0:
+    resolution: {integrity: sha512-KxVu8EYHDPBdUYdKZdKtU2aj2XfEx9AfjXxE/Aj0vT06w2icA09Vus1rh6eSu1y01akYg6BjIK/hxyLJINoMLQ==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /to-fast-properties@2.0.0:
+    resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /to-object-path@0.3.0:
+    resolution: {integrity: sha512-9mWHdnGRuh3onocaHzukyvCZhzvr6tiflAy/JRFXcJX0TjgfWA9pk9t8CMbzmBE4Jfw58pXbkngtBtqYxzNEyg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      kind-of: 3.2.2
+    dev: true
+
+  /to-regex-range@2.1.1:
+    resolution: {integrity: sha512-ZZWNfCjUokXXDGXFpZehJIkZqq91BcULFq/Pi7M5i4JnxXdhMKAK682z8bCW3o8Hj1wuuzoKcW3DfVzaP6VuNg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-number: 3.0.0
+      repeat-string: 1.6.1
+    dev: true
+
+  /to-regex-range@5.0.1:
+    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
+    engines: {node: '>=8.0'}
+    dependencies:
+      is-number: 7.0.0
+    dev: true
+
+  /to-regex@3.0.2:
+    resolution: {integrity: sha512-FWtleNAtZ/Ki2qtqej2CXTOayOH9bHDQF+Q48VpWyDXjbYxA4Yz8iDB31zXOBUlOHHKidDbqGVrTUvQMPmBGBw==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      define-property: 2.0.2
+      extend-shallow: 3.0.2
+      regex-not: 1.0.2
+      safe-regex: 1.1.0
+    dev: true
+
+  /tr46@1.0.1:
+    resolution: {integrity: sha512-dTpowEjclQ7Kgx5SdBkqRzVhERQXov8/l9Ft9dVM9fmg0W0KQSVaXX9T4i6twCPNtYiZM53lpSSUAwJbFPOHxA==}
+    dependencies:
+      punycode: 2.3.0
+    dev: true
+
+  /traverse@0.6.7:
+    resolution: {integrity: sha512-/y956gpUo9ZNCb99YjxG7OaslxZWHfCHAUUfshwqOXmxUIvqLjVO581BT+gM59+QV9tFe6/CGG53tsA1Y7RSdg==}
+    dev: true
+
+  /trim-newlines@3.0.1:
+    resolution: {integrity: sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /trim-newlines@4.1.1:
+    resolution: {integrity: sha512-jRKj0n0jXWo6kh62nA5TEh3+4igKDXLvzBJcPpiizP7oOolUrYIxmVBG9TOtHYFHoddUk6YvAkGeGoSVTXfQXQ==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /ts-api-utils@1.0.1(typescript@5.1.6):
+    resolution: {integrity: sha512-lC/RGlPmwdrIBFTX59wwNzqh7aR2otPNPR/5brHZm/XKFYKsfqxihXUe9pU3JI+3vGkl+vyCoNNnPhJn3aLK1A==}
+    engines: {node: '>=16.13.0'}
+    peerDependencies:
+      typescript: '>=4.2.0'
+    dependencies:
+      typescript: 5.1.6
+    dev: true
+
+  /ts-node@10.9.1(@types/node@20.4.7)(typescript@5.1.6):
+    resolution: {integrity: sha512-NtVysVPkxxrwFGUUxGYhfux8k78pQB3JqYBXlLRZgdGUqTO5wU/UyHop5p70iEbGhB7q5KmiZiU0Y3KlJrScEw==}
+    hasBin: true
+    peerDependencies:
+      '@swc/core': '>=1.2.50'
+      '@swc/wasm': '>=1.2.50'
+      '@types/node': '*'
+      typescript: '>=2.7'
+    peerDependenciesMeta:
+      '@swc/core':
+        optional: true
+      '@swc/wasm':
+        optional: true
+    dependencies:
+      '@cspotcode/source-map-support': 0.8.1
+      '@tsconfig/node10': 1.0.9
+      '@tsconfig/node12': 1.0.11
+      '@tsconfig/node14': 1.0.3
+      '@tsconfig/node16': 1.0.3
+      '@types/node': 20.4.7
+      acorn: 8.10.0
+      acorn-walk: 8.2.0
+      arg: 4.1.3
+      create-require: 1.1.1
+      diff: 4.0.2
+      make-error: 1.3.6
+      typescript: 5.1.6
+      v8-compile-cache-lib: 3.0.1
+      yn: 3.1.1
+    dev: true
+
+  /tslib@2.3.0:
+    resolution: {integrity: sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==}
+    dev: true
+
+  /tslib@2.6.1:
+    resolution: {integrity: sha512-t0hLfiEKfMUoqhG+U1oid7Pva4bbDPHYfJNiB7BiIjRkj1pyC++4N3huJfqY6aRH6VTB0rvtzQwjM4K6qpfOig==}
+    dev: true
+
+  /type-check@0.4.0:
+    resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
+    engines: {node: '>= 0.8.0'}
+    dependencies:
+      prelude-ls: 1.2.1
+    dev: true
+
+  /type-fest@0.16.0:
+    resolution: {integrity: sha512-eaBzG6MxNzEn9kiwvtre90cXaNLkmadMWa1zQMs3XORCXNbsH/OewwbxC5ia9dCxIxnTAsSxXJaa/p5y8DlvJg==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /type-fest@0.18.1:
+    resolution: {integrity: sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /type-fest@0.20.2:
+    resolution: {integrity: sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /type-fest@0.6.0:
+    resolution: {integrity: sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /type-fest@0.8.1:
+    resolution: {integrity: sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /type-fest@1.4.0:
+    resolution: {integrity: sha512-yGSza74xk0UG8k+pLh5oeoYirvIiWo5t0/o3zHHAO2tRDiZcxWP7fywNlXhqb6/r6sWvwi+RsyQMWhVLe4BVuA==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /typed-array-length@1.0.4:
+    resolution: {integrity: sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==}
+    dependencies:
+      call-bind: 1.0.2
+      for-each: 0.3.3
+      is-typed-array: 1.1.10
+    dev: true
+
+  /typedarray@0.0.6:
+    resolution: {integrity: sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==}
+    dev: true
+
+  /typescript@5.1.6:
+    resolution: {integrity: sha512-zaWCozRZ6DLEWAWFrVDz1H6FVXzUSfTy5FUMWsQlU8Ym5JP9eO4xkTIROFCQvhQf61z6O/G6ugw3SgAnvvm+HA==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+
+  /uglify-js@3.17.4:
+    resolution: {integrity: sha512-T9q82TJI9e/C1TAxYvfb16xO120tMVFZrGA3f9/P4424DNu6ypK103y0GPFVa17yotwSyZW5iYXgjYHkGrJW/g==}
+    engines: {node: '>=0.8.0'}
+    hasBin: true
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /unbox-primitive@1.0.2:
+    resolution: {integrity: sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==}
+    dependencies:
+      call-bind: 1.0.2
+      has-bigints: 1.0.2
+      has-symbols: 1.0.3
+      which-boxed-primitive: 1.0.2
+    dev: true
+
+  /unicode-canonical-property-names-ecmascript@2.0.0:
+    resolution: {integrity: sha512-yY5PpDlfVIU5+y/BSCxAJRBIS1Zc2dDG3Ujq+sR0U+JjUevW2JhocOF+soROYDSaAezOzOKuyyixhD6mBknSmQ==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /unicode-match-property-ecmascript@2.0.0:
+    resolution: {integrity: sha512-5kaZCrbp5mmbz5ulBkDkbY0SsPOjKqVS35VpL9ulMPfSl0J0Xsm+9Evphv9CoIZFwre7aJoa94AY6seMKGVN5Q==}
+    engines: {node: '>=4'}
+    dependencies:
+      unicode-canonical-property-names-ecmascript: 2.0.0
+      unicode-property-aliases-ecmascript: 2.1.0
+    dev: true
+
+  /unicode-match-property-value-ecmascript@2.1.0:
+    resolution: {integrity: sha512-qxkjQt6qjg/mYscYMC0XKRn3Rh0wFPlfxB0xkt9CfyTvpX1Ra0+rAmdX2QyAobptSEvuy4RtpPRui6XkV+8wjA==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /unicode-property-aliases-ecmascript@2.1.0:
+    resolution: {integrity: sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /union-value@1.0.1:
+    resolution: {integrity: sha512-tJfXmxMeWYnczCVs7XAEvIV7ieppALdyepWMkHkwciRpZraG/xwT+s2JN8+pr1+8jCRf80FFzvr+MpQeeoF4Xg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      arr-union: 3.1.0
+      get-value: 2.0.6
+      is-extendable: 0.1.1
+      set-value: 2.0.1
+    dev: true
+
+  /unique-string@2.0.0:
+    resolution: {integrity: sha512-uNaeirEPvpZWSgzwsPGtU2zVSTrn/8L5q/IexZmH0eH6SA73CmAA5U4GwORTxQAZs95TAXLNqeLoPPNO5gZfWg==}
+    engines: {node: '>=8'}
+    dependencies:
+      crypto-random-string: 2.0.0
+    dev: true
+
+  /universalify@2.0.0:
+    resolution: {integrity: sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==}
+    engines: {node: '>= 10.0.0'}
+    dev: true
+
+  /unplugin-vue-setup-extend-plus@1.0.0:
+    resolution: {integrity: sha512-Qb34atQ/elvkErQ12PNv6UWJPWIG4dEgjjizYKyycPeiRqQaMVNCKqRIqfxlhXntcU2l+o3VQuk1NNZN6QJ/xw==}
+    dependencies:
+      '@vue/compiler-sfc': 3.2.47
+      magic-string: 0.26.7
+      unplugin: 1.3.1
+    dev: true
+
+  /unplugin@1.3.1:
+    resolution: {integrity: sha512-h4uUTIvFBQRxUKS2Wjys6ivoeofGhxzTe2sRWlooyjHXVttcVfV/JiavNd3d4+jty0SVV0dxGw9AkY9MwiaCEw==}
+    dependencies:
+      acorn: 8.8.2
+      chokidar: 3.5.3
+      webpack-sources: 3.2.3
+      webpack-virtual-modules: 0.5.0
+    dev: true
+
+  /unset-value@1.0.0:
+    resolution: {integrity: sha512-PcA2tsuGSF9cnySLHTLSh2qrQiJ70mn+r+Glzxv2TWZblxsxCC52BDlZoPCsz7STd9pN7EZetkWZBAvk4cgZdQ==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      has-value: 0.3.1
+      isobject: 3.0.1
+    dev: true
+
+  /untildify@4.0.0:
+    resolution: {integrity: sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /upath@1.2.0:
+    resolution: {integrity: sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /update-browserslist-db@1.0.11(browserslist@4.21.10):
+    resolution: {integrity: sha512-dCwEFf0/oT85M1fHBg4F0jtLwJrutGoHSQXCh7u4o2t1drG+c0a9Flnqww6XUKSfQMPpJBRjU8d4RXB09qtvaA==}
+    hasBin: true
+    peerDependencies:
+      browserslist: '>= 4.21.0'
+    dependencies:
+      browserslist: 4.21.10
+      escalade: 3.1.1
+      picocolors: 1.0.0
+    dev: true
+
+  /uri-js@4.4.1:
+    resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
+    dependencies:
+      punycode: 2.3.0
+    dev: true
+
+  /urix@0.1.0:
+    resolution: {integrity: sha512-Am1ousAhSLBeB9cG/7k7r2R0zj50uDRlZHPGbazid5s9rlF1F/QKYObEKSIunSjIOkJZqwRRLpvewjEkM7pSqg==}
+    deprecated: Please see https://github.com/lydell/urix#deprecated
+    dev: true
+
+  /use@3.1.1:
+    resolution: {integrity: sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /util-deprecate@1.0.2:
+    resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
+    dev: true
+
+  /v8-compile-cache-lib@3.0.1:
+    resolution: {integrity: sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg==}
+    dev: true
+
+  /validate-npm-package-license@3.0.4:
+    resolution: {integrity: sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==}
+    dependencies:
+      spdx-correct: 3.2.0
+      spdx-expression-parse: 3.0.1
+    dev: true
+
+  /vary@1.1.2:
+    resolution: {integrity: sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==}
+    engines: {node: '>= 0.8'}
+    dev: true
+
+  /vite-plugin-compression@0.5.1(vite@4.4.9):
+    resolution: {integrity: sha512-5QJKBDc+gNYVqL/skgFAP81Yuzo9R+EAf19d+EtsMF/i8kFUpNi3J/H01QD3Oo8zBQn+NzoCIFkpPLynoOzaJg==}
+    peerDependencies:
+      vite: '>=2.0.0'
+    dependencies:
+      chalk: 4.1.2
+      debug: 4.3.4
+      fs-extra: 10.1.0
+      vite: 4.4.9(@types/node@20.4.7)(sass@1.66.1)
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /vite-plugin-eslint@1.8.1(eslint@8.49.0)(vite@4.4.9):
+    resolution: {integrity: sha512-PqdMf3Y2fLO9FsNPmMX+//2BF5SF8nEWspZdgl4kSt7UvHDRHVVfHvxsD7ULYzZrJDGRxR81Nq7TOFgwMnUang==}
+    peerDependencies:
+      eslint: '>=7'
+      vite: '>=2'
+    dependencies:
+      '@rollup/pluginutils': 4.2.1
+      '@types/eslint': 8.21.2
+      eslint: 8.49.0
+      rollup: 2.79.1
+      vite: 4.4.9(@types/node@20.4.7)(sass@1.66.1)
+    dev: true
+
+  /vite-plugin-html@3.2.0(vite@4.4.9):
+    resolution: {integrity: sha512-2VLCeDiHmV/BqqNn5h2V+4280KRgQzCFN47cst3WiNK848klESPQnzuC3okH5XHtgwHH/6s1Ho/YV6yIO0pgoQ==}
+    peerDependencies:
+      vite: '>=2.0.0'
+    dependencies:
+      '@rollup/pluginutils': 4.2.1
+      colorette: 2.0.19
+      connect-history-api-fallback: 1.6.0
+      consola: 2.15.3
+      dotenv: 16.0.3
+      dotenv-expand: 8.0.3
+      ejs: 3.1.9
+      fast-glob: 3.2.12
+      fs-extra: 10.1.0
+      html-minifier-terser: 6.1.0
+      node-html-parser: 5.4.2
+      pathe: 0.2.0
+      vite: 4.4.9(@types/node@20.4.7)(sass@1.66.1)
+    dev: true
+
+  /vite-plugin-pwa@0.16.5(vite@4.4.9)(workbox-build@7.0.0)(workbox-window@7.0.0):
+    resolution: {integrity: sha512-Ahol4dwhMP2UHPQXkllSlXbihOaDFnvBIDPmAxoSZ1EObBUJGP4CMRyCyAVkIHjd6/H+//vH0DM2ON+XxHr81g==}
+    engines: {node: '>=16.0.0'}
+    peerDependencies:
+      vite: ^3.1.0 || ^4.0.0
+      workbox-build: ^7.0.0
+      workbox-window: ^7.0.0
+    dependencies:
+      debug: 4.3.4
+      fast-glob: 3.3.1
+      pretty-bytes: 6.1.1
+      vite: 4.4.9(@types/node@20.4.7)(sass@1.66.1)
+      workbox-build: 7.0.0
+      workbox-window: 7.0.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /vite-plugin-svg-icons@2.0.1(vite@4.4.9):
+    resolution: {integrity: sha512-6ktD+DhV6Rz3VtedYvBKKVA2eXF+sAQVaKkKLDSqGUfnhqXl3bj5PPkVTl3VexfTuZy66PmINi8Q6eFnVfRUmA==}
+    peerDependencies:
+      vite: '>=2.0.0'
+    dependencies:
+      '@types/svgo': 2.6.4
+      cors: 2.8.5
+      debug: 4.3.4
+      etag: 1.8.1
+      fs-extra: 10.1.0
+      pathe: 0.2.0
+      svg-baker: 1.7.0
+      svgo: 2.8.0
+      vite: 4.4.9(@types/node@20.4.7)(sass@1.66.1)
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /vite@4.4.9(@types/node@20.4.7)(sass@1.66.1):
+    resolution: {integrity: sha512-2mbUn2LlUmNASWwSCNSJ/EG2HuSRTnVNaydp6vMCm5VIqJsjMfbIWtbH2kDuwUVW5mMUKKZvGPX/rqeqVvv1XA==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': '>= 14'
+      less: '*'
+      lightningcss: ^1.21.0
+      sass: '*'
+      stylus: '*'
+      sugarss: '*'
+      terser: ^5.4.0
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+    dependencies:
+      '@types/node': 20.4.7
+      esbuild: 0.18.11
+      postcss: 8.4.29
+      rollup: 3.29.1
+      sass: 1.66.1
+    optionalDependencies:
+      fsevents: 2.3.2
+    dev: true
+
+  /vue-demi@0.14.5(vue@3.3.4):
+    resolution: {integrity: sha512-o9NUVpl/YlsGJ7t+xuqJKx8EBGf1quRhCiT6D/J0pfwmk9zUwYkC7yrF4SZCe6fETvSM3UNL2edcbYrSyc4QHA==}
+    engines: {node: '>=12'}
+    hasBin: true
+    requiresBuild: true
+    peerDependencies:
+      '@vue/composition-api': ^1.0.0-rc.1
+      vue: ^3.0.0-0 || ^2.6.0
+    peerDependenciesMeta:
+      '@vue/composition-api':
+        optional: true
+    dependencies:
+      vue: 3.3.4
+    dev: false
+
+  /vue-eslint-parser@9.3.1(eslint@8.49.0):
+    resolution: {integrity: sha512-Clr85iD2XFZ3lJ52/ppmUDG/spxQu6+MAeHXjjyI4I1NUYZ9xmenQp4N0oaHJhrA8OOxltCVxMRfANGa70vU0g==}
+    engines: {node: ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: '>=6.0.0'
+    dependencies:
+      debug: 4.3.4
+      eslint: 8.49.0
+      eslint-scope: 7.2.2
+      eslint-visitor-keys: 3.4.3
+      espree: 9.6.1
+      esquery: 1.5.0
+      lodash: 4.17.21
+      semver: 7.5.4
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /vue-router@4.2.4(vue@3.3.4):
+    resolution: {integrity: sha512-9PISkmaCO02OzPVOMq2w82ilty6+xJmQrarYZDkjZBfl4RvYAlt4PKnEX21oW4KTtWfa9OuO/b3qk1Od3AEdCQ==}
+    peerDependencies:
+      vue: ^3.2.0
+    dependencies:
+      '@vue/devtools-api': 6.5.0
+      vue: 3.3.4
+    dev: false
+
+  /vue-template-compiler@2.7.14:
+    resolution: {integrity: sha512-zyA5Y3ArvVG0NacJDkkzJuPQDF8RFeRlzV2vLeSnhSpieO6LK2OVbdLPi5MPPs09Ii+gMO8nY4S3iKQxBxDmWQ==}
+    dependencies:
+      de-indent: 1.0.2
+      he: 1.2.0
+    dev: true
+
+  /vue-tsc@1.8.11(typescript@5.1.6):
+    resolution: {integrity: sha512-BzfiMdPqDHBlysx4g26NkfVHSQwGD/lTRausmxN9sFyjXz34OWfsbkh0YsVkX84Hu65In1fFlxHiG39Tr4Vojg==}
+    hasBin: true
+    peerDependencies:
+      typescript: '*'
+    dependencies:
+      '@vue/language-core': 1.8.11(typescript@5.1.6)
+      '@vue/typescript': 1.8.11(typescript@5.1.6)
+      semver: 7.5.4
+      typescript: 5.1.6
+    dev: true
+
+  /vue@3.3.4:
+    resolution: {integrity: sha512-VTyEYn3yvIeY1Py0WaYGZsXnz3y5UnGi62GjVEqvEGPl6nxbOrCXbVOTQWBEJUqAyTUk2uJ5JLVnYJ6ZzGbrSw==}
+    dependencies:
+      '@vue/compiler-dom': 3.3.4
+      '@vue/compiler-sfc': 3.3.4
+      '@vue/runtime-dom': 3.3.4
+      '@vue/server-renderer': 3.3.4(vue@3.3.4)
+      '@vue/shared': 3.3.4
+
+  /webidl-conversions@4.0.2:
+    resolution: {integrity: sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg==}
+    dev: true
+
+  /webpack-sources@3.2.3:
+    resolution: {integrity: sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==}
+    engines: {node: '>=10.13.0'}
+    dev: true
+
+  /webpack-virtual-modules@0.5.0:
+    resolution: {integrity: sha512-kyDivFZ7ZM0BVOUteVbDFhlRt7Ah/CSPwJdi8hBpkK7QLumUqdLtVfm/PX/hkcnrvr0i77fO5+TjZ94Pe+C9iw==}
+    dev: true
+
+  /whatwg-url@7.1.0:
+    resolution: {integrity: sha512-WUu7Rg1DroM7oQvGWfOiAK21n74Gg+T4elXEQYkOhtyLeWiJFoOGLXPKI/9gzIie9CtwVLm8wtw6YJdKyxSjeg==}
+    dependencies:
+      lodash.sortby: 4.7.0
+      tr46: 1.0.1
+      webidl-conversions: 4.0.2
+    dev: true
+
+  /which-boxed-primitive@1.0.2:
+    resolution: {integrity: sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==}
+    dependencies:
+      is-bigint: 1.0.4
+      is-boolean-object: 1.1.2
+      is-number-object: 1.0.7
+      is-string: 1.0.7
+      is-symbol: 1.0.4
+    dev: true
+
+  /which-typed-array@1.1.9:
+    resolution: {integrity: sha512-w9c4xkx6mPidwp7180ckYWfMmvxpjlZuIudNtDf4N/tTAUB8VJbX25qZoAsrtGuYNnGw3pa0AXgbGKRB8/EceA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      available-typed-arrays: 1.0.5
+      call-bind: 1.0.2
+      for-each: 0.3.3
+      gopd: 1.0.1
+      has-tostringtag: 1.0.0
+      is-typed-array: 1.1.10
+    dev: true
+
+  /which@1.3.1:
+    resolution: {integrity: sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==}
+    hasBin: true
+    dependencies:
+      isexe: 2.0.0
+    dev: true
+
+  /which@2.0.2:
+    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
+    engines: {node: '>= 8'}
+    hasBin: true
+    dependencies:
+      isexe: 2.0.0
+    dev: true
+
+  /wordwrap@1.0.0:
+    resolution: {integrity: sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q==}
+    dev: true
+
+  /workbox-background-sync@7.0.0:
+    resolution: {integrity: sha512-S+m1+84gjdueM+jIKZ+I0Lx0BDHkk5Nu6a3kTVxP4fdj3gKouRNmhO8H290ybnJTOPfBDtTMXSQA/QLTvr7PeA==}
+    dependencies:
+      idb: 7.1.1
+      workbox-core: 7.0.0
+    dev: true
+
+  /workbox-broadcast-update@7.0.0:
+    resolution: {integrity: sha512-oUuh4jzZrLySOo0tC0WoKiSg90bVAcnE98uW7F8GFiSOXnhogfNDGZelPJa+6KpGBO5+Qelv04Hqx2UD+BJqNQ==}
+    dependencies:
+      workbox-core: 7.0.0
+    dev: true
+
+  /workbox-build@7.0.0:
+    resolution: {integrity: sha512-CttE7WCYW9sZC+nUYhQg3WzzGPr4IHmrPnjKiu3AMXsiNQKx+l4hHl63WTrnicLmKEKHScWDH8xsGBdrYgtBzg==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@apideck/better-ajv-errors': 0.3.6(ajv@8.12.0)
+      '@babel/core': 7.22.19
+      '@babel/preset-env': 7.21.5(@babel/core@7.22.19)
+      '@babel/runtime': 7.21.0
+      '@rollup/plugin-babel': 5.3.1(@babel/core@7.22.19)(rollup@2.79.1)
+      '@rollup/plugin-node-resolve': 11.2.1(rollup@2.79.1)
+      '@rollup/plugin-replace': 2.4.2(rollup@2.79.1)
+      '@surma/rollup-plugin-off-main-thread': 2.2.3
+      ajv: 8.12.0
+      common-tags: 1.8.2
+      fast-json-stable-stringify: 2.1.0
+      fs-extra: 9.1.0
+      glob: 7.2.3
+      lodash: 4.17.21
+      pretty-bytes: 5.6.0
+      rollup: 2.79.1
+      rollup-plugin-terser: 7.0.2(rollup@2.79.1)
+      source-map: 0.8.0-beta.0
+      stringify-object: 3.3.0
+      strip-comments: 2.0.1
+      tempy: 0.6.0
+      upath: 1.2.0
+      workbox-background-sync: 7.0.0
+      workbox-broadcast-update: 7.0.0
+      workbox-cacheable-response: 7.0.0
+      workbox-core: 7.0.0
+      workbox-expiration: 7.0.0
+      workbox-google-analytics: 7.0.0
+      workbox-navigation-preload: 7.0.0
+      workbox-precaching: 7.0.0
+      workbox-range-requests: 7.0.0
+      workbox-recipes: 7.0.0
+      workbox-routing: 7.0.0
+      workbox-strategies: 7.0.0
+      workbox-streams: 7.0.0
+      workbox-sw: 7.0.0
+      workbox-window: 7.0.0
+    transitivePeerDependencies:
+      - '@types/babel__core'
+      - supports-color
+    dev: true
+
+  /workbox-cacheable-response@7.0.0:
+    resolution: {integrity: sha512-0lrtyGHn/LH8kKAJVOQfSu3/80WDc9Ma8ng0p2i/5HuUndGttH+mGMSvOskjOdFImLs2XZIimErp7tSOPmu/6g==}
+    dependencies:
+      workbox-core: 7.0.0
+    dev: true
+
+  /workbox-core@7.0.0:
+    resolution: {integrity: sha512-81JkAAZtfVP8darBpfRTovHg8DGAVrKFgHpOArZbdFd78VqHr5Iw65f2guwjE2NlCFbPFDoez3D3/6ZvhI/rwQ==}
+    dev: true
+
+  /workbox-expiration@7.0.0:
+    resolution: {integrity: sha512-MLK+fogW+pC3IWU9SFE+FRStvDVutwJMR5if1g7oBJx3qwmO69BNoJQVaMXq41R0gg3MzxVfwOGKx3i9P6sOLQ==}
+    dependencies:
+      idb: 7.1.1
+      workbox-core: 7.0.0
+    dev: true
+
+  /workbox-google-analytics@7.0.0:
+    resolution: {integrity: sha512-MEYM1JTn/qiC3DbpvP2BVhyIH+dV/5BjHk756u9VbwuAhu0QHyKscTnisQuz21lfRpOwiS9z4XdqeVAKol0bzg==}
+    dependencies:
+      workbox-background-sync: 7.0.0
+      workbox-core: 7.0.0
+      workbox-routing: 7.0.0
+      workbox-strategies: 7.0.0
+    dev: true
+
+  /workbox-navigation-preload@7.0.0:
+    resolution: {integrity: sha512-juWCSrxo/fiMz3RsvDspeSLGmbgC0U9tKqcUPZBCf35s64wlaLXyn2KdHHXVQrb2cqF7I0Hc9siQalainmnXJA==}
+    dependencies:
+      workbox-core: 7.0.0
+    dev: true
+
+  /workbox-precaching@7.0.0:
+    resolution: {integrity: sha512-EC0vol623LJqTJo1mkhD9DZmMP604vHqni3EohhQVwhJlTgyKyOkMrZNy5/QHfOby+39xqC01gv4LjOm4HSfnA==}
+    dependencies:
+      workbox-core: 7.0.0
+      workbox-routing: 7.0.0
+      workbox-strategies: 7.0.0
+    dev: true
+
+  /workbox-range-requests@7.0.0:
+    resolution: {integrity: sha512-SxAzoVl9j/zRU9OT5+IQs7pbJBOUOlriB8Gn9YMvi38BNZRbM+RvkujHMo8FOe9IWrqqwYgDFBfv6sk76I1yaQ==}
+    dependencies:
+      workbox-core: 7.0.0
+    dev: true
+
+  /workbox-recipes@7.0.0:
+    resolution: {integrity: sha512-DntcK9wuG3rYQOONWC0PejxYYIDHyWWZB/ueTbOUDQgefaeIj1kJ7pdP3LZV2lfrj8XXXBWt+JDRSw1lLLOnww==}
+    dependencies:
+      workbox-cacheable-response: 7.0.0
+      workbox-core: 7.0.0
+      workbox-expiration: 7.0.0
+      workbox-precaching: 7.0.0
+      workbox-routing: 7.0.0
+      workbox-strategies: 7.0.0
+    dev: true
+
+  /workbox-routing@7.0.0:
+    resolution: {integrity: sha512-8YxLr3xvqidnbVeGyRGkaV4YdlKkn5qZ1LfEePW3dq+ydE73hUUJJuLmGEykW3fMX8x8mNdL0XrWgotcuZjIvA==}
+    dependencies:
+      workbox-core: 7.0.0
+    dev: true
+
+  /workbox-strategies@7.0.0:
+    resolution: {integrity: sha512-dg3qJU7tR/Gcd/XXOOo7x9QoCI9nk74JopaJaYAQ+ugLi57gPsXycVdBnYbayVj34m6Y8ppPwIuecrzkpBVwbA==}
+    dependencies:
+      workbox-core: 7.0.0
+    dev: true
+
+  /workbox-streams@7.0.0:
+    resolution: {integrity: sha512-moVsh+5to//l6IERWceYKGiftc+prNnqOp2sgALJJFbnNVpTXzKISlTIsrWY+ogMqt+x1oMazIdHj25kBSq/HQ==}
+    dependencies:
+      workbox-core: 7.0.0
+      workbox-routing: 7.0.0
+    dev: true
+
+  /workbox-sw@7.0.0:
+    resolution: {integrity: sha512-SWfEouQfjRiZ7GNABzHUKUyj8pCoe+RwjfOIajcx6J5mtgKkN+t8UToHnpaJL5UVVOf5YhJh+OHhbVNIHe+LVA==}
+    dev: true
+
+  /workbox-window@7.0.0:
+    resolution: {integrity: sha512-j7P/bsAWE/a7sxqTzXo3P2ALb1reTfZdvVp6OJ/uLr/C2kZAMvjeWGm8V4htQhor7DOvYg0sSbFN2+flT5U0qA==}
+    dependencies:
+      '@types/trusted-types': 2.0.3
+      workbox-core: 7.0.0
+    dev: true
+
+  /wrap-ansi@7.0.0:
+    resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
+    engines: {node: '>=10'}
+    dependencies:
+      ansi-styles: 4.3.0
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+    dev: true
+
+  /wrap-ansi@8.1.0:
+    resolution: {integrity: sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      ansi-styles: 6.2.1
+      string-width: 5.1.2
+      strip-ansi: 7.0.1
+    dev: true
+
+  /wrappy@1.0.2:
+    resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
+    dev: true
+
+  /write-file-atomic@5.0.1:
+    resolution: {integrity: sha512-+QU2zd6OTD8XWIJCbffaiQeH9U73qIqafo1x6V1snCWYGJf6cVE0cDR4D8xRzcEnfI21IFrUPzPGtcPf8AC+Rw==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dependencies:
+      imurmurhash: 0.1.4
+      signal-exit: 4.0.2
+    dev: true
+
+  /xml-name-validator@4.0.0:
+    resolution: {integrity: sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /xtend@4.0.2:
+    resolution: {integrity: sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==}
+    engines: {node: '>=0.4'}
+    dev: true
+
+  /y18n@5.0.8:
+    resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /yallist@3.1.1:
+    resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
+    dev: true
+
+  /yaml@2.3.1:
+    resolution: {integrity: sha512-2eHWfjaoXgTBC2jNM1LRef62VQa0umtvRiDSk6HSzW7RvS5YtkabJrwYLLEKWBc8a5U2PTSCs+dJjUTJdlHsWQ==}
+    engines: {node: '>= 14'}
+    dev: true
+
+  /yargs-parser@20.2.9:
+    resolution: {integrity: sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /yargs-parser@21.1.1:
+    resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /yargs@16.2.0:
+    resolution: {integrity: sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==}
+    engines: {node: '>=10'}
+    dependencies:
+      cliui: 7.0.4
+      escalade: 3.1.1
+      get-caller-file: 2.0.5
+      require-directory: 2.1.1
+      string-width: 4.2.3
+      y18n: 5.0.8
+      yargs-parser: 20.2.9
+    dev: true
+
+  /yargs@17.7.1:
+    resolution: {integrity: sha512-cwiTb08Xuv5fqF4AovYacTFNxk62th7LKJ6BL9IGUpTJrWoU7/7WdQGTP2SjKf1dUNBGzDd28p/Yfs/GI6JrLw==}
+    engines: {node: '>=12'}
+    dependencies:
+      cliui: 8.0.1
+      escalade: 3.1.1
+      get-caller-file: 2.0.5
+      require-directory: 2.1.1
+      string-width: 4.2.3
+      y18n: 5.0.8
+      yargs-parser: 21.1.1
+    dev: true
+
+  /yn@3.1.1:
+    resolution: {integrity: sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /yocto-queue@0.1.0:
+    resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
+    engines: {node: '>=10'}
+    dev: true
+
+  registry.npmmirror.com/@babel/helper-string-parser@7.21.5:
+    resolution: {integrity: sha512-5pTUx3hAJaZIdW99sJ6ZUUgWq/Y+Hja7TowEnLNMm1VivRgZQL3vpBY3qUACVsvw+yQU6+YgfBVmcbLaZtrA1w==, registry: https://registry.npmjs.org/, tarball: https://registry.npmmirror.com/@babel/helper-string-parser/-/helper-string-parser-7.21.5.tgz}
+    name: '@babel/helper-string-parser'
+    version: 7.21.5
+    engines: {node: '>=6.9.0'}
+
+  registry.npmmirror.com/@babel/helper-validator-identifier@7.19.1:
+    resolution: {integrity: sha512-awrNfaMtnHUr653GgGEs++LlAvW6w+DcPrOliSMXWCKo597CwL5Acf/wWdNkf/tfEQE3mjkeD1YOVZOUV/od1w==, registry: https://registry.npmjs.org/, tarball: https://registry.npmmirror.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.19.1.tgz}
+    name: '@babel/helper-validator-identifier'
+    version: 7.19.1
+    engines: {node: '>=6.9.0'}
+
+  registry.npmmirror.com/@babel/parser@7.21.8:
+    resolution: {integrity: sha512-6zavDGdzG3gUqAdWvlLFfk+36RilI+Pwyuuh7HItyeScCWP3k6i8vKclAQ0bM/0y/Kz/xiwvxhMv9MgTJP5gmA==, registry: https://registry.npmjs.org/, tarball: https://registry.npmmirror.com/@babel/parser/-/parser-7.21.8.tgz}
+    name: '@babel/parser'
+    version: 7.21.8
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+    dependencies:
+      '@babel/types': registry.npmmirror.com/@babel/types@7.21.5
+
+  registry.npmmirror.com/@babel/types@7.21.5:
+    resolution: {integrity: sha512-m4AfNvVF2mVC/F7fDEdH2El3HzUg9It/XsCxZiOTTA3m3qYfcSVSbTfM6Q9xG+hYDniZssYhlXKKUMD5m8tF4Q==, registry: https://registry.npmjs.org/, tarball: https://registry.npmmirror.com/@babel/types/-/types-7.21.5.tgz}
+    name: '@babel/types'
+    version: 7.21.5
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/helper-string-parser': registry.npmmirror.com/@babel/helper-string-parser@7.21.5
+      '@babel/helper-validator-identifier': registry.npmmirror.com/@babel/helper-validator-identifier@7.19.1
+      to-fast-properties: registry.npmmirror.com/to-fast-properties@2.0.0
+
+  registry.npmmirror.com/@vue/compiler-core@3.2.47:
+    resolution: {integrity: sha512-p4D7FDnQb7+YJmO2iPEv0SQNeNzcbHdGByJDsT4lynf63AFkOTFN07HsiRSvjGo0QrxR/o3d0hUyNCUnBU2Tig==, registry: https://registry.npmjs.org/, tarball: https://registry.npmmirror.com/@vue/compiler-core/-/compiler-core-3.2.47.tgz}
+    name: '@vue/compiler-core'
+    version: 3.2.47
+    dependencies:
+      '@babel/parser': registry.npmmirror.com/@babel/parser@7.21.8
+      '@vue/shared': registry.npmmirror.com/@vue/shared@3.2.47
+      estree-walker: registry.npmmirror.com/estree-walker@2.0.2
+      source-map: 0.6.1
+    dev: true
+
+  registry.npmmirror.com/@vue/compiler-core@3.3.4:
+    resolution: {integrity: sha512-cquyDNvZ6jTbf/+x+AgM2Arrp6G4Dzbb0R64jiG804HRMfRiFXWI6kqUVqZ6ZR0bQhIoQjB4+2bhNtVwndW15g==, registry: https://registry.npmjs.org/, tarball: https://registry.npmmirror.com/@vue/compiler-core/-/compiler-core-3.3.4.tgz}
+    name: '@vue/compiler-core'
+    version: 3.3.4
+    dependencies:
+      '@babel/parser': registry.npmmirror.com/@babel/parser@7.21.8
+      '@vue/shared': registry.npmmirror.com/@vue/shared@3.3.4
+      estree-walker: registry.npmmirror.com/estree-walker@2.0.2
+      source-map-js: registry.npmmirror.com/source-map-js@1.0.2
+
+  registry.npmmirror.com/@vue/compiler-dom@3.2.47:
+    resolution: {integrity: sha512-dBBnEHEPoftUiS03a4ggEig74J2YBZ2UIeyfpcRM2tavgMWo4bsEfgCGsu+uJIL/vax9S+JztH8NmQerUo7shQ==, registry: https://registry.npmjs.org/, tarball: https://registry.npmmirror.com/@vue/compiler-dom/-/compiler-dom-3.2.47.tgz}
+    name: '@vue/compiler-dom'
+    version: 3.2.47
+    dependencies:
+      '@vue/compiler-core': registry.npmmirror.com/@vue/compiler-core@3.2.47
+      '@vue/shared': registry.npmmirror.com/@vue/shared@3.2.47
+    dev: true
+
+  registry.npmmirror.com/@vue/compiler-dom@3.3.4:
+    resolution: {integrity: sha512-wyM+OjOVpuUukIq6p5+nwHYtj9cFroz9cwkfmP9O1nzH68BenTTv0u7/ndggT8cIQlnBeOo6sUT/gvHcIkLA5w==, registry: https://registry.npmjs.org/, tarball: https://registry.npmmirror.com/@vue/compiler-dom/-/compiler-dom-3.3.4.tgz}
+    name: '@vue/compiler-dom'
+    version: 3.3.4
+    dependencies:
+      '@vue/compiler-core': registry.npmmirror.com/@vue/compiler-core@3.3.4
+      '@vue/shared': registry.npmmirror.com/@vue/shared@3.3.4
+
+  registry.npmmirror.com/@vue/reactivity@3.3.4:
+    resolution: {integrity: sha512-kLTDLwd0B1jG08NBF3R5rqULtv/f8x3rOFByTDz4J53ttIQEDmALqKqXY0J+XQeN0aV2FBxY8nJDf88yvOPAqQ==, registry: https://registry.npmjs.org/, tarball: https://registry.npmmirror.com/@vue/reactivity/-/reactivity-3.3.4.tgz}
+    name: '@vue/reactivity'
+    version: 3.3.4
+    dependencies:
+      '@vue/shared': registry.npmmirror.com/@vue/shared@3.3.4
+
+  registry.npmmirror.com/@vue/shared@3.2.47:
+    resolution: {integrity: sha512-BHGyyGN3Q97EZx0taMQ+OLNuZcW3d37ZEVmEAyeoA9ERdGvm9Irc/0Fua8SNyOtV1w6BS4q25wbMzJujO9HIfQ==, registry: https://registry.npmjs.org/, tarball: https://registry.npmmirror.com/@vue/shared/-/shared-3.2.47.tgz}
+    name: '@vue/shared'
+    version: 3.2.47
+    dev: true
+
+  registry.npmmirror.com/@vue/shared@3.3.4:
+    resolution: {integrity: sha512-7OjdcV8vQ74eiz1TZLzZP4JwqM5fA94K6yntPS5Z25r9HDuGNzaGdgvwKYq6S+MxwF0TFRwe50fIR/MYnakdkQ==, registry: https://registry.npmjs.org/, tarball: https://registry.npmmirror.com/@vue/shared/-/shared-3.3.4.tgz}
+    name: '@vue/shared'
+    version: 3.3.4
+
+  registry.npmmirror.com/balanced-match@1.0.2:
+    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==, registry: https://registry.npmjs.org/, tarball: https://registry.npmmirror.com/balanced-match/-/balanced-match-1.0.2.tgz}
+    name: balanced-match
+    version: 1.0.2
+    dev: true
+
+  registry.npmmirror.com/brace-expansion@1.1.11:
+    resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==, registry: https://registry.npmjs.org/, tarball: https://registry.npmmirror.com/brace-expansion/-/brace-expansion-1.1.11.tgz}
+    name: brace-expansion
+    version: 1.1.11
+    dependencies:
+      balanced-match: registry.npmmirror.com/balanced-match@1.0.2
+      concat-map: 0.0.1
+    dev: true
+
+  registry.npmmirror.com/brace-expansion@2.0.1:
+    resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==, registry: https://registry.npmjs.org/, tarball: https://registry.npmmirror.com/brace-expansion/-/brace-expansion-2.0.1.tgz}
+    name: brace-expansion
+    version: 2.0.1
+    dependencies:
+      balanced-match: registry.npmmirror.com/balanced-match@1.0.2
+    dev: true
+
+  registry.npmmirror.com/estree-walker@2.0.2:
+    resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==, registry: https://registry.npmjs.org/, tarball: https://registry.npmmirror.com/estree-walker/-/estree-walker-2.0.2.tgz}
+    name: estree-walker
+    version: 2.0.2
+
+  registry.npmmirror.com/graceful-fs@4.2.10:
+    resolution: {integrity: sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==, registry: https://registry.npmjs.org/, tarball: https://registry.npmmirror.com/graceful-fs/-/graceful-fs-4.2.10.tgz}
+    name: graceful-fs
+    version: 4.2.10
+    dev: true
+
+  registry.npmmirror.com/lru-cache@6.0.0:
+    resolution: {integrity: sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==, registry: https://registry.npmjs.org/, tarball: https://registry.npmmirror.com/lru-cache/-/lru-cache-6.0.0.tgz}
+    name: lru-cache
+    version: 6.0.0
+    engines: {node: '>=10'}
+    dependencies:
+      yallist: registry.npmmirror.com/yallist@4.0.0
+    dev: true
+
+  registry.npmmirror.com/minimatch@3.1.2:
+    resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==, registry: https://registry.npmjs.org/, tarball: https://registry.npmmirror.com/minimatch/-/minimatch-3.1.2.tgz}
+    name: minimatch
+    version: 3.1.2
+    dependencies:
+      brace-expansion: registry.npmmirror.com/brace-expansion@1.1.11
+    dev: true
+
+  registry.npmmirror.com/minimatch@5.1.6:
+    resolution: {integrity: sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==, registry: https://registry.npmjs.org/, tarball: https://registry.npmmirror.com/minimatch/-/minimatch-5.1.6.tgz}
+    name: minimatch
+    version: 5.1.6
+    engines: {node: '>=10'}
+    dependencies:
+      brace-expansion: registry.npmmirror.com/brace-expansion@2.0.1
+    dev: true
+
+  registry.npmmirror.com/semver@5.7.1:
+    resolution: {integrity: sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==, registry: https://registry.npmjs.org/, tarball: https://registry.npmmirror.com/semver/-/semver-5.7.1.tgz}
+    name: semver
+    version: 5.7.1
+    hasBin: true
+    dev: true
+
+  registry.npmmirror.com/semver@6.3.0:
+    resolution: {integrity: sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==, registry: https://registry.npmjs.org/, tarball: https://registry.npmmirror.com/semver/-/semver-6.3.0.tgz}
+    name: semver
+    version: 6.3.0
+    hasBin: true
+    dev: true
+
+  registry.npmmirror.com/semver@7.5.2:
+    resolution: {integrity: sha512-SoftuTROv/cRjCze/scjGyiDtcUyxw1rgYQSZY7XTmtR5hX+dm76iDbTH8TkLPHCQmlbQVSSbNZCPM2hb0knnQ==, registry: https://registry.npmjs.org/, tarball: https://registry.npmmirror.com/semver/-/semver-7.5.2.tgz}
+    name: semver
+    version: 7.5.2
+    engines: {node: '>=10'}
+    hasBin: true
+    dependencies:
+      lru-cache: registry.npmmirror.com/lru-cache@6.0.0
+    dev: true
+
+  registry.npmmirror.com/source-map-js@1.0.2:
+    resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==, registry: https://registry.npmjs.org/, tarball: https://registry.npmmirror.com/source-map-js/-/source-map-js-1.0.2.tgz}
+    name: source-map-js
+    version: 1.0.2
+    engines: {node: '>=0.10.0'}
+
+  registry.npmmirror.com/to-fast-properties@2.0.0:
+    resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==, registry: https://registry.npmjs.org/, tarball: https://registry.npmmirror.com/to-fast-properties/-/to-fast-properties-2.0.0.tgz}
+    name: to-fast-properties
+    version: 2.0.0
+    engines: {node: '>=4'}
+
+  registry.npmmirror.com/yallist@4.0.0:
+    resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==, registry: https://registry.npmjs.org/, tarball: https://registry.npmmirror.com/yallist/-/yallist-4.0.0.tgz}
+    name: yallist
+    version: 4.0.0
+    dev: true
diff --git a/postcss.config.cjs b/postcss.config.cjs
index 59ea1f3..f19c944 100644
--- a/postcss.config.cjs
+++ b/postcss.config.cjs
@@ -1,5 +1,5 @@
-module.exports = {
-    plugins: {
-        autoprefixer: {}
-    }
-};
+module.exports = {
+    plugins: {
+        autoprefixer: {}
+    }
+};
diff --git a/public/favicon.ico b/public/favicon.ico
new file mode 100644
index 0000000..82b28b4
Binary files /dev/null and b/public/favicon.ico differ
diff --git a/public/logo.png b/public/logo.png
new file mode 100644
index 0000000..82b28b4
Binary files /dev/null and b/public/logo.png differ
diff --git a/src/App.vue b/src/App.vue
index 53ff99b..bc7d354 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,23 +1,18 @@
-<template>
-    <el-config-provider :locale="locale" :size="assemblySize" :button="buttonConfig">
-        <router-view></router-view>
-    </el-config-provider>
-</template>
-
+<template>
+    <el-config-provider :locale="locale" :size="assemblySize()" :button="buttonConfig">
+        <router-view></router-view>
+    </el-config-provider>
+</template>
+
 <script setup lang="ts">
-import { reactive, computed } from "vue";
 import { useTheme } from "@/hooks/useTheme";
 import { ElConfigProvider } from "element-plus";
 import { useGlobalStore } from "@/stores/modules/global";
 import locale from "element-plus/es/locale/lang/zh-cn";
 const globalStore = useGlobalStore();
 
-// init theme
 const { initTheme } = useTheme();
 initTheme();
-// element assemblySize
-const assemblySize = computed(() => globalStore.assemblySize);
-
-// element button config
-const buttonConfig = reactive({ autoInsertSpace: false });
+const assemblySize = () => globalStore.assemblySize;
+const buttonConfig = { autoInsertSpace: false };
 </script>
diff --git a/src/api/config/index.ts b/src/api/config/index.ts
index 20f5eae..98743e0 100644
--- a/src/api/config/index.ts
+++ b/src/api/config/index.ts
@@ -1,77 +1,53 @@
-// 登录
 export const loginApiUrl = "/guest/login";
 
-// 配置
 export const getSystemConfigListApiUrl = "/system/config/list";
 export const getSystemConfigSaveApiUrl = "/system/config/save";
 
-// 资源端点
-export const getSystemZyddListApiUrl = "/system/zydd/list";
-export const getSystemZyddSaveApiUrl = "/system/zydd/save";
-
-// 计划任务列表
 export const getSystemPlanListApiUrl = "/system/plan/list";
 export const getSystemPlanSaveApiUrl = "/system/plan/save";
 
-// 采集配置列表
 export const getSystemCjpzListApiUrl = "/system/cjpz/list";
 export const getSystemCjpzSaveApiUrl = "/system/cjpz/save";
 
-// 用户信息
 export const getSystemUserInfoApiUrl = "/system/user/info";
-// 用户列表
 export const getSystemUserlistApiUrl = "/system/user/list";
 
-// 视频分类 /shipin/fenlei/list?page=1&limit=10&key=
 export const getVideoCategoryApiUrl = "/video/category/list";
 export const getVideoListApiUrl = "/video/list";
-// 视频列表 -批量设置每日推荐视频
+export const getShipinNvYouApiUrl = getVideoListApiUrl;
 export const getVideoSetLevelApiUrl = "/video/level/set";
 export const getVideoSetBoxOfficeApiUrl = "/video/boxoffice/set";
 
-// seo关键词
 export const getKeyWordListApiUrl = "/system/keyword/list";
 export const getKeyWordSaveApiUrl = "/system/keyword/save";
 export const getKeyWordDelApiUrl = "/system/keyword/del";
 
-// 小说分类
 export const getXiaoShuoFenleiApiUrl = "/novel/category/list";
-// 小说章节
 export const getXiaoZhangJieYouApiUrl = "/xiaoshuo/zhangjie/list";
-// 小说列表
 export const getXiaoShuoMainListApiUrl = "/novel/list";
 
-// 广告分组 /guanggao/main/group/list?page=1&limit=10&key=
 export const getGuangGaoMainGroupListApiUrl = "/guanggao/main/group/list";
-// 广告列表 /guanggao/main/list?page=1&limit=10&key=
 export const getGuangGaoMainListApiUrl = "/guanggao/main/list";
+export const getGuangGaoBaoYangRuZhuListApiUrl = getGuangGaoMainListApiUrl;
+export const getGuangGaoLouFengListApiUrl = getGuangGaoMainListApiUrl;
+export const getGuangGaoYouXiListApiUrl = getGuangGaoMainListApiUrl;
+export const getGuangGaoZhiBoListApiUrl = getGuangGaoMainListApiUrl;
+export const getGuangGaoGuanFangZiYingListApiUrl = getGuangGaoMainListApiUrl;
 
-//广告配置
 export const getGuangGaoGgpzListApiUrl = "/guanggao/ggpz/list";
 export const getGuangGaoGgpzSaveApiUrl = "/guanggao/ggpz/save";
 
-// 漫画分类 /manhua/fenlei/list?page=1&limit=10&key=
 export const getManHuaFenleiApiUrl = "/manhua/fenlei/list";
-// 漫画章节 /shipin/nvyou/list?page=1&limit=10&key=
 export const getManHuaZhangJieApiUrl = "/manhua/zhangjie/list";
-// 漫画列表 /shipin/main/list?page=1&limit=10&key=
 export const getManHuaMainListApiUrl = "/manhua/main/list";
 
-// 设置广告分组 /guanggao/main/group/save  传参form-data 参数 ggfz_code   ggfz_name  ggfz_id
 export const getGuangGaoMainGroupSaveApiUrl = "/guanggao/main/group/save";
-// 删除广告分组 /guanggao/main/group/del   传参form-data 参数 ggfz_id
 export const getGuangGaoMainGroupDelApiUrl = "/guanggao/main/group/del";
-// 设置广告 /guanggao/main/group/save  传参form-data 参数    gg_id  ggfz_id gg_lei_xing gg_tu_pian gg_wen_zi gg_tiao_zhuan_di_zhi
 export const getGuangGaoMainSaveApiUrl = "/guanggao/main/save";
-// 删除广告 /guanggao/main/group/del   传参form-data 参数 gg_id
 export const getGuangGaoMainDelApiUrl = "/guanggao/main/del";
 
-// 参数模板列表
 export const getTkdargListUrl = "/site/tkdarg/list";
 
-// 模板列表
 export const getTemplateListUrl = "/site/template/list";
-// 替换模板分组列表
 export const getSubjectFomartGroupList = "/site/subject/fomart/group/list";
-// 替换模板列表
 export const getSubjectFomartList = "/site/subject/fomart/list";
diff --git a/src/api/config/servicePort.ts b/src/api/config/servicePort.ts
index 3ab50de..2e8dca8 100644
--- a/src/api/config/servicePort.ts
+++ b/src/api/config/servicePort.ts
@@ -1,99 +1,46 @@
-// 后端微服务模块前缀
 export const PORT1 = "/geeker";
 export const ADMIN = "/admin";
-/**
- * @name 服务端口-系统
- */
 export const SYSTEM_PORT = "/admin/system";
 export const DOMAIN_PORT = "/admin/domain";
 export const USER_PORT = SYSTEM_PORT + "/user";
-export const ROLE_PORT = SYSTEM_PORT + "/role";
-export const NODE_PORT = SYSTEM_PORT + "/node";
 export const TASK_PORT = SYSTEM_PORT + "/task";
 export const MSG_PORT = "/admin/msg/task";
 export const DOWNLOAD_PORT = "/admin/report/down";
 export const CONFIG_PORT = SYSTEM_PORT + "/config";
 export const SYS_CONFIG_PORT = SYSTEM_PORT + "/sysconfig";
-export const RES_SOURCE_PORT = "/admin/resource";
 
-/**
- * @name 服务端口-视频
- */
 export const VIDEO_PORT = ADMIN + "/video";
-/**
- * @name 服务端口-标签
- */
-export const TAG_PORT = ADMIN + "/tag";
-/**
- * @name 服务端口-图册
- */
 export const ATLAS_PORT = ADMIN + "/atlas";
 
-/**
- * @name 服务端口-小说
- */
 export const NOVEL_PORT = ADMIN + "/novel";
 
-/**
- * @name 服务端口-漫画
- */
 export const MANGA_PORT = ADMIN + "/manga";
 
-/**
- * @name 服务端口-TAG
- */
 export const TAB_BATCH_PORT = ADMIN + "/tab";
 
-/**
- * @name 服务端口-APP用户列表
- */
 export const MI_USER_PORT = ADMIN + "/miaouser";
 
-/**
- * @name 服务端口-视频反馈列表
- */
 export const FEEDBACK_PORT = ADMIN + "/feedback";
 
-/**
- * @name 服务端口-搜索词管理
- */
 export const SEARCH_PORT = ADMIN + "/search";
-/**
- * @name 服务端口-站点
- */
+
 export const SITE_PORT = ADMIN + "/site";
 
-/**
- * @name 服务端口-推广等级
- */
 export const SPREAD_PORT = ADMIN + "/spread";
-/**
- * @name 服务端口-分享管理
- */
+
 export const SHARE_PORT = ADMIN + "/share";
-/**
- * @name 服务端口-邮箱管理
- */
+
 export const EMAIL_PORT = ADMIN + "/email";
-/**
- * @name 服务端口-活动管理
- */
+
 export const ACTIVITY_PORT = ADMIN + "/activity";
-/**
- * @name 服务端口-缓存管理
- */
+
 export const CACHE_PORT = SYSTEM_PORT + "/cache";
 
-/**
- * @name 服务端口-财务管理
- */
-//金币账户
 export const FINANCE_PORT = ADMIN + "/finance";
 export const ACCOUNT_PORT = FINANCE_PORT + "/account";
-//VIP
+
 export const RECHARGE_PORT = FINANCE_PORT + "/recharge";
 export const ORDER_PORT = RECHARGE_PORT + "/order";
 export const PACKAGE_PORT = RECHARGE_PORT + "/package";
 
-//渠道
 export const CHANNEL_PORT = ADMIN + "/channel";
diff --git a/src/api/helper/axiosCancel.ts b/src/api/helper/axiosCancel.ts
index dfa60cb..3e74159 100644
--- a/src/api/helper/axiosCancel.ts
+++ b/src/api/helper/axiosCancel.ts
@@ -1,22 +1,18 @@
-// ? 暂未使用，目前使用全局 Loading 来控制重复请求
+
 import { CustomAxiosRequestConfig } from "../index";
 import qs from "qs";
 
-// 声明一个 Map 用于存储每个请求的标识 和 取消函数
+
 let pendingMap = new Map<string, AbortController>();
 
-// 序列化参数
+
 export const getPendingUrl = (config: CustomAxiosRequestConfig) =>
     [config.method, config.url, qs.stringify(config.data), qs.stringify(config.params)].join("&");
 
 export class AxiosCanceler {
-    /**
-     * @description: 添加请求
-     * @param {Object} config
-     * @return void
-     */
+    
     addPending(config: CustomAxiosRequestConfig) {
-        // 在请求开始前，对之前的请求做检查取消操作
+
         this.removePending(config);
         const url = getPendingUrl(config);
         const controller = new AbortController();
@@ -24,20 +20,15 @@ export class AxiosCanceler {
         pendingMap.set(url, controller);
     }
 
-    /**
-     * @description: 移除请求
-     * @param {Object} config
-     */
+    
     removePending(config: CustomAxiosRequestConfig) {
         const url = getPendingUrl(config);
-        // 如果在 pending 中存在当前请求标识，需要取消当前请求
+
         const controller = pendingMap.get(url);
         controller && controller.abort();
     }
 
-    /**
-     * @description: 清空所有pending
-     */
+    
     removeAllPending() {
         pendingMap.forEach(controller => {
             controller && controller.abort();
diff --git a/src/api/helper/checkStatus.ts b/src/api/helper/checkStatus.ts
index 79a3810..93622ee 100644
--- a/src/api/helper/checkStatus.ts
+++ b/src/api/helper/checkStatus.ts
@@ -1,10 +1,6 @@
 import { ElMessage } from "element-plus";
 
-/**
- * @description: 校验网络请求状态码
- * @param {Number} status
- * @return void
- */
+
 export const checkStatus = (status: number) => {
     switch (status) {
         case 400:
diff --git a/src/api/index.ts b/src/api/index.ts
index cec53a7..137789b 100644
--- a/src/api/index.ts
+++ b/src/api/index.ts
@@ -13,29 +13,25 @@ export interface CustomAxiosRequestConfig extends InternalAxiosRequestConfig {
 }
 
 const config = {
-    // 默认地址请求地址，可在 .env.** 文件中修改
+
     baseURL: import.meta.env.VITE_API_URL as string,
-    // 设置超时时间
+
     timeout: ResultEnum.TIMEOUT as number
-    // 跨域时候允许携带凭证
-    // withCredentials: true
+
+
 };
 
 class RequestHttp {
     service: AxiosInstance;
     public constructor(config: AxiosRequestConfig) {
-        // instantiation
+
         this.service = axios.create(config);
 
-        /**
-         * @description 请求拦截器
-         * 客户端发送请求 -> [请求拦截器] -> 服务器
-         * token校验(JWT) : 接受服务器返回的 token,存储到 vuex/pinia/本地储存当中
-         */
+        
         this.service.interceptors.request.use(
             (config: CustomAxiosRequestConfig) => {
                 const userStore = useUserStore();
-                // 当前请求不需要显示 loading，在 api 服务中通过指定的第三个参数: { noLoading: true } 来控制
+
 
                 config.noLoading || showFullScreenLoading();
                 if (config.headers && typeof config.headers.set === "function") {
@@ -48,48 +44,44 @@ class RequestHttp {
             }
         );
 
-        /**
-         * @description 响应拦截器
-         *  服务器换返回信息 -> [拦截统一处理] -> 客户端JS获取到信息
-         */
+        
         this.service.interceptors.response.use(
             (response: AxiosResponse) => {
                 const { data } = response;
                 const userStore = useUserStore();
                 tryHideFullScreenLoading();
-                // 登陆失效
+                const responseMessage = data.message ?? data.msg ?? "请求失败！";
+
                 if (data.code == ResultEnum.OVERDUE) {
                     userStore.setToken("");
                     router.replace(LOGIN_URL);
-                    ElMessage.error(data.msg);
+                    ElMessage.error(responseMessage);
                     return Promise.reject(data);
                 }
-                // 全局错误信息拦截（防止下载文件的时候返回数据流，没有 code 直接报错）
+
                 if (data.code && data.code !== ResultEnum.SUCCESS) {
-                    ElMessage.error(data.message);
+                    ElMessage.error(responseMessage);
                     return Promise.reject(data);
                 }
-                // 成功请求（在页面上除非特殊情况，否则不用处理失败逻辑）
+
                 return data;
             },
             async (error: AxiosError) => {
                 const { response } = error;
                 tryHideFullScreenLoading();
-                // 请求超时 && 网络错误单独判断，没有 response
+
                 if (error.message.indexOf("timeout") !== -1) ElMessage.error("请求超时！请您稍后重试");
                 if (error.message.indexOf("Network Error") !== -1) ElMessage.error("网络错误！请您稍后重试");
-                // 根据服务器响应的错误状态码，做不同的处理
+
                 if (response) checkStatus(response.status);
-                // 服务器结果都没有返回(可能服务器错误可能客户端断网)，断网处理:可以跳转到断网页面
+
                 if (!window.navigator.onLine) router.replace("/500");
                 return Promise.reject(error);
             }
         );
     }
 
-    /**
-     * @description 常用请求方法封装
-     */
+    
     get<T>(url: string, params?: object, _object = {}): Promise<ResultData<T>> {
         return this.service.get(url, { params, ..._object });
     }
diff --git a/src/api/interface/activity/drive.ts b/src/api/interface/activity/drive.ts
index cdbc2af..ae9ef3b 100644
--- a/src/api/interface/activity/drive.ts
+++ b/src/api/interface/activity/drive.ts
@@ -1,18 +1,14 @@
 import { ReqPage, ResultData } from "@/api/interface/index";
 export namespace DriveList {
-    // 查询接口
     export interface ReqParams extends ReqPage {
         key?: string;
     }
-    // 保存接口
     export interface saveParams {
         a_id?: number;
     }
-    // 删除接口
     export interface delParams {
         a_id?: string;
     }
-    // 列表接口响应
     export interface ResList {
         a_id: number;
         a_status: any;
@@ -24,7 +20,5 @@ export namespace DriveList {
         description: any;
         created_at: string;
     }
-
-    // 保存删除响应接口
     export interface ResData extends ResultData {}
 }
diff --git a/src/api/interface/activity/manage.ts b/src/api/interface/activity/manage.ts
index a5deeef..cb1beff 100644
--- a/src/api/interface/activity/manage.ts
+++ b/src/api/interface/activity/manage.ts
@@ -1,10 +1,8 @@
 import { ReqPage, ResultData } from "@/api/interface/index";
 export namespace ManageList {
-    // 查询接口
     export interface ReqParams extends ReqPage {
         key?: string;
     }
-    // 保存接口
     export interface saveParams {
         a_id?: number;
         a_code: any;
@@ -12,11 +10,9 @@ export namespace ManageList {
         a_config: any;
         a_status: any;
     }
-    // 删除接口
     export interface delParams {
         a_id?: string;
     }
-    // 列表接口响应
     export interface ResList {
         a_id: number;
         a_code: any;
@@ -27,7 +23,5 @@ export namespace ManageList {
         a_status: any;
         created_at: string;
     }
-
-    // 保存删除响应接口
     export interface ResData extends ResultData {}
 }
diff --git a/src/api/interface/ad/by.ts b/src/api/interface/ad/by.ts
index 1105efd..9292b16 100644
--- a/src/api/interface/ad/by.ts
+++ b/src/api/interface/ad/by.ts
@@ -1,19 +1,15 @@
 import { ReqPage, ResultData } from "@/api/interface/index";
 export namespace ByList {
-    // 查询接口
     export interface ReqParams extends ReqPage {
         key?: string;
     }
-    // 保存接口
     export interface saveParams {
         byrz_id?: number;
         byrz_mingzi: string;
     }
-    // 删除接口
     export interface delParams {
         byrz_id?: string;
     }
-    // 列表接口响应
     export interface ResList {
         byrz_id?: number;
         byrz_mingzi: string;
@@ -35,6 +31,5 @@ export namespace ByList {
         name: any;
         url: any;
     }
-    // 保存删除响应接口
     export interface ResData extends ResultData {}
 }
diff --git a/src/api/interface/ad/config.ts b/src/api/interface/ad/config.ts
index 33a495a..092ce25 100644
--- a/src/api/interface/ad/config.ts
+++ b/src/api/interface/ad/config.ts
@@ -1,21 +1,17 @@
 import { ReqPage, ResultData } from "@/api/interface/index";
 export namespace ConfigList {
-    // 查询接口
     export interface ReqParams extends ReqPage {
         key?: string;
     }
-    // 保存接口
     export interface saveParams {
         ggpz_id?: number;
         ggpz_code: string;
         ggpz_val: string;
         ggpz_description: string;
     }
-    // 删除接口
     export interface delParams {
         ggpz_id?: string;
     }
-    // 列表接口响应
     export interface ResList {
         ggpz_id?: number;
         ggpz_code: string;
@@ -23,6 +19,5 @@ export namespace ConfigList {
         ggpz_description: string;
         created_at: string;
     }
-    // 保存删除响应接口
     export interface ResData extends ResultData {}
 }
diff --git a/src/api/interface/ad/group.ts b/src/api/interface/ad/group.ts
index 6bc2d63..21c20d5 100644
--- a/src/api/interface/ad/group.ts
+++ b/src/api/interface/ad/group.ts
@@ -1,26 +1,21 @@
 import { ReqPage, ResultData } from "@/api/interface/index";
 export namespace GroupList {
-    // 查询接口
     export interface ReqParams extends ReqPage {
         key?: string;
     }
-    // 保存接口
     export interface saveParams {
         ggfz_id?: number;
         ggfz_name: string;
         ggfz_code: string;
     }
-    // 删除接口
     export interface delParams {
         ggfz_id?: string;
     }
-    // 列表接口响应
     export interface ResList {
         ggfz_id?: number;
         ggfz_name: string;
         ggfz_code: any;
         created_at: string;
     }
-    // 保存删除响应接口
     export interface ResData extends ResultData {}
 }
diff --git a/src/api/interface/ad/lf.ts b/src/api/interface/ad/lf.ts
index 8425722..3f850d3 100644
--- a/src/api/interface/ad/lf.ts
+++ b/src/api/interface/ad/lf.ts
@@ -1,19 +1,15 @@
 import { ReqPage, ResultData } from "@/api/interface/index";
 export namespace LfList {
-    // 查询接口
     export interface ReqParams extends ReqPage {
         key?: string;
     }
-    // 保存接口
     export interface saveParams {
         lf_id?: number;
         lf_mingzi: string;
     }
-    // 删除接口
     export interface delParams {
         lf_id?: string;
     }
-    // 列表接口响应
     export interface ResList {
         lf_id?: number;
         lf_mingzi: string;
@@ -38,6 +34,5 @@ export namespace LfList {
         name: any;
         url: any;
     }
-    // 保存删除响应接口
     export interface ResData extends ResultData {}
 }
diff --git a/src/api/interface/ad/list.ts b/src/api/interface/ad/list.ts
index 71581dc..b2ccab4 100644
--- a/src/api/interface/ad/list.ts
+++ b/src/api/interface/ad/list.ts
@@ -1,34 +1,64 @@
 import { ReqPage, ResultData } from "@/api/interface/index";
 
 export namespace adList {
-    // 查询接口
     export interface ReqParams extends ReqPage {
         key?: string;
+        ggfz_id?: any;
     }
-    // 保存接口
-    export interface saveParams {
-        gg_id?: number;
-        ggfz_id: any;
-        gg_lei_xing: any;
-        gg_tu_pian: any;
-        gg_wen_zi: any;
-        gg_tiao_zhuan_di_zhi: any;
-    }
-    // 删除接口
+    export interface saveParams extends Partial<List> {}
     export interface delParams {
         gg_id?: string;
+        a_id?: string;
     }
-    // 列表接口响应
-    export interface ResList {
+    export interface batchParams {
+        a_id?: string;
+        cover?: string;
+        a_title?: string;
+        target?: string;
+        link_type?: string;
+    }
+    export interface cloneParams {
+        source_si_id?: string;
+        target_si_id?: string;
+    }
+    export interface batchReplaceParams {
+        si_id?: string;
+        column?: string;
+        to?: string;
+        from?: string;
+    }
+    export interface List {
         gg_id?: number;
-        ggfz_id: any;
-        gg_lei_xing: any;
-        gg_tu_pian: any;
-        gg_wen_zi: any;
-        gg_tiao_zhuan_di_zhi: any;
-        created_at: string;
+        ggfz_id?: any;
+        ggfz_name?: any;
+        gg_lei_xing?: any;
+        gg_tu_pian?: any;
+        gg_wen_zi?: any;
+        gg_tiao_zhuan_di_zhi?: any;
+        gg_sort?: any;
+        gg_status?: any;
+        created_at?: string;
+        updated_at?: string;
+        a_id?: any;
+        ag_id?: string;
+        at_content?: any;
+        a_title?: string;
+        a_content?: any;
+        a_status?: any;
+        target?: any;
+        link_type?: any;
+        cover?: any;
+        a_type?: any;
+        at_id?: any;
+        si_id?: any;
+        column?: any;
+        to?: any;
+        from?: any;
+        source_si_id?: any;
+        target_si_id?: any;
+        a_description?: any;
     }
-    // 保存删除响应接口
+    export interface ResList extends List {}
     export interface ResData extends ResultData {}
 }
 export namespace adList22 {
@@ -54,7 +84,6 @@ export namespace adList22 {
         target_si_id?: any;
         a_description: any;
     }
-    // 查询接口
     export interface ReqParams extends ReqPage {
         page: number;
         limit: number;
@@ -82,21 +111,3 @@ export namespace adList22 {
     }
 }
 
-export namespace adTemplate {
-    export interface List {
-        at_id: number; // 广告模板 id
-        at_coce: string; // 广告模板分组编码
-        at_name: string; // 广告模板名称
-        at_description: string; // 广告模板描述
-        at_content: any; // 广告模板内容。如:风格等信息
-        created_at: string; // 添加时间
-        updated_at: string; // 更新时间
-        a_type: any;
-    }
-    // 查询接口
-    export interface ReqParams extends ReqPage {
-        page: number;
-        limit: number;
-        key?: string;
-    }
-}
diff --git a/src/api/interface/ad/yx.ts b/src/api/interface/ad/yx.ts
index 52360c8..ace1f7d 100644
--- a/src/api/interface/ad/yx.ts
+++ b/src/api/interface/ad/yx.ts
@@ -1,19 +1,15 @@
 import { ReqPage, ResultData } from "@/api/interface/index";
 export namespace YxList {
-    // 查询接口
     export interface ReqParams extends ReqPage {
         key?: string;
     }
-    // 保存接口
     export interface saveParams {
         yx_id?: number;
         yx_ming_zi: string;
     }
-    // 删除接口
     export interface delParams {
         yx_id?: string;
     }
-    // 列表接口响应
     export interface ResList {
         yx_id?: number;
         yx_ming_zi: any;
@@ -22,6 +18,5 @@ export namespace YxList {
         yx_tu_pian_url: any;
         created_at: string;
     }
-    // 保存删除响应接口
     export interface ResData extends ResultData {}
 }
diff --git a/src/api/interface/ad/zb.ts b/src/api/interface/ad/zb.ts
index e9c437d..0aa52a5 100644
--- a/src/api/interface/ad/zb.ts
+++ b/src/api/interface/ad/zb.ts
@@ -1,18 +1,14 @@
 import { ReqPage, ResultData } from "@/api/interface/index";
 export namespace ZbList {
-    // 查询接口
     export interface ReqParams extends ReqPage {
         key?: string;
     }
-    // 保存接口
     export interface saveParams {
         zb_id?: number;
     }
-    // 删除接口
     export interface delParams {
         zb_id?: string;
     }
-    // 列表接口响应
     export interface ResList {
         zb_id?: number;
         zb_ming_zi: any;
@@ -21,6 +17,5 @@ export namespace ZbList {
         zb_feng_mian: any;
         created_at: string;
     }
-    // 保存删除响应接口
     export interface ResData extends ResultData {}
 }
diff --git a/src/api/interface/ad/zy.ts b/src/api/interface/ad/zy.ts
index 34c79aa..0144f92 100644
--- a/src/api/interface/ad/zy.ts
+++ b/src/api/interface/ad/zy.ts
@@ -1,19 +1,15 @@
 import { ReqPage, ResultData } from "@/api/interface/index";
 export namespace ZyList {
-    // 查询接口
     export interface ReqParams extends ReqPage {
         key?: string;
     }
-    // 保存接口
     export interface saveParams {
         gfzy_id?: number;
         gfzy_mingzi: string;
     }
-    // 删除接口
     export interface delParams {
         gfzy_id?: string;
     }
-    // 列表接口响应
     export interface ResList {
         gfzy_id?: number;
         gfzy_mingzi: string;
@@ -40,6 +36,5 @@ export namespace ZyList {
         name: any;
         url: any;
     }
-    // 保存删除响应接口
     export interface ResData extends ResultData {}
 }
diff --git a/src/api/interface/atlas/list.ts b/src/api/interface/atlas/list.ts
deleted file mode 100644
index e37d99f..0000000
--- a/src/api/interface/atlas/list.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { ReqPage, ResultData } from "@/api/interface/index";
-export namespace AtlasList {
-    // 查询接口
-    export interface ReqParams extends ReqPage {
-        key?: string;
-    }
-    // 保存接口
-    export interface saveParams {
-        at_id?: number;
-        at_name: string;
-        at_status: number;
-        at_wonderful_site_id: any;
-        at_recommend_site_id: any;
-        at_cover: string;
-        at_tag: any;
-        at_source: any;
-    }
-    // 删除接口
-    export interface delParams {
-        at_id?: string;
-    }
-    // 列表接口响应
-    export interface ResList {
-        at_id: number;
-        at_name: string;
-        at_status: any;
-        at_wonderful_site_id: any;
-        at_recommend_site_id: any;
-        at_wonderful_site_id_detail: any;
-        at_recommend_site_id_detail: any;
-        at_cover: any;
-        at_cover_code: any;
-        at_cover_edit: any;
-        at_cover_detail: any;
-        searchText: any;
-        at_tag: any;
-        at_tag_detail: any;
-        t_name: any;
-        at_source: any;
-        at_source_detail: any;
-        fm_id: any;
-        name: any;
-        created_at: string;
-    }
-    // 保存删除响应接口
-    export interface ResData extends ResultData {}
-}
diff --git a/src/api/interface/channel/statistics.ts b/src/api/interface/channel/statistics.ts
deleted file mode 100644
index 6181fe6..0000000
--- a/src/api/interface/channel/statistics.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { ReqPage, ResultData } from "@/api/interface/index";
-export namespace ChannelStatisticsList {
-    // 查询接口
-    export interface ReqParams extends ReqPage {
-        key?: string;
-    }
-    // 保存接口
-    export interface saveParams {
-        csc_id: number;
-        csc_name: string;
-        csc_code: string;
-        csc_statistical_code: string;
-    }
-    // 删除接口
-    export interface delParams {
-        csc_id?: string;
-    }
-    // 列表接口响应
-    export interface ResList {
-        csc_id: number;
-        csc_name: string;
-        csc_code: string;
-        csc_statistical_code: string;
-        created_at: string;
-        updated_at: string;
-    }
-    // 保存删除响应接口
-    export interface ResData extends ResultData {}
-}
diff --git a/src/api/interface/email/content.ts b/src/api/interface/email/content.ts
index b03508d..dc2a512 100644
--- a/src/api/interface/email/content.ts
+++ b/src/api/interface/email/content.ts
@@ -1,20 +1,16 @@
 import { ReqPage, ResultData } from "@/api/interface/index";
 export namespace ContentList {
-    // 查询接口
     export interface ReqParams extends ReqPage {
         key?: string;
         ee_code?: string;
         ee_id?: string;
     }
-    // 保存接口
     export interface saveParams {
         ec_id?: number;
     }
-    // 删除接口
     export interface delParams {
         ec_id?: string;
     }
-    // 列表接口响应
     export interface ResList {
         ec_id: number;
         ec_from: any;
@@ -27,7 +23,5 @@ export namespace ContentList {
         ee_id: any;
         created_at: string;
     }
-
-    // 保存删除响应接口
     export interface ResData extends ResultData {}
 }
diff --git a/src/api/interface/email/event.ts b/src/api/interface/email/event.ts
index a735a42..54bec25 100644
--- a/src/api/interface/email/event.ts
+++ b/src/api/interface/email/event.ts
@@ -1,18 +1,14 @@
 import { ReqPage, ResultData } from "@/api/interface/index";
 export namespace EventList {
-    // 查询接口
     export interface ReqParams extends ReqPage {
         key?: string;
     }
-    // 保存接口
     export interface saveParams {
         ee_id?: number;
     }
-    // 删除接口
     export interface delParams {
         ee_id?: string;
     }
-    // 列表接口响应
     export interface ResList {
         ee_id: number;
         ee_code: any;
@@ -21,7 +17,5 @@ export namespace EventList {
         ee_describe: string;
         created_at: string;
     }
-
-    // 保存删除响应接口
     export interface ResData extends ResultData {}
 }
diff --git a/src/api/interface/finance/account/list.ts b/src/api/interface/finance/account/list.ts
index 4cc4a19..c344d1a 100644
--- a/src/api/interface/finance/account/list.ts
+++ b/src/api/interface/finance/account/list.ts
@@ -1,18 +1,14 @@
 import { ReqPage, ResultData } from "@/api/interface/index";
 export namespace AccountList {
-    // 查询接口
     export interface ReqParams extends ReqPage {
         key?: string;
     }
-    // 保存接口
     export interface saveParams {
         mu_id?: number;
     }
-    // 删除接口
     export interface delParams {
         mu_id?: string;
     }
-    // 列表接口响应
     export interface ResList {
         mu_id: string;
         uf_balance: any;
@@ -23,6 +19,5 @@ export namespace AccountList {
         expire_vip_day: any;
         created_at: string;
     }
-    // 保存删除响应接口
     export interface ResData extends ResultData {}
 }
diff --git a/src/api/interface/finance/account/transaction.ts b/src/api/interface/finance/account/transaction.ts
index 4e15206..fbee2c0 100644
--- a/src/api/interface/finance/account/transaction.ts
+++ b/src/api/interface/finance/account/transaction.ts
@@ -1,20 +1,15 @@
 import { ReqPage, ResultData } from "@/api/interface/index";
 export namespace TransactionList {
-    // 查询接口
     export interface ReqParams extends ReqPage {
         key?: string;
         t_type?: any;
     }
-    // 保存接口
     export interface saveParams {
         ft_id?: number;
     }
-    // 删除接口
     export interface delParams {
         ft_id?: string;
     }
-
-    // 列表接口响应
     export interface ResList {
         ft_id: number;
         mu_id: number;
@@ -30,6 +25,5 @@ export namespace TransactionList {
         mu_email: any;
         created_at: string;
     }
-    // 保存删除响应接口
     export interface ResData extends ResultData {}
 }
diff --git a/src/api/interface/finance/recharge/feedback.ts b/src/api/interface/finance/recharge/feedback.ts
index 16a756b..15848c8 100644
--- a/src/api/interface/finance/recharge/feedback.ts
+++ b/src/api/interface/finance/recharge/feedback.ts
@@ -1,21 +1,16 @@
 import { ReqPage, ResultData } from "@/api/interface/index";
 export namespace FeedbackList {
-    // 查询接口
     export interface ReqParams extends ReqPage {
         key?: string;
         t_type?: any;
     }
-    // 保存接口
     export interface saveParams {
         rf_id?: number;
         rf_state: any;
     }
-    // 删除接口
     export interface delParams {
         rf_id?: string;
     }
-
-    // 列表接口响应
     export interface ResList {
         rf_id: number;
         vo_id: number;
@@ -30,7 +25,5 @@ export namespace FeedbackList {
         rf_contact: any;
         created_at: string;
     }
-
-    // 保存删除响应接口
     export interface ResData extends ResultData {}
 }
diff --git a/src/api/interface/finance/recharge/order.ts b/src/api/interface/finance/recharge/order.ts
index c7b25a8..e485b51 100644
--- a/src/api/interface/finance/recharge/order.ts
+++ b/src/api/interface/finance/recharge/order.ts
@@ -1,21 +1,17 @@
 import { ReqPage, ResultData } from "@/api/interface/index";
 export namespace OrderList {
-    // 查询接口
     export interface ReqParams extends ReqPage {
         key?: string;
         vo_status?: any;
         created_at_start?: any;
         created_at_end?: any;
     }
-    // 保存接口
     export interface saveParams {
         vo_id?: number;
     }
-    // 删除接口
     export interface delParams {
         vo_id?: string;
     }
-    // 列表接口响应
     export interface ResList {
         vo_id: number;
         mu_id: string;
@@ -33,6 +29,5 @@ export namespace OrderList {
         mu_email: number;
         created_at: string;
     }
-    // 保存删除响应接口
     export interface ResData extends ResultData {}
 }
diff --git a/src/api/interface/finance/recharge/package.ts b/src/api/interface/finance/recharge/package.ts
index 5e96fd0..4ebe0b0 100644
--- a/src/api/interface/finance/recharge/package.ts
+++ b/src/api/interface/finance/recharge/package.ts
@@ -1,11 +1,9 @@
 import { ReqPage, ResultData } from "@/api/interface/index";
 export namespace PackageList {
-    // 查询接口
     export interface ReqParams extends ReqPage {
         key?: string;
         t_type?: any;
     }
-    // 保存接口
     export interface saveParams {
         vp_id?: number;
         vp_name: string;
@@ -17,12 +15,9 @@ export namespace PackageList {
         vp_icon: string;
         package_sort: number;
     }
-    // 删除接口
     export interface delParams {
         vp_id?: string;
     }
-
-    // 列表接口响应
     export interface ResList {
         vp_id: number;
         vp_name: string;
@@ -37,6 +32,5 @@ export namespace PackageList {
         vp_sort: number;
         created_at: string;
     }
-    // 保存删除响应接口
     export interface ResData extends ResultData {}
 }
diff --git a/src/api/interface/index.ts b/src/api/interface/index.ts
index 7be8447..4618de3 100644
--- a/src/api/interface/index.ts
+++ b/src/api/interface/index.ts
@@ -1,15 +1,11 @@
-// 请求响应参数（不包含data）
 export interface Result {
     code: string;
-    message: string;
+    message?: string;
+    msg?: string;
 }
-
-// 请求响应参数（包含data）
 export interface ResultData<T = any> extends Result {
     data: T;
 }
-
-// 分页响应参数
 export interface ResPage<T> {
     item: T[];
     items: T[];
@@ -18,42 +14,30 @@ export interface ResPage<T> {
     limit: number;
     total_pages: number;
 }
-
-// 分页请求参数
 export interface ReqPage {
     page: number;
     limit: number;
 }
-// 分页请求参数
 export interface type {
     type: any;
 }
-
-// 文件上传模块
 export namespace Upload {
     export interface ResFileUrl {
         fileUrl: string;
     }
 }
-// 文件下载模块
 export namespace Download {
     export interface ResFileUrl {
         type: number;
     }
-    // 保存删除响应接口
     export interface ResData extends ResultData {}
 }
-
-// 执行任务
 export namespace Task {
     export interface ResFileUrl {
         msg_id: any;
     }
-    // 保存删除响应接口
     export interface ResData extends ResultData {}
 }
-
-// 登录模块
 export namespace Login {
     export interface ReqLoginForm {
         au_name: string;
@@ -67,48 +51,3 @@ export namespace Login {
     }
 }
 
-export namespace LogsList {
-    // 查询接口
-    export interface ReqParams extends ReqPage {
-        pr_name?: string;
-    }
-    // 列表接口响应
-    export interface ResList {
-        ol_id: number; // 否	ID
-        au_id: number; // 是	用户ID
-        au_name: string; // 是	用户名
-        ol_description: string; // 是	操作日志
-        c_id: number; // 是	公司id
-        created_at: string; // 是	添加时间
-        updated_at: string; // 否	更新时间
-        deleted_at: string; // 否	删除时间
-    }
-    // 保存删除响应接口
-    export interface ResData extends ResultData {}
-}
-
-export namespace NoticeSetting {
-    // 查询接口
-    export interface ReqParams extends ReqPage {
-        key?: string;
-    }
-    // 保存接口
-    export interface saveParams {
-        ntt_code: string; // 是	通知类型编码
-        nt_status: number; // 是	是否启用,0=>否,1=>是
-        ta_id: string; // 是	使用的机器人ID
-        nt_tagged_users: string; // 是	需要@的人的名字
-    }
-    // 列表接口响应
-    export interface ResList {
-        ntt_id: number; // 否	通知类型模板ID
-        ntt_name: string; // 是	通知类型的名称
-        ntt_code: string; // 是	通知类型编码
-        nt_status: number; // 是	是否启用,0=>否,1=>是
-        ta_id: string; // 否	使用的机器人ID
-        telegram_account: any; // 是	使用的机器人详情
-        nt_tagged_users: string; // 是	需要@的人的名字
-    }
-    // 保存删除响应接口
-    export interface ResData extends ResultData {}
-}
diff --git a/src/api/interface/manga/chapter.ts b/src/api/interface/manga/chapter.ts
deleted file mode 100644
index de40d32..0000000
--- a/src/api/interface/manga/chapter.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import { ReqPage, ResultData } from "@/api/interface/index";
-export namespace ChapterList {
-    // 查询接口
-    export interface ReqParams extends ReqPage {
-        key?: string;
-    }
-    // 保存接口
-    export interface saveParams {
-        mhzj_id?: number;
-        mhxq_id: number;
-        mhzj_pai_xu: any;
-        mhzj_ming_zi: any;
-        mhzj_nei_rong: any;
-        mhzj_source_id: any;
-        mhzj_source_code: any;
-    }
-    export interface batchParams {
-        mhxq_id: number;
-        mhzj_id?: any;
-    }
-    // 删除接口
-    export interface delParams {
-        mhzj_id?: string;
-    }
-    // 列表接口响应
-    export interface ResList {
-        mhzj_id?: any;
-        mhxq_id: number;
-        mhzj_pai_xu: any;
-        mhzj_ming_zi: any;
-        mhzj_nei_rong: any;
-        mhzj_nei_rong_url: any;
-        mhzj_source_id: any;
-        mhzj_source_code: any;
-        cover_code: any;
-        created_at: string;
-        name: any;
-        url: any;
-        encrypted: any;
-    }
-    // 保存删除响应接口
-    export interface ResData extends ResultData {}
-}
diff --git a/src/api/interface/manga/fenlei.ts b/src/api/interface/manga/fenlei.ts
deleted file mode 100644
index 1d34ddd..0000000
--- a/src/api/interface/manga/fenlei.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { ReqPage, ResultData } from "@/api/interface/index";
-export namespace fenLeiList {
-    // 查询接口
-    export interface ReqParams extends ReqPage {
-        key?: string;
-    }
-    // 保存接口
-    export interface saveParams {
-        mhfl_id?: number;
-        mhfl_ming_zi: string;
-        mhfl_source_code: any;
-    }
-    // 删除接口
-    export interface delParams {
-        mhfl_id?: string;
-    }
-    // 列表接口响应
-    export interface ResList {
-        mhfl_id: any;
-        mhfl_ming_zi: string;
-        mhfl_source_code: any;
-    }
-    // 保存删除响应接口
-    export interface ResData extends ResultData {}
-}
diff --git a/src/api/interface/manga/list.ts b/src/api/interface/manga/list.ts
deleted file mode 100644
index b52c030..0000000
--- a/src/api/interface/manga/list.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { ReqPage, ResultData } from "@/api/interface/index";
-export namespace MangaList {
-    // 查询接口
-    export interface ReqParams extends ReqPage {
-        key?: string;
-    }
-    // 保存接口
-    export interface saveParams {
-        mhxq_id?: number;
-    }
-    // 删除接口
-    export interface delParams {
-        mhxq_id?: string;
-    }
-    // 列表接口响应
-    export interface ResList {
-        mhxq_id: number;
-        mhxq_ming_zi: any;
-        mhxq_cover: any;
-        mhfl_id: any;
-        mhxq_zuo_zhe: any;
-        mhxq_zhuang_tai: any;
-        mhxq_geng_xin_shi_jian: any;
-        mhxq_biao_qian: any;
-        mhxq_jian_jie: any;
-        mhxq_source_id: any;
-        mhxq_source_code: any;
-        created_at: string;
-        name: any;
-        url: any;
-        https_cover_url: any;
-    }
-    // 保存删除响应接口
-    export interface ResData extends ResultData {}
-}
diff --git a/src/api/interface/miUser/list.ts b/src/api/interface/miUser/list.ts
deleted file mode 100644
index 8fc47b7..0000000
--- a/src/api/interface/miUser/list.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { ReqPage, ResultData } from "@/api/interface/index";
-export namespace MiUserList {
-    // 查询接口
-    export interface ReqParams extends ReqPage {
-        key?: string;
-        mu_status?: any;
-        mu_vip?: any;
-        mu_start_time?: any;
-        mu_end_time?: any;
-        si_id?: any;
-    }
-    // 保存接口
-    export interface saveParams {
-        mu_id?: number;
-        mu_name: string;
-        mu_nickname: string;
-        mu_status: any;
-        mu_email: string;
-        mu_pwd: string;
-        mu_referrer_id: any;
-        mu_vip_expired: any;
-    }
-    // 删除接口
-    export interface delParams {
-        mu_id?: string;
-    }
-    // 列表接口响应
-    export interface ResList {
-        mu_id: number;
-        si_id: any;
-        si_name: any;
-        mu_name: string;
-        mu_nickname: string;
-        mu_status: any;
-        mu_email: string;
-        mu_pwd: string;
-        mu_referrer_id: any;
-        mu_vip: any;
-        mu_email_verified: any;
-        mu_channel_code: any;
-        mu_channel_domain: any;
-        mu_avatar: any;
-        mu_vip_expired: any;
-    }
-    // 保存删除响应接口
-    export interface ResData extends ResultData {}
-}
diff --git a/src/api/interface/novel/chapter.ts b/src/api/interface/novel/chapter.ts
deleted file mode 100644
index f44a027..0000000
--- a/src/api/interface/novel/chapter.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { ReqPage, ResultData } from "@/api/interface/index";
-export namespace ChapterList {
-    // 查询接口
-    export interface ReqParams extends ReqPage {
-        key?: string;
-    }
-    // 保存接口
-    export interface saveParams {
-        xszj_id?: number;
-        xsxq_id: any;
-        xszj_nei_rong: any;
-        xszj_ming_zi: any;
-        xszj_pai_xu: any;
-    }
-    // 删除接口
-    export interface delParams {
-        xszj_id?: string;
-    }
-    // 列表接口响应
-    export interface ResList {
-        xszj_id?: number;
-        xsxq_id: any;
-        xszj_nei_rong: any;
-        xszj_ming_zi: any;
-        xszj_pai_xu: any;
-        created_at: string;
-    }
-    // 保存删除响应接口
-    export interface ResData extends ResultData {}
-}
diff --git a/src/api/interface/novel/fenlei.ts b/src/api/interface/novel/fenlei.ts
index c06c40c..be28733 100644
--- a/src/api/interface/novel/fenlei.ts
+++ b/src/api/interface/novel/fenlei.ts
@@ -1,26 +1,21 @@
 import { ReqPage, ResultData } from "@/api/interface/index";
 export namespace fenLeiList {
-    // 查询接口
     export interface ReqParams extends ReqPage {
         key?: string;
     }
-    // 保存接口
     export interface saveParams {
         xsfl_id?: number;
         xsfl_name: string;
         xsfl_source_code: string;
     }
-    // 删除接口
     export interface delParams {
         xsfl_id?: string;
     }
-    // 列表接口响应
     export interface ResList {
         xsfl_id: any;
         xsfl_name: any;
         items: any;
         xsfl_source_code: string;
     }
-    // 保存删除响应接口
     export interface ResData extends ResultData {}
 }
diff --git a/src/api/interface/novel/list.ts b/src/api/interface/novel/list.ts
index 30dd300..9461e4b 100644
--- a/src/api/interface/novel/list.ts
+++ b/src/api/interface/novel/list.ts
@@ -1,11 +1,9 @@
 import { ReqPage, ResultData } from "@/api/interface/index";
 export namespace NovelList {
-    // 查询接口
     export interface ReqParams extends ReqPage {
         key?: string;
         t_type?: number;
     }
-    // 保存接口
     export interface saveParams {
         n_id?: number;
         n_name: string;
@@ -18,18 +16,31 @@ export namespace NovelList {
         n_type: any;
         n_last_update: string;
     }
-    // 删除接口
     export interface delParams {
         n_id?: string;
     }
-    // 列表接口响应
     export interface ResList {
         xsxq_tag: any;
         xsxq_id: any;
         items: any;
         https_cover_url: any;
         created_at: string;
+        searchText?: string;
+        n_id?: any;
+        n_name?: any;
+        n_author?: any;
+        n_cover?: any;
+        n_cover_code?: any;
+        n_cover_detail?: any;
+        n_cover_path?: any;
+        n_tags?: any;
+        n_source_id?: any;
+        n_at_status?: any;
+        n_slide_status?: any;
+        n_type?: any;
+        n_last_update?: any;
+        n_level?: any;
+        keywords?: any;
     }
-    // 保存删除响应接口
     export interface ResData extends ResultData {}
 }
diff --git a/src/api/interface/searchGroup/list.ts b/src/api/interface/searchGroup/list.ts
deleted file mode 100644
index 1716ab3..0000000
--- a/src/api/interface/searchGroup/list.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import { ReqPage, ResultData } from "@/api/interface/index";
-export namespace SearchGroupList {
-    // 查询接口
-    export interface ReqParams extends ReqPage {
-        key?: string;
-    }
-    // 保存接口
-    export interface saveParams {
-        sg_id?: number;
-        sg_name: string;
-        sg_order: number;
-    }
-    // 删除接口
-    export interface delParams {
-        sg_id?: string;
-    }
-    // 列表接口响应
-    export interface ResList {
-        sg_id: number;
-        sg_name: string;
-        sg_order: number;
-        created_at: string;
-    }
-    // 保存删除响应接口
-    export interface ResData extends ResultData {}
-}
diff --git a/src/api/interface/searchKey/list.ts b/src/api/interface/searchKey/list.ts
deleted file mode 100644
index 928a2f3..0000000
--- a/src/api/interface/searchKey/list.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { ReqPage, ResultData } from "@/api/interface/index";
-export namespace SearchKeyList {
-    // 查询接口
-    export interface ReqParams extends ReqPage {
-        key?: string;
-    }
-    // 保存接口
-    export interface saveParams {
-        sw_id?: number;
-        sw_title: string;
-        sw_status: string;
-        sw_html_path: string;
-    }
-    // 删除接口
-    export interface delParams {
-        sw_id?: string;
-    }
-    // 列表接口响应
-    export interface ResList {
-        sw_id?: number;
-        sw_title: any;
-        sw_status: any;
-        sw_html_path: any;
-        created_at: string;
-    }
-    // 保存删除响应接口
-    export interface ResData extends ResultData {}
-}
diff --git a/src/api/interface/share/link.ts b/src/api/interface/share/link.ts
index aa88084..ade7b88 100644
--- a/src/api/interface/share/link.ts
+++ b/src/api/interface/share/link.ts
@@ -1,25 +1,19 @@
 import { ReqPage, ResultData } from "@/api/interface/index";
 export namespace LinkList {
-    // 查询接口
     export interface ReqParams extends ReqPage {
         key?: string;
     }
-    // 保存接口
     export interface saveParams {
         sl_id?: number;
         sl_link: any;
     }
-    // 删除接口
     export interface delParams {
         sl_id?: string;
     }
-    // 列表接口响应
     export interface ResList {
         sl_id: number;
         sl_link: any;
         created_at: string;
     }
-
-    // 保存删除响应接口
     export interface ResData extends ResultData {}
 }
diff --git a/src/api/interface/share/speech.ts b/src/api/interface/share/speech.ts
index 47e3ab8..164856c 100644
--- a/src/api/interface/share/speech.ts
+++ b/src/api/interface/share/speech.ts
@@ -1,25 +1,19 @@
 import { ReqPage, ResultData } from "@/api/interface/index";
 export namespace SpeechList {
-    // 查询接口
     export interface ReqParams extends ReqPage {
         key?: string;
     }
-    // 保存接口
     export interface saveParams {
         ss_id?: number;
         ss_speech: any;
     }
-    // 删除接口
     export interface delParams {
         ss_id?: string;
     }
-    // 列表接口响应
     export interface ResList {
         ss_id: number;
         ss_speech: any;
         created_at: string;
     }
-
-    // 保存删除响应接口
     export interface ResData extends ResultData {}
 }
diff --git a/src/api/interface/site/list.ts b/src/api/interface/site/list.ts
index 977a986..71823cd 100644
--- a/src/api/interface/site/list.ts
+++ b/src/api/interface/site/list.ts
@@ -1,66 +1,3605 @@
 import { ReqPage, ResultData } from "@/api/interface/index";
 export namespace SiteList {
-    // 查询接口
+    export type BootstrapEnvTemplateKey = "baseline" | "testing-safe" | "production-safe";
+    export type MatchType = "exact" | "wildcard";
+    export type SeedScope = "domain" | "host";
+    export type SeoStrategyProfile = "standard" | "traffic" | "expand" | "closed";
+    export type CanonicalMode = "strict" | "relaxed";
+    export type PlayIndexMode = "noindex_follow" | "index_follow";
+    export type RobotsPolicy = "default" | "index_follow" | "noindex_follow" | "noindex_nofollow";
+    export type ForgeRouteGroup =
+        | "detail_forge_v2"
+        | "video"
+        | "detail"
+        | "info"
+        | "vod"
+        | "movie"
+        | "film"
+        | "xiangqing"
+        | "shipin"
+        | "neirong"
+        | "dianying";
+    export type ForgeTitleSource = "v_seo_words";
+    export type ForgeExposureProfile = "safe" | "balanced" | "expanded" | "off";
+
+    export interface SeoCfg {
+        strategy_profile?: SeoStrategyProfile;
+        canonical_mode?: CanonicalMode;
+        play_index_mode?: PlayIndexMode;
+        forge?: {
+            exposure_profile?: ForgeExposureProfile;
+            enable?: boolean;
+            count?: number;
+            entry_count?: number;
+            sitemap_count?: number;
+            route_group?: ForgeRouteGroup;
+            title_source?: ForgeTitleSource;
+        };
+        intro_block?: {
+            home?: boolean;
+            category?: boolean;
+            detail?: boolean;
+            search?: boolean;
+        };
+        structured_data?: {
+            policy?: "full" | "compact" | "minimal";
+            reference_mode?: "inline" | "id_only";
+            website_node?: boolean;
+            page_node?: boolean;
+            breadcrumb_node?: boolean;
+            video_object_node?: boolean;
+            organization_node?: boolean;
+            organization_name?: string;
+            same_as?: string[];
+        };
+        runtime_acceptance?: {
+            enable?: boolean;
+            samples?: Array<{
+                video_id?: number;
+                forge_id?: number;
+            }>;
+        };
+        robots_policy?: RobotsPolicy;
+        match_type?: MatchType;
+        seed_scope?: SeedScope;
+        wildcard_enable?: boolean;
+    }
     export interface ReqParams extends ReqPage {
         key?: string;
         t_type?: any;
     }
-    // 保存接口
     export interface saveParams {
+        d_id?: number;
+        d_domain?: string;
+        t_id?: number;
+        d_name?: any;
+        d_keywords?: any;
+        d_description?: any;
+        d_index_title?: any;
+        d_index_keywords?: any;
+        d_index_description?: any;
+        d_statis?: any;
+        d_logo_type?: any;
+        d_text_logo?: any;
+        d_img_logo?: any;
+        d_content_encode?: any;
+        url_type?: any;
+        t_cfg?: any;
+        info_id?: any;
+        d_baidu_token?: any;
+        d_match_type?: MatchType;
+        d_parent_domain?: string;
+        d_seed_scope?: SeedScope;
+        d_seo_cfg?: SeoCfg;
+        t_code?: string;
+        t_default?: any;
+        t_path?: any;
+        t_cfg_template?: any;
         si_id?: number;
-        si_code: string;
-        si_status: any;
-        si_name: any;
-        si_url: any;
-        si_cinema: any;
-        si_email: any;
-        si_retrieve_email: any;
-        si_website_bulletin: any;
-        si_customer_service: any;
-        si_retrieve_page: any;
-        si_logo_url: any;
-        si_logo: any;
-        si_route_url: any;
-        si_statistical_code: any;
-        si_guide_statistical_code: any;
-        si_group_chat_address: any;
-        si_cdn_url: any;
-        si_template: any;
-        si_jenkins_url: any;
+        si_code?: string;
+        si_status?: any;
+        si_name?: any;
+        si_url?: any;
+        si_cinema?: any;
+        si_email?: any;
+        si_retrieve_email?: any;
+        si_website_bulletin?: any;
+        si_customer_service?: any;
+        si_retrieve_page?: any;
+        si_logo_url?: any;
+        si_logo?: any;
+        si_route_url?: any;
+        si_statistical_code?: any;
+        si_guide_statistical_code?: any;
+        si_group_chat_address?: any;
+        si_cdn_url?: any;
+        si_template?: any;
+        si_jenkins_url?: any;
+    }
+
+    export interface BatchStrategyApplyParams {
+        d_ids: number[];
+        strategy_profile: SeoStrategyProfile;
+    }
+
+    export interface DomainSeoCopyAiSubmitParams {
+        d_ids: number[];
+        wait_for_ai_before_publish?: number;
+    }
+
+    export interface DomainSeoCopyAiSubmitItem {
+        d_id?: number;
+        d_domain?: string;
+        status?: string;
+        release_gate?: string;
+        manifest_path?: string;
+    }
+
+    export interface DomainSeoCopyAiSubmitData {
+        queued_count?: number;
+        wait_for_ai_before_publish?: number;
+        items?: DomainSeoCopyAiSubmitItem[];
+        job?: DomainImportAsyncJobStatusData;
+    }
+
+    export type DomainSeoCopyAiOptimizeParams = DomainSeoCopyAiSubmitParams;
+    export type DomainSeoCopyAiOptimizeData = DomainSeoCopyAiSubmitData;
+
+    export interface DomainSeoCopyAiProviderStatusData {
+        provider?: string;
+        provider_label?: string;
+        configured?: number;
+        model?: string;
+        base_url?: string;
+        timeout_ms?: number;
+        api_key_configured?: number;
+        fallback_provider?: string;
+        protocol?: string;
+        openai_compatible?: number;
+        supported_providers?: Array<{
+            key?: string;
+            label?: string;
+            protocol?: string;
+        }>;
+        env_keys?: Record<string, string[]>;
+        missing_fields?: string[];
+        config_note?: string;
+        published_root?: string;
+        state_root?: string;
+        history_root?: string;
+        domain_counts?: {
+            total?: number;
+            local_ready?: number;
+            ai_pending?: number;
+            ai_ready?: number;
+        };
+        resource_pool_summary?: {
+            resource_root?: string;
+            site_positioning_count?: number;
+            keyword_feedback_host_count?: number;
+            hot_keyword_count?: number;
+            hot_keyword_updated_at?: string;
+            latest_days?: number;
+            reflected_host_count?: number;
+            indexed_like_host_count?: number;
+            keyword_ready_host_count?: number;
+            traffic_ready_host_count?: number;
+            node_feedback_ready?: number;
+            top_keywords?: Array<{
+                keyword?: string;
+                host?: string;
+                source?: string;
+                weight?: number;
+            }>;
+        };
+        ai_trigger_summary?: {
+            generated_at?: string;
+            recommend_count?: number;
+            top_items?: Array<{
+                host?: string;
+                score?: number;
+                recommend_ai?: boolean;
+                status?: string;
+                provider_preference?: string;
+                latest_provider?: string;
+                latest_recorded_at?: string;
+                feedback_keyword_count?: number;
+                priority_keyword_count?: number;
+                reasons?: string[];
+            }>;
+        };
+    }
+
+    export interface DomainSeoCopyGenerationHistoryItem {
+        host?: string;
+        recorded_at?: string;
+        action?: string;
+        job_id?: string;
+        provider_requested?: string;
+        provider_effective?: string;
+        configured?: number;
+        message?: string;
+        published_pages?: number;
+        written_pages?: Array<{
+            scene?: string;
+            page_key?: string;
+            path?: string;
+        }>;
+        page_diffs?: Array<{
+            scene?: string;
+            page_key?: string;
+            before?: Record<string, any>;
+            after?: Record<string, any>;
+            changed_fields?: string[];
+        }>;
+        state?: {
+            status?: string;
+            release_gate?: string;
+            message?: string;
+            updated_at?: string;
+        };
+    }
+
+    export interface DomainSeoCopyGenerationHistoryData {
+        host?: string;
+        items?: DomainSeoCopyGenerationHistoryItem[];
+        total?: number;
+        latest_item?: DomainSeoCopyGenerationHistoryItem | null;
+    }
+
+    export interface DomainSeoCopyGenerationHistoryDetailData {
+        host?: string;
+        item?: DomainSeoCopyGenerationHistoryItem | null;
+    }
+
+    export interface DomainSeoCopyPublishedPreviewData {
+        host?: string;
+        items?: Array<{
+            scene?: string;
+            page_key?: string;
+            data?: Record<string, any>;
+        }>;
+    }
+
+    export interface DomainSeoCopyHistoryRollbackData {
+        host?: string;
+        rollback_from_job_id?: string;
+        written_pages?: Array<{
+            scene?: string;
+            page_key?: string;
+            path?: string;
+        }>;
+        published_pages?: number;
+        message?: string;
+    }
+
+    export interface DomainImportTemplateData {
+        excel_template_path: string;
+        template_file_name?: string;
+        template_summary?: {
+            headers?: string[];
+            column_notes?: Record<string, string>;
+            example_rows?: string[][];
+            supported_strategy_profiles?: SeoStrategyProfile[];
+            supported_match_types?: MatchType[];
+            supported_seed_scopes?: SeedScope[];
+        };
+    }
+
+    export interface DomainSupplyTemplateData {
+        excel_template_path: string;
+        template_file_name?: string;
+        template_summary?: {
+            headers?: string[];
+            column_notes?: Record<string, string>;
+            example_rows?: Array<Record<string, string>>;
+            supported_strategy_profiles?: SeoStrategyProfile[];
+            supported_match_types?: MatchType[];
+            supported_seed_scopes?: SeedScope[];
+            artifacts?: Record<string, string>;
+        };
+    }
+
+    export interface DomainSupplyRunParams {
+        excel_file: File | Blob;
+        run_bootstrap?: boolean;
+        bootstrap_run?: "off" | "dry-run" | "run";
+        force?: boolean;
+    }
+
+    export interface DomainSupplyRunItem {
+        host?: string;
+        strategy_profile?: SeoStrategyProfile;
+        status?: string;
+        message?: string;
+        site_domain?: string;
+        bundle_host?: string;
+        missing_fields?: string[];
+    }
+
+    export interface DomainSupplyRunData {
+        run_root?: string;
+        uploaded_template_path?: string;
+        processed_count?: number;
+        success_count?: number;
+        failed_count?: number;
+        site_import_rows_count?: number;
+        bootstrap_rows_count?: number;
+        run_bootstrap?: boolean;
+        bootstrap_run?: "off" | "dry-run" | "run";
+        site_import_path?: string;
+        bootstrap_batch_path?: string;
+        summary_json_path?: string;
+        summary_html_path?: string;
+        items?: DomainSupplyRunItem[];
+        bootstrap_batch?: {
+            status?: string;
+            command?: string;
+            exit_code?: number;
+            output?: string[];
+            summary?: Record<string, any>;
+        };
+    }
+
+    export interface DomainSupplyRunSummaryItem extends DomainSupplyRunData {
+        run_id?: string;
+        run_root_public?: string;
+        uploaded_template_path?: string;
+        status?: "success" | "partial";
+        hosts?: string[];
+        items_preview?: DomainSupplyRunItem[];
+        updated_at?: string;
+    }
+
+    export interface DomainSupplyHostSummary {
+        host?: string;
+        runs?: number;
+        processed_count?: number;
+        success_count?: number;
+        failed_count?: number;
+        latest_run_id?: string;
+        latest_status?: string;
+        latest_message?: string;
+        latest_strategy_profile?: SeoStrategyProfile;
+        strategy_profiles?: SeoStrategyProfile[];
+        latest_run_root_public?: string;
+        latest_summary_json_path?: string;
+        latest_summary_html_path?: string;
+        ops_panel?: "queue" | "attention";
+        host_console_panel?: "bundle" | "runs" | "supply" | "completed" | "oncall";
+        inspector_kind?: "bundle" | "attention_bundle" | "supply" | "failed_run" | "completed" | "oncall";
+        resolved_ops_panel?: "queue" | "attention" | "oncall" | "completed";
+        resolved_host_console_panel?: "bundle" | "runs" | "supply" | "completed" | "oncall";
+        resolved_inspector_kind?: "bundle" | "attention_bundle" | "supply" | "failed_run" | "completed" | "oncall";
+        orchestration_bucket?: "attention" | "oncall" | "bundle" | "supply" | "completed";
+        updated_at?: string;
+    }
+
+    export interface DomainSupplyOrchestrationBucket {
+        key?: "attention" | "oncall" | "bundle" | "supply" | "completed";
+        label?: string;
+        count?: number;
+        lead_host?: string;
+        resolved_ops_panel?: "queue" | "attention" | "oncall" | "completed";
+        resolved_host_console_panel?: "bundle" | "runs" | "supply" | "completed" | "oncall";
+        hosts?: string[];
+        tag_type?: "danger" | "warning" | "info" | "success";
+    }
+
+    export interface DomainSupplyOrchestrationPlan {
+        label?: string;
+        title?: string;
+        summary?: string;
+        tag_type?: "danger" | "warning" | "info" | "success";
+        primary_action?: string;
+        primary_action_label?: string;
+        secondary_action?: string;
+        secondary_action_label?: string;
+        tertiary_action?: string;
+        tertiary_action_label?: string;
+        bucket_key?: string;
+        lead_host?: string;
+        meta?: string[];
+    }
+
+    export interface DomainSupplyOrchestrationStep {
+        key?: string;
+        label?: string;
+        title?: string;
+        summary?: string;
+        tag_type?: "danger" | "warning" | "info" | "success";
+        action?: string;
+        action_label?: string;
+        bucket_key?: string;
+        lead_host?: string;
+        resolved_ops_panel?: "queue" | "attention" | "oncall" | "completed" | "";
+        resolved_host_console_panel?: "bundle" | "runs" | "supply" | "completed" | "oncall" | "";
+        resolved_inspector_kind?: "bundle" | "attention_bundle" | "supply" | "failed_run" | "completed" | "oncall" | "";
+        meta?: string[];
+    }
+
+    export interface DomainSupplyOrchestrationPhase {
+        key?: string;
+        label?: string;
+        summary?: string;
+        tag_type?: "danger" | "warning" | "info" | "success";
+    }
+
+    export interface DomainSupplyNextAction {
+        key?: string;
+        label?: string;
+        action?: string;
+        action_label?: string;
+        bucket_key?: string;
+        lead_host?: string;
+        tag_type?: "danger" | "warning" | "info" | "success";
+        resolved_ops_panel?: "queue" | "attention" | "oncall" | "completed" | "";
+        resolved_host_console_panel?: "bundle" | "runs" | "supply" | "completed" | "oncall" | "";
+        resolved_inspector_kind?: "bundle" | "attention_bundle" | "supply" | "failed_run" | "completed" | "oncall" | "";
+        summary?: string;
+    }
+
+    export interface DomainSupplyDispatchStep {
+        index?: number;
+        lane?: string;
+        lane_label?: string;
+        key?: string;
+        label?: string;
+        title?: string;
+        summary?: string;
+        action?: string;
+        action_label?: string;
+        lead_host?: string;
+        bucket_key?: string;
+        tag_type?: "danger" | "warning" | "info" | "success";
+        resolved_ops_panel?: "queue" | "attention" | "oncall" | "completed" | "";
+        resolved_host_console_panel?: "bundle" | "runs" | "supply" | "completed" | "oncall" | "";
+        resolved_inspector_kind?: "bundle" | "attention_bundle" | "supply" | "failed_run" | "completed" | "oncall" | "";
+        meta?: string[];
+    }
+
+    export interface DomainSupplyDispatchOrderStage {
+        index?: number;
+        lane?: string;
+        lane_label?: string;
+        title?: string;
+        summary?: string;
+        count?: number;
+        lead_host?: string;
+        primary_action?: string;
+        primary_action_label?: string;
+        tag_type?: "danger" | "warning" | "info" | "success";
+        resolved_ops_panel?: "queue" | "attention" | "oncall" | "completed" | "";
+        resolved_host_console_panel?: "bundle" | "runs" | "supply" | "completed" | "oncall" | "";
+        resolved_inspector_kind?: "bundle" | "attention_bundle" | "supply" | "failed_run" | "completed" | "oncall" | "";
+        keys?: string[];
+    }
+
+    export interface DomainSupplyDispatchPlan {
+        label?: string;
+        title?: string;
+        summary?: string;
+        tag_type?: "danger" | "warning" | "info" | "success";
+        current_lane?: string;
+        current_lane_label?: string;
+        next_lane?: string;
+        next_lane_label?: string;
+        total_stages?: number;
+        remaining_stages?: number;
+        current_action?: string;
+        current_action_label?: string;
+        next_action?: string;
+        next_action_label?: string;
+        lead_host?: string;
+        final_lane?: string;
+        final_lane_label?: string;
+    }
+
+    export interface DomainSupplyHandoffPlan {
+        label?: string;
+        title?: string;
+        summary?: string;
+        tag_type?: "danger" | "warning" | "info" | "success";
+        current_focus_type?: string;
+        current_focus_label?: string;
+        current_action?: string;
+        current_action_label?: string;
+        current_target_type?: string;
+        current_target_label?: string;
+        current_target_summary?: string;
+        lead_host?: string;
+        resolved_ops_panel?: "queue" | "attention" | "oncall" | "completed" | "";
+        resolved_host_console_panel?: "bundle" | "runs" | "supply" | "completed" | "oncall" | "";
+        resolved_inspector_kind?: "bundle" | "attention_bundle" | "supply" | "failed_run" | "completed" | "oncall" | "";
+        followup_focus_type?: string;
+        followup_focus_label?: string;
+        followup_action?: string;
+        followup_action_label?: string;
+        followup_target_type?: string;
+        followup_target_label?: string;
+        followup_target_summary?: string;
+        final_lane_label?: string;
+    }
+
+    export interface DomainSupplyMainlineStage {
+        index?: number;
+        stage?: string;
+        stage_label?: string;
+        summary?: string;
+        count?: number;
+        lead_host?: string;
+        primary_action?: string;
+        primary_action_label?: string;
+        tag_type?: "danger" | "warning" | "info" | "success";
+        resolved_ops_panel?: "queue" | "attention" | "oncall" | "completed" | "";
+        resolved_host_console_panel?: "bundle" | "runs" | "supply" | "completed" | "oncall" | "";
+        resolved_inspector_kind?: "bundle" | "attention_bundle" | "supply" | "failed_run" | "completed" | "oncall" | "";
+    }
+
+    export interface DomainSupplyMainlinePlan {
+        label?: string;
+        title?: string;
+        summary?: string;
+        tag_type?: "danger" | "warning" | "info" | "success";
+        current_stage?: string;
+        current_stage_label?: string;
+        next_stage?: string;
+        next_stage_label?: string;
+        final_stage?: string;
+        final_stage_label?: string;
+        current_action?: string;
+        current_action_label?: string;
+        next_action?: string;
+        next_action_label?: string;
+        lead_host?: string;
+        total_stages?: number;
+        remaining_stages?: number;
+        route_count?: number;
+        projected_route_count?: number;
+    }
+
+    export interface DomainSupplyMainlineSequencePlan {
+        title?: string;
+        summary?: string;
+        tag_type?: "danger" | "warning" | "info" | "success";
+        ordered_labels?: string[];
+        current_stage_label?: string;
+        next_stage_label?: string;
+        final_stage_label?: string;
+        current_action?: string;
+        current_action_label?: string;
+        next_action?: string;
+        next_action_label?: string;
+        lead_host?: string;
+        remaining_stages?: number;
+        projected_route_count?: number;
+    }
+
+    export interface DomainSupplyMainlineNextBusinessAction {
+        label?: string;
+        summary?: string;
+        tag_type?: "danger" | "warning" | "info" | "success";
+        current_stage?: string;
+        current_stage_label?: string;
+        next_stage?: string;
+        next_stage_label?: string;
+        final_stage?: string;
+        final_stage_label?: string;
+        action?: string;
+        action_label?: string;
+        lead_host?: string;
+    }
+
+    export interface DomainSupplyBusinessSequenceStep {
+        index?: number;
+        stage?: string;
+        stage_label?: string;
+        summary?: string;
+        lead_host?: string;
+        primary_action?: string;
+        primary_action_label?: string;
+        tag_type?: "danger" | "warning" | "info" | "success";
+        status?: "current" | "upcoming";
+        status_label?: string;
+    }
+
+    export interface DomainSupplyBusinessTakeoverQueueItem {
+        order?: number;
+        host?: string;
+        bucket_key?: "attention" | "oncall" | "bundle" | "supply" | "completed";
+        bucket_label?: string;
+        current_stage?: string;
+        current_stage_label?: string;
+        next_stage?: string;
+        next_stage_label?: string;
+        resolved_ops_panel?: "queue" | "attention" | "oncall" | "completed" | "";
+        resolved_host_console_panel?: "bundle" | "runs" | "supply" | "completed" | "oncall" | "";
+        resolved_inspector_kind?: "bundle" | "attention_bundle" | "supply" | "failed_run" | "completed" | "oncall" | "";
+        failed_count?: number;
+        success_count?: number;
+        latest_status?: string;
+        latest_message?: string;
+        strategy_profiles?: SeoStrategyProfile[];
+        recommended_action_label?: string;
+        tag_type?: "danger" | "warning" | "info" | "success";
+    }
+
+    export interface DomainSupplyBusinessEntryRule {
+        mode?: "bootstrap" | "review_gate" | "host_takeover";
+        label?: string;
+        summary?: string;
+        tag_type?: "danger" | "warning" | "info" | "success";
+        primary_action?: string;
+        primary_action_label?: string;
+        lead_host?: string;
+        queue_ready?: boolean;
+        queue_blocked?: boolean;
+        queue_count?: number;
+        blocking_reason?: string;
+        next_stage_label?: string;
+    }
+
+    export interface DomainSupplyBusinessEntryGate {
+        index?: number;
+        key?: string;
+        label?: string;
+        status?: "passed" | "current" | "upcoming";
+        status_label?: string;
+        blocking?: boolean;
+        tag_type?: "danger" | "warning" | "info" | "success";
+        summary?: string;
+        action?: string;
+        action_label?: string;
+        lead_host?: string;
+        queue_count?: number;
+    }
+
+    export interface DomainSupplyBusinessEntryStrategy {
+        mode?: "bootstrap" | "review_gate" | "host_takeover";
+        label?: string;
+        summary?: string;
+        tag_type?: "danger" | "warning" | "info" | "success";
+        primary_action?: string;
+        primary_action_label?: string;
+        lead_host?: string;
+        current_gate_label?: string;
+        passed_gates?: number;
+        total_gates?: number;
+        blockers_count?: number;
+        next_stage_label?: string;
+    }
+
+    export interface DomainSupplyBusinessActionStep {
+        index?: number;
+        key?: string;
+        label?: string;
+        status?: "current" | "upcoming";
+        status_label?: string;
+        summary?: string;
+        action?: string;
+        action_label?: string;
+        lead_host?: string;
+        tag_type?: "danger" | "warning" | "info" | "success";
+    }
+
+    export interface DomainSupplyBusinessExecutionPolicy {
+        mode?: "bootstrap_first" | "review_then_takeover" | "direct_takeover";
+        label?: string;
+        summary?: string;
+        tag_type?: "danger" | "warning" | "info" | "success";
+        review_required?: boolean;
+        takeover_ready?: boolean;
+        ops_ready?: boolean;
+        primary_action?: string;
+        primary_action_label?: string;
+        lead_host?: string;
+        current_action_label?: string;
+        next_action_label?: string;
+    }
+
+    export interface DomainSupplyBusinessReviewPolicy {
+        mode?: "bootstrap_pending" | "review_required" | "skip_review";
+        label?: string;
+        summary?: string;
+        tag_type?: "danger" | "warning" | "info" | "success";
+        can_skip_review?: boolean;
+        review_required?: boolean;
+        blockers_count?: number;
+        blocking_gate_labels?: string[];
+        primary_action?: string;
+        primary_action_label?: string;
+        next_after_review?: string;
+        lead_host?: string;
+    }
+
+    export interface DomainSupplyBusinessControlTower {
+        key?: string;
+        label?: string;
+        summary?: string;
+        tag_type?: "danger" | "warning" | "info" | "success";
+        phase_label?: string;
+        mainline_label?: string;
+        current_focus_label?: string;
+        strategy_label?: string;
+        execution_label?: string;
+        review_label?: string;
+        review_required?: boolean;
+        can_skip_review?: boolean;
+        blockers_count?: number;
+        blocking_gate_labels?: string[];
+        current_gate_label?: string;
+        queue_count?: number;
+        current_action_label?: string;
+        next_action_label?: string;
+        lead_host?: string;
+        primary_action?: string;
+        primary_action_label?: string;
+        secondary_action?: string;
+        secondary_action_label?: string;
+        tertiary_action?: string;
+        tertiary_action_label?: string;
+        actions_count?: number;
+    }
+
+    export interface DomainSupplyMainlineControlTower {
+        source?: "orchestration_task" | "supply_task" | "supply_run" | "business_takeover";
+        source_label?: string;
+        source_summary?: string;
+        label?: string;
+        summary?: string;
+        tag_type?: "danger" | "warning" | "info" | "success";
+        phase_label?: string;
+        mainline_label?: string;
+        dispatch_label?: string;
+        latest_run_id?: string;
+        lead_host?: string;
+        failed_host?: string;
+        review_required?: boolean;
+        can_skip_review?: boolean;
+        blockers_count?: number;
+        queue_count?: number;
+        current_action_label?: string;
+        next_action_label?: string;
+        primary_action?: string;
+        primary_action_label?: string;
+        secondary_action?: string;
+        secondary_action_label?: string;
+    }
+
+    export interface DomainSupplyMainlineWorkbench {
+        focus_kind?: "orchestration_task" | "supply_task" | "supply_run" | "business_takeover";
+        focus_label?: string;
+        focus_summary?: string;
+        label?: string;
+        title?: string;
+        summary?: string;
+        tag_type?: "danger" | "warning" | "info" | "success";
+        source_label?: string;
+        phase_label?: string;
+        mainline_label?: string;
+        dispatch_label?: string;
+        review_label?: string;
+        execution_label?: string;
+        current_action_label?: string;
+        next_action_label?: string;
+        latest_run_id?: string;
+        lead_host?: string;
+        failed_host?: string;
+        queue_count?: number;
+        blockers_count?: number;
+        hosts_count?: number;
+        failed_hosts_count?: number;
+        review_required?: boolean;
+        can_skip_review?: boolean;
+        primary_action?: string;
+        primary_action_label?: string;
+        secondary_action?: string;
+        secondary_action_label?: string;
+        tertiary_action?: string;
+        tertiary_action_label?: string;
+    }
+
+    export interface DomainSupplyMainlineEntry {
+        entry_kind?: "orchestration_task" | "supply_task" | "supply_run" | "business_takeover";
+        label?: string;
+        title?: string;
+        summary?: string;
+        tag_type?: "danger" | "warning" | "info" | "success";
+        focus_label?: string;
+        focus_summary?: string;
+        source_label?: string;
+        phase_label?: string;
+        mainline_label?: string;
+        dispatch_label?: string;
+        current_action_label?: string;
+        next_action_label?: string;
+        latest_run_id?: string;
+        lead_host?: string;
+        failed_host?: string;
+        queue_count?: number;
+        blockers_count?: number;
+        review_required?: boolean;
+        can_skip_review?: boolean;
+        orchestration_task_status?: string;
+        supply_task_status?: string;
+        run_status?: string;
+        primary_action?: string;
+        primary_action_label?: string;
+        secondary_action?: string;
+        secondary_action_label?: string;
+    }
+
+    export interface DomainSupplyMainlineProgram {
+        program_kind?: "orchestration_task" | "supply_task" | "supply_run" | "business_takeover";
+        label?: string;
+        title?: string;
+        summary?: string;
+        tag_type?: "danger" | "warning" | "info" | "success";
+        ready_kind?: "review_first" | "review_gate" | "takeover_ready" | "ops_ready";
+        ready_label?: string;
+        focus_label?: string;
+        focus_summary?: string;
+        source_label?: string;
+        phase_label?: string;
+        mainline_label?: string;
+        dispatch_label?: string;
+        review_label?: string;
+        execution_label?: string;
+        current_action_label?: string;
+        next_action_label?: string;
+        latest_run_id?: string;
+        lead_host?: string;
+        failed_host?: string;
+        queue_count?: number;
+        blockers_count?: number;
+        hosts_count?: number;
+        failed_hosts_count?: number;
+        review_required?: boolean;
+        can_skip_review?: boolean;
+        orchestration_task_status?: string;
+        supply_task_status?: string;
+        run_status?: string;
+        primary_action?: string;
+        primary_action_label?: string;
+        secondary_action?: string;
+        secondary_action_label?: string;
+        tertiary_action?: string;
+        tertiary_action_label?: string;
+    }
+
+    export interface DomainSupplyRunSummaryData {
+        exists?: boolean;
+        runs_count?: number;
+        latest_run?: DomainSupplyRunSummaryItem;
+        items?: DomainSupplyRunSummaryItem[];
+        host_totals?: DomainSupplyHostSummary[];
+        latest_failed_host?: DomainSupplyHostSummary;
+        mainline_program?: DomainSupplyMainlineProgram;
+        mainline_entry?: DomainSupplyMainlineEntry;
+        mainline_workbench?: DomainSupplyMainlineWorkbench;
+        mainline_control_tower?: DomainSupplyMainlineControlTower;
+        orchestration_summary?: {
+            hosts_count?: number;
+            buckets?: DomainSupplyOrchestrationBucket[];
+            plan?: DomainSupplyOrchestrationPlan;
+            sequence?: DomainSupplyOrchestrationStep[];
+            phase?: DomainSupplyOrchestrationPhase;
+            next_action?: DomainSupplyNextAction;
+            action_order?: DomainSupplyOrchestrationStep[];
+            handoff_plan?: DomainSupplyHandoffPlan;
+            mainline_plan?: DomainSupplyMainlinePlan;
+            mainline_chain?: DomainSupplyMainlineStage[];
+            mainline_route?: DomainSupplyMainlineStage[];
+            projected_mainline_route?: DomainSupplyMainlineStage[];
+            next_mainline_stage?: DomainSupplyMainlineStage;
+            projected_next_mainline_stage?: DomainSupplyMainlineStage;
+            next_business_action?: DomainSupplyMainlineNextBusinessAction;
+            mainline_sequence_plan?: DomainSupplyMainlineSequencePlan;
+            business_sequence?: DomainSupplyBusinessSequenceStep[];
+            business_takeover_queue?: DomainSupplyBusinessTakeoverQueueItem[];
+            business_entry_rule?: DomainSupplyBusinessEntryRule;
+            business_entry_gate_stack?: DomainSupplyBusinessEntryGate[];
+            business_entry_current_gate?: DomainSupplyBusinessEntryGate;
+            business_entry_blockers?: DomainSupplyBusinessEntryGate[];
+            business_entry_strategy?: DomainSupplyBusinessEntryStrategy;
+            business_action_queue?: DomainSupplyBusinessActionStep[];
+            business_action_current?: DomainSupplyBusinessActionStep;
+            business_action_next?: DomainSupplyBusinessActionStep;
+            business_execution_policy?: DomainSupplyBusinessExecutionPolicy;
+            business_review_policy?: DomainSupplyBusinessReviewPolicy;
+            business_control_tower?: DomainSupplyBusinessControlTower;
+            dispatch_plan?: DomainSupplyDispatchPlan;
+            dispatch_stage?: DomainSupplyDispatchStep;
+            next_dispatch_stage?: DomainSupplyDispatchOrderStage;
+            dispatch_chain?: DomainSupplyDispatchStep[];
+            dispatch_order?: DomainSupplyDispatchOrderStage[];
+        };
+    }
+
+    export interface DomainUploadSummary {
+        rows_total?: number;
+        inserted_count?: number;
+        skipped_existing_count?: number;
+        skipped_empty_domain_count?: number;
+        skipped_template_missing_count?: number;
+        skipped_duplicate_in_file_count?: number;
+        strategy_profile_counts?: Record<string, number>;
+        inserted_domains?: Array<{ d_id?: number; d_domain?: string; strategy_profile?: SeoStrategyProfile }>;
+        skipped_domains?: Array<{ d_domain?: string; reason?: string; t_id?: number }>;
+        run_root?: string;
+        uploaded_excel_path?: string;
+        probe_status?: "passed" | "partial" | "failed" | "skipped";
+        probe_processed_count?: number;
+        probe_passed_count?: number;
+        probe_failed_count?: number;
+        summary_json_path?: string;
+        summary_html_path?: string;
+    }
+
+    export interface DomainImportRunSummaryItem {
+        run_id?: string;
+        run_root_public?: string;
+        status?: "imported" | "passed" | "partial" | "failed";
+        probe_status?: "passed" | "partial" | "failed";
+        processed_count?: number;
+        passed_count?: number;
+        failed_count?: number;
+        hosts?: string[];
+        failed_hosts?: string[];
+        summary_json_path?: string;
+        summary_html_path?: string;
+        uploaded_excel_path?: string;
+        updated_at?: string;
+    }
+
+    export interface DomainImportRunSummaryData {
+        items?: DomainImportRunSummaryItem[];
+        total?: number;
+        latest_run?: DomainImportRunSummaryItem;
+    }
+
+    export interface DomainImportFailedQueueItem {
+        host?: string;
+        run_id?: string;
+        status?: string;
+        message?: string;
+        failed_stage?: string;
+        failed_stages?: string[];
+        failed_checks?: Array<{
+            stage?: string;
+            status?: number;
+            detail?: string;
+            url?: string;
+        }>;
+        detail_id?: number;
+        detail_slug?: string;
+        search_keyword?: string;
+        summary_json_path?: string;
+        summary_html_path?: string;
+        run_root_public?: string;
+        sample_command?: string;
+        rerun_command?: string;
+        remediation_command?: string;
+        remediation_plan?: {
+            status?: string;
+            kind?: string;
+            title?: string;
+            summary?: string;
+            recommended_command?: string;
+            sample_command?: string;
+            probe_command?: string;
+            pipeline_command?: string;
+            post_action?: string;
+            priority?: "high" | "medium" | "low";
+        };
+        updated_at?: string;
+        queue_state?: "active" | "resolved";
+        resolved_by_rerun?: boolean;
+        resolved_by_remediation?: boolean;
+        latest_rerun_status?: string;
+        latest_rerun_updated_at?: string;
+        latest_remediation_status?: string;
+        latest_remediation_updated_at?: string;
+    }
+
+    export interface DomainImportFailedQueueData {
+        queue_count?: number;
+        active_count?: number;
+        resolved_count?: number;
+        resolved_by_rerun_count?: number;
+        resolved_by_remediation_count?: number;
+        items?: DomainImportFailedQueueItem[];
+        resolved_items?: DomainImportFailedQueueItem[];
+        resolved_hosts_preview?: string[];
+        latest_item?: DomainImportFailedQueueItem;
+        rerun_all_command?: string;
+        generated_at?: string;
+    }
+
+    export interface DomainImportRerunSummaryItem {
+        run_id?: string;
+        run_root_public?: string;
+        processed_count?: number;
+        passed_count?: number;
+        failed_count?: number;
+        hosts?: string[];
+        summary_json_path?: string;
+        summary_html_path?: string;
+        updated_at?: string;
+    }
+
+    export interface DomainImportRerunSummaryData {
+        items?: DomainImportRerunSummaryItem[];
+        total?: number;
+        latest_run?: DomainImportRerunSummaryItem;
+    }
+
+    export interface DomainImportRemediationSummaryItem {
+        run_id?: string;
+        run_root_public?: string;
+        processed_count?: number;
+        passed_count?: number;
+        failed_count?: number;
+        recovered_count?: number;
+        hosts?: string[];
+        summary_json_path?: string;
+        summary_html_path?: string;
+        updated_at?: string;
+    }
+
+    export interface DomainImportRemediationSummaryData {
+        items?: DomainImportRemediationSummaryItem[];
+        total?: number;
+        latest_run?: DomainImportRemediationSummaryItem;
+    }
+
+    export interface DomainImportSelfHealingSummaryItem {
+        run_id?: string;
+        run_root_public?: string;
+        status?: string;
+        queue_count?: number;
+        selected_count?: number;
+        skipped_count?: number;
+        downgraded_count?: number;
+        rerun_runs_count?: number;
+        remediation_runs_count?: number;
+        resolved_by_remediation_count?: number;
+        summary_json_path?: string;
+        summary_html_path?: string;
+        updated_at?: string;
+    }
+
+    export interface DomainImportSelfHealingSummaryData {
+        items?: DomainImportSelfHealingSummaryItem[];
+        total?: number;
+        latest_run?: DomainImportSelfHealingSummaryItem;
+    }
+
+    export interface DomainImportManualAttentionQueueItem {
+        host?: string;
+        failed_stage?: string;
+        updated_at?: string;
+        attention_level?: "high" | "medium" | "low" | "none";
+        attention_reason?: string;
+        attention_source?: string;
+        handled_status?: string;
+        handled_updated_at?: string;
+        handled_reprobe_status?: string;
+        latest_rerun_status?: string;
+        latest_rerun_updated_at?: string;
+        latest_remediation_status?: string;
+        latest_remediation_updated_at?: string;
+        summary_json_path?: string;
+        summary_html_path?: string;
+        run_root_public?: string;
+        remediation_command?: string;
+        rerun_command?: string;
+    }
+
+    export interface DomainImportManualAttentionQueueData {
+        generated_at?: string;
+        queue_count?: number;
+        attention_buckets?: {
+            high?: number;
+            medium?: number;
+            low?: number;
+        };
+        items?: DomainImportManualAttentionQueueItem[];
+        latest_item?: DomainImportManualAttentionQueueItem;
+        self_healing_latest_run?: DomainImportSelfHealingSummaryItem;
+    }
+
+    export interface DomainImportManualAttentionHandleSummaryItem {
+        run_id?: string;
+        run_root_public?: string;
+        host?: string;
+        action?: string;
+        status?: string;
+        reprobe_status?: string;
+        summary_json_path?: string;
+        summary_html_path?: string;
+        updated_at?: string;
+    }
+
+    export interface DomainImportManualAttentionHandleSummaryData {
+        items?: DomainImportManualAttentionHandleSummaryItem[];
+        total?: number;
+        latest_run?: DomainImportManualAttentionHandleSummaryItem;
+    }
+
+    export interface DomainImportManualAttentionHandleRunParams {
+        host?: string;
+        action?: "resolved" | "defer" | "ignored";
+    }
+
+    export interface DomainImportManualAttentionHandleRunData {
+        status?: "success" | "failed";
+        summary?: {
+            processed_count?: number;
+            resolved_count?: number;
+            deferred_count?: number;
+            ignored_count?: number;
+            failed_count?: number;
+            summary_json_path?: string;
+            summary_html_path?: string;
+            items?: Array<{
+                host?: string;
+                action?: string;
+                status?: string;
+                reprobe_status?: string;
+                message?: string;
+            }>;
+        };
+    }
+
+    export interface DomainImportHealthWorkbenchData {
+        generated_at?: string;
+        health_label?: "steady" | "attention" | "worsening" | "waiting_self_healing";
+        workbench_stage?: "idle" | "steady" | "needs_rerun" | "needs_self_healing" | "observe_recovery" | "needs_attention";
+        hero_summary?: string;
+        import_runs_count?: number;
+        queue_count?: number;
+        active_count?: number;
+        resolved_count?: number;
+        resolved_by_rerun_count?: number;
+        resolved_by_remediation_count?: number;
+        rerun_runs_count?: number;
+        remediation_runs_count?: number;
+        self_healing_runs_count?: number;
+        manual_attention_count?: number;
+        manual_handle_runs_count?: number;
+        latest_import_run?: DomainImportRunSummaryItem;
+        latest_failed_item?: DomainImportFailedQueueItem;
+        latest_rerun_run?: DomainImportRerunSummaryItem;
+        latest_remediation_run?: DomainImportRemediationSummaryItem;
+        latest_self_healing_run?: DomainImportSelfHealingSummaryItem;
+        latest_manual_attention_item?: DomainImportManualAttentionQueueItem;
+        latest_manual_handle_run?: DomainImportManualAttentionHandleSummaryItem;
+        failure_trend?: {
+            latest_failed_count?: number;
+            previous_failed_count?: number;
+            direction?: number;
+            label?: "flat" | "improving" | "worsening";
+        };
+        resolved_hosts_preview?: string[];
+        recent_import_runs?: DomainImportRunSummaryItem[];
+        recent_rerun_runs?: DomainImportRerunSummaryItem[];
+        recent_remediation_runs?: DomainImportRemediationSummaryItem[];
+        recent_self_healing_runs?: DomainImportSelfHealingSummaryItem[];
+        recent_manual_attention_items?: DomainImportManualAttentionQueueItem[];
+        recent_manual_handle_runs?: DomainImportManualAttentionHandleSummaryItem[];
+        manual_attention_buckets?: {
+            high?: number;
+            medium?: number;
+            low?: number;
+        };
+        top_failed_stages?: Array<{
+            stage?: string;
+            count?: number;
+        }>;
+        recovery_mix?: {
+            resolved_total?: number;
+            resolved_by_rerun_count?: number;
+            resolved_by_remediation_count?: number;
+            self_healing_runs_count?: number;
+            primary_path?: "none" | "rerun" | "remediation" | "balanced";
+        };
+        priority_actions?: Array<{
+            key?: string;
+            label?: string;
+            summary?: string;
+            action_key?: "open_import_runs" | "open_failed_queue" | "open_rerun_runs" | "open_remediation_runs" | "open_self_healing_runs" | "open_manual_attention" | "open_manual_handle_runs" | "run_self_healing";
+            action_label?: string;
+            tag_type?: "primary" | "success" | "warning" | "danger" | "info";
+        }>;
+    }
+
+    export interface DomainImportHealthWorkbenchSummaryItem {
+        run_id?: string;
+        run_root_public?: string;
+        health_label?: string;
+        workbench_stage?: string;
+        hero_summary?: string;
+        active_count?: number;
+        queue_count?: number;
+        resolved_count?: number;
+        alert_level?: "high" | "medium" | "low" | "none";
+        alert_reason?: string;
+        summary_json_path?: string;
+        summary_html_path?: string;
+        updated_at?: string;
+    }
+
+    export interface DomainImportHealthWorkbenchSummaryData {
+        items?: DomainImportHealthWorkbenchSummaryItem[];
+        total?: number;
+        latest_run?: DomainImportHealthWorkbenchSummaryItem;
+        alert_buckets?: {
+            high?: number;
+            medium?: number;
+            low?: number;
+            none?: number;
+        };
+        top_attention_runs?: DomainImportHealthWorkbenchSummaryItem[];
+    }
+
+    export interface DomainImportHealthWorkbenchTrendData {
+        generated_at?: string;
+        runs_count?: number;
+        latest_run?: DomainImportHealthWorkbenchSummaryItem;
+        previous_run?: DomainImportHealthWorkbenchSummaryItem;
+        latest_active_count?: number;
+        previous_active_count?: number;
+        latest_health_label?: string;
+        previous_health_label?: string;
+        latest_stage?: string;
+        previous_stage?: string;
+        direction?: number;
+        label?: "flat" | "improving" | "worsening";
+        alert_level?: "high" | "medium" | "low" | "none";
+        alert_reason?: string;
+        stage_buckets?: Array<{
+            stage?: string;
+            count?: number;
+        }>;
+    }
+
+    export interface DomainImportHealthWorkbenchRunData {
+        status?: "success" | "failed" | "queued";
+        command?: string;
+        exit_code?: number;
+        output?: string[];
+        job?: DomainImportAsyncJobStatusData;
+        summary?: {
+            status?: string;
+            summary?: {
+                run_root?: string;
+                summary_json_path?: string;
+                summary_html_path?: string;
+                health_label?: string;
+                workbench_stage?: string;
+                active_count?: number;
+                resolved_count?: number;
+            };
+            trend?: DomainImportHealthWorkbenchTrendData;
+        };
+    }
+
+    export interface DomainImportFailedQueueRunParams {
+        host?: string;
+        limit?: number;
+    }
+
+    export interface DomainImportFailedQueueRunData {
+        status?: "success" | "failed" | "queued";
+        command?: string;
+        exit_code?: number;
+        output?: string[];
+        job?: DomainImportAsyncJobStatusData;
+        summary?: {
+            processed_count?: number;
+            passed_count?: number;
+            failed_count?: number;
+            summary_json_path?: string;
+            summary_html_path?: string;
+        };
+    }
+
+    export interface DomainImportFailureRemediationRunParams {
+        host?: string;
+        limit?: number;
+    }
+
+    export interface DomainImportFailureRemediationRunData {
+        status?: "success" | "failed" | "queued";
+        command?: string;
+        exit_code?: number;
+        output?: string[];
+        job?: DomainImportAsyncJobStatusData;
+        summary?: {
+            processed_count?: number;
+            passed_count?: number;
+            failed_count?: number;
+            recovered_count?: number;
+            summary_json_path?: string;
+            summary_html_path?: string;
+        };
+    }
+
+    export interface DomainImportSelfHealingRunData {
+        status?: "success" | "failed" | "queued";
+        command?: string;
+        exit_code?: number;
+        output?: string[];
+        job?: DomainImportAsyncJobStatusData;
+        summary?: {
+            status?: string;
+            rerun?: {
+                exit_code?: number;
+                host_runs?: Array<{
+                    host?: string;
+                    command?: string;
+                    exit_code?: number;
+                    summary?: {
+                        processed_count?: number;
+                        passed_count?: number;
+                        failed_count?: number;
+                    };
+                }>;
+                summary?: {
+                    run_summary?: {
+                        processed_count?: number;
+                        passed_count?: number;
+                        failed_count?: number;
+                    };
+                };
+            };
+            remediation?: {
+                exit_code?: number;
+                host_runs?: Array<{
+                    host?: string;
+                    command?: string;
+                    exit_code?: number;
+                    summary?: {
+                        processed_count?: number;
+                        passed_count?: number;
+                        failed_count?: number;
+                        recovered_count?: number;
+                    };
+                }>;
+                summary?: {
+                    run_summary?: {
+                        processed_count?: number;
+                        passed_count?: number;
+                        failed_count?: number;
+                        recovered_count?: number;
+                    };
+                };
+            };
+            policy?: {
+                queue_count?: number;
+                limit?: number;
+                cooldown_seconds?: number;
+                failure_threshold?: number;
+                eligible_count?: number;
+                selected_count?: number;
+                skipped_count?: number;
+                downgraded_count?: number;
+                selected_hosts?: string[];
+                eligible_items?: Array<{
+                    host?: string;
+                    failed_stage?: string;
+                    updated_at?: string;
+                    recent_failure_count?: number;
+                    last_attempt_kind?: string;
+                    last_attempt_status?: string;
+                    last_attempt_updated_at?: string;
+                    cooldown_remaining_seconds?: number;
+                    policy_state?: string;
+                    policy_reason?: string;
+                }>;
+                skipped_items?: Array<{
+                    host?: string;
+                    policy_reason?: string;
+                    cooldown_remaining_seconds?: number;
+                }>;
+                downgraded_items?: Array<{
+                    host?: string;
+                    policy_reason?: string;
+                    recent_failure_count?: number;
+                }>;
+            };
+            trend_summary?: DomainImportHealthTrendData;
+        };
+    }
+
+    export interface DomainImportAsyncJobStatusData {
+        job_id?: string;
+        type?: string;
+        label?: string;
+        status?: "queued" | "running" | "success" | "failed";
+        progress_percent?: number;
+        progress_current?: number;
+        progress_total?: number;
+        current_step?: string;
+        message?: string;
+        payload?: Record<string, any>;
+        meta?: Record<string, any>;
+        summary?: Record<string, any>;
+        created_at?: string;
+        updated_at?: string;
+        started_at?: string;
+        finished_at?: string;
+        log_path?: string;
+        log_tail?: string[];
+    }
+
+    export interface DomainSpiderMdFileItem {
+        file_name?: string;
+        file_path?: string;
+        local_path?: string;
+        remote_path?: string;
+        html_url?: string;
+        download_url?: string;
+        link_count?: number;
+        sections?: string[];
+    }
+
+    export interface DomainSpiderMdRunSummaryItem {
+        run_id?: string;
+        generated_at?: string;
+        status?: string;
+        run_root?: string;
+        domain_count?: number;
+        aggregate_count?: number;
+        detail_count?: number;
+        forge_count?: number;
+        total_links?: number;
+        file_count?: number;
+        max_links_per_file?: number;
+        gitee_pushed?: number;
+        gitee_push_attempted?: number;
+        gitee_push_status?: string;
+        gitee_push_error?: string;
+        files?: DomainSpiderMdFileItem[];
+        gitee_files?: DomainSpiderMdFileItem[];
+    }
+
+    export interface DomainSpiderMdSummaryData {
+        generated_at?: string;
+        run_root?: string;
+        runtime_config?: {
+            max_links_per_file?: number;
+            category_link_limit_per_host?: number;
+            search_link_limit_per_host?: number;
+            detail_limit_per_host?: number;
+            forge_limit_per_host?: number;
+            retention_days?: number;
+        };
+        config_summary?: {
+            items?: Array<{
+                code?: string;
+                description?: string;
+                value?: string;
+                source?: string;
+                secret?: number;
+            }>;
+            editable_in_backend_codes?: string[];
+        };
+        gitee?: {
+            enabled?: number;
+            configured?: number;
+            owner?: string;
+            repo?: string;
+            branch?: string;
+            root?: string;
+            sources?: Record<string, string>;
+        };
+        latest_run?: DomainSpiderMdRunSummaryItem | null;
+        runs?: DomainSpiderMdRunSummaryItem[];
+    }
+
+    export interface DomainSpiderMdRunParams {
+        max_links_per_file?: number;
+        category_link_limit_per_host?: number;
+        search_link_limit_per_host?: number;
+        detail_limit_per_host?: number;
+        forge_limit_per_host?: number;
+        retention_days?: number;
+        force_regenerate?: number;
+    }
+
+    export interface DomainSpiderMdRunData {
+        status?: string;
+        job?: DomainImportAsyncJobStatusData;
+    }
+
+    export interface DomainSpiderCrawlWorkbenchBucketItem {
+        count?: number;
+        page_type?: string;
+        bot_name?: string;
+        host?: string;
+        status?: string;
+    }
+
+    export interface DomainSpiderCrawlWorkbenchAnomalyItem {
+        time?: string;
+        host?: string;
+        url?: string;
+        page_type?: string;
+        status?: number;
+        bot_name?: string;
+        cache_status?: string;
+        request_time?: number;
+        upstream_time?: number;
+        source_server?: string;
+        referer?: string;
+        user_agent?: string;
+        priority_score?: number;
+        priority_label?: string;
+        priority_tag_type?: "danger" | "warning" | "info" | "success";
+        priority_reason?: string;
+    }
+
+    export interface DomainSpiderCrawlWorkbenchRunItem {
+        run_id?: string;
+        generated_at?: string;
+        source?: string;
+        summary_record_count?: number;
+        anomaly_record_count?: number;
+        summary_total_requests?: number;
+        hosts_count?: number;
+        bots_count?: number;
+        run_root?: string;
+        summary_json_path?: string;
+        summary_html_path?: string;
+        payload_json_path?: string;
+        top_page_types?: DomainSpiderCrawlWorkbenchBucketItem[];
+        top_bots?: DomainSpiderCrawlWorkbenchBucketItem[];
+        top_hosts?: DomainSpiderCrawlWorkbenchBucketItem[];
+    }
+
+    export interface DomainSpiderCrawlWorkbenchRecommendationItem {
+        key?: string;
+        title?: string;
+        priority?: "high" | "medium" | "low";
+        priority_label?: string;
+        tag_type?: "danger" | "warning" | "info" | "success";
+        summary?: string;
+        action?: string;
+    }
+
+    export interface DomainSpiderCrawlWorkbenchWindowComparisonItem {
+        window_hours?: number;
+        label?: string;
+        summary_total_requests?: number;
+        anomaly_record_count?: number;
+        deep_requests?: number;
+        detail_requests?: number;
+        play_requests?: number;
+        hosts_count?: number;
+        bots_count?: number;
+    }
+
+    export interface DomainSpiderCrawlWorkbenchHostFocusItem {
+        host?: string;
+        top_bot_name?: string;
+        total_requests?: number;
+        deep_requests?: number;
+        anomaly_count?: number;
+        health_score?: number;
+        status_label?: string;
+    }
+
+    export interface DomainSpiderCrawlWorkbenchHostFocusGroup {
+        key?: string;
+        label?: string;
+        tag_type?: "danger" | "warning" | "info" | "success";
+        summary?: string;
+        count?: number;
+        items?: DomainSpiderCrawlWorkbenchHostFocusItem[];
+    }
+
+    export interface DomainSpiderCrawlWorkbenchChecklistGroup {
+        key?: string;
+        label?: string;
+        tag_type?: "danger" | "warning" | "info" | "success" | "primary";
+        summary?: string;
+        action?: string;
+        count?: number;
+        items?: Array<{
+            host?: string;
+            top_bot_name?: string;
+            total_requests?: number;
+            deep_requests?: number;
+            detail_requests?: number;
+            play_requests?: number;
+            robots_requests?: number;
+            sitemap_requests?: number;
+            anomaly_count?: number;
+            health_score?: number;
+            indexed_like?: boolean;
+            keyword_ready?: boolean;
+            status_label?: string;
+        }>;
+    }
+
+    export interface DomainSpiderCrawlWorkbenchIndexSignalItem {
+        host?: string;
+        indexed_like?: boolean;
+        keyword_ready?: boolean;
+        traffic_ready?: boolean;
+        keyword_count?: number;
+        latest_metric_date?: string;
+    }
+
+    export interface DomainSpiderCrawlWorkbenchSummaryData {
+        generated_at?: string;
+        has_data?: number;
+        latest_root?: string;
+        runs_root?: string;
+        selected_host?: string;
+        window_hours?: number;
+        selected_bots?: string[];
+        latest?: {
+            generated_at?: string;
+            source?: string;
+            summary_json_path?: string;
+            summary_html_path?: string;
+        };
+        recommendations?: DomainSpiderCrawlWorkbenchRecommendationItem[];
+        window_comparison?: {
+            rows?: DomainSpiderCrawlWorkbenchWindowComparisonItem[];
+            status_note?: string;
+        };
+        index_signal_summary?: {
+            host_count?: number;
+            indexed_like_count?: number;
+            keyword_ready_count?: number;
+            traffic_ready_count?: number;
+            rows?: DomainSpiderCrawlWorkbenchIndexSignalItem[];
+            status_note?: string;
+        };
+        host_focus_groups?: DomainSpiderCrawlWorkbenchHostFocusGroup[];
+        baidu_deep_crawl_checklist?: DomainSpiderCrawlWorkbenchChecklistGroup[];
+        overview?: {
+            generated_at?: string;
+            source?: string;
+            summary_record_count?: number;
+            anomaly_record_count?: number;
+            summary_total_requests?: number;
+            hosts_count?: number;
+            bots_count?: number;
+            home_requests?: number;
+            category_requests?: number;
+            search_requests?: number;
+            detail_requests?: number;
+            play_requests?: number;
+            robots_requests?: number;
+            sitemap_requests?: number;
+            top_bots?: DomainSpiderCrawlWorkbenchBucketItem[];
+            top_hosts?: DomainSpiderCrawlWorkbenchBucketItem[];
+            summary_status_buckets?: DomainSpiderCrawlWorkbenchBucketItem[];
+            anomaly_status_buckets?: DomainSpiderCrawlWorkbenchBucketItem[];
+            status_health?: Record<string, number>;
+            priority_health?: {
+                high?: number;
+                medium?: number;
+                low?: number;
+            };
+            status_note?: string;
+        };
+        deep_page_coverage?: {
+            total_requests?: number;
+            home_requests?: number;
+            category_requests?: number;
+            search_requests?: number;
+            detail_requests?: number;
+            play_requests?: number;
+            deep_requests?: number;
+            deep_ratio?: string;
+            detail_anomaly_count?: number;
+            play_anomaly_count?: number;
+            top_hosts?: Array<{
+                host?: string;
+                count?: number;
+            }>;
+            bot_rows?: Array<{
+                bot_name?: string;
+                deep_anomaly_count?: number;
+            }>;
+            status_note?: string;
+        };
+        host_health_rows?: Array<{
+            host?: string;
+            total_requests?: number;
+            detail_requests?: number;
+            play_requests?: number;
+            deep_requests?: number;
+            robots_requests?: number;
+            sitemap_requests?: number;
+            status_200?: number;
+            status_301?: number;
+            status_302?: number;
+            anomaly_count?: number;
+            detail_anomaly_count?: number;
+            play_anomaly_count?: number;
+            top_bot_name?: string;
+            health_score?: number;
+            indexed_like?: boolean;
+            keyword_ready?: boolean;
+            traffic_ready?: boolean;
+            status_label?: string;
+        }>;
+        host_detail?: {
+            host?: string;
+            has_data?: number;
+            total_requests?: number;
+            entry_requests?: number;
+            deep_requests?: number;
+            anomaly_count?: number;
+            deep_ratio?: string;
+            top_bot_name?: string;
+            page_type_buckets?: Array<{
+                page_type?: string;
+                count?: number;
+            }>;
+            status_buckets?: Array<{
+                status?: string;
+                count?: number;
+            }>;
+            bot_buckets?: DomainSpiderCrawlWorkbenchBucketItem[];
+            recent_anomalies?: DomainSpiderCrawlWorkbenchAnomalyItem[];
+            status_note?: string;
+        };
+        host_recommendations?: DomainSpiderCrawlWorkbenchRecommendationItem[];
+        recent_anomalies?: DomainSpiderCrawlWorkbenchAnomalyItem[];
+        recent_runs?: DomainSpiderCrawlWorkbenchRunItem[];
+        status_note?: string;
+    }
+
+    export interface DomainImportHealthTrendData {
+        generated_at?: string;
+        queue_count?: number;
+        active_count?: number;
+        resolved_count?: number;
+        resolved_by_rerun_count?: number;
+        resolved_by_remediation_count?: number;
+        resolved_hosts_preview?: string[];
+        rerun_runs_count?: number;
+        remediation_runs_count?: number;
+        import_runs_count?: number;
+        latest_import_run?: DomainImportRunSummaryItem;
+        latest_rerun?: DomainImportRerunSummaryItem;
+        latest_remediation?: DomainImportRemediationSummaryItem;
+        recent_reruns?: Array<{
+            run_id?: string;
+            processed_count?: number;
+            passed_count?: number;
+            failed_count?: number;
+            updated_at?: string;
+        }>;
+        recent_remediations?: Array<{
+            run_id?: string;
+            processed_count?: number;
+            passed_count?: number;
+            failed_count?: number;
+            recovered_count?: number;
+            updated_at?: string;
+        }>;
+        failure_trend?: {
+            latest_failed_count?: number;
+            previous_failed_count?: number;
+            direction?: number;
+            label?: "flat" | "improving" | "worsening";
+        };
+    }
+
+    export interface DomainExternalSeoHostItem {
+        host?: string;
+        probe_status?: string;
+        external_readiness?: "ready" | "attention" | "probe_failed";
+        all_passed?: boolean;
+        failed_stage?: string;
+        search_keyword?: string;
+        detail_id?: number;
+        detail_slug?: string;
+        sample_source?: string;
+        probed_at?: string;
+        summary_json_path?: string;
+        summary_html_path?: string;
+    }
+
+    export interface DomainExternalSeoSummaryData {
+        generated_at?: string;
+        mode?: string;
+        note?: string;
+        real_external_metrics?: boolean;
+        host_count?: number;
+        ready_count?: number;
+        attention_count?: number;
+        probe_failed_count?: number;
+        tracked_keyword_count?: number;
+        queue_count?: number;
+        rerun_runs_count?: number;
+        summary_json_path?: string;
+        summary_html_path?: string;
+        latest_import_run?: DomainImportRunSummaryItem;
+        latest_rerun_run?: DomainImportRerunSummaryItem;
+        failure_trend?: {
+            latest_failed_count?: number;
+            previous_failed_count?: number;
+            direction?: number;
+            label?: "flat" | "improving" | "worsening";
+        };
+        top_keywords?: Array<{
+            keyword?: string;
+            host_count?: number;
+        }>;
+        hosts?: DomainExternalSeoHostItem[];
+        source_summary?: {
+            import_runs_count?: number;
+            rerun_runs_count?: number;
+            queue_count?: number;
+        };
+    }
+
+    export interface DomainExternalSeoFailedQueueItem {
+        host?: string;
+        external_readiness?: "ready" | "attention" | "probe_failed";
+        probe_status?: string;
+        failed_stage?: string;
+        search_keyword?: string;
+        detail_id?: number;
+        detail_slug?: string;
+        sample_source?: string;
+        probed_at?: string;
+        summary_json_path?: string;
+        summary_html_path?: string;
+        sample_command?: string;
+        probe_command?: string;
+    }
+
+    export interface DomainExternalSeoFailedQueueData {
+        queue_count?: number;
+        items?: DomainExternalSeoFailedQueueItem[];
+        latest_item?: DomainExternalSeoFailedQueueItem;
+        generated_at?: string;
+        mode?: string;
+        note?: string;
+        failure_trend?: {
+            latest_failed_count?: number;
+            previous_failed_count?: number;
+            direction?: number;
+            label?: "flat" | "improving" | "worsening";
+        };
+    }
+
+    export interface DomainExternalSeoTrendData {
+        generated_at?: string;
+        mode?: string;
+        note?: string;
+        real_external_metrics?: boolean;
+        host_count?: number;
+        ready_count?: number;
+        attention_count?: number;
+        probe_failed_count?: number;
+        external_queue_count?: number;
+        tracked_keyword_count?: number;
+        summary_json_path?: string;
+        summary_html_path?: string;
+        proxy_signal_trend?: {
+            latest_failed_count?: number;
+            previous_failed_count?: number;
+            direction?: number;
+            label?: "flat" | "improving" | "worsening";
+        };
+        recent_reruns?: Array<{
+            run_id?: string;
+            passed_count?: number;
+            failed_count?: number;
+            updated_at?: string;
+        }>;
+        recent_import_runs?: Array<{
+            run_id?: string;
+            processed_count?: number;
+            passed_count?: number;
+            failed_count?: number;
+            updated_at?: string;
+        }>;
+    }
+
+    export interface DomainExternalSeoProviderStatusData {
+        generated_at?: string;
+        integration_stage?: string;
+        providers_count?: number;
+        credentials_ready_count?: number;
+        note?: string;
+        next_recommended_provider?: {
+            provider_key?: string;
+            label?: string;
+            status?: string;
+            note?: string;
+        };
+        providers?: Array<{
+            provider_key?: string;
+            label?: string;
+            status?: string;
+            mode?: string;
+            credential_path?: string;
+            credential_updated_at?: string;
+            credential_file_size?: number;
+            property_map_path?: string;
+            property_map_ready?: boolean;
+            mapped_hosts_count?: number;
+            required_fields?: string[];
+            metrics?: string[];
+            note?: string;
+        }>;
+    }
+
+    export interface DomainExternalSeoCollectorStatusData {
+        generated_at?: string;
+        mode?: string;
+        status_label?: "not_configured" | "ready" | "validated" | "connected" | "attention";
+        token_configured?: boolean;
+        auth_mode?: string;
+        api_path_prefix?: string;
+        supported_headers?: string[];
+        formal_endpoints?: string[];
+        latest_validate_run?: {
+            run_id?: string;
+            passed?: boolean;
+            success_rate?: number;
+            alert_level?: string;
+            alert_reason?: string;
+            updated_at?: string;
+        };
+        latest_snapshot_run?: {
+            run_id?: string;
+            received_count?: number;
+            inserted_count?: number;
+            updated_count?: number;
+            failed_count?: number;
+            success_rate?: number;
+            alert_level?: string;
+            alert_reason?: string;
+            updated_at?: string;
+        };
+        debug_summary?: string;
+        note?: string;
+    }
+
+    export interface DomainExternalSeoProviderCredentialUploadData {
+        provider_key?: string;
+        credential_path?: string;
+        credential_updated_at?: string;
+        credential_file_size?: number;
+        provider_summary?: DomainExternalSeoProviderStatusData;
+    }
+
+    export interface DomainExternalSeoSearchConsolePropertyMapTemplateData {
+        file_name?: string;
+        file_path?: string;
+        summary?: Record<string, unknown>;
+    }
+
+    export interface DomainExternalSeoSearchConsolePropertyMapUploadData {
+        uploaded_property_map_path?: string;
+        config_path?: string;
+        mapped_hosts_count?: number;
+        provider_summary?: DomainExternalSeoProviderStatusData;
+        real_summary_status?: string;
+        summary_json_path?: string;
+        summary_html_path?: string;
+    }
+
+    export interface DomainExternalSeoSearchConsoleProviderPlanData {
+        generated_at?: string;
+        provider_key?: string;
+        provider_label?: string;
+        days?: number;
+        status?: string;
+        credential_ready?: boolean;
+        property_map_ready?: boolean;
+        client_dependency_ready?: boolean;
+        credential_path?: string;
+        property_map_path?: string;
+        mapped_hosts_count?: number;
+        properties_preview?: Array<{
+            host?: string;
+            site_url?: string;
+            property_scope?: string;
+        }>;
+        fetch_scope?: {
+            days?: number;
+            dimensions?: string[];
+            aggregations?: string[];
+        };
+        next_steps?: string[];
+        note?: string;
+        summary_json_path?: string;
+        summary_html_path?: string;
+    }
+
+    export interface DomainExternalSeoSearchConsoleFetchData {
+        generated_at?: string;
+        provider_key?: string;
+        mode?: string;
+        status?: string;
+        days?: number;
+        credential_ready?: boolean;
+        property_map_ready?: boolean;
+        client_dependency_ready?: boolean;
+        planned_request_count?: number;
+        blocked_reason?: string;
+        request_plan?: Array<{
+            host?: string;
+            site_url?: string;
+            property_scope?: string;
+            request_dimensions?: string[];
+            request_metrics?: string[];
+            date_range?: {
+                days?: number;
+                start_date?: string;
+                end_date?: string;
+            };
+            request_status?: string;
+        }>;
+        next_steps?: string[];
+        note?: string;
+        summary_json_path?: string;
+        summary_html_path?: string;
+    }
+
+    export interface DomainExternalSeoBaiduProviderPlanData {
+        generated_at?: string;
+        provider_key?: string;
+        provider_label?: string;
+        status?: string;
+        credential_ready?: boolean;
+        credential_path?: string;
+        credential_updated_at?: string;
+        credential_file_size?: number;
+        submission_scope?: {
+            capabilities?: string[];
+            note?: string;
+        };
+        next_steps?: string[];
+        note?: string;
+        summary_json_path?: string;
+        summary_html_path?: string;
+    }
+
+    export interface DomainExternalSeoBaiduPushSummaryData {
+        generated_at?: string;
+        task_code?: string;
+        task_enabled?: boolean;
+        task_last_exec?: string;
+        domain_count?: number;
+        token_ready_count?: number;
+        state_ready_count?: number;
+        db_ready?: boolean;
+        db_error?: string;
+        items?: Array<{
+            domain?: string;
+            token_ready?: boolean;
+            token_masked?: string;
+            state_ready?: boolean;
+            state_path?: string;
+            file_index?: number;
+            line_index?: number;
+            updated_at?: string;
+            txt_file_count?: number;
+            latest_txt_file?: string;
+        }>;
+        note?: string;
+        summary_json_path?: string;
+        summary_html_path?: string;
+    }
+
+    export interface DomainExternalSeoBaiduPushAttentionQueueData {
+        generated_at?: string;
+        task_code?: string;
+        task_enabled?: boolean;
+        task_last_exec?: string;
+        db_ready?: boolean;
+        db_error?: string;
+        queue_count?: number;
+        system_attention_count?: number;
+        system_items?: Array<{
+            scope?: string;
+            attention_level?: string;
+            reason_codes?: string[];
+            reason_summary?: string;
+            recommended_action?: string;
+            db_error?: string;
+        }>;
+        items?: Array<{
+            scope?: string;
+            domain?: string;
+            attention_level?: string;
+            reason_codes?: string[];
+            reason_summary?: string;
+            recommended_action?: string;
+            token_ready?: boolean;
+            token_masked?: string;
+            state_ready?: boolean;
+            state_path?: string;
+            txt_file_count?: number;
+            latest_txt_file?: string;
+            file_index?: number;
+            line_index?: number;
+            updated_at?: string;
+        }>;
+        note?: string;
+        summary_json_path?: string;
+        summary_html_path?: string;
+    }
+
+    export interface DomainExternalSeoBaiduPushTrendData {
+        generated_at?: string;
+        mode?: string;
+        task_code?: string;
+        task_enabled?: boolean;
+        task_last_exec?: string;
+        db_ready?: boolean;
+        db_error?: string;
+        domain_count?: number;
+        token_ready_count?: number;
+        state_ready_count?: number;
+        queue_count?: number;
+        system_attention_count?: number;
+        recent_state_count?: number;
+        stale_state_count?: number;
+        never_started_count?: number;
+        txt_missing_count?: number;
+        health_label?: string;
+        recent_state_items?: Array<{
+            domain?: string;
+            updated_at?: string;
+            age_hours?: number;
+            token_ready?: boolean;
+            state_ready?: boolean;
+            txt_file_count?: number;
+        }>;
+        note?: string;
+        summary_json_path?: string;
+        summary_html_path?: string;
+    }
+
+    export interface DomainExternalSeoBaiduPushTaskStatusData {
+        generated_at?: string;
+        task_code?: string;
+        db_ready?: boolean;
+        db_error?: string;
+        task_exists?: boolean;
+        pt_id?: number;
+        pt_name?: string;
+        pt_enable?: number;
+        pt_limit?: number;
+        pt_last_exec?: string;
+        status_label?: string;
+        note?: string;
+    }
+
+    export interface DomainExternalSeoBaiduFeedbackSummaryData {
+        generated_at?: string;
+        mode?: string;
+        status?: string;
+        rows_count?: number;
+        hosts_count?: number;
+        providers?: string[];
+        metrics?: {
+            impressions?: number;
+            clicks?: number;
+            ctr?: number;
+            avg_position?: number | null;
+        };
+        host_rows?: Array<{
+            host?: string;
+            provider?: string;
+            rows_count?: number;
+            impressions?: number;
+            clicks?: number;
+            ctr?: number;
+            avg_position?: number | null;
+        }>;
+        top_queries?: Array<Record<string, unknown>>;
+        top_pages?: Array<Record<string, unknown>>;
+        note?: string;
+        summary_json_path?: string;
+        summary_html_path?: string;
+    }
+
+    export interface DomainExternalSeoSiteQueryProbeData {
+        generated_at?: string;
+        mode?: string;
+        engine?: string;
+        host_count?: number;
+        status_buckets?: {
+            indexed_like?: number;
+            captcha?: number;
+            no_result?: number;
+            blocked?: number;
+            unknown?: number;
+        };
+        items?: Array<{
+            host?: string;
+            query_status?: string;
+            query?: string;
+            engine_variant?: string;
+            http_status?: number;
+            final_url?: string;
+            page_title?: string;
+            result_count_text?: string;
+            captcha_detected?: boolean;
+            has_host_mention?: boolean;
+            error_message?: string;
+            probed_at?: string;
+        }>;
+        note?: string;
+        summary_json_path?: string;
+        summary_html_path?: string;
+    }
+
+    export interface DomainExternalSeoAizhanKeywordProbeData {
+        generated_at?: string;
+        mode?: string;
+        engine?: string;
+        host_count?: number;
+        status_buckets?: {
+            ready?: number;
+            captcha?: number;
+            blocked?: number;
+            unknown?: number;
+        };
+        items?: Array<{
+            host?: string;
+            status?: string;
+            http_status?: number;
+            final_url?: string;
+            page_title?: string;
+            site_title?: string;
+            query_page_url?: string;
+            baidu_pc_ip_range?: string;
+            baidu_mobile_ip_range?: string;
+            pc_keyword_count?: number;
+            mobile_keyword_count?: number;
+            pc_rank_url?: string;
+            mobile_rank_url?: string;
+            error_message?: string;
+            probed_at?: string;
+        }>;
+        note?: string;
+        summary_json_path?: string;
+        summary_html_path?: string;
+    }
+
+    export interface DomainExternalSeoAizhanKeywordAttentionQueueData {
+        generated_at?: string;
+        mode?: string;
+        host_count?: number;
+        queue_count?: number;
+        ready_count?: number;
+        captcha_count?: number;
+        blocked_count?: number;
+        items?: Array<{
+            host?: string;
+            attention_level?: string;
+            reason_codes?: string[];
+            reason_summary?: string;
+            recommended_action?: string;
+            status?: string;
+            site_title?: string;
+            baidu_pc_ip_range?: string;
+            baidu_mobile_ip_range?: string;
+            pc_keyword_count?: number;
+            mobile_keyword_count?: number;
+            pc_rank_url?: string;
+            mobile_rank_url?: string;
+            probed_at?: string;
+        }>;
+        note?: string;
+        summary_json_path?: string;
+        summary_html_path?: string;
+    }
+
+    export interface DomainExternalSeoAizhanKeywordTrendData {
+        generated_at?: string;
+        mode?: string;
+        host_count?: number;
+        ready_count?: number;
+        captcha_count?: number;
+        blocked_count?: number;
+        queue_count?: number;
+        keyword_ready_count?: number;
+        traffic_ready_count?: number;
+        zero_keyword_count?: number;
+        zero_traffic_count?: number;
+        health_label?: string;
+        ready_items?: Array<{
+            host?: string;
+            baidu_pc_ip_range?: string;
+            baidu_mobile_ip_range?: string;
+            pc_keyword_count?: number;
+            mobile_keyword_count?: number;
+            probed_at?: string;
+        }>;
+        note?: string;
+        summary_json_path?: string;
+        summary_html_path?: string;
+    }
+
+    export interface DomainExternalSeoCollectHostsData {
+        generated_at?: string;
+        host_count?: number;
+        include_wildcard?: boolean;
+        items?: Array<{
+            domain_id?: number;
+            host?: string;
+            match_type?: string;
+            template_id?: number;
+            site_name?: string;
+            baidu_token_ready?: boolean;
+        }>;
+        note?: string;
+    }
+
+    export interface DomainExternalSeoSnapshotSaveData {
+        generated_at?: string;
+        source?: string;
+        received_count?: number;
+        inserted_count?: number;
+        updated_count?: number;
+        failed_count?: number;
+        run_root?: string;
+        payload_json_path?: string;
+        summary_json_path?: string;
+        summary_html_path?: string;
+        post_ingest_overview?: DomainExternalSeoCnOverviewData;
+        post_ingest_snapshot_trend?: DomainExternalSeoSnapshotTrendData;
+        inserted_items?: Array<Record<string, unknown>>;
+        updated_items?: Array<Record<string, unknown>>;
+        errors?: Array<Record<string, unknown>>;
+    }
+
+    export interface DomainExternalSeoSnapshotValidateData {
+        generated_at?: string;
+        mode?: string;
+        received_count?: number;
+        valid_count?: number;
+        error_count?: number;
+        warning_count?: number;
+        passed?: boolean;
+        valid_items?: Array<Record<string, unknown>>;
+        errors?: Array<Record<string, unknown>>;
+        warnings?: Array<Record<string, unknown>>;
+        error_buckets?: Array<{
+            message?: string;
+            count?: number;
+        }>;
+        warning_buckets?: Array<{
+            message?: string;
+            count?: number;
+        }>;
+        run_root?: string;
+        payload_json_path?: string;
+        summary_json_path?: string;
+        summary_html_path?: string;
+    }
+
+    export interface DomainExternalSeoSnapshotChecklistData {
+        generated_at?: string;
+        mode?: string;
+        common_required?: string[];
+        rows?: Array<{
+            provider?: string;
+            snapshot_type?: string;
+            scope?: string;
+            required?: string[];
+            recommended?: string[];
+        }>;
+        note?: string;
+    }
+
+    export interface DomainExternalSeoSnapshotValidateRunItem {
+        run_id?: string;
+        run_root_public?: string;
+        received_count?: number;
+        valid_count?: number;
+        error_count?: number;
+        warning_count?: number;
+        passed?: boolean;
+        success_rate?: number;
+        alert_level?: string;
+        alert_reason?: string;
+        errors?: Array<Record<string, unknown>>;
+        warnings?: Array<Record<string, unknown>>;
+        error_buckets?: Array<{
+            message?: string;
+            count?: number;
+        }>;
+        warning_buckets?: Array<{
+            message?: string;
+            count?: number;
+        }>;
+        summary_json_path?: string;
+        summary_html_path?: string;
+        payload_json_path?: string;
+        updated_at?: string;
+    }
+
+    export interface DomainExternalSeoSnapshotValidateRunData {
+        items?: DomainExternalSeoSnapshotValidateRunItem[];
+        total?: number;
+        latest_run?: DomainExternalSeoSnapshotValidateRunItem;
+        alert_buckets?: {
+            high?: number;
+            medium?: number;
+            low?: number;
+            none?: number;
+        };
+        top_attention_runs?: DomainExternalSeoSnapshotValidateRunItem[];
+    }
+
+    export interface DomainExternalSeoIntegrationOverviewData {
+        generated_at?: string;
+        mode?: string;
+        health_label?: string;
+        validate?: {
+            total?: number;
+            alert_buckets?: {
+                high?: number;
+                medium?: number;
+                low?: number;
+                none?: number;
+            };
+            latest_run?: DomainExternalSeoSnapshotValidateRunItem;
+            top_attention_runs?: DomainExternalSeoSnapshotValidateRunItem[];
+        };
+        snapshot?: {
+            total?: number;
+            alert_buckets?: {
+                high?: number;
+                medium?: number;
+                low?: number;
+                none?: number;
+            };
+            latest_run?: DomainExternalSeoSnapshotRunItem;
+            top_attention_runs?: DomainExternalSeoSnapshotRunItem[];
+        };
+        note?: string;
+    }
+
+    export interface DomainExternalSeoSnapshotRunItem {
+        run_id?: string;
+        run_root_public?: string;
+        source?: string;
+        received_count?: number;
+        inserted_count?: number;
+        updated_count?: number;
+        failed_count?: number;
+        success_rate?: number;
+        alert_level?: string;
+        alert_reason?: string;
+        inserted_items?: Array<Record<string, unknown>>;
+        updated_items?: Array<Record<string, unknown>>;
+        errors?: Array<Record<string, unknown>>;
+        error_buckets?: Array<{
+            message?: string;
+            count?: number;
+        }>;
+        post_ingest_overview?: DomainExternalSeoCnOverviewData;
+        post_ingest_snapshot_trend?: DomainExternalSeoSnapshotTrendData;
+        post_ingest_health_label?: string;
+        post_ingest_trend_label?: string;
+        summary_json_path?: string;
+        summary_html_path?: string;
+        payload_json_path?: string;
+        updated_at?: string;
+    }
+
+    export interface DomainExternalSeoSnapshotRunData {
+        items?: DomainExternalSeoSnapshotRunItem[];
+        total?: number;
+        latest_run?: DomainExternalSeoSnapshotRunItem;
+        alert_buckets?: {
+            high?: number;
+            medium?: number;
+            low?: number;
+            none?: number;
+        };
+        top_attention_runs?: DomainExternalSeoSnapshotRunItem[];
+    }
+
+    export interface DomainExternalSeoSnapshotTrendData {
+        generated_at?: string;
+        mode?: string;
+        runs_count?: number;
+        latest_run?: DomainExternalSeoSnapshotRunItem;
+        recent_runs?: Array<{
+            run_id?: string;
+            source?: string;
+            received_count?: number;
+            inserted_count?: number;
+            updated_count?: number;
+            failed_count?: number;
+            success_rate?: number;
+            updated_at?: string;
+        }>;
+        success_trend?: {
+            latest_success_rate?: number;
+            previous_success_rate?: number;
+            latest_failed_count?: number;
+            previous_failed_count?: number;
+            label?: string;
+        };
+        note?: string;
+    }
+
+    export interface DomainExternalSeoSnapshotSummaryData {
+        generated_at?: string;
+        mode?: string;
+        days?: number;
+        latest_metric_date?: string;
+        snapshot_count?: number;
+        host_snapshot_count?: number;
+        keyword_snapshot_count?: number;
+        host_count?: number;
+        providers?: string[];
+        indexed_like_host_count?: number;
+        keyword_ready_host_count?: number;
+        traffic_ready_host_count?: number;
+        hosts?: Array<{
+            host?: string;
+            provider?: string;
+            metric_date?: string;
+            status?: string;
+            indexed_status?: string;
+            baidu_pc_ip_range?: string;
+            baidu_mobile_ip_range?: string;
+            pc_keyword_count?: number;
+            mobile_keyword_count?: number;
+            keyword_ready?: boolean;
+            traffic_ready?: boolean;
+        }>;
+        note?: string;
+    }
+
+    export interface DomainExternalSeoKeywordMovementSummaryData {
+        generated_at?: string;
+        mode?: string;
+        days?: number;
+        latest_metric_date?: string;
+        previous_metric_date?: string;
+        latest_keyword_count?: number;
+        previous_keyword_count?: number;
+        new_count?: number;
+        up_count?: number;
+        down_count?: number;
+        dropped_count?: number;
+        new_items?: Array<Record<string, unknown>>;
+        up_items?: Array<Record<string, unknown>>;
+        down_items?: Array<Record<string, unknown>>;
+        dropped_items?: Array<Record<string, unknown>>;
+        note?: string;
+    }
+
+    export interface DomainExternalSeoIndexMovementSummaryData {
+        generated_at?: string;
+        mode?: string;
+        days?: number;
+        latest_metric_date?: string;
+        previous_metric_date?: string;
+        latest_host_count?: number;
+        previous_host_count?: number;
+        newly_indexed_count?: number;
+        lost_indexed_count?: number;
+        captcha_count?: number;
+        no_result_count?: number;
+        blocked_count?: number;
+        changed_count?: number;
+        newly_indexed_items?: Array<Record<string, unknown>>;
+        lost_indexed_items?: Array<Record<string, unknown>>;
+        captcha_items?: Array<Record<string, unknown>>;
+        no_result_items?: Array<Record<string, unknown>>;
+        blocked_items?: Array<Record<string, unknown>>;
+        changed_items?: Array<Record<string, unknown>>;
+        note?: string;
+    }
+
+    export interface DomainExternalSeoOptimizationSuggestionData {
+        generated_at?: string;
+        mode?: string;
+        days?: number;
+        index_movement?: {
+            latest_metric_date?: string;
+            newly_indexed_count?: number;
+            lost_indexed_count?: number;
+            captcha_count?: number;
+        };
+        keyword_movement?: {
+            latest_metric_date?: string;
+            new_count?: number;
+            up_count?: number;
+            down_count?: number;
+            dropped_count?: number;
+        };
+        summary?: {
+            indexed_like_host_count?: number;
+            keyword_ready_host_count?: number;
+            traffic_ready_host_count?: number;
+        };
+        suggestions?: Array<{
+            priority?: string;
+            type?: string;
+            title?: string;
+            summary?: string;
+            action?: string;
+            evidence?: Record<string, unknown>;
+        }>;
+        note?: string;
+    }
+
+    export interface DomainExternalSeoCnOverviewData {
+        generated_at?: string;
+        mode?: string;
+        days?: number;
+        health_label?: string;
+        priority_buckets?: {
+            high?: number;
+            medium?: number;
+            low?: number;
+        };
+        snapshot_summary?: {
+            latest_metric_date?: string;
+            snapshot_count?: number;
+            host_count?: number;
+            indexed_like_host_count?: number;
+            keyword_ready_host_count?: number;
+            traffic_ready_host_count?: number;
+        };
+        index_movement?: {
+            latest_metric_date?: string;
+            newly_indexed_count?: number;
+            lost_indexed_count?: number;
+            captcha_count?: number;
+            blocked_count?: number;
+            no_result_count?: number;
+        };
+        keyword_movement?: {
+            latest_metric_date?: string;
+            new_count?: number;
+            up_count?: number;
+            down_count?: number;
+            dropped_count?: number;
+        };
+        top_hosts?: Array<Record<string, unknown>>;
+        top_suggestions?: Array<{
+            priority?: string;
+            type?: string;
+            title?: string;
+            summary?: string;
+            action?: string;
+            evidence?: Record<string, unknown>;
+        }>;
+        note?: string;
+    }
+
+    export interface DomainImportExternalSeoClosureData {
+        generated_at?: string;
+        days?: number;
+        health_label?: "steady" | "warming" | "attention" | "growing";
+        closure_stage?:
+            | "import_not_started"
+            | "import_recovery_needed"
+            | "manual_intervention_needed"
+            | "external_waiting_data"
+            | "waiting_indexing"
+            | "indexing_without_keywords"
+            | "seo_attention"
+            | "seo_growing"
+            | "closed_loop_running";
+        hero_summary?: string;
+        import_summary?: {
+            health_label?: string;
+            workbench_stage?: string;
+            import_runs_count?: number;
+            active_count?: number;
+            manual_attention_count?: number;
+            latest_self_healing_run?: DomainImportSelfHealingSummaryItem;
+        };
+        external_summary?: {
+            health_label?: string;
+            host_count?: number;
+            indexed_like_host_count?: number;
+            keyword_ready_host_count?: number;
+            newly_indexed_count?: number;
+            lost_indexed_count?: number;
+            keyword_up_count?: number;
+            keyword_down_count?: number;
+            priority_high_count?: number;
+        };
+        priority_actions?: Array<{
+            key?: string;
+            label?: string;
+            summary?: string;
+            action_key?: string;
+        }>;
+        top_import_actions?: Array<Record<string, unknown>>;
+        top_seo_suggestions?: Array<{
+            priority?: string;
+            type?: string;
+            title?: string;
+            summary?: string;
+            action?: string;
+            evidence?: Record<string, unknown>;
+        }>;
+    }
+
+    export interface DomainImportExternalSeoClosureActionSummaryItem {
+        run_id?: string;
+        run_root_public?: string;
+        action_key?: string;
+        action_label?: string;
+        action_summary?: string;
+        closure_stage?: string;
+        health_label?: string;
+        target_type?: string;
+        target_key?: string;
+        target_host?: string;
+        status?: "pending" | "running" | "observing" | "done" | "ignored";
+        status_note?: string;
+        result_label?: "improved" | "no_change" | "regression" | "pending";
+        result_score?: number;
+        result_summary?: string;
+        result_observation?: string;
+        alert_level?: "high" | "medium" | "low" | "none";
+        alert_reason?: string;
+        summary_json_path?: string;
+        summary_html_path?: string;
+        updated_at?: string;
+    }
+
+    export interface DomainImportExternalSeoClosureActionSummaryData {
+        items?: DomainImportExternalSeoClosureActionSummaryItem[];
+        total?: number;
+        latest_run?: DomainImportExternalSeoClosureActionSummaryItem;
+        status_buckets?: {
+            pending?: number;
+            running?: number;
+            observing?: number;
+            done?: number;
+            ignored?: number;
+        };
+        result_buckets?: {
+            improved?: number;
+            no_change?: number;
+            regression?: number;
+            pending?: number;
+        };
+        action_buckets?: Record<string, number>;
+        target_type_buckets?: Record<string, number>;
+        stage_buckets?: Record<string, number>;
+        alert_buckets?: {
+            high?: number;
+            medium?: number;
+            low?: number;
+            none?: number;
+        };
+        top_attention_runs?: DomainImportExternalSeoClosureActionSummaryItem[];
+        effectiveness?: Array<{
+            action_key?: string;
+            action_label?: string;
+            total?: number;
+            improved?: number;
+            no_change?: number;
+            regression?: number;
+            pending?: number;
+        }>;
+    }
+
+    export interface DomainImportExternalSeoClosureActionRunParams {
+        action_key?: string;
+        action_label?: string;
+        action_summary?: string;
+        closure_stage?: string;
+        health_label?: string;
+        target_type?: string;
+        target_key?: string;
+        target_host?: string;
+        status?: "pending" | "running" | "observing" | "done" | "ignored";
+        status_note?: string;
+    }
+
+    export interface DomainImportExternalSeoClosureActionStatusParams {
+        run_id?: string;
+        status?: "pending" | "running" | "observing" | "done" | "ignored";
+        status_note?: string;
+    }
+
+    export interface DomainImportExternalSeoClosureActionRunData extends DomainImportExternalSeoClosureActionSummaryItem {}
+
+    export interface DomainImportExternalSeoClosureTodayData {
+        generated_at?: string;
+        today?: string;
+        health_label?: string;
+        closure_stage?: string;
+        hero_summary?: string;
+        pending_action_count?: number;
+        attention_action_count?: number;
+        improved_action_count?: number;
+        manual_attention_count?: number;
+        import_active_count?: number;
+        indexed_like_host_count?: number;
+        keyword_ready_host_count?: number;
+        today_actions?: DomainImportExternalSeoClosureActionSummaryItem[];
+        top_effectiveness?: Array<{
+            action_key?: string;
+            action_label?: string;
+            total?: number;
+            improved?: number;
+            no_change?: number;
+            regression?: number;
+            pending?: number;
+        }>;
+        status_buckets?: Record<string, number>;
+        result_buckets?: Record<string, number>;
+        target_type_buckets?: Record<string, number>;
+        stage_buckets?: Record<string, number>;
+        alert_buckets?: {
+            high?: number;
+            medium?: number;
+            low?: number;
+            none?: number;
+        };
+        top_attention_runs?: DomainImportExternalSeoClosureActionSummaryItem[];
+        priority_actions?: Array<{
+            key?: string;
+            label?: string;
+            summary?: string;
+            action_key?: string;
+        }>;
+    }
+
+    export interface DomainImportExternalSeoClosureHostHistoryData {
+        generated_at?: string;
+        host?: string;
+        host_selected?: boolean;
+        total_actions?: number;
+        latest_run?: DomainImportExternalSeoClosureActionSummaryItem;
+        status_buckets?: Record<string, number>;
+        result_buckets?: Record<string, number>;
+        alert_buckets?: Record<string, number>;
+        items?: DomainImportExternalSeoClosureActionSummaryItem[];
+        host_buckets?: Record<string, number>;
+    }
+
+    export interface DomainExternalSeoRealSummaryData {
+        generated_at?: string;
+        mode?: string;
+        status?: string;
+        days?: number;
+        source_mode?: string;
+        provider_key?: string;
+        provider_label?: string;
+        provider_status?: string;
+        credential_path?: string;
+        property_map_path?: string;
+        property_map_ready?: boolean;
+        mapped_hosts_count?: number;
+        client_dependency_ready?: boolean;
+        real_metrics_available?: boolean;
+        headline_metrics?: Array<{
+            key?: string;
+            label?: string;
+            value?: number | string | null;
+            format?: string;
+            note?: string;
+        }>;
+        metrics?: {
+            impressions?: number | null;
+            clicks?: number | null;
+            ctr?: number | null;
+            avg_position?: number | null;
+        };
+        snapshot_metrics?: {
+            snapshot_count?: number;
+            host_count?: number;
+            indexed_like_host_count?: number;
+            keyword_ready_host_count?: number;
+            traffic_ready_host_count?: number;
+            newly_indexed_count?: number;
+            lost_indexed_count?: number;
+            keyword_up_count?: number;
+            keyword_new_count?: number;
+            latest_metric_date?: string;
+        };
+        top_queries?: Array<Record<string, unknown>>;
+        top_pages?: Array<Record<string, unknown>>;
+        next_steps?: string[];
+        note?: string;
+        summary_json_path?: string;
+        summary_html_path?: string;
+    }
+
+    export interface DomainExternalSeoManualImportTemplateData {
+        file_name?: string;
+        file_path?: string;
+        summary?: {
+            headers?: string[];
+            column_notes?: Record<string, string>;
+            example_rows?: Array<Record<string, string>>;
+        };
+    }
+
+    export interface DomainExternalSeoManualImportUploadData {
+        uploaded_excel_path?: string;
+        uploaded_report_path?: string;
+        csv_path?: string;
+        rows_total?: number;
+        imported_count?: number;
+        real_summary_status?: string;
+        real_metrics_available?: boolean;
+        real_summary_provider?: string;
+        summary_json_path?: string;
+        summary_html_path?: string;
+        metrics?: {
+            impressions?: number | null;
+            clicks?: number | null;
+            ctr?: number | null;
+            avg_position?: number | null;
+        };
+    }
+
+    export interface DomainExternalSeoManualImportRunItem {
+        run_id?: string;
+        status?: string;
+        provider_key?: string;
+        rows_total?: number;
+        hosts_count?: number;
+        metrics?: {
+            impressions?: number | null;
+            clicks?: number | null;
+            ctr?: number | null;
+            avg_position?: number | null;
+        };
+        uploaded_report_path?: string;
+        csv_path?: string;
+        summary_json_path?: string;
+        summary_html_path?: string;
+        updated_at?: string;
+    }
+
+    export interface DomainExternalSeoManualImportRunData {
+        items?: DomainExternalSeoManualImportRunItem[];
+        total?: number;
+        latest_run?: DomainExternalSeoManualImportRunItem;
     }
-    // 删除接口
     export interface delParams {
         si_id?: string;
+        d_id?: string;
     }
     export interface buildParams {
         si_jenkins_url?: string;
     }
-    // 列表接口响应
     export interface ResList {
-        si_id: number;
-        si_code: string;
-        si_status: any;
-        si_name: any;
-        si_url: any;
-        si_cinema: any;
-        si_email: any;
-        si_retrieve_email: any;
-        si_website_bulletin: any;
-        si_customer_service: any;
-        si_retrieve_page: any;
-        si_group_chat_address: any;
-        si_logo_url: any;
-        si_statistical_code: any;
-        si_guide_statistical_code: any;
-        si_logo: any;
-        si_route_url: any;
-        created_at: string;
-        si_cdn_url: any;
-        si_template: any;
-        si_deploy_site_jenkins: any;
-        si_deploy_landing_jenkins: any;
+        d_id?: number;
+        d_domain?: string;
+        t_id?: number;
+        d_name?: any;
+        d_keywords?: any;
+        d_description?: any;
+        d_index_title?: any;
+        d_index_keywords?: any;
+        d_index_description?: any;
+        d_statis?: any;
+        d_logo_type?: any;
+        d_text_logo?: any;
+        d_img_logo?: any;
+        d_content_encode?: any;
+        url_type?: any;
+        t_cfg?: any;
+        info_id?: any;
+        d_baidu_token?: any;
+        d_match_type?: MatchType;
+        d_parent_domain?: string;
+        d_seed_scope?: SeedScope;
+        d_seo_cfg?: SeoCfg;
+        created_at?: string;
+        t_code?: string;
+        t_default?: any;
+        t_path?: any;
+        t_cfg_template?: any;
+        si_id?: number;
+        si_code?: string;
+        si_status?: any;
+        si_name?: any;
+        si_url?: any;
+        si_cinema?: any;
+        si_email?: any;
+        si_retrieve_email?: any;
+        si_website_bulletin?: any;
+        si_customer_service?: any;
+        si_retrieve_page?: any;
+        si_group_chat_address?: any;
+        si_logo_url?: any;
+        si_statistical_code?: any;
+        si_guide_statistical_code?: any;
+        si_logo?: any;
+        si_route_url?: any;
+        si_cdn_url?: any;
+        si_template?: any;
+        si_deploy_site_jenkins?: any;
+        si_deploy_landing_jenkins?: any;
+        copy_generation_status?: string;
+        copy_generation_release_gate?: string;
+        copy_generation_message?: string;
+        copy_generation_wait_for_ai?: number;
+        copy_generation_tkd_mode?: string;
+        copy_generation_tkd_provider?: string;
+        copy_generation_updated_at?: string;
+        copy_generation_latest_action?: string;
+        copy_generation_latest_provider?: string;
+        copy_generation_latest_message?: string;
+        copy_generation_latest_recorded_at?: string;
+        copy_generation_ai_score?: number;
+        copy_generation_ai_recommend?: number;
+        copy_generation_feedback_keyword_count?: number;
+        copy_generation_ai_reasons?: string[];
+    }
+    export interface ResData extends ResultData {}
+
+    export interface BootstrapEnvTemplateItem {
+        key: BootstrapEnvTemplateKey;
+        name: string;
+        path: string;
+        preview_command: string;
+        apply_command: string;
+        compared_key_count: number;
+        matched_key_count: number;
+        drift_count: number;
+        drift_items: BootstrapEnvTemplateDriftItem[];
+        state: "current" | "closest" | "drift";
+        state_label: string;
     }
 
-    // 保存删除响应接口
-    export interface ResData extends ResultData {}
+    export interface BootstrapEnvTemplateDriftItem {
+        key: string;
+        current_value: string;
+        template_value: string;
+    }
+
+    export interface BootstrapEnvCurrentValue {
+        key: string;
+        value: string;
+    }
+
+    export interface BootstrapEnvCurrentProfile {
+        closest_template_key: BootstrapEnvTemplateKey | "";
+        closest_template_name: string;
+        exact_match: boolean;
+        drift_count: number;
+        matched_key_count: number;
+        drift_items: BootstrapEnvTemplateDriftItem[];
+        label: string;
+    }
+
+    export interface BootstrapEnvImpactGroup {
+        group: string;
+        label: string;
+        count: number;
+    }
+
+    export interface BootstrapEnvHistoryBucket {
+        key: string;
+        label: string;
+        count: number;
+    }
+
+    export interface BootstrapEnvActionHistorySummary {
+        total_count: number;
+        applied_count: number;
+        dry_run_count: number;
+        restore_supported_count?: number;
+        template_preview_count?: number;
+        template_apply_count?: number;
+        restore_preview_count?: number;
+        restore_apply_count?: number;
+        latest_action_at: string;
+        status_buckets: BootstrapEnvHistoryBucket[];
+        group_buckets: BootstrapEnvHistoryBucket[];
+        source_buckets: BootstrapEnvHistoryBucket[];
+        template_buckets: BootstrapEnvHistoryBucket[];
+        action_kind_buckets?: BootstrapEnvHistoryBucket[];
+    }
+
+    export interface BootstrapEnvRestorePreviewSide {
+        snapshot_side: "before" | "after";
+        title: string;
+        description: string;
+        changed_count: number;
+        added_count: number;
+        updated_count: number;
+        changes: BootstrapEnvTemplateChange[];
+        impact_groups: BootstrapEnvImpactGroup[];
+        is_same_as_current: boolean;
+    }
+
+    export interface BootstrapEnvLatestAction {
+        action_id?: string;
+        status: string;
+        action_kind?: string;
+        template: string;
+        template_path: string;
+        env_file: string;
+        parsed_assignment_count: number;
+        ignored_assignment_count: number;
+        changed_count: number;
+        added_count: number;
+        updated_count: number;
+        changes: BootstrapEnvTemplateChange[];
+        impact_groups: BootstrapEnvImpactGroup[];
+        source: string;
+        action_at: string;
+        restore_supported?: boolean;
+        restore_available_sides?: Array<"before" | "after">;
+        restore_from_action_id?: string;
+        restore_snapshot_side?: "before" | "after";
+        restore_from_template?: string;
+        restore_from_status?: string;
+        snapshot_before?: Record<string, string>;
+        snapshot_after?: Record<string, string>;
+        restore_preview?: Partial<Record<"before" | "after", BootstrapEnvRestorePreviewSide>>;
+    }
+
+    export interface BootstrapEnvTemplateListData {
+        env_file: string;
+        warning: string;
+        allow_all_risk: boolean;
+        templates: BootstrapEnvTemplateItem[];
+        current_values: BootstrapEnvCurrentValue[];
+        current_profile: BootstrapEnvCurrentProfile;
+        latest_action: BootstrapEnvLatestAction | Record<string, never>;
+        action_history: BootstrapEnvTemplateActionData[];
+        action_history_summary: BootstrapEnvActionHistorySummary;
+    }
+
+    export interface BootstrapOpsLatestBundle {
+        host?: string;
+        detail_slug?: string;
+        structured_policy?: string;
+        reference_mode?: string;
+        register_status?: string;
+        apply_status?: string;
+        prepare_result_status?: string;
+        import_result_status?: string;
+        release_dry_run_status?: string;
+        publish_result_status?: string;
+        handoff_stage_code?: string;
+        handoff_stage_label?: string;
+        handoff_summary?: string;
+        handoff_next_step?: string;
+        handoff_next_command?: string;
+        pipeline_import_mode?: string;
+        pipeline_import_summary?: string;
+        next_commands?: Record<string, string>;
+        updated_at?: string;
+        generated_at?: string;
+    }
+
+    export interface BootstrapOpsLatestEntry {
+        host?: string;
+        detail_slug?: string;
+        run_detail_slug?: string;
+        handoff_stage_code?: string;
+        handoff_stage_label?: string;
+        summary?: string;
+        updated_at?: string;
+        priority_label?: string;
+        owner_label?: string;
+        todo_title?: string;
+        next_step?: string;
+        next_command?: string;
+        source?: string;
+        source_label?: string;
+        publish_result_status?: string;
+    }
+
+    export interface BootstrapOpsLatestTask {
+        run_name?: string;
+        detail_slug?: string;
+        task_slug?: string;
+        status?: string;
+        summary?: string;
+        updated_at?: string;
+        age_seconds?: number;
+        health_status?: string;
+    }
+
+    export interface BootstrapOpsLatestRun {
+        run_name?: string;
+        detail_slug?: string;
+        host?: string;
+        overall_status?: string;
+        handoff_stage_code?: string;
+        handoff_stage_label?: string;
+        handoff_summary?: string;
+        handoff_next_step?: string;
+        handoff_next_command?: string;
+        updated_at?: string;
+        executed_at?: string;
+        summary?: string;
+    }
+
+    export interface BootstrapRuntimeAcceptanceRun {
+        run_name?: string;
+        detail_slug?: string;
+        host?: string;
+        video_id?: number;
+        forge_id?: number;
+        status?: string;
+        suite_count?: number;
+        passed_suites?: number;
+        failed_suites?: number;
+        suite_keys?: string[];
+        summary?: string;
+        updated_at?: string;
+        json_path?: string;
+        suite_statuses?: Array<{
+            suite_key?: string;
+            passed?: boolean;
+        }>;
+    }
+
+    export interface BootstrapRuntimeAcceptanceFailedHost {
+        host?: string;
+        runs?: number;
+        passed?: number;
+        failed?: number;
+        failed_suites?: number;
+        suite_failure_totals?: Record<string, number>;
+        failure_category_totals?: Record<string, number>;
+        latest_run?: BootstrapRuntimeAcceptanceRun;
+        detail_slug?: string;
+        top_failed_suites?: string[];
+        top_failure_categories?: string[];
+        configured_samples?: Array<{
+            video_id?: number;
+            forge_id?: number;
+        }>;
+        configured_samples_count?: number;
+        rerun_command?: string;
+        likely_issue?: string;
+        top_failure_category?: string;
+        remediation_action?: string;
+    }
+
+    export interface BootstrapRuntimeAcceptanceHostTotal {
+        host?: string;
+        runs?: number;
+        passed?: number;
+        failed?: number;
+        failed_suites?: number;
+        detail_slug?: string;
+    }
+
+    export interface BootstrapRuntimeAcceptancePortalSection {
+        exists?: boolean;
+        runs_count?: number;
+        hosts_count?: number;
+        failed_hosts_count?: number;
+        status_totals?: Record<string, number>;
+        host_totals?: BootstrapRuntimeAcceptanceHostTotal[];
+        failed_hosts?: BootstrapRuntimeAcceptanceFailedHost[];
+        suite_failure_totals?: Record<string, number>;
+        failure_category_totals?: Record<string, number>;
+        rerun_failed_hosts_command?: string;
+        latest_run?: BootstrapRuntimeAcceptanceRun;
+        runs?: BootstrapRuntimeAcceptanceRun[];
+    }
+
+    export interface BootstrapOpsPortalSection {
+        exists?: boolean;
+        bundles_count?: number;
+        open_count?: number;
+        completed_count?: number;
+        published_count?: number;
+        runs_count?: number;
+        tasks_count?: number;
+        priority_p0_count?: number;
+        priority_p1_count?: number;
+        priority_p2_count?: number;
+        priority_p3_count?: number;
+        handoff_ready_to_register_count?: number;
+        handoff_ready_to_apply_count?: number;
+        handoff_ready_for_prepare_count?: number;
+        handoff_ready_to_import_count?: number;
+        handoff_ready_to_release_dry_run_count?: number;
+        handoff_ready_to_publish_count?: number;
+        handoff_attention_count?: number;
+        pipeline_import_policy?: {
+            requested?: boolean;
+            armed?: boolean;
+            enabled?: boolean;
+            mode?: string;
+            source_kind?: string;
+            source_path?: string;
+            summary?: string;
+        };
+        latest_bundle?: BootstrapOpsLatestBundle;
+        latest_entry?: BootstrapOpsLatestEntry;
+        latest_task?: BootstrapOpsLatestTask;
+        latest_run?: BootstrapOpsLatestRun;
+        bundles?: BootstrapOpsLatestBundle[];
+        top_entries?: BootstrapOpsLatestEntry[];
+        entries?: BootstrapOpsLatestEntry[];
+        owner_focus?: BootstrapOpsLatestEntry[];
+        latest_tasks?: BootstrapOpsLatestTask[];
+        runs?: BootstrapOpsLatestRun[];
+        recommended_commands?: Record<string, string>;
+        status_totals?: Record<string, number>;
+    }
+
+    export interface BootstrapOpsSummary {
+        generated_at?: string;
+        portal_root?: string;
+        bootstrap_portal?: BootstrapOpsPortalSection;
+        bootstrap_oncall_portal?: BootstrapOpsPortalSection;
+        bootstrap_completed_portal?: BootstrapOpsPortalSection;
+        tasks_portal?: BootstrapOpsPortalSection;
+        bootstrap_runs_portal?: BootstrapOpsPortalSection;
+        domain_supply?: DomainSupplyRunSummaryData;
+        runtime_acceptance_portal?: BootstrapRuntimeAcceptancePortalSection;
+        runtime_acceptance?: string;
+        runtime_runs?: number;
+        runtime_hosts?: number;
+        runtime_failed_hosts?: number;
+        latest_runtime_acceptance?: BootstrapRuntimeAcceptanceRun;
+        latest_runtime_acceptance_task?: BootstrapOpsLatestTask;
+        latest_domain_supply_task?: BootstrapOpsLatestTask;
+        latest_domain_supply_orchestration_task?: BootstrapOpsLatestTask;
+    }
+
+    export interface BreedingMainlineSummary {
+        mode?: "supply_mainline" | "runtime_guard" | "oncall_push" | "bootstrap_host";
+        label?: string;
+        title?: string;
+        summary?: string;
+        tag_type?: "danger" | "warning" | "info" | "success";
+        focus_label?: string;
+        source_label?: string;
+        program_label?: string;
+        ready_label?: string;
+        current_action_label?: string;
+        next_action_label?: string;
+        lead_host?: string;
+        failed_host?: string;
+        queue_count?: number;
+        blockers_count?: number;
+        primary_action?: string;
+        primary_action_label?: string;
+        secondary_action?: string;
+        secondary_action_label?: string;
+        meta?: string[];
+    }
+
+    export interface BreedingMainlineWorkbenchSummary extends BreedingMainlineSummary {
+        phase_label?: string;
+        dispatch_label?: string;
+        mainline_label?: string;
+    }
+
+    export interface BreedingMainlineProgramSummary extends BreedingMainlineSummary {
+        program_kind?: string;
+    }
+
+    export interface BreedingMainlineOrchestrationSummary extends BreedingMainlineSummary {
+        stage_kind?: string;
+    }
+
+    export interface BreedingMainlineExecutionPlanSummary extends BreedingMainlineSummary {
+        stage_kind?: string;
+        steps?: string[];
+    }
+
+    export interface BreedingMainlineExecutionChainStep {
+        step_key?: string;
+        label?: string;
+        is_current?: boolean;
+        is_next?: boolean;
+    }
+
+    export interface BreedingMainlineActionStep {
+        action_key?: string;
+        label?: string;
+        action?: string;
+        host?: string;
+        is_current?: boolean;
+        is_next?: boolean;
+    }
+
+    export interface BreedingMainlinePriorityStep {
+        priority_key?: string;
+        label?: string;
+        summary?: string;
+        action?: string;
+        host?: string;
+        is_current?: boolean;
+        is_next?: boolean;
+    }
+
+    export interface BreedingMainlineExecutionRankStep {
+        rank_key?: string;
+        lane?: "priority" | "action";
+        label?: string;
+        summary?: string;
+        action?: string;
+        host?: string;
+        is_current?: boolean;
+        is_next?: boolean;
+    }
+
+    export interface BreedingMainlineExecutionRouteStep {
+        route_key?: string;
+        lane?: "priority" | "action" | string;
+        label?: string;
+        summary?: string;
+        action?: string;
+        host?: string;
+        is_current?: boolean;
+        is_next?: boolean;
+    }
+
+    export interface BreedingMainlineExecutionPathStep {
+        path_key?: string;
+        lane?: "priority" | "action" | string;
+        label?: string;
+        summary?: string;
+        action?: string;
+        host?: string;
+        is_current?: boolean;
+        is_next?: boolean;
+    }
+
+    export interface BreedingMainlineExecutionChainSummary extends BreedingMainlineSummary {
+        stage_kind?: string;
+        steps?: BreedingMainlineExecutionChainStep[];
+        steps_count?: number;
+    }
+
+    export interface BreedingMainlineRunbookSummary extends BreedingMainlineSummary {
+        stage_kind?: string;
+        steps?: BreedingMainlineExecutionChainStep[];
+        steps_count?: number;
+    }
+
+    export interface BreedingMainlineDispatchSummary extends BreedingMainlineSummary {
+        stage_kind?: string;
+        dispatch_kind?: string;
+        steps?: BreedingMainlineExecutionChainStep[];
+        steps_count?: number;
+    }
+
+    export interface BreedingMainlineSchedulerSummary extends BreedingMainlineSummary {
+        stage_kind?: string;
+        dispatch_kind?: string;
+        steps?: BreedingMainlineExecutionChainStep[];
+        steps_count?: number;
+    }
+
+    export interface BreedingMainlineControllerSummary extends BreedingMainlineSummary {
+        stage_kind?: string;
+        entry_title?: string;
+        entry_summary?: string;
+        entry_action?: string;
+        entry_action_label?: string;
+        entry_host?: string;
+        followup_action?: string;
+        followup_action_label?: string;
+        resolved_entry_summary?: string;
+        resolved_entry_action?: string;
+        resolved_entry_action_label?: string;
+        resolved_entry_host?: string;
+        resolved_followup_action?: string;
+        resolved_followup_action_label?: string;
+        resolved_followup_host?: string;
+        resolved_current_action_label?: string;
+        resolved_next_action_label?: string;
+        action_order_title?: string;
+        action_order?: BreedingMainlineActionStep[];
+        action_order_count?: number;
+        priority_order_title?: string;
+        priority_order?: BreedingMainlinePriorityStep[];
+        priority_order_count?: number;
+        execution_rank_title?: string;
+        execution_rank?: BreedingMainlineExecutionRankStep[];
+        execution_rank_count?: number;
+        execution_route_title?: string;
+        execution_route?: BreedingMainlineExecutionRouteStep[];
+        execution_route_count?: number;
+        execution_path_title?: string;
+        execution_path?: BreedingMainlineExecutionPathStep[];
+        execution_path_count?: number;
+        execution_path_summary?: string;
+        execution_path_current_label?: string;
+        execution_path_current_action?: string;
+        execution_path_current_host?: string;
+        execution_path_next_label?: string;
+        execution_path_next_action?: string;
+        execution_path_next_host?: string;
+        steps?: BreedingMainlineExecutionChainStep[];
+        steps_count?: number;
+        current_stage_label?: string;
+        next_stage_label?: string;
+        final_stage_label?: string;
+        execution_sequence_title?: string;
+        execution_sequence?: BreedingMainlineExecutionChainStep[];
+        execution_sequence_count?: number;
+        handoff_chain_title?: string;
+        handoff_chain?: BreedingMainlineExecutionChainStep[];
+        handoff_chain_count?: number;
+    }
+
+    export interface BootstrapAdminWorkbenchSummary {
+        generated_at?: string;
+        portal_root?: string;
+        bootstrap_ops?: BootstrapOpsSummary;
+        bootstrap_env?: BootstrapEnvTemplateListData;
+        domain_supply?: DomainSupplyRunSummaryData;
+        breeding_mainline?: BreedingMainlineSummary;
+        breeding_mainline_workbench?: BreedingMainlineWorkbenchSummary;
+        breeding_mainline_program?: BreedingMainlineProgramSummary;
+        breeding_mainline_orchestration?: BreedingMainlineOrchestrationSummary;
+        breeding_mainline_execution_plan?: BreedingMainlineExecutionPlanSummary;
+        breeding_mainline_execution_chain?: BreedingMainlineExecutionChainSummary;
+        breeding_mainline_runbook?: BreedingMainlineRunbookSummary;
+        breeding_mainline_dispatch?: BreedingMainlineDispatchSummary;
+        breeding_mainline_scheduler?: BreedingMainlineSchedulerSummary;
+        breeding_mainline_controller?: BreedingMainlineControllerSummary;
+    }
+
+    export interface BootstrapEnvTemplateActionParams {
+        template: BootstrapEnvTemplateKey;
+    }
+
+    export interface BootstrapEnvHistoryRestoreParams {
+        action_id: string;
+        snapshot_side?: "before" | "after";
+    }
+
+    export interface BootstrapEnvTemplateChange {
+        key: string;
+        type: "added" | "updated";
+        old: string;
+        new: string;
+    }
+
+    export interface BootstrapEnvTemplateActionData {
+        action_id?: string;
+        status: string;
+        action_kind?: string;
+        template: string;
+        template_path: string;
+        env_file: string;
+        parsed_assignment_count: number;
+        ignored_assignment_count: number;
+        changed_count: number;
+        added_count: number;
+        updated_count: number;
+        changes: BootstrapEnvTemplateChange[];
+        impact_groups: BootstrapEnvImpactGroup[];
+        source: string;
+        action_at: string;
+        restore_supported?: boolean;
+        restore_available_sides?: Array<"before" | "after">;
+        restore_from_action_id?: string;
+        restore_snapshot_side?: "before" | "after";
+        restore_from_template?: string;
+        restore_from_status?: string;
+        snapshot_before?: Record<string, string>;
+        snapshot_after?: Record<string, string>;
+        restore_preview?: Partial<Record<"before" | "after", BootstrapEnvRestorePreviewSide>>;
+    }
 }
diff --git a/src/api/interface/site/subject/fomart/group.ts b/src/api/interface/site/subject/fomart/group.ts
index fe5a20d..4414466 100644
--- a/src/api/interface/site/subject/fomart/group.ts
+++ b/src/api/interface/site/subject/fomart/group.ts
@@ -1,28 +1,21 @@
 import { ReqPage, ResultData } from "@/api/interface/index";
 export namespace GroupList {
-    // 查询接口
     export interface ReqParams extends ReqPage {
         key?: string;
     }
-    // 保存接口
     export interface saveParams {
         sfg_id?: number;
         sfg_name: string;
         sfg_description: string;
         
     }
-    // 删除接口
     export interface delParams {
         sfg_id?: string;
     }
-   
-    // 列表接口响应
     export interface ResList {
         sfg_id?: number;
         sfg_name: string;
         sfg_description: string;
     }
-
-    // 保存删除响应接口
     export interface ResData extends ResultData {}
 }
diff --git a/src/api/interface/site/subject/fomart/list.ts b/src/api/interface/site/subject/fomart/list.ts
index af6cf5c..51f048e 100644
--- a/src/api/interface/site/subject/fomart/list.ts
+++ b/src/api/interface/site/subject/fomart/list.ts
@@ -1,28 +1,21 @@
 import { ReqPage, ResultData } from "@/api/interface/index";
 export namespace SubjectFomartList {
-    // 查询接口
     export interface ReqParams extends ReqPage {
         key?: string;
+        sfg_id?: number | string;
     }
-    // 保存接口
     export interface saveParams {
-        sf_id?: number;
-        sf_name: string;
-        sf_description: string;
-        
+        sf_id?: number | string;
+        sf_val: string;
+        sfg_id: number | string;
     }
-    // 删除接口
     export interface delParams {
         sf_id?: string;
     }
-   
-    // 列表接口响应
     export interface ResList {
-        sf_id?: number;
-        sf_name: string;
-        sf_description: string;
+        sf_id: number;
+        sf_val: string;
+        sfg_id: number;
     }
-
-    // 保存删除响应接口
     export interface ResData extends ResultData {}
 }
diff --git a/src/api/interface/site/tkdarg.ts b/src/api/interface/site/tkdarg.ts
new file mode 100644
index 0000000..e50f6a8
--- /dev/null
+++ b/src/api/interface/site/tkdarg.ts
@@ -0,0 +1,12 @@
+import { ReqPage } from "@/api/interface/index";
+
+export namespace TkdArgList {
+    export interface ReqParams extends ReqPage {}
+
+    export type ResMap = Record<string, string>;
+
+    export interface ResList {
+        tkdarg_code: string;
+        tkdarg_description: string;
+    }
+}
diff --git a/src/api/interface/spread/list.ts b/src/api/interface/spread/list.ts
index 2d9fc51..288695b 100644
--- a/src/api/interface/spread/list.ts
+++ b/src/api/interface/spread/list.ts
@@ -1,27 +1,21 @@
 import { ReqPage, ResultData } from "@/api/interface/index";
 export namespace SpreadList {
-    // 查询接口
     export interface ReqParams extends ReqPage {
         key?: string;
     }
-    // 保存接口
     export interface saveParams {
         rl_id?: number;
         rl_level: any;
         rl_commission_percentage: any;
     }
-    // 删除接口
     export interface delParams {
         rl_id?: string;
     }
-    // 列表接口响应
     export interface ResList {
         rl_id: number;
         rl_level: any;
         rl_commission_percentage: any;
         created_at: string;
     }
-
-    // 保存删除响应接口
     export interface ResData extends ResultData {}
 }
diff --git a/src/api/interface/spread/referral.ts b/src/api/interface/spread/referral.ts
index 3a77b27..9d51379 100644
--- a/src/api/interface/spread/referral.ts
+++ b/src/api/interface/spread/referral.ts
@@ -1,21 +1,17 @@
 import { ReqPage, ResultData } from "@/api/interface/index";
 export namespace ReferralList {
-    // 查询接口
     export interface ReqParams extends ReqPage {
         key?: string;
         re_id?: string;
         re_level?: string;
         have_referral_people?: string;
     }
-    // 保存接口
     export interface saveParams {
         mu_id?: number;
     }
-    // 删除接口
     export interface delParams {
         mu_id?: string;
     }
-    // 列表接口响应
     export interface ResList {
         mu_id: number;
         mu_username: any;
@@ -27,7 +23,5 @@ export namespace ReferralList {
         rl_commission_percentage: any;
         created_at: string;
     }
-
-    // 保存删除响应接口
     export interface ResData extends ResultData {}
 }
diff --git a/src/api/interface/system/ad.ts b/src/api/interface/system/ad.ts
index d3430e4..9409ead 100644
--- a/src/api/interface/system/ad.ts
+++ b/src/api/interface/system/ad.ts
@@ -15,7 +15,6 @@ export namespace adGroup {
         ag_name: any;
         ag_description: any;
     }
-    // 查询接口
     export interface ReqParams extends ReqPage {
         page: number;
         limit: number;
@@ -46,7 +45,6 @@ export namespace adList {
         target_si_id?: any;
         a_description: any;
     }
-    // 查询接口
     export interface ReqParams extends ReqPage {
         page: number;
         limit: number;
@@ -85,7 +83,6 @@ export namespace adTemplate {
         updated_at: string; // 更新时间
         a_type: any;
     }
-    // 查询接口
     export interface ReqParams extends ReqPage {
         page: number;
         limit: number;
diff --git a/src/api/interface/system/adminUser.ts b/src/api/interface/system/adminUser.ts
index 39ea2d1..c29aa7d 100644
--- a/src/api/interface/system/adminUser.ts
+++ b/src/api/interface/system/adminUser.ts
@@ -1,32 +1,25 @@
 import { ReqPage, ResultData } from "@/api/interface/index";
 export namespace adminUserList {
-    // 查询接口
     export interface ReqParams extends ReqPage {
         key?: string;
     }
-    // 保存接口
     export interface saveParams {
-        au_name: number; // Y	用户名
-        ar_id: number; // Y	角色ID
+        au_name: string; // Y 用户名
+        au_status: number | string; // Y 0=启用，1=禁用
         au_id?: number; // N	用户id[提交修改,不提交新增]
-        au_pwd: string; // N	用户密码
-        c_id: number; // N	公司id[超级管理员/总公司，设置用户，必须传送c_id也就是公司]
+        au_pwd?: string; // N 用户密码
     }
-    // 删除接口
     export interface delParams {
         au_id?: string;
     }
-    // 列表接口响应
     export interface ResList {
         au_id: number; // Y	用户id
         au_name: string; // Y	用户名
-        ar_id: number; // Y	角色ID
-        c_id: number; // Y	公司ID
-        created_at: string; // Y	添加时间
-        updated_at: string; // Y	更新时间
-        au_pwd: string; //
+        au_status: number; // Y 0=启用，1=禁用
+        created_at: string; // Y 添加时间
+        updated_at: string | null; // Y 更新时间
+        deleted_at: string | null;
+        au_pwd: string;
     }
-
-    // 保存删除响应接口
     export interface ResData extends ResultData {}
 }
diff --git a/src/api/interface/system/bot.ts b/src/api/interface/system/bot.ts
deleted file mode 100644
index 92c9adf..0000000
--- a/src/api/interface/system/bot.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { ReqPage, ResultData } from "@/api/interface/index";
-export namespace BotSetting {
-    // 查询接口
-    export interface ReqParams extends ReqPage {
-        pr_name?: string;
-    }
-    // 保存接口
-    export interface saveParams {
-        ta_id?: number; // 否	ID ,有则修改，无则新增
-        ta_name: string; // 是	机器人名字
-        ta_token: string; // 是	机器人TOKEN
-        ta_chat_id: string; // 是	机器人群ID
-    }
-    // 删除接口
-    export interface delParams {
-        ta_id?: string;
-    }
-    // 列表接口响应
-    export interface ResList {
-        ta_id: number; // 否	ID
-        ta_name: string; // 是	机器人名字
-        ta_token: string; // 是	机器人TOKEN
-        ta_chat_id: string; // 是	机器人群ID
-        c_id: number; // 是	公司id
-        created_at: string; //	是	添加时间
-        updated_at: string; // 否	更新时间
-        deleted_at: string; // 否	删除时间
-    }
-    // 保存删除响应接口
-    export interface ResData extends ResultData {}
-}
diff --git a/src/api/interface/system/caChe/es.ts b/src/api/interface/system/caChe/es.ts
deleted file mode 100644
index c8c13a6..0000000
--- a/src/api/interface/system/caChe/es.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { ReqPage, ResultData } from "@/api/interface/index";
-export namespace EsList {
-    // 查询接口
-    export interface ReqParams extends ReqPage {
-        key?: string;
-        t_type?: any;
-    }
-    // 保存接口
-    export interface saveParams {
-        index_name: any;
-    }
-    // 删除接口
-    export interface delParams {}
-    // 列表接口响应
-    export interface ResList {
-        index: any;
-        name: any;
-        index_name: any;
-        created_at: string;
-    }
-    // 保存删除响应接口
-    export interface ResData extends ResultData {}
-}
diff --git a/src/api/interface/system/caChe/manage.ts b/src/api/interface/system/caChe/manage.ts
deleted file mode 100644
index 9455a38..0000000
--- a/src/api/interface/system/caChe/manage.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { ReqPage, ResultData } from "@/api/interface/index";
-export namespace ManageList {
-    // 查询接口
-    export interface ReqParams extends ReqPage {
-        key?: string;
-    }
-    // 保存接口
-    export interface saveParams {
-        key: any;
-    }
-    // 删除接口
-    export interface delParams {
-        key?: any;
-        cache_tag?: any;
-    }
-    // 列表接口响应
-    export interface ResList {
-        key: any;
-        suffix: any;
-        prefix: any;
-        cache_tag: any;
-        value: any;
-        name: any;
-        cache_tag_name: any;
-        item: any;
-        p_tag: any;
-        p_id: any;
-        children: any;
-        length: any;
-    }
-    // 保存删除响应接口
-    export interface ResData extends ResultData {}
-}
diff --git a/src/api/interface/system/company.ts b/src/api/interface/system/company.ts
deleted file mode 100644
index d3e163a..0000000
--- a/src/api/interface/system/company.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-import { ReqPage, ResultData } from "@/api/interface/index";
-export namespace Company {
-    // 查询接口
-    export interface ReqParams extends ReqPage {
-        key?: string;
-    }
-    // 保存接口
-    export interface saveParams {
-        c_id?: number;
-        c_superpower: number;
-        c_code: string;
-        c_name: string;
-        c_sign_key: string;
-        c_notify_url: string;
-        c_withdrawal_rate?: number; //int	是	提现费率
-        c_min_withdrawal_amount?: number; //int	是	起提金额
-        c_free_withdrawal_amount?: number; //int	是	免手续费提现金额
-    }
-    // 删除接口
-    export interface delParams {
-        c_id?: string;
-    }
-    // 列表接口响应
-    export interface ResList {
-        c_id: number; // Y	id
-        c_superpower: number; // Y	是否拥有所有数据权限：0=否,1=是
-        c_code: string; // Y	公司编码
-        c_name: string; // Y	公司名称
-        c_init_user: string; // Y	创建时间
-        c_init_pwd: string; // Y	更新时间
-        created_at: string; // Y
-        updated_at: string; // Y
-        c_sign_key?: string; // Y
-        c_notify_url?: string; // Y
-        c_withdrawal_rate?: number; //int	是	提现费率
-        c_min_withdrawal_amount?: number; //int	是	起提金额
-        c_free_withdrawal_amount?: number; //int	是	免手续费提现金额
-    }
-    // 保存删除响应接口
-    export interface ResData extends ResultData {}
-}
diff --git a/src/api/interface/system/config.ts b/src/api/interface/system/config.ts
index f1793a2..2309817 100644
--- a/src/api/interface/system/config.ts
+++ b/src/api/interface/system/config.ts
@@ -1,27 +1,22 @@
 import { ReqPage, ResultData } from "@/api/interface/index";
 export namespace ConfigList {
-    // 查询接口
     export interface ReqParams extends ReqPage {
         key?: string;
     }
-    // 保存接口
     export interface saveParams {
         sc_id?: number;
         sc_code: string;
         sc_val: string;
         sc_description: string;
     }
-    // 删除接口
     export interface delParams {
         sc_id: string;
     }
-    // 列表接口响应
     export interface ResList {
         sc_id: number;
         sc_code: string;
         sc_val: string;
         sc_description: string;
     }
-    // 保存删除响应接口
     export interface ResData extends ResultData {}
 }
diff --git a/src/api/interface/system/endpoint.ts b/src/api/interface/system/endpoint.ts
deleted file mode 100644
index 20a75f3..0000000
--- a/src/api/interface/system/endpoint.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-// import { ReqPage, ResultData } from "@/api/interface/index";
-import { ReqPage } from "@/api/interface/index";
-
-export namespace Endpoint {
-    // 查询接口
-    export interface ReqParams extends ReqPage {
-        key?: string;
-    }
-    export interface saveParams {
-        zydd_id?: number;
-        zydd_domain: any;
-    }
-    // 列表接口响应
-    export interface List {
-        zydd_id: number;
-        zydd_domain: any;
-        zydd_ming_zi: any;
-        zydd_code: any;
-        created_at: string;
-    }
-    export interface delParams {
-        zydd_id?: string;
-    }
-}
diff --git a/src/api/interface/system/endpointGroup.ts b/src/api/interface/system/endpointGroup.ts
deleted file mode 100644
index 9424ef0..0000000
--- a/src/api/interface/system/endpointGroup.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-// import { ReqPage, ResultData } from "@/api/interface/index";
-import { ReqPage } from "@/api/interface/index";
-
-export namespace EndpointGroup {
-    // 列表接口响应
-    export interface List {
-        reg_id: number; //	资源端点分组 ID
-        reg_code: string; // 资源端点分组编码
-        reg_name: string; // 资源端点分组名称
-        reg_description: string;
-        created_at: string; // 添加时间
-        updated_at: string; // 更新时间
-    }
-    // 查询接口
-    export interface ReqParams extends ReqPage {
-        page: number;
-        limit: number;
-        key?: string;
-    }
-    export interface delParams {
-        reg_id?: string;
-    }
-}
diff --git a/src/api/interface/system/gather.ts b/src/api/interface/system/gather.ts
index 78feb49..afd4980 100644
--- a/src/api/interface/system/gather.ts
+++ b/src/api/interface/system/gather.ts
@@ -1,20 +1,16 @@
 import { ReqPage, ResultData } from "@/api/interface/index";
 export namespace GatherList {
-    // 查询接口
     export interface ReqParams extends ReqPage {
         key?: string;
     }
-    // 保存接口
     export interface saveParams {
         cjpz_id: any;
         cjpz_val: string;
         cjpz_code: string;
     }
-    // 删除接口
     export interface delParams {
         cjpz_id?: string;
     }
-    // 列表接口响应
     export interface ResList {
         cjpz_id: number;
         cjpz_val: string;
@@ -22,6 +18,5 @@ export namespace GatherList {
         cjpz_description: string;
         created_at: string;
     }
-    // 保存删除响应接口
     export interface ResData extends ResultData {}
 }
diff --git a/src/api/interface/system/logs.ts b/src/api/interface/system/logs.ts
deleted file mode 100644
index 23a0e2e..0000000
--- a/src/api/interface/system/logs.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { ReqPage, ResultData } from "@/api/interface/index";
-export namespace LogsList {
-    // 查询接口
-    export interface ReqParams extends ReqPage {
-        pr_name?: string;
-    }
-
-    // 列表接口响应
-    export interface ResList {
-        ol_id: number; // 否	ID
-        au_id: number; // 是	用户ID
-        au_name: string; // 是	用户名
-        ol_description: string; // 是	操作日志
-        c_id: number; // 是	公司id
-        created_at: string; // 是	添加时间
-        updated_at: string; // 否	更新时间
-        deleted_at: string; // 否	删除时间
-    }
-    // 保存删除响应接口
-    export interface ResData extends ResultData {}
-}
diff --git a/src/api/interface/system/node.ts b/src/api/interface/system/node.ts
deleted file mode 100644
index cf00a34..0000000
--- a/src/api/interface/system/node.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import { ReqPage, ResultData } from "@/api/interface/index";
-export namespace NodeList {
-    // 查询接口
-    export interface ReqParams extends ReqPage {
-        key?: string;
-    }
-
-    // 保存接口
-    export interface saveParams {
-        an_id: number;
-        an_name: string;
-        an_code: string;
-        an_is_dir: number;
-        an_pid: number;
-        an_is_hidden: number;
-    }
-    // 删除接口
-    export interface delParams {
-        an_id?: string;
-    }
-    // 列表接口响应
-    export interface ResList {
-        id: number;
-        an_id: number;
-        an_pid: number;
-        an_name: string;
-        an_code: string;
-        label: string;
-        an_is_dir: number;
-        an_is_hidden: number;
-        created_at: number;
-        children: ResList[];
-    }
-    // 保存删除响应接口
-    export interface ResData extends ResultData {}
-}
diff --git a/src/api/interface/system/notice.ts b/src/api/interface/system/notice.ts
deleted file mode 100644
index a0b70b0..0000000
--- a/src/api/interface/system/notice.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { ReqPage, ResultData } from "@/api/interface/index";
-export namespace NoticeSetting {
-    // 查询接口
-    export interface ReqParams extends ReqPage {
-        key?: string;
-    }
-    // 保存接口
-    export interface saveParams {
-        ntt_code: string; // 是	通知类型编码
-        nt_status: number; // 是	是否启用,0=>否,1=>是
-        ta_id: string; // 是	使用的机器人ID
-        nt_tagged_users: string; // 是	需要@的人的名字
-    }
-    // 删除接口
-    // export interface delParams {
-    //   ta_id?: string;
-    // }
-    // 列表接口响应
-    export interface ResList {
-        ntt_id: number; // 否	通知类型模板ID
-        ntt_name: string; // 是	通知类型的名称
-        ntt_code: string; // 是	通知类型编码
-        nt_status: number; // 是	是否启用,0=>否,1=>是
-        ta_id: any; // 否	使用的机器人ID
-        telegram_account: any; // 是	使用的机器人详情
-        nt_tagged_users: string; // 是	需要@的人的名字
-    }
-    // 保存删除响应接口
-    export interface ResData extends ResultData {}
-}
diff --git a/src/api/interface/system/role.ts b/src/api/interface/system/role.ts
deleted file mode 100644
index d40151f..0000000
--- a/src/api/interface/system/role.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import { ReqPage, ResultData } from "@/api/interface/index";
-export namespace RoleList {
-    export interface ListReq extends ReqPage {}
-    export interface ListResp {
-        ar_id: number;
-        an_id?: string;
-        ar_name: string;
-        created_at: string;
-        updated_at: string;
-        admin_role_node: admin_role_node[];
-        an_ids: string;
-    }
-
-    export interface CreateReq {
-        ar_name: string;
-        ar_id: number;
-        an_id: string;
-    }
-
-    export interface CreateResp extends ResultData {}
-
-    export interface DeleteReq {
-        ar_id: string;
-    }
-
-    export interface admin_role_node {
-        an_id: number;
-        ar_id: number;
-    }
-
-    export interface DeleteResp extends ResultData {}
-}
diff --git a/src/api/interface/system/taskPlan.ts b/src/api/interface/system/taskPlan.ts
index 70118b9..4bb2e7d 100644
--- a/src/api/interface/system/taskPlan.ts
+++ b/src/api/interface/system/taskPlan.ts
@@ -1,34 +1,30 @@
 import { ReqPage, ResultData } from "@/api/interface/index";
 export namespace taskPlan {
-    // 查询接口
     export interface ReqParams extends ReqPage {
         key?: string;
     }
-    // 保存接口
     export interface saveParams {
         pt_enable: number; // Y	任务开关,0=关闭,1=开启
         pt_limit: number; // Y	任务频率,单位：秒
         pt_id?: number; // Y	ID
-        pt_name: any;
+        pt_name?: any;
+        pt_code?: any;
     }
-    // 删除接口
     export interface delParams {
         pt_id?: string;
     }
-    // 列表接口响应
     export interface ResList {
         pt_id: number; // Y	id
         pt_enable: any; // Y	任务开关,0=关闭,1=开启
         pt_limit?: any | undefined; // Y	任务频率
         created_at: any; // Y	创建时间
         pt_name: any;
+        pt_code?: any;
         pt_last_exec: any;
     }
-    // map接口
     export interface ResMap {
         p_id: number;
         p_name: string;
     }
-    // 保存删除响应接口
     export interface ResData extends ResultData {}
 }
diff --git a/src/api/interface/system/webRoute.ts b/src/api/interface/system/webRoute.ts
index 0042607..565793e 100644
--- a/src/api/interface/system/webRoute.ts
+++ b/src/api/interface/system/webRoute.ts
@@ -3,7 +3,6 @@ interface AdminRoleNode {
     an_pid: number;
     an_name: string;
     an_code: string;
-    //children?: AdminRoleNode[];
     children?: AdminRoleNode[] | undefined;
 }
 export interface AdminRole {
diff --git a/src/api/interface/tab/list.ts b/src/api/interface/tab/list.ts
deleted file mode 100644
index e6b452f..0000000
--- a/src/api/interface/tab/list.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import { ReqPage, ResultData } from "@/api/interface/index";
-export namespace TabList {
-    // 查询接口
-    export interface ReqParams extends ReqPage {
-        key?: string;
-        t_type?: any;
-    }
-    // 保存接口
-    export interface saveParams {
-        tab_id?: number;
-        tab_name: string;
-        tab_code: string;
-        tab_iframe_url: string;
-        tab_open_mode: any;
-        tab_tag_status: any;
-        tab_tag_type: any;
-        tab_tag: any;
-        tab_icon: any;
-        tab_highlight_icon: any;
-        tab_order: number;
-    }
-    // 删除接口
-    export interface delParams {
-        tab_id?: string;
-    }
-    // 列表接口响应
-    export interface ResList {
-        tab_id: number;
-        tab_name: string;
-        tab_code: string;
-        tab_iframe_url: string;
-        tab_open_mode: any;
-        tab_tag_detail: any;
-        tab_tag_status: any;
-        tab_tag_type: any;
-        tab_tag: any;
-        tab_icon: any;
-        tab_highlight_icon: any;
-        searchText: any;
-        tab_order: number;
-    }
-    // 保存删除响应接口
-    export interface ResData extends ResultData {}
-}
diff --git a/src/api/interface/tag/list.ts b/src/api/interface/tag/list.ts
deleted file mode 100644
index 6a96603..0000000
--- a/src/api/interface/tag/list.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { ReqPage, ResultData } from "@/api/interface/index";
-export namespace TagList {
-    // 查询接口
-    export interface ReqParams extends ReqPage {
-        key?: string;
-        t_type?: any;
-        t_hidden?: any;
-    }
-    // 保存接口
-    export interface saveParams {
-        t_id?: number;
-        t_name: string;
-        t_hidden: number;
-        t_type: number;
-        t_order: number;
-        t_logo: string;
-        t_probability: any;
-    }
-    export interface batchParams {
-        t_id?: number;
-        t_probability: any;
-    }
-    // 删除接口
-    export interface delParams {
-        t_id?: string;
-    }
-    // 列表接口响应
-    export interface ResList {
-        t_id: any;
-        t_name: string;
-        t_hidden: any;
-        t_type: number;
-        t_order: number;
-        t_logo: string;
-        created_at: string;
-        t_probability: any;
-    }
-    // 保存删除响应接口
-    export interface ResData extends ResultData {}
-}
diff --git a/src/api/interface/video/fenlei.ts b/src/api/interface/video/fenlei.ts
index f5fdd12..7ef85e8 100644
--- a/src/api/interface/video/fenlei.ts
+++ b/src/api/interface/video/fenlei.ts
@@ -1,20 +1,16 @@
 import { ReqPage, ResultData } from "@/api/interface/index";
 export namespace fenLeiList {
-    // 查询接口
     export interface ReqParams extends ReqPage {
         key?: string;
     }
-    // 保存接口
     export interface saveParams {
         fl_id?: number;
         fl_mingzi: string;
         fl_leixing: any;
     }
-    // 删除接口
     export interface delParams {
         fl_id?: string;
     }
-    // 列表接口响应
     export interface ResList {
         fl_id: any;
         fl_mingzi: any;
@@ -23,6 +19,5 @@ export namespace fenLeiList {
         fl_pid: any;
         children: any;
     }
-    // 保存删除响应接口
     export interface ResData extends ResultData {}
 }
diff --git a/src/api/interface/video/list.ts b/src/api/interface/video/list.ts
index 3bc61f8..fbda01a 100644
--- a/src/api/interface/video/list.ts
+++ b/src/api/interface/video/list.ts
@@ -1,12 +1,10 @@
 import { ReqPage, ResultData } from "@/api/interface/index";
 export namespace VideoList {
-    // 查询接口
     export interface ReqParams extends ReqPage {
         key?: string;
         sp_is_vip?: string;
         fl_id?: string;
     }
-    // 保存接口
     export interface saveParams {
         sp_id?: number;
         sp_name: string;
@@ -17,11 +15,9 @@ export namespace VideoList {
         v_wonderful_site_id: any;
         v_recommend_site_id: any;
     }
-    // 删除接口
     export interface delParams {
         sp_id?: string;
     }
-    // 列表接口响应
     export interface ResList {
         sp_id: any;
         sp_name: string;
@@ -30,12 +26,56 @@ export namespace VideoList {
         sp_fengmian: any;
         sp_biaoqian: any;
         sp_is_vip: any;
+        sp_tui_jian_shi_jian?: any;
         sp_fengmian_url: any;
         sp_shichang: any;
         sp_source_code: any;
         created_at: any;
         message: any;
+        searchText?: string;
+        xsxq_id?: any;
+        keywords?: any;
+        v_name?: any;
+        v_name_en?: any;
+        v_pic?: any;
+        v_year?: any;
+        v_lang?: any;
+        v_area?: any;
+        v_actor?: any;
+        v_director?: any;
+        v_parent_category?: any;
+        v_category?: any;
+        v_description?: any;
+        v_publish_date?: any;
+        v_level?: any;
+        v_box_office?: any;
+        v_cover?: any;
+        v_cover_code?: any;
+        v_cover_edit?: any;
+        v_tag?: any;
+        v_describe?: any;
+        v_vip?: any;
+        v_status?: any;
+        v_wonderful_status?: any;
+        v_recommend_status?: any;
+        v_wonderful_site_id?: any;
+        v_recommend_site_id?: any;
+        v_play_time?: any;
+        v_play_url?: any;
+        v_play_url_detail?: any;
+        v_down_url?: any;
+        v_down_url_detail?: any;
+        n_cover?: any;
+        n_cover_code?: any;
+        n_cover_detail?: any;
+        n_tags?: any;
+        n_name?: any;
+        n_author?: any;
+        n_source_id?: any;
+        n_at_status?: any;
+        n_type?: any;
+        t_name?: any;
+        tag_list?: any;
     }
-    // 保存删除响应接口
     export interface ResData extends ResultData {}
 }
diff --git a/src/api/interface/video/nvyou.ts b/src/api/interface/video/nvyou.ts
index 0cd23c7..584e4aa 100644
--- a/src/api/interface/video/nvyou.ts
+++ b/src/api/interface/video/nvyou.ts
@@ -1,24 +1,19 @@
 import { ReqPage, ResultData } from "@/api/interface/index";
 export namespace nvYouList {
-    // 查询接口
     export interface ReqParams extends ReqPage {
         key?: string;
     }
-    // 保存接口
     export interface saveParams {
         ny_id?: number;
     }
-    // 删除接口
     export interface delParams {
         ny_id?: string;
     }
-    // 列表接口响应
     export interface ResList {
         ny_id: any;
         ny_cover_url: any;
         ny_pinyin: any;
         ny_name: any;
     }
-    // 保存删除响应接口
     export interface ResData extends ResultData {}
 }
diff --git a/src/api/interface/videoFeedback/list.ts b/src/api/interface/videoFeedback/list.ts
deleted file mode 100644
index 636750b..0000000
--- a/src/api/interface/videoFeedback/list.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import { ReqPage, ResultData } from "@/api/interface/index";
-export namespace videoFeedbackList {
-    // 查询接口
-    export interface ReqParams extends ReqPage {
-        key?: string;
-        vf_reason?: any;
-    }
-    // 保存接口
-    export interface saveParams {
-        vf_id?: number;
-        v_name: string;
-        mu_name: number;
-        vf_status: any;
-        vf_reason: string;
-        vf_remarks: number;
-    }
-    // 删除接口
-    export interface delParams {
-        vf_id?: string;
-    }
-    // 列表接口响应
-    export interface ResList {
-        vf_id: number;
-        v_name: string;
-        mu_name: number;
-        vf_status: any;
-        vf_reason: string;
-        vf_ip: string;
-        vf_remarks: number;
-        created_at: string;
-    }
-    // 保存删除响应接口
-    export interface ResData extends ResultData {}
-}
diff --git a/src/api/modules/activity/drive.ts b/src/api/modules/activity/drive.ts
index bc3ba7e..e8c3cab 100644
--- a/src/api/modules/activity/drive.ts
+++ b/src/api/modules/activity/drive.ts
@@ -3,21 +3,12 @@ import { DriveList } from "@/api/interface/activity/drive";
 import { ACTIVITY_PORT } from "@/api/config/servicePort";
 import http from "@/api";
 
-/**
- * @name 活动列表
- */
 export const getList = (params: DriveList.ReqParams) => {
     return http.get<ResPage<DriveList.ResList>>(ACTIVITY_PORT + `/drive/list`, params);
 };
-/**
- * @name 设置活动
- */
 export const saveData = (params: DriveList.saveParams) => {
     return http.post<ResPage<ResultData>>(ACTIVITY_PORT + `/manage/save`, params);
 };
-/**
- * @name 删除活动
- */
 export const deleteItem = (params: DriveList.delParams) => {
     return http.post<ResPage<ResultData>>(ACTIVITY_PORT + `/drive/del`, params);
 };
diff --git a/src/api/modules/activity/manage.ts b/src/api/modules/activity/manage.ts
index 62ee11e..d6c07fa 100644
--- a/src/api/modules/activity/manage.ts
+++ b/src/api/modules/activity/manage.ts
@@ -3,21 +3,12 @@ import { ManageList } from "@/api/interface/activity/manage";
 import { ACTIVITY_PORT } from "@/api/config/servicePort";
 import http from "@/api";
 
-/**
- * @name 分享链接列表
- */
 export const getList = (params: ManageList.ReqParams) => {
     return http.get<ResPage<ManageList.ResList>>(ACTIVITY_PORT + `/manage/list`, params);
 };
-/**
- * @name 设置分享链接
- */
 export const saveData = (params: ManageList.saveParams) => {
     return http.post<ResPage<ResultData>>(ACTIVITY_PORT + `/manage/save`, params);
 };
-/**
- * @name 删除分享链接
- */
 export const deleteItem = (params: ManageList.delParams) => {
     return http.post<ResPage<ResultData>>(ACTIVITY_PORT + `/manage/del`, params);
 };
diff --git a/src/api/modules/ad/by.ts b/src/api/modules/ad/by.ts
index 3fff76f..a93c5f4 100644
--- a/src/api/modules/ad/by.ts
+++ b/src/api/modules/ad/by.ts
@@ -3,9 +3,6 @@ import { ByList } from "@/api/interface/ad/by";
 import http from "@/api";
 import { getGuangGaoBaoYangRuZhuListApiUrl } from "@/api/config";
 
-/**
- * @name 广告列表 -- by
- */
 export const ListApi = (params: ByList.ReqParams) => {
     return http.get<ResPage<ByList.ResList>>(getGuangGaoBaoYangRuZhuListApiUrl, params);
 };
diff --git a/src/api/modules/ad/config.ts b/src/api/modules/ad/config.ts
index 7fc71ea..248f55b 100644
--- a/src/api/modules/ad/config.ts
+++ b/src/api/modules/ad/config.ts
@@ -3,9 +3,6 @@ import { ConfigList } from "@/api/interface/ad/config";
 import { getGuangGaoGgpzListApiUrl, getGuangGaoGgpzSaveApiUrl } from "@/api/config";
 import http from "@/api";
 
-/**
- * @name 广告配置列表
- */
 export const getList = (params: ConfigList.ReqParams) => {
     return http.get<ResPage<ConfigList.ResList>>(getGuangGaoGgpzListApiUrl, params);
 };
@@ -13,17 +10,6 @@ export const getList = (params: ConfigList.ReqParams) => {
 export const getAllList = () => {
     return http.get<ResPage<ConfigList.ResList>>(getGuangGaoGgpzListApiUrl, { limit: 1000, page: 1 });
 };
-/**
- * @name 设置广告配置
- */
 export const saveData = (params: ConfigList.saveParams) => {
     return http.post<ResPage<ResultData>>(getGuangGaoGgpzSaveApiUrl, params);
 };
-
-/**
-/**
- * @name 删除广告配置
- */
-export const deleteItem = (params: ConfigList.delParams) => {
-    return http.post<ResPage<ResultData>>(getGuangGaoGgpzSaveApiUrl, params);
-};
diff --git a/src/api/modules/ad/group.ts b/src/api/modules/ad/group.ts
index 1761b94..c055e2d 100644
--- a/src/api/modules/ad/group.ts
+++ b/src/api/modules/ad/group.ts
@@ -3,9 +3,7 @@ import { GroupList } from "@/api/interface/ad/group";
 import { getGuangGaoMainGroupListApiUrl, getGuangGaoMainGroupSaveApiUrl, getGuangGaoMainGroupDelApiUrl } from "@/api/config";
 import http from "@/api";
 
-/**
- * @name 广告分组列表
- */
+
 export const getList = (params: GroupList.ReqParams) => {
     return http.get<ResPage<GroupList.ResList>>(getGuangGaoMainGroupListApiUrl, params);
 };
@@ -13,24 +11,17 @@ export const getList = (params: GroupList.ReqParams) => {
 export const getAllList = () => {
     return http.get<ResPage<GroupList.ResList>>(getGuangGaoMainGroupListApiUrl, { limit: 1000, page: 1 });
 };
-/**
- * @name 设置广告分组
- */
+
 export const saveData = (params: GroupList.saveParams) => {
     return http.post<ResPage<ResultData>>(getGuangGaoMainGroupSaveApiUrl, params);
 };
 
-/**
-/**
- * @name 删除广告分组
- */
+
 export const deleteItem = (params: GroupList.delParams) => {
     return http.post<ResPage<ResultData>>(getGuangGaoMainGroupDelApiUrl, params);
 };
 
-/**
- * @name 广告分组列表--全部数据
- */
+
 export const adGroupAllListApi = () => {
-    return http.get(getGuangGaoMainGroupListApiUrl, { page: 1, limit: 365 });
+    return http.get<ResPage<GroupList.ResList>>(getGuangGaoMainGroupListApiUrl, { page: 1, limit: 365 });
 };
diff --git a/src/api/modules/ad/lf.ts b/src/api/modules/ad/lf.ts
index d465ff8..ea20281 100644
--- a/src/api/modules/ad/lf.ts
+++ b/src/api/modules/ad/lf.ts
@@ -3,9 +3,7 @@ import { LfList } from "@/api/interface/ad/lf";
 import http from "@/api";
 import { getGuangGaoLouFengListApiUrl } from "@/api/config";
 
-/**
- * @name 广告列表 -- lf
- */
+
 export const ListApi = (params: LfList.ReqParams) => {
     return http.get<ResPage<LfList.ResList>>(getGuangGaoLouFengListApiUrl, params);
 };
diff --git a/src/api/modules/ad/list.ts b/src/api/modules/ad/list.ts
index 570095b..7d5dd3f 100644
--- a/src/api/modules/ad/list.ts
+++ b/src/api/modules/ad/list.ts
@@ -3,42 +3,22 @@ import { adList } from "@/api/interface/ad/list";
 import http from "@/api";
 import { getGuangGaoMainListApiUrl, getGuangGaoMainSaveApiUrl, getGuangGaoMainDelApiUrl } from "@/api/config";
 
-/**
- * @name 广告列表
- */
+
 export const ListApi = (params: adList.ReqParams) => {
     return http.get<ResPage<adList.List>>(getGuangGaoMainListApiUrl, params);
 };
 
-/**
- * @name 新增广告
- */
+
 export const SaveApi = (params: adList.ReqParams) => {
     return http.post<ResPage<adList.List>>(getGuangGaoMainSaveApiUrl, params);
 };
 
-/**
- * @name 删除广告
- */
+
 export const DelApi = (params: adList.delParams) => {
     return http.post<ResPage<adList.List>>(getGuangGaoMainDelApiUrl, params);
 };
 
-/**
- * @name 批量设置广告
- */
+
 export const batchData = (params: adList.batchParams) => {
     return http.post<ResPage<adList.List>>(getGuangGaoMainSaveApiUrl, params);
 };
-/**
- * @name 批量替换广告内容
- */
-export const batchReplaceData = (params: adList.batchReplaceParams) => {
-    return http.post<ResPage<adList.List>>(`/admin/ad/batch/replace`, params);
-};
-/**
- * @name 克隆站点广告
- */
-export const batchCloneData = (params: adList.cloneParams) => {
-    return http.post<ResPage<adList.List>>(`/admin/ad/clone`, params);
-};
diff --git a/src/api/modules/ad/template.ts b/src/api/modules/ad/template.ts
deleted file mode 100644
index eeb35db..0000000
--- a/src/api/modules/ad/template.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { ResPage } from "@/api/interface/index";
-import { adTemplate } from "@/api/interface/ad/list";
-import http from "@/api";
-
-/**
- * @name 广告模板列表
- */
-export const ListApi = (params: adTemplate.ReqParams) => {
-    return http.get<ResPage<adTemplate.List>>(`admin/ad/template/list`, params);
-};
-/**
- * @name 广告模板列表
- */
-export const ListAllApi = (params: adTemplate.ReqParams) => {
-    return http.get<ResPage<adTemplate.List>>(`admin/ad/template/list`, params);
-};
-/**
- * @name 广告模板列表--全部数据
- */
-export const adTemAllListApi = () => {
-    return http.get(`admin/ad/template/list`, { page: 1, limit: 365 });
-};
diff --git a/src/api/modules/ad/yx.ts b/src/api/modules/ad/yx.ts
index 42ba9e7..05ac8b6 100644
--- a/src/api/modules/ad/yx.ts
+++ b/src/api/modules/ad/yx.ts
@@ -3,9 +3,7 @@ import { YxList } from "@/api/interface/ad/yx";
 import http from "@/api";
 import { getGuangGaoYouXiListApiUrl } from "@/api/config";
 
-/**
- * @name 广告列表 -- yx
- */
+
 export const ListApi = (params: YxList.ReqParams) => {
     return http.get<ResPage<YxList.ResList>>(getGuangGaoYouXiListApiUrl, params);
 };
diff --git a/src/api/modules/ad/zb.ts b/src/api/modules/ad/zb.ts
index 04c61b0..e3391cb 100644
--- a/src/api/modules/ad/zb.ts
+++ b/src/api/modules/ad/zb.ts
@@ -3,9 +3,7 @@ import { ZbList } from "@/api/interface/ad/zb";
 import http from "@/api";
 import { getGuangGaoZhiBoListApiUrl } from "@/api/config";
 
-/**
- * @name 广告列表 -- zb
- */
+
 export const ListApi = (params: ZbList.ReqParams) => {
     return http.get<ResPage<ZbList.ResList>>(getGuangGaoZhiBoListApiUrl, params);
 };
diff --git a/src/api/modules/ad/zy.ts b/src/api/modules/ad/zy.ts
index 89d916e..73de27d 100644
--- a/src/api/modules/ad/zy.ts
+++ b/src/api/modules/ad/zy.ts
@@ -3,9 +3,7 @@ import { ZyList } from "@/api/interface/ad/zy";
 import http from "@/api";
 import { getGuangGaoGuanFangZiYingListApiUrl } from "@/api/config";
 
-/**
- * @name 广告列表 -- zy
- */
+
 export const ListApi = (params: ZyList.ReqParams) => {
     return http.get<ResPage<ZyList.ResList>>(getGuangGaoGuanFangZiYingListApiUrl, params);
 };
diff --git a/src/api/modules/atlas/list.ts b/src/api/modules/atlas/list.ts
deleted file mode 100644
index 0f9a2fb..0000000
--- a/src/api/modules/atlas/list.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { ResPage, ResultData } from "@/api/interface/index";
-import { AtlasList } from "@/api/interface/atlas/list";
-import { ATLAS_PORT } from "@/api/config/servicePort";
-import http from "@/api";
-
-/**
- * @name 图册列表
- */
-export const getList = (params: AtlasList.ReqParams) => {
-    return http.get<ResPage<AtlasList.ResList>>(ATLAS_PORT + `/list`, params);
-};
-/**
- * @name 设置图册
- */
-export const saveData = (params: AtlasList.saveParams) => {
-    return http.post<ResPage<ResultData>>(ATLAS_PORT + `/save`, params);
-};
-/**
- * @name 删除图册
- */
-export const deleteItem = (params: AtlasList.delParams) => {
-    return http.post<ResPage<ResultData>>(ATLAS_PORT + `/del`, params);
-};
diff --git a/src/api/modules/channel/statistics.ts b/src/api/modules/channel/statistics.ts
deleted file mode 100644
index efd1814..0000000
--- a/src/api/modules/channel/statistics.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { ResPage, ResultData } from "@/api/interface/index";
-import { ChannelStatisticsList } from "@/api/interface/channel/statistics";
-import { CHANNEL_PORT } from "@/api/config/servicePort";
-import http from "@/api";
-
-/**
- * @name 列表
- */
-export const ListApi = (params: ChannelStatisticsList.ReqParams) => {
-    return http.get<ResPage<ChannelStatisticsList.ResList>>(CHANNEL_PORT + `/statisticalcode/list`, params);
-};
-
-/**
- * @name 设置
- */
-export const SaveApi = (params: ChannelStatisticsList.saveParams) => {
-    return http.post<ResPage<ResultData>>(CHANNEL_PORT + `/statisticalcode/save`, params);
-};
-
-/**
- * @name 删除
- */
-export const DelApi = (params: ChannelStatisticsList.delParams) => {
-    return http.post<ResPage<ChannelStatisticsList.ResList>>(CHANNEL_PORT + `/statisticalcode/del`, params);
-};
diff --git a/src/api/modules/email/content.ts b/src/api/modules/email/content.ts
index c47572e..e4f06cd 100644
--- a/src/api/modules/email/content.ts
+++ b/src/api/modules/email/content.ts
@@ -3,21 +3,12 @@ import { ContentList } from "@/api/interface/email/content";
 import { EMAIL_PORT } from "@/api/config/servicePort";
 import http from "@/api";
 
-/**
- * @name 邮件事件列表
- */
 export const getList = (params: ContentList.ReqParams) => {
     return http.get<ResPage<ContentList.ResList>>(EMAIL_PORT + `/content/list`, params);
 };
-/**
- * @name 设置邮件事件
- */
 export const saveData = (params: ContentList.saveParams) => {
     return http.post<ResPage<ResultData>>(EMAIL_PORT + `/content/save`, params);
 };
-/**
- * @name 删除邮件事件
- */
 export const deleteItem = (params: ContentList.delParams) => {
     return http.post<ResPage<ResultData>>(EMAIL_PORT + `/content/del`, params);
 };
diff --git a/src/api/modules/email/event.ts b/src/api/modules/email/event.ts
index 8fcc583..5679d63 100644
--- a/src/api/modules/email/event.ts
+++ b/src/api/modules/email/event.ts
@@ -3,24 +3,15 @@ import { EventList } from "@/api/interface/email/event";
 import { EMAIL_PORT } from "@/api/config/servicePort";
 import http from "@/api";
 
-/**
- * @name 邮件事件列表
- */
 export const getList = (params: EventList.ReqParams) => {
     return http.get<ResPage<EventList.ResList>>(EMAIL_PORT + `/event/list`, params);
 };
 export const getAllList = () => {
     return http.get<ResPage<EventList.ResList>>(EMAIL_PORT + `/event/list`, { limit: 365, page: 1 });
 };
-/**
- * @name 设置邮件事件
- */
 export const saveData = (params: EventList.saveParams) => {
     return http.post<ResPage<ResultData>>(EMAIL_PORT + `/event/save`, params);
 };
-/**
- * @name 删除邮件事件
- */
 export const deleteItem = (params: EventList.delParams) => {
     return http.post<ResPage<ResultData>>(EMAIL_PORT + `/event/del`, params);
 };
diff --git a/src/api/modules/finance/account/list.ts b/src/api/modules/finance/account/list.ts
index 6f7f62a..74005be 100644
--- a/src/api/modules/finance/account/list.ts
+++ b/src/api/modules/finance/account/list.ts
@@ -3,22 +3,13 @@ import { AccountList } from "@/api/interface/finance/account/list";
 import { ACCOUNT_PORT } from "@/api/config/servicePort";
 import http from "@/api";
 
-/**
- * @name 资金账户列表
- */
 export const getList = (params: AccountList.ReqParams) => {
     return http.get<ResPage<AccountList.ResList>>(ACCOUNT_PORT + `/list`, params);
 };
 
-/**
- * @name 设置资金账户
- */
 export const saveData = (params: AccountList.saveParams) => {
     return http.post<ResPage<ResultData>>(ACCOUNT_PORT + `/save`, params);
 };
-/**
- * @name 删除资金账户
- */
 export const deleteItem = (params: AccountList.delParams) => {
     return http.post<ResPage<ResultData>>(ACCOUNT_PORT + `/del`, params);
 };
diff --git a/src/api/modules/finance/account/transaction.ts b/src/api/modules/finance/account/transaction.ts
index 00f2344..b871067 100644
--- a/src/api/modules/finance/account/transaction.ts
+++ b/src/api/modules/finance/account/transaction.ts
@@ -3,22 +3,13 @@ import { TransactionList } from "@/api/interface/finance/account/transaction";
 import { ACCOUNT_PORT } from "@/api/config/servicePort";
 import http from "@/api";
 
-/**
- * @name 资金账户流水列表
- */
 export const getList = (params: TransactionList.ReqParams) => {
     return http.get<ResPage<TransactionList.ResList>>(ACCOUNT_PORT + `/transaction/list`, params);
 };
 
-/**
- * @name 设置资金账户流水
- */
 export const saveData = (params: TransactionList.saveParams) => {
     return http.post<ResPage<ResultData>>(ACCOUNT_PORT + `/transaction/save`, params);
 };
-/**
- * @name 删除资金账户流水
- */
 export const deleteItem = (params: TransactionList.delParams) => {
     return http.post<ResPage<ResultData>>(ACCOUNT_PORT + `/transaction/del`, params);
 };
diff --git a/src/api/modules/finance/recharge/feedback.ts b/src/api/modules/finance/recharge/feedback.ts
index 490be8d..fd7fcd3 100644
--- a/src/api/modules/finance/recharge/feedback.ts
+++ b/src/api/modules/finance/recharge/feedback.ts
@@ -3,22 +3,13 @@ import { FeedbackList } from "@/api/interface/finance/recharge/feedback";
 import { RECHARGE_PORT } from "@/api/config/servicePort";
 import http from "@/api";
 
-/**
- * @name 充值反馈列表
- */
 export const getList = (params: FeedbackList.ReqParams) => {
     return http.get<ResPage<FeedbackList.ResList>>(RECHARGE_PORT + `/feedback/list`, params);
 };
 
-/**
- * @name 设置充值反馈
- */
 export const saveData = (params: FeedbackList.saveParams) => {
     return http.post<ResPage<ResultData>>(RECHARGE_PORT + `/feedback/save`, params);
 };
-/**
- * @name 删除充值反馈
- */
 export const deleteItem = (params: FeedbackList.delParams) => {
     return http.post<ResPage<ResultData>>(RECHARGE_PORT + `/feedback/del`, params);
 };
diff --git a/src/api/modules/finance/recharge/order.ts b/src/api/modules/finance/recharge/order.ts
index bb47288..da39647 100644
--- a/src/api/modules/finance/recharge/order.ts
+++ b/src/api/modules/finance/recharge/order.ts
@@ -3,21 +3,12 @@ import { OrderList } from "@/api/interface/finance/recharge/order";
 import { ORDER_PORT } from "@/api/config/servicePort";
 import http from "@/api";
 
-/**
- * @name 充值订单列表
- */
 export const getList = (params: OrderList.ReqParams) => {
     return http.get<ResPage<OrderList.ResList>>(ORDER_PORT + `/list`, params);
 };
-/**
- * @name 设置充值订单
- */
 export const saveData = (params: OrderList.saveParams) => {
     return http.post<ResPage<ResultData>>(ORDER_PORT + `/save`, params);
 };
-/**
- * @name 删除充值订单
- */
 export const deleteItem = (params: OrderList.delParams) => {
     return http.post<ResPage<ResultData>>(ORDER_PORT + `/del`, params);
 };
diff --git a/src/api/modules/finance/recharge/package.ts b/src/api/modules/finance/recharge/package.ts
index 57abcde..53ff9e7 100644
--- a/src/api/modules/finance/recharge/package.ts
+++ b/src/api/modules/finance/recharge/package.ts
@@ -3,22 +3,13 @@ import { PackageList } from "@/api/interface/finance/recharge/package";
 import { PACKAGE_PORT } from "@/api/config/servicePort";
 import http from "@/api";
 
-/**
- * @name 套餐列表
- */
 export const getList = (params: PackageList.ReqParams) => {
     return http.get<ResPage<PackageList.ResList>>(PACKAGE_PORT + `/list`, params);
 };
 
-/**
- * @name 设置套餐
- */
 export const saveData = (params: PackageList.saveParams) => {
     return http.post<ResPage<ResultData>>(PACKAGE_PORT + `/save`, params);
 };
-/**
- * @name 删除套餐
- */
 export const deleteItem = (params: PackageList.delParams) => {
     return http.post<ResPage<ResultData>>(PACKAGE_PORT + `/del`, params);
 };
diff --git a/src/api/modules/login.ts b/src/api/modules/login.ts
index be80ec6..eff83f1 100644
--- a/src/api/modules/login.ts
+++ b/src/api/modules/login.ts
@@ -1,53 +1,34 @@
 import { Login } from "@/api/interface/index";
 import { USER_PORT } from "@/api/config/servicePort";
 import { loginApiUrl, getSystemUserInfoApiUrl } from "@/api/config";
-
 import authMenuList from "@/assets/json/authMenuList.json";
 import authButtonList from "@/assets/json/authButtonList.json";
 import http from "@/api";
 
-/**
- * @name 登录模块
- */
-// 用户登录  /admin/system/user/login
 export const loginApi = (params: Login.ReqLoginForm) => {
-    return http.post<Login.ResLogin>(loginApiUrl, params, { loading: false }); // 正常 post json 请求  ==>  application/json
+    return http.post<Login.ResLogin>(loginApiUrl, params, { loading: false });
 };
 
-// 获取用户信息 /admin/system/user/info
 export const getUserRoleListApi = () => {
-    return http.get<Login.ResLogin>(getSystemUserInfoApiUrl, {}, { loading: false }); // 正常 post json 请求  ==>  application/json
-    // return http.get<Menu.MenuOptions[]>(PORT1 + `/menu/list`, {}, { loading: false });
-    // 如果想让菜单变为本地数据，注释上一行代码，并引入本地 authMenuList.json 数据
-    return authMenuList;
+    return http.get<Login.ResLogin>(getSystemUserInfoApiUrl, {}, { loading: false });
 };
 
-// 获取菜单列表
 export const getAuthMenuListApi3 = () => {
-    // return http.get<Menu.MenuOptions[]>(PORT1 + `/menu/list`, {}, { loading: false });
-    // 如果想让菜单变为本地数据，注释上一行代码，并引入本地 authMenuList.json 数据
     return authMenuList;
 };
 
-// 获取菜单列表
 export const getAuthMenuListApi = () => {
-    // return http.get<Menu.MenuOptions[]>(PORT1 + `/menu/list`, {}, { loading: false });
-    // 如果想让菜单变为本地数据，注释上一行代码，并引入本地 authMenuList.json 数据
     return authMenuList;
 };
 
-// 获取按钮权限
 export const getAuthButtonListApi = () => {
-    // return http.get<Login.ResAuthButtons>(PORT1 + `/auth/buttons`, {}, { loading: false });
-    // 如果想让按钮权限变为本地数据，注释上一行代码，并引入本地 authButtonList.json 数据
     return authButtonList;
 };
 
-// 用户退出登录
 export const logoutApi = () => {
     return http.post(USER_PORT + `/logout`);
 };
-// 修改密码添加
-export const updatePwd = params => {
+
+export const updatePwd = (params: any) => {
     return http.post(USER_PORT + `/pwd`, params);
 };
diff --git a/src/api/modules/manga/chapter.ts b/src/api/modules/manga/chapter.ts
deleted file mode 100644
index 558cced..0000000
--- a/src/api/modules/manga/chapter.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { ResPage, ResultData } from "@/api/interface/index";
-import { ChapterList } from "@/api/interface/manga/chapter";
-import { MANGA_PORT } from "@/api/config/servicePort";
-import http from "@/api";
-import { getManHuaZhangJieApiUrl } from "@/api/config";
-/**
- * @name 漫画章节列表
- */
-export const getList = (params: ChapterList.ReqParams) => {
-    return http.get<ResPage<ChapterList.ResList>>(getManHuaZhangJieApiUrl, params);
-};
-
-/**
- * @name 设置漫画章节
- */
-export const saveData = (params: ChapterList.saveParams) => {
-    return http.post<ResPage<ResultData>>(MANGA_PORT + `/chapter/save`, params);
-};
-/**
- * @name 批量设置漫画章节
- */
-export const batchData = (params: ChapterList.batchParams) => {
-    return http.post<ResPage<ResultData>>(MANGA_PORT + `/chapter/vip/set`, params);
-};
-/**
- * @name 删除漫画章节
- */
-export const deleteItem = (params: ChapterList.delParams) => {
-    return http.post<ResPage<ResultData>>(MANGA_PORT + `/chapter/del`, params);
-};
diff --git a/src/api/modules/manga/fenlei.ts b/src/api/modules/manga/fenlei.ts
deleted file mode 100644
index f424a71..0000000
--- a/src/api/modules/manga/fenlei.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { ResPage } from "@/api/interface/index";
-import { fenLeiList } from "@/api/interface/manga/fenlei";
-import { getManHuaFenleiApiUrl } from "@/api/config";
-import http from "@/api";
-
-/**
- * @name 漫画分类
- */
-export const getList = (params: fenLeiList.ReqParams) => {
-    return http.get<ResPage<fenLeiList.ResList>>(getManHuaFenleiApiUrl, params);
-};
-
-export const getAllList = () => {
-    return http.get<ResPage<fenLeiList.ResList>>(getManHuaFenleiApiUrl, { limit: 1000, page: 1 });
-};
diff --git a/src/api/modules/manga/list.ts b/src/api/modules/manga/list.ts
deleted file mode 100644
index d67c068..0000000
--- a/src/api/modules/manga/list.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { ResPage, ResultData } from "@/api/interface/index";
-import { MangaList } from "@/api/interface/manga/list";
-import { MANGA_PORT } from "@/api/config/servicePort";
-import http from "@/api";
-import { getManHuaMainListApiUrl } from "@/api/config";
-/**
- * @name 漫画列表
- */
-export const getList = (params: MangaList.ReqParams) => {
-    return http.get<ResPage<MangaList.ResList>>(getManHuaMainListApiUrl, params);
-};
-
-/**
- * @name 设置漫画
- */
-export const saveData = (params: MangaList.saveParams) => {
-    return http.post<ResPage<ResultData>>(MANGA_PORT + `/save`, params);
-};
-/**
- * @name 删除漫画
- */
-export const deleteItem = (params: MangaList.delParams) => {
-    return http.post<ResPage<ResultData>>(MANGA_PORT + `/del`, params);
-};
diff --git a/src/api/modules/map.ts b/src/api/modules/map.ts
index e0acfb4..20490e1 100644
--- a/src/api/modules/map.ts
+++ b/src/api/modules/map.ts
@@ -8,16 +8,10 @@ import { Download, ResultData, ResPage, Task } from "@/api/interface/index";
 
 import http from "@/api";
 
-/**
- * @name 表格模板下载
- */
 export const dTemPlatDownLoad = (params: Download.ResFileUrl) => {
     return http.get<ResPage<ResultData>>(`/admin/domain/resource/template/download`, params);
 };
 
-/**
- * @name 异步任务执行进度消息
- */
 export const manageCheck = (params: Task.ResFileUrl) => {
     return http.get<ResPage<ResultData>>(`/admin/system/msg/task/list`, params, { noLoading: true });
 };
diff --git a/src/api/modules/miUser/list.ts b/src/api/modules/miUser/list.ts
deleted file mode 100644
index 0eb694c..0000000
--- a/src/api/modules/miUser/list.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { ResPage, ResultData } from "@/api/interface/index";
-import { MiUserList } from "@/api/interface/miUser/list";
-import { MI_USER_PORT } from "@/api/config/servicePort";
-import http from "@/api";
-
-/**
- * @name APP用户列表
- */
-export const getList = (params: MiUserList.ReqParams) => {
-    return http.get<ResPage<MiUserList.ResList>>(MI_USER_PORT + `/list`, params);
-};
-/**
- * @name 设置APP用户
- */
-export const saveData = (params: MiUserList.saveParams) => {
-    return http.post<ResPage<ResultData>>(MI_USER_PORT + `/save`, params);
-};
-/**
- * @name 删除APP用户
- */
-export const deleteItem = (params: MiUserList.delParams) => {
-    return http.post<ResPage<ResultData>>(MI_USER_PORT + `/del`, params);
-};
diff --git a/src/api/modules/novel/chapter.ts b/src/api/modules/novel/chapter.ts
deleted file mode 100644
index faad0b3..0000000
--- a/src/api/modules/novel/chapter.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { ResPage, ResultData } from "@/api/interface/index";
-import { ChapterList } from "@/api/interface/novel/chapter";
-import { NOVEL_PORT } from "@/api/config/servicePort";
-import { getXiaoZhangJieYouApiUrl } from "@/api/config";
-import http from "@/api";
-
-/**
- * @name 小说章节列表
- */
-export const getList = (params: ChapterList.ReqParams) => {
-    return http.get<ResPage<ChapterList.ResList>>(getXiaoZhangJieYouApiUrl, params);
-};
-
-/**
- * @name 设置小说章节
- */
-export const saveData = (params: ChapterList.saveParams) => {
-    return http.post<ResPage<ResultData>>(NOVEL_PORT + `/chapter/save`, params);
-};
-/**
- * @name 删除小说章节
- */
-export const deleteItem = (params: ChapterList.delParams) => {
-    return http.post<ResPage<ResultData>>(NOVEL_PORT + `/chapter/del`, params);
-};
diff --git a/src/api/modules/novel/fenlei.ts b/src/api/modules/novel/fenlei.ts
index 411fec6..35b1022 100644
--- a/src/api/modules/novel/fenlei.ts
+++ b/src/api/modules/novel/fenlei.ts
@@ -3,9 +3,6 @@ import { fenLeiList } from "@/api/interface/novel/fenlei";
 import { getXiaoShuoFenleiApiUrl } from "@/api/config";
 import http from "@/api";
 
-/**
- * @name 小说分类
- */
 export const getList = (params: fenLeiList.ReqParams) => {
     return http.get<ResPage<fenLeiList.ResList>>(getXiaoShuoFenleiApiUrl, params);
 };
diff --git a/src/api/modules/novel/list.ts b/src/api/modules/novel/list.ts
index 1cb8784..c52d916 100644
--- a/src/api/modules/novel/list.ts
+++ b/src/api/modules/novel/list.ts
@@ -4,28 +4,16 @@ import { NOVEL_PORT } from "@/api/config/servicePort";
 import { getXiaoShuoMainListApiUrl } from "@/api/config";
 import http from "@/api";
 
-/**
- * @name 小说列表
- */
 export const getList = (params: NovelList.ReqParams) => {
     return http.get<ResPage<NovelList.ResList>>(getXiaoShuoMainListApiUrl, params);
 };
 
-/**
- * @name 设置小说
- */
 export const saveData = (params: NovelList.saveParams) => {
     return http.post<ResPage<ResultData>>(NOVEL_PORT + `/save`, params);
 };
-/**
- * @name 删除小说
- */
 export const deleteItem = (params: NovelList.delParams) => {
     return http.post<ResPage<ResultData>>(NOVEL_PORT + `/del`, params);
 };
-/**
- * @name 批量设置 推荐等级
- */
 export const levelSet = (params: NovelList.delParams) => {
     return http.post<ResPage<ResultData>>(`/novel/level/set`, params);
 };
diff --git a/src/api/modules/searchGroup/list.ts b/src/api/modules/searchGroup/list.ts
deleted file mode 100644
index 9e2c47b..0000000
--- a/src/api/modules/searchGroup/list.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { ResPage, ResultData } from "@/api/interface/index";
-import { SearchGroupList } from "@/api/interface/searchGroup/list";
-import { SEARCH_PORT } from "@/api/config/servicePort";
-import http from "@/api";
-
-/**
- * @name 搜索分组列表
- */
-export const getList = (params: SearchGroupList.ReqParams) => {
-    return http.get<ResPage<SearchGroupList.ResList>>(SEARCH_PORT + `/group/list`, params);
-};
-
-/**
- * @name 搜索分组列表
- */
-export const getAllList = () => {
-    return http.get<ResPage<SearchGroupList.ResList>>(SEARCH_PORT + `/group/list`, { limit: 1000, page: 1 });
-};
-/**
- * @name 设置搜索分组
- */
-export const saveData = (params: SearchGroupList.saveParams) => {
-    return http.post<ResPage<ResultData>>(SEARCH_PORT + `/group/save`, params);
-};
-/**
- * @name 删除搜索分组
- */
-export const deleteItem = (params: SearchGroupList.delParams) => {
-    return http.post<ResPage<ResultData>>(SEARCH_PORT + `/group/del`, params);
-};
diff --git a/src/api/modules/searchKey/list.ts b/src/api/modules/searchKey/list.ts
deleted file mode 100644
index ab9a2e3..0000000
--- a/src/api/modules/searchKey/list.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { ResPage, ResultData } from "@/api/interface/index";
-import { SearchKeyList } from "@/api/interface/searchKey/list";
-import { getKeyWordListApiUrl, getKeyWordSaveApiUrl, getKeyWordDelApiUrl } from "@/api/config";
-import http from "@/api";
-
-/**
- * @name 搜索词列表
- */
-export const getList = (params: SearchKeyList.ReqParams) => {
-    return http.get<ResPage<SearchKeyList.ResList>>(getKeyWordListApiUrl, params);
-};
-/**
- * @name 设置搜索词
- */
-export const saveData = (params: SearchKeyList.saveParams) => {
-    return http.post<ResPage<ResultData>>(getKeyWordSaveApiUrl, params);
-};
-/**
- * @name 删除搜索词
- */
-export const deleteItem = (params: SearchKeyList.delParams) => {
-    return http.post<ResPage<ResultData>>(getKeyWordDelApiUrl, params);
-};
diff --git a/src/api/modules/share/link.ts b/src/api/modules/share/link.ts
index ed0b085..b576a39 100644
--- a/src/api/modules/share/link.ts
+++ b/src/api/modules/share/link.ts
@@ -3,21 +3,12 @@ import { LinkList } from "@/api/interface/share/link";
 import { SHARE_PORT } from "@/api/config/servicePort";
 import http from "@/api";
 
-/**
- * @name 分享链接列表
- */
 export const getList = (params: LinkList.ReqParams) => {
     return http.get<ResPage<LinkList.ResList>>(SHARE_PORT + `/link/list`, params);
 };
-/**
- * @name 设置分享链接
- */
 export const saveData = (params: LinkList.saveParams) => {
     return http.post<ResPage<ResultData>>(SHARE_PORT + `/link/save`, params);
 };
-/**
- * @name 删除分享链接
- */
 export const deleteItem = (params: LinkList.delParams) => {
     return http.post<ResPage<ResultData>>(SHARE_PORT + `/link/del`, params);
 };
diff --git a/src/api/modules/share/speech.ts b/src/api/modules/share/speech.ts
index e0d2072..27b238a 100644
--- a/src/api/modules/share/speech.ts
+++ b/src/api/modules/share/speech.ts
@@ -3,21 +3,12 @@ import { SpeechList } from "@/api/interface/share/speech";
 import { SHARE_PORT } from "@/api/config/servicePort";
 import http from "@/api";
 
-/**
- * @name 分享话术列表
- */
 export const getList = (params: SpeechList.ReqParams) => {
     return http.get<ResPage<SpeechList.ResList>>(SHARE_PORT + `/speech/list`, params);
 };
-/**
- * @name 设置分享话术
- */
 export const saveData = (params: SpeechList.saveParams) => {
     return http.post<ResPage<ResultData>>(SHARE_PORT + `/speech/save`, params);
 };
-/**
- * @name 删除分享话术
- */
 export const deleteItem = (params: SpeechList.delParams) => {
     return http.post<ResPage<ResultData>>(SHARE_PORT + `/speech/del`, params);
 };
diff --git a/src/api/modules/site/list.ts b/src/api/modules/site/list.ts
index 7c55f52..e9fb76e 100644
--- a/src/api/modules/site/list.ts
+++ b/src/api/modules/site/list.ts
@@ -3,59 +3,445 @@ import { SiteList } from "@/api/interface/site/list";
 import { SITE_PORT } from "@/api/config/servicePort";
 import http from "@/api";
 
-/**
- * @name 站点列表
- */
+const normalizeLegacySiteItem = (item: SiteList.ResList): SiteList.ResList => ({
+    ...item,
+    si_id: item.si_id ?? item.d_id,
+    si_name: item.si_name ?? item.d_name,
+    si_code: item.si_code ?? item.d_domain,
+    si_url: item.si_url ?? item.d_domain,
+    si_logo: item.si_logo ?? item.d_img_logo,
+    si_website_bulletin: item.si_website_bulletin ?? item.d_description,
+    si_statistical_code: item.si_statistical_code ?? item.d_statis
+});
+
+const normalizeLegacySitePage = (data: ResPage<SiteList.ResList>): ResPage<SiteList.ResList> => {
+    const normalizedItems = (data.items ?? data.item ?? []).map(normalizeLegacySiteItem);
+    return {
+        ...data,
+        items: normalizedItems,
+        item: normalizedItems,
+        total_pages: data.total_pages ?? Math.max(1, Math.ceil((data.total ?? normalizedItems.length) / (data.limit || 1)))
+    };
+};
+
 export const getList = (params: SiteList.ReqParams) => {
     return http.get<ResPage<SiteList.ResList>>(`/site/domain/list`, params);
 };
 
-/**
- * @name 站点列表
- */
-export const getAllList = () => {
-    return http.get<ResPage<SiteList.ResList>>(SITE_PORT + `/list`, { limit: 365, page: 1 });
+export const getDomainImportTemplate = () => {
+    return http.get<SiteList.DomainImportTemplateData>(`/site/domain/import/template`);
+};
+
+export const getDomainSupplyTemplate = () => {
+    return http.get<SiteList.DomainSupplyTemplateData>(`/site/domain/supply/template`);
+};
+
+export const runDomainSupplyBatch = (params: SiteList.DomainSupplyRunParams) => {
+    const formData = new FormData();
+    formData.append("excel_file", params.excel_file);
+    formData.append("run_bootstrap", params.run_bootstrap ? "1" : "0");
+    formData.append("bootstrap_run", params.bootstrap_run ?? "off");
+    formData.append("force", params.force ? "1" : "0");
+    return http.post<SiteList.DomainSupplyRunData & ResultData>(`/site/domain/supply/run`, formData);
+};
+
+export const submitDomainSeoCopyAiGenerate = (params: SiteList.DomainSeoCopyAiSubmitParams) => {
+    return http.post<SiteList.DomainSeoCopyAiSubmitData & ResultData>(`/site/domain/seo-copy/ai/submit`, params);
+};
+
+export const optimizeDomainSeoCopyAiGenerate = (params: SiteList.DomainSeoCopyAiOptimizeParams) => {
+    return http.post<SiteList.DomainSeoCopyAiOptimizeData & ResultData>(`/site/domain/seo-copy/ai/optimize`, params);
+};
+
+export const getDomainSeoCopyAiProviderStatus = () => {
+    return http.get<SiteList.DomainSeoCopyAiProviderStatusData>(`/site/domain/seo-copy/provider/status`);
+};
+
+export const getDomainSeoCopyGenerationHistory = (params: { host?: string; limit?: number } = {}) => {
+    return http.get<SiteList.DomainSeoCopyGenerationHistoryData>(`/site/domain/seo-copy/history`, params);
+};
+
+export const getDomainSeoCopyGenerationHistoryDetail = (params: { host: string; job_id: string }) => {
+    return http.get<SiteList.DomainSeoCopyGenerationHistoryDetailData>(`/site/domain/seo-copy/history/detail`, params);
+};
+
+export const getDomainSeoCopyPublishedPreview = (params: { host: string }) => {
+    return http.get<SiteList.DomainSeoCopyPublishedPreviewData>(`/site/domain/seo-copy/published/preview`, params);
+};
+
+export const rollbackDomainSeoCopyHistory = (params: { host: string; job_id: string }) => {
+    return http.post<SiteList.DomainSeoCopyHistoryRollbackData & ResultData>(`/site/domain/seo-copy/history/rollback`, params);
+};
+
+export const getDomainSupplyRunSummary = (params: { limit?: number } = {}) => {
+    return http.get<SiteList.DomainSupplyRunSummaryData>(`/site/domain/supply/run/summary`, params);
+};
+
+export const getDomainSpiderMdSummary = (params: { limit?: number } = {}) => {
+    return http.get<SiteList.DomainSpiderMdSummaryData>(`/site/domain/spider-md/summary`, params);
+};
+
+export const runDomainSpiderMdGenerate = (params: SiteList.DomainSpiderMdRunParams = {}) => {
+    return http.post<SiteList.DomainSpiderMdRunData & ResultData>(`/site/domain/spider-md/run`, params);
+};
+
+export const getDomainSpiderCrawlWorkbenchSummary = (params: { run_limit?: number; anomaly_limit?: number; host?: string; window_hours?: number; bot_scope?: string; selected_bots?: string } = {}) => {
+    return http.get<SiteList.DomainSpiderCrawlWorkbenchSummaryData>(`/site/domain/spider-crawl/workbench/summary`, params);
+};
+
+export const getDomainImportRunSummary = (params: { limit?: number } = {}) => {
+    return http.get<SiteList.DomainImportRunSummaryData>(`/site/domain/import/run/summary`, params);
+};
+
+export const getDomainImportFailedQueue = (params: { limit?: number } = {}) => {
+    return http.get<SiteList.DomainImportFailedQueueData>(`/site/domain/import/failed/queue`, params);
+};
+
+export const getDomainImportRerunSummary = (params: { limit?: number } = {}) => {
+    return http.get<SiteList.DomainImportRerunSummaryData>(`/site/domain/import/rerun/summary`, params);
+};
+
+export const getDomainImportRemediationSummary = (params: { limit?: number } = {}) => {
+    return http.get<SiteList.DomainImportRemediationSummaryData>(`/site/domain/import/remediation/summary`, params);
+};
+
+export const getDomainImportSelfHealingSummary = (params: { limit?: number } = {}) => {
+    return http.get<SiteList.DomainImportSelfHealingSummaryData>(`/site/domain/import/self-healing/summary`, params);
+};
+
+export const getDomainImportHealthWorkbench = (params: { limit?: number } = {}) => {
+    return http.get<SiteList.DomainImportHealthWorkbenchData>(`/site/domain/import/health/workbench`, params);
+};
+
+export const getDomainImportManualAttentionQueue = (params: { limit?: number } = {}) => {
+    return http.get<SiteList.DomainImportManualAttentionQueueData>(`/site/domain/import/manual-attention/queue`, params);
+};
+
+export const getDomainImportManualAttentionHandleSummary = (params: { limit?: number } = {}) => {
+    return http.get<SiteList.DomainImportManualAttentionHandleSummaryData>(`/site/domain/import/manual-attention/handle/summary`, params);
+};
+
+export const runDomainImportManualAttentionHandle = (params: SiteList.DomainImportManualAttentionHandleRunParams) => {
+    return http.post<SiteList.DomainImportManualAttentionHandleRunData & ResultData>(`/site/domain/import/manual-attention/handle/run`, params);
+};
+
+export const getDomainImportHealthWorkbenchSummary = (params: { limit?: number } = {}) => {
+    return http.get<SiteList.DomainImportHealthWorkbenchSummaryData>(`/site/domain/import/health/workbench/summary`, params);
+};
+
+export const getDomainImportHealthWorkbenchTrend = (params: { limit?: number } = {}) => {
+    return http.get<SiteList.DomainImportHealthWorkbenchTrendData>(`/site/domain/import/health/workbench/trend`, params);
+};
+
+export const runDomainImportHealthWorkbenchSummary = (params: { limit?: number } = {}) => {
+    return http.post<SiteList.DomainImportHealthWorkbenchRunData & ResultData>(`/site/domain/import/health/workbench/run`, params, {
+        timeout: 10 * 60 * 1000
+    });
+};
+
+export const getDomainImportAsyncJobStatus = (params: { job_id: string; lines?: number }) => {
+    return http.get<SiteList.DomainImportAsyncJobStatusData>(`/site/domain/import/task/status`, params);
+};
+
+export const runDomainImportFailedQueue = (params: SiteList.DomainImportFailedQueueRunParams = {}) => {
+    return http.post<SiteList.DomainImportFailedQueueRunData & ResultData>(`/site/domain/import/failed/queue/run`, params, {
+        timeout: 10 * 60 * 1000
+    });
+};
+
+export const runDomainImportFailureRemediation = (params: SiteList.DomainImportFailureRemediationRunParams = {}) => {
+    return http.post<SiteList.DomainImportFailureRemediationRunData & ResultData>(`/site/domain/import/remediation/run`, params, {
+        timeout: 10 * 60 * 1000
+    });
+};
+
+export const runDomainImportSelfHealing = () => {
+    return http.post<SiteList.DomainImportSelfHealingRunData & ResultData>(`/site/domain/import/self-healing/run`, {}, {
+        timeout: 10 * 60 * 1000
+    });
+};
+
+export const getDomainImportHealthTrend = (params: { limit?: number } = {}) => {
+    return http.get<SiteList.DomainImportHealthTrendData>(`/site/domain/import/health/trend`, params);
+};
+
+export const getDomainExternalSeoSummary = (params: { limit?: number } = {}) => {
+    return http.get<SiteList.DomainExternalSeoSummaryData>(`/site/domain/external/seo/summary`, params);
+};
+
+export const getDomainExternalSeoFailedQueue = (params: { limit?: number } = {}) => {
+    return http.get<SiteList.DomainExternalSeoFailedQueueData>(`/site/domain/external/seo/failed/queue`, params);
+};
+
+export const getDomainExternalSeoTrendSummary = (params: { limit?: number } = {}) => {
+    return http.get<SiteList.DomainExternalSeoTrendData>(`/site/domain/external/seo/trend/summary`, params);
+};
+
+export const getDomainExternalSeoProviderStatus = () => {
+    return http.get<SiteList.DomainExternalSeoProviderStatusData>(`/site/domain/external/seo/provider/status`);
+};
+
+export const getDomainExternalSeoCollectorStatus = (params: { limit?: number } = {}) => {
+    return http.get<SiteList.DomainExternalSeoCollectorStatusData>(`/site/domain/external/seo/collector/status`, params);
+};
+
+export const uploadDomainExternalSeoProviderCredential = (params: FormData) => {
+    return http.post<SiteList.DomainExternalSeoProviderCredentialUploadData & ResultData>(`/site/domain/external/seo/provider/credential/upload`, params);
+};
+
+export const getDomainExternalSeoSearchConsolePropertyMapTemplate = () => {
+    return http.get<SiteList.DomainExternalSeoSearchConsolePropertyMapTemplateData>(`/site/domain/external/seo/search-console/property-map/template`);
+};
+
+export const uploadDomainExternalSeoSearchConsolePropertyMap = (params: FormData) => {
+    return http.post<SiteList.DomainExternalSeoSearchConsolePropertyMapUploadData & ResultData>(`/site/domain/external/seo/search-console/property-map/upload`, params);
+};
+
+export const getDomainExternalSeoSearchConsoleProviderPlan = (params: { days?: number } = {}) => {
+    return http.get<SiteList.DomainExternalSeoSearchConsoleProviderPlanData>(`/site/domain/external/seo/search-console/provider/plan`, params);
+};
+
+export const getDomainExternalSeoSearchConsoleFetchSummary = (params: { days?: number } = {}) => {
+    return http.get<SiteList.DomainExternalSeoSearchConsoleFetchData>(`/site/domain/external/seo/search-console/fetch/summary`, params);
+};
+
+export const getDomainExternalSeoBaiduProviderPlan = () => {
+    return http.get<SiteList.DomainExternalSeoBaiduProviderPlanData>(`/site/domain/external/seo/baidu/provider/plan`);
+};
+
+export const getDomainExternalSeoBaiduPushSummary = (params: { limit?: number } = {}) => {
+    return http.get<SiteList.DomainExternalSeoBaiduPushSummaryData>(`/site/domain/external/seo/baidu/push/summary`, params);
+};
+
+export const getDomainExternalSeoBaiduPushAttentionQueue = (params: { limit?: number } = {}) => {
+    return http.get<SiteList.DomainExternalSeoBaiduPushAttentionQueueData>(`/site/domain/external/seo/baidu/push/attention`, params);
+};
+
+export const getDomainExternalSeoBaiduPushTrendSummary = (params: { limit?: number } = {}) => {
+    return http.get<SiteList.DomainExternalSeoBaiduPushTrendData>(`/site/domain/external/seo/baidu/push/trend`, params);
+};
+
+export const getDomainExternalSeoBaiduPushTaskStatus = () => {
+    return http.get<SiteList.DomainExternalSeoBaiduPushTaskStatusData>(`/site/domain/external/seo/baidu/push/task/status`);
+};
+
+export const saveDomainExternalSeoBaiduPushTaskStatus = (params: { pt_enable: number; pt_limit: number }) => {
+    return http.post<SiteList.DomainExternalSeoBaiduPushTaskStatusData>(`/site/domain/external/seo/baidu/push/task/status/save`, params);
+};
+
+export const getDomainExternalSeoBaiduFeedbackSummary = (params: { limit?: number } = {}) => {
+    return http.get<SiteList.DomainExternalSeoBaiduFeedbackSummaryData>(`/site/domain/external/seo/baidu/feedback/summary`, params);
+};
+
+export const getDomainExternalSeoSiteQueryProbeSummary = (params: { limit?: number } = {}) => {
+    return http.get<SiteList.DomainExternalSeoSiteQueryProbeData>(`/site/domain/external/seo/site-query/probe/summary`, params);
+};
+
+export const getDomainExternalSeoAizhanKeywordProbeSummary = (params: { limit?: number } = {}) => {
+    return http.get<SiteList.DomainExternalSeoAizhanKeywordProbeData>(`/site/domain/external/seo/aizhan/keyword/probe/summary`, params);
+};
+
+export const getDomainExternalSeoAizhanKeywordAttentionQueue = (params: { limit?: number } = {}) => {
+    return http.get<SiteList.DomainExternalSeoAizhanKeywordAttentionQueueData>(`/site/domain/external/seo/aizhan/keyword/attention`, params);
+};
+
+export const getDomainExternalSeoAizhanKeywordTrendSummary = (params: { limit?: number } = {}) => {
+    return http.get<SiteList.DomainExternalSeoAizhanKeywordTrendData>(`/site/domain/external/seo/aizhan/keyword/trend`, params);
+};
+
+export const getDomainExternalSeoCollectHosts = (params: { limit?: number; include_wildcard?: number } = {}) => {
+    return http.get<SiteList.DomainExternalSeoCollectHostsData>(`/site/domain/external/seo/collect/hosts`, params);
+};
+
+export const saveDomainExternalSeoSnapshots = (params: Record<string, unknown>) => {
+    return http.post<SiteList.DomainExternalSeoSnapshotSaveData>(`/site/domain/external/seo/snapshots/save`, params);
+};
+
+export const validateDomainExternalSeoSnapshots = (params: Record<string, unknown>) => {
+    return http.post<SiteList.DomainExternalSeoSnapshotValidateData>(`/site/domain/external/seo/snapshots/validate`, params);
+};
+
+export const getDomainExternalSeoSnapshotChecklist = () => {
+    return http.get<SiteList.DomainExternalSeoSnapshotChecklistData>(`/site/domain/external/seo/snapshots/checklist`);
+};
+
+export const getDomainExternalSeoSnapshotValidateRuns = (params: { limit?: number } = {}) => {
+    return http.get<SiteList.DomainExternalSeoSnapshotValidateRunData>(`/site/domain/external/seo/snapshots/validate/runs`, params);
+};
+
+export const getDomainExternalSeoIntegrationOverview = (params: { limit?: number } = {}) => {
+    return http.get<SiteList.DomainExternalSeoIntegrationOverviewData>(`/site/domain/external/seo/integration/overview`, params);
+};
+
+export const getDomainExternalSeoSnapshotRuns = (params: { limit?: number } = {}) => {
+    return http.get<SiteList.DomainExternalSeoSnapshotRunData>(`/site/domain/external/seo/snapshots/runs`, params);
+};
+
+export const getDomainExternalSeoSnapshotTrend = (params: { limit?: number } = {}) => {
+    return http.get<SiteList.DomainExternalSeoSnapshotTrendData>(`/site/domain/external/seo/snapshots/trend`, params);
+};
+
+export const getDomainExternalSeoSnapshotSummary = (params: { days?: number; limit?: number } = {}) => {
+    return http.get<SiteList.DomainExternalSeoSnapshotSummaryData>(`/site/domain/external/seo/snapshots/summary`, params);
+};
+
+export const getDomainExternalSeoKeywordMovementSummary = (params: { days?: number; limit?: number } = {}) => {
+    return http.get<SiteList.DomainExternalSeoKeywordMovementSummaryData>(`/site/domain/external/seo/keyword/movement`, params);
+};
+
+export const getDomainExternalSeoIndexMovementSummary = (params: { days?: number; limit?: number } = {}) => {
+    return http.get<SiteList.DomainExternalSeoIndexMovementSummaryData>(`/site/domain/external/seo/index/movement`, params);
+};
+
+export const getDomainExternalSeoOptimizationSuggestions = (params: { days?: number; limit?: number } = {}) => {
+    return http.get<SiteList.DomainExternalSeoOptimizationSuggestionData>(`/site/domain/external/seo/optimization/suggestions`, params);
+};
+
+export const getDomainExternalSeoCnOverview = (params: { days?: number; limit?: number } = {}) => {
+    return http.get<SiteList.DomainExternalSeoCnOverviewData>(`/site/domain/external/seo/cn/overview`, params);
+};
+
+export const getDomainImportExternalSeoClosure = (params: { days?: number; limit?: number } = {}) => {
+    return http.get<SiteList.DomainImportExternalSeoClosureData>(`/site/domain/import/external-seo/closure`, params);
+};
+
+export const getDomainImportExternalSeoClosureActionSummary = (params: { limit?: number } = {}) => {
+    return http.get<SiteList.DomainImportExternalSeoClosureActionSummaryData>(`/site/domain/import/external-seo/closure/action/summary`, params);
+};
+
+export const runDomainImportExternalSeoClosureAction = (params: SiteList.DomainImportExternalSeoClosureActionRunParams) => {
+    return http.post<SiteList.DomainImportExternalSeoClosureActionRunData & ResultData>(`/site/domain/import/external-seo/closure/action/run`, params);
+};
+
+export const updateDomainImportExternalSeoClosureActionStatus = (params: SiteList.DomainImportExternalSeoClosureActionStatusParams) => {
+    return http.post<SiteList.DomainImportExternalSeoClosureActionRunData & ResultData>(`/site/domain/import/external-seo/closure/action/status`, params);
+};
+
+export const refreshDomainImportExternalSeoClosureActionResult = (params: { run_id?: string }) => {
+    return http.post<SiteList.DomainImportExternalSeoClosureActionRunData & ResultData>(`/site/domain/import/external-seo/closure/action/refresh`, params);
+};
+
+export const getDomainImportExternalSeoClosureToday = (params: { days?: number; limit?: number } = {}) => {
+    return http.get<SiteList.DomainImportExternalSeoClosureTodayData>(`/site/domain/import/external-seo/closure/today`, params);
+};
+
+export const getDomainImportExternalSeoClosureHostHistory = (params: { host?: string; limit?: number } = {}) => {
+    return http.get<SiteList.DomainImportExternalSeoClosureHostHistoryData>(`/site/domain/import/external-seo/closure/host/history`, params);
+};
+
+export const getDomainExternalSeoRealSummary = (params: { days?: number } = {}) => {
+    return http.get<SiteList.DomainExternalSeoRealSummaryData>(`/site/domain/external/seo/real/summary`, params);
+};
+
+export const getDomainExternalSeoManualImportTemplate = () => {
+    return http.get<SiteList.DomainExternalSeoManualImportTemplateData>(`/site/domain/external/seo/manual/template`);
+};
+
+export const uploadDomainExternalSeoManualImport = (params: FormData) => {
+    return http.post<SiteList.DomainExternalSeoManualImportUploadData & ResultData>(`/site/domain/external/seo/manual/upload`, params);
+};
+
+export const getDomainExternalSeoManualImportRuns = () => {
+    return http.get<SiteList.DomainExternalSeoManualImportRunData>(`/site/domain/external/seo/manual/runs`);
+};
+
+export const getDomainAllList = (params: SiteList.ReqParams = { limit: 1000, page: 1 }) => {
+    const query = {
+        ...params,
+        limit: params.limit ?? 1000,
+        page: params.page ?? 1
+    };
+
+    return http.get<ResPage<SiteList.ResList>>(`/site/domain/list`, query).then(async res => {
+        const normalizedFirstPage = normalizeLegacySitePage(res.data);
+        const totalPages = normalizedFirstPage.total_pages ?? 1;
+        const aggregatedItems = [...(normalizedFirstPage.items ?? [])];
+
+        for (let currentPage = (query.page ?? 1) + 1; currentPage <= totalPages; currentPage += 1) {
+            const pageRes = await http.get<ResPage<SiteList.ResList>>(`/site/domain/list`, {
+                ...query,
+                page: currentPage
+            });
+            const normalizedPage = normalizeLegacySitePage(pageRes.data);
+            aggregatedItems.push(...(normalizedPage.items ?? []));
+        }
+
+        return {
+            ...res,
+            data: {
+                ...normalizedFirstPage,
+                items: aggregatedItems,
+                item: aggregatedItems,
+                total: normalizedFirstPage.total ?? aggregatedItems.length,
+                current_page: query.page ?? 1,
+                total_pages: totalPages
+            }
+        };
+    });
+};
+
+export const getAllList = () => {
+    return http
+        .get<ResPage<SiteList.ResList>>(`/site/domain/list`, { limit: 1000, page: 1 })
+        .then(res => ({
+            ...res,
+            data: normalizeLegacySitePage(res.data)
+        }));
 };
 
-/**
- * @name 设置域名站点
- */
 export const saveData = (params: SiteList.saveParams) => {
     return http.post<ResPage<ResultData>>('/site/domain/save', params);
 };
 
-/**
- * @name 上传域名站点
- */
-export const uploadExcel = (params: SiteList.saveParams) => {
-    return http.post<ResPage<ResultData>>('/site/domain/upload', params);
+export const applyDomainStrategyProfileBatch = (params: SiteList.BatchStrategyApplyParams) => {
+    return http.post<ResultData & { updated_count?: number; strategy_profile?: SiteList.SeoStrategyProfile; updated_domains?: Array<{ d_id?: number; d_domain?: string; strategy_profile?: SiteList.SeoStrategyProfile }> }>('/site/domain/strategy/apply', params);
+};
+
+export const getBootstrapEnvTemplateList = () => {
+    return http.get<SiteList.BootstrapEnvTemplateListData>("/site/bootstrap/env/template/list");
+};
+
+export const getBootstrapOpsSummary = () => {
+    return http.get<SiteList.BootstrapOpsSummary>("/site/bootstrap/ops/summary");
+};
+
+export const getBootstrapWorkbenchSummary = () => {
+    return http.get<SiteList.BootstrapAdminWorkbenchSummary>("/site/bootstrap/workbench/summary");
+};
+
+export const previewBootstrapEnvTemplate = (params: SiteList.BootstrapEnvTemplateActionParams) => {
+    return http.post<SiteList.BootstrapEnvTemplateActionData>("/site/bootstrap/env/template/preview", params);
+};
+
+export const applyBootstrapEnvTemplate = (params: SiteList.BootstrapEnvTemplateActionParams) => {
+    return http.post<SiteList.BootstrapEnvTemplateActionData>("/site/bootstrap/env/template/apply", params);
+};
+
+export const previewBootstrapEnvHistoryRestore = (params: SiteList.BootstrapEnvHistoryRestoreParams) => {
+    return http.post<SiteList.BootstrapEnvTemplateActionData>("/site/bootstrap/env/template/history/restore/preview", params);
+};
+
+export const applyBootstrapEnvHistoryRestore = (params: SiteList.BootstrapEnvHistoryRestoreParams) => {
+    return http.post<SiteList.BootstrapEnvTemplateActionData>("/site/bootstrap/env/template/history/restore/apply", params);
+};
+
+export const uploadExcel = (params: SiteList.saveParams) => {
+    return http.post<SiteList.DomainUploadSummary & ResultData>('/site/domain/upload', params, {
+        timeout: 10 * 60 * 1000
+    });
 };
 
-/**
- * @name 缓存清理
- */
 export const cacheFlush = (params: SiteList.saveParams) => {
     return http.post<ResPage<ResultData>>('/system/cache/flush', params);
 };
 
 
-/**
-
-
- * @name 部署项目
- */
 export const buildItem = (params: SiteList.delParams) => {
     return http.post<ResPage<ResultData>>(SITE_PORT + `/deploy/site`, params);
 };
-/**
- * @name 部署引导页
- */
 export const landingItem = (params: SiteList.delParams) => {
     return http.post<ResPage<ResultData>>(SITE_PORT + `/deploy/landing/page`, params);
 };
-/**
- * @name 删除站点
- */
 export const deleteItem = (params: SiteList.delParams) => {
     return http.post<ResPage<ResultData>>(SITE_PORT + `/del`, params);
 };
diff --git a/src/api/modules/site/subject/fomart/group.ts b/src/api/modules/site/subject/fomart/group.ts
index b47ba46..8e0f060 100644
--- a/src/api/modules/site/subject/fomart/group.ts
+++ b/src/api/modules/site/subject/fomart/group.ts
@@ -3,9 +3,6 @@ import { GroupList } from "@/api/interface/site/subject/fomart/group";
 import { getSubjectFomartGroupList } from "@/api/config";
 import http from "@/api";
 
-/**
- * @name 替换模板分组列表
- */
 export const getList = (params: GroupList.ReqParams) => {
     return http.get<ResPage<GroupList.ResList>>(getSubjectFomartGroupList, params);
 };
@@ -17,16 +14,10 @@ export const getSubjectFomartGroup = () => {
     return http.get<ResPage<GroupList.ResList>>(getSubjectFomartGroupList, { limit: 1000, page: 1 });
 };
 
-/**
- * @name 设置
- */
 export const saveData = (params: GroupList.saveParams) => {
     return http.post<ResPage<ResultData>>('/site/subject/fomart/group/save', params);
 };
 
-/**
- * @name 删除
- */
 export const deleteItem = (params: GroupList.delParams) => {
     return http.post<ResPage<ResultData>>('/site/subject/fomart/group/del', params);
 };
diff --git a/src/api/modules/site/subject/fomart/list.ts b/src/api/modules/site/subject/fomart/list.ts
index b46bca9..6410418 100644
--- a/src/api/modules/site/subject/fomart/list.ts
+++ b/src/api/modules/site/subject/fomart/list.ts
@@ -3,9 +3,6 @@ import { SubjectFomartList } from "@/api/interface/site/subject/fomart/list";
 import { getSubjectFomartList } from "@/api/config";
 import http from "@/api";
 
-/**
- * @name 模板列表
- */
 export const getList = (params: SubjectFomartList.ReqParams) => {
     return http.get<ResPage<SubjectFomartList.ResList>>(getSubjectFomartList, params);
 };
@@ -14,16 +11,10 @@ export const getAllList = () => {
     return http.get<ResPage<SubjectFomartList.ResList>>(getSubjectFomartList, { limit: 1000, page: 1 });
 };
 
-/**
- * @name 设置
- */
 export const saveData = (params: SubjectFomartList.saveParams) => {
     return http.post<ResPage<ResultData>>('/site/subject/fomart/save', params);
 };
 
-/**
- * @name 删除
- */
 export const deleteItem = (params: SubjectFomartList.delParams) => {
     return http.post<ResPage<ResultData>>('/site/subject/fomart/del', params);
 };
\ No newline at end of file
diff --git a/src/api/modules/site/template.ts b/src/api/modules/site/template.ts
index 37d54ef..54fcb1d 100644
--- a/src/api/modules/site/template.ts
+++ b/src/api/modules/site/template.ts
@@ -3,39 +3,10 @@ import { SiteList } from "@/api/interface/site/list";
 import { getTemplateListUrl } from "@/api/config";
 import http from "@/api";
 
-/**
- * @name 模板列表
- */
 export const getList = (params: SiteList.ReqParams) => {
     return http.get<ResPage<SiteList.ResList>>(getTemplateListUrl, params);
-    // return http.get<ResPage<fenLeiList.ResList>>(getTkdargListUrl, { limit: 1000, page: 1 });
 };
 
 export const getAllList = () => {
     return http.get<ResPage<SiteList.ResList>>(getTemplateListUrl, { limit: 1000, page: 1 });
 };
-
-/**
- * @name 设置站点
- */
-export const saveData = (params: SiteList.saveParams) => {
-    return http.post<ResPage<ResultData>>(SITE_PORT + `/save`, params);
-};
-/**
- * @name 部署项目
- */
-export const buildItem = (params: SiteList.delParams) => {
-    return http.post<ResPage<ResultData>>(SITE_PORT + `/deploy/site`, params);
-};
-/**
- * @name 部署引导页
- */
-export const landingItem = (params: SiteList.delParams) => {
-    return http.post<ResPage<ResultData>>(SITE_PORT + `/deploy/landing/page`, params);
-};
-/**
- * @name 删除站点
- */
-export const deleteItem = (params: SiteList.delParams) => {
-    return http.post<ResPage<ResultData>>(SITE_PORT + `/del`, params);
-};
\ No newline at end of file
diff --git a/src/api/modules/site/tkdarg.ts b/src/api/modules/site/tkdarg.ts
index f937672..bf9f51a 100644
--- a/src/api/modules/site/tkdarg.ts
+++ b/src/api/modules/site/tkdarg.ts
@@ -1,16 +1,7 @@
-import { ResPage } from "@/api/interface/index";
-import { fenLeiList } from "@/api/interface/novel/fenlei";
+import { TkdArgList } from "@/api/interface/site/tkdarg";
 import { getTkdargListUrl } from "@/api/config";
 import http from "@/api";
 
-/**
- * @name 参数模板列表
- */
-export const getList = (params: fenLeiList.ReqParams) => {
-    // return http.get<ResPage<fenLeiList.ResList>>(getXiaoShuoFenleiApiUrl, params);
-    return http.get<ResPage<fenLeiList.ResList>>(getTkdargListUrl, { limit: 1000, page: 1 });
-};
-
-export const getAllList = () => {
-    return http.get<ResPage<fenLeiList.ResList>>(getTkdargListUrl, { limit: 1000, page: 1 });
+export const getList = (params: TkdArgList.ReqParams) => {
+    return http.get<TkdArgList.ResMap>(getTkdargListUrl, params);
 };
diff --git a/src/api/modules/spread/list.ts b/src/api/modules/spread/list.ts
index c5f223a..6dd14c9 100644
--- a/src/api/modules/spread/list.ts
+++ b/src/api/modules/spread/list.ts
@@ -3,28 +3,16 @@ import { SpreadList } from "@/api/interface/spread/list";
 import { SPREAD_PORT } from "@/api/config/servicePort";
 import http from "@/api";
 
-/**
- * @name 推广等级列表
- */
 export const getList = (params: SpreadList.ReqParams) => {
     return http.get<ResPage<SpreadList.ResList>>(SPREAD_PORT + `/levels/list`, params);
 };
-/**
- * @name 推广等级列表
- */
 export const getAllList = () => {
     return http.get<ResPage<SpreadList.ResList>>(SPREAD_PORT + `/levels/list`, { limit: 365, page: 1 });
 };
 
-/**
- * @name 设置推广等级
- */
 export const saveData = (params: SpreadList.saveParams) => {
     return http.post<ResPage<ResultData>>(SPREAD_PORT + `/levels/save`, params);
 };
-/**
- * @name 删除推广等级
- */
 export const deleteItem = (params: SpreadList.delParams) => {
     return http.post<ResPage<ResultData>>(SPREAD_PORT + `/levels/del`, params);
 };
diff --git a/src/api/modules/spread/referral.ts b/src/api/modules/spread/referral.ts
index d2bc01e..4ca6d30 100644
--- a/src/api/modules/spread/referral.ts
+++ b/src/api/modules/spread/referral.ts
@@ -3,22 +3,13 @@ import { ReferralList } from "@/api/interface/spread/referral";
 import { SPREAD_PORT } from "@/api/config/servicePort";
 import http from "@/api";
 
-/**
- * @name 推广等级列表
- */
 export const getList = (params: ReferralList.ReqParams) => {
     return http.get<ResPage<ReferralList.ResList>>(SPREAD_PORT + `/referral/list`, params);
 };
 
-/**
- * @name 设置推广等级
- */
 export const saveData = (params: ReferralList.saveParams) => {
     return http.post<ResPage<ResultData>>(SPREAD_PORT + `/referral/save`, params);
 };
-/**
- * @name 删除推广等级
- */
 export const deleteItem = (params: ReferralList.delParams) => {
     return http.post<ResPage<ResultData>>(SPREAD_PORT + `/referral/del`, params);
 };
diff --git a/src/api/modules/system/adminUser.ts b/src/api/modules/system/adminUser.ts
index 4130ef9..2adc53c 100644
--- a/src/api/modules/system/adminUser.ts
+++ b/src/api/modules/system/adminUser.ts
@@ -4,51 +4,30 @@ import { USER_PORT } from "@/api/config/servicePort";
 import { getSystemUserlistApiUrl, getSystemUserInfoApiUrl } from "@/api/config";
 import http from "@/api";
 
-/**
- * @name 系统用户列表
- */
 export const getAdminUserList = (params: adminUserList.ReqParams) => {
     return http.get<ResPage<adminUserList.ResList>>(getSystemUserlistApiUrl, params);
 };
 
-/**
- * @name 系统用户详情
- */
 export const userInfo = (params: adminUserList.saveParams) => {
     return http.get<ResPage<ResultData>>(getSystemUserInfoApiUrl, params);
 };
 
-/**
- * @name 系统用户修改密码
- */
 export const updatePwd = (params: adminUserList.saveParams) => {
     return http.post<ResPage<ResultData>>(USER_PORT + `/pwd`, params);
 };
 
-/**
- * @name 添加系统用户
- */
 export const saveAdminUser = (params: adminUserList.saveParams) => {
     return http.post<ResPage<ResultData>>(`/system/user/save`, params);
 };
-/**
- * @name 删除系统用户
- */
 export const deleteAdminUser = (params: adminUserList.delParams) => {
     return http.post<ResPage<ResultData>>(`/system/user/del`, params);
 };
-
-// 获取绑定谷歌令牌二维码
 export const getGoogle2faBindUrl = () => {
     return http.get(USER_PORT + `/google2fa/bindurl`);
 };
-
-// 解绑谷歌令牌
 export const getGoogle2faUnbind = params => {
     return http.post(USER_PORT + `/google2fa/unbind`, params);
 };
-
-// 绑谷歌令牌
 export const getGoogle2faBind = params => {
     return http.post(USER_PORT + `/google2fa/bind`, params);
 };
diff --git a/src/api/modules/system/bot.ts b/src/api/modules/system/bot.ts
deleted file mode 100644
index 4f72519..0000000
--- a/src/api/modules/system/bot.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { ResPage, ResultData } from "@/api/interface/index";
-import { BotSetting } from "@/api/interface/system/bot";
-import { SYSTEM_PORT } from "@/api/config/servicePort";
-import http from "@/api";
-
-/**
- * @name 机器人列表
- */
-// 机器人列表
-export const ListApi = (params: BotSetting.ReqParams) => {
-    return http.get<ResPage<BotSetting.ResList>>(SYSTEM_PORT + `/notification/telegram/list`, params);
-};
-/**
- * @name 机器人列表
- */
-export const getRobotMap = () => {
-    return http.get<ResPage<BotSetting.ResList>>(SYSTEM_PORT + `/notification/telegram/list`, { limit: 100, page: 1 });
-};
-
-// 设置机器人
-export const SaveApi = (params: BotSetting.saveParams) => {
-    return http.post<ResPage<ResultData>>(SYSTEM_PORT + `/notification/telegram/save`, params);
-};
-
-// 删除机器人
-export const DeleteApi = (params: BotSetting.delParams) => {
-    return http.post<ResPage<ResultData>>(SYSTEM_PORT + `/notification/telegram/del`, params);
-};
diff --git a/src/api/modules/system/caChe/es.ts b/src/api/modules/system/caChe/es.ts
deleted file mode 100644
index a037503..0000000
--- a/src/api/modules/system/caChe/es.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { ResPage, ResultData } from "@/api/interface/index";
-import { EsList } from "@/api/interface/system/caChe/es";
-import { CACHE_PORT } from "@/api/config/servicePort";
-import http from "@/api";
-
-/**
- * @name ES索引列表
- */
-export const getList = () => {
-    return http.get<EsList.ResList>(CACHE_PORT + `/es/list`);
-};
-/**
- * @name 设置ES索引
- */
-export const saveData = (params: EsList.saveParams) => {
-    return http.post<ResPage<ResultData>>(CACHE_PORT + `/es/create`, params);
-};
-/**
- * @name 删除ES索引
- */
-export const deleteItem = (params: EsList.delParams) => {
-    return http.post<ResPage<ResultData>>(CACHE_PORT + `/es/batch/create`, params);
-};
diff --git a/src/api/modules/system/caChe/manage.ts b/src/api/modules/system/caChe/manage.ts
deleted file mode 100644
index 5a3018a..0000000
--- a/src/api/modules/system/caChe/manage.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { ResPage, ResultData } from "@/api/interface/index";
-import { ManageList } from "@/api/interface/system/caChe/manage";
-import { CACHE_PORT } from "@/api/config/servicePort";
-import http from "@/api";
-
-/**
- * @name ES索引列表
- */
-export const getList = (params: ManageList.ReqParams) => {
-    return http.get<ManageList.ResList>(CACHE_PORT + `/manage/list`, params);
-};
-/**
- * @name 设置ES索引
- */
-export const saveData = (params: ManageList.saveParams) => {
-    return http.post<ResPage<ResultData>>(CACHE_PORT + `/es/create`, params);
-};
-/**
- * @name 删除ES索引
- */
-export const deleteItem = (params: ManageList.delParams) => {
-    return http.post<ResPage<ResultData>>(CACHE_PORT + `/manage/del`, params);
-};
diff --git a/src/api/modules/system/company.ts b/src/api/modules/system/company.ts
deleted file mode 100644
index c2462f6..0000000
--- a/src/api/modules/system/company.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { ResPage, ResultData } from "@/api/interface/index";
-import { Company } from "@/api/interface/system/company";
-import { SYSTEM_PORT } from "@/api/config/servicePort";
-import http from "@/api";
-
-/**
- * @name 公司列表
- */
-
-// 公司列表
-export const ListApi = (params: Company.ReqParams) => {
-    return http.get<ResPage<Company.ResList>>(SYSTEM_PORT + `/company/list`, params);
-};
-
-// 设置
-export const SaveApi = (params: Company.saveParams) => {
-    return http.post<ResPage<ResultData>>(SYSTEM_PORT + `/company/save`, params);
-};
-
-// 删除
-export const DeleteApi = (params: Company.delParams) => {
-    return http.post<ResPage<ResultData>>(SYSTEM_PORT + `/company/del`, params);
-};
-
-// 获取所有公司
-export const getCompanyMap = () => {
-    return http.get<ResPage<Company.ResList>>(SYSTEM_PORT + `/company/all`, { page: 1, limit: 365 });
-};
-
-// 获取公司详情
-export const InfoApi = () => {
-    return http.get<ResPage<Company.ResList>>(SYSTEM_PORT + `/company/info`, { page: 1, limit: 365 });
-};
-
-// 设置通讯信息
-export const CommunicationSetApi = params => {
-    return http.post<ResPage<Company.ResList>>(SYSTEM_PORT + `/company/communication/set`, params);
-};
diff --git a/src/api/modules/system/config.ts b/src/api/modules/system/config.ts
index 380037e..9b9d67f 100644
--- a/src/api/modules/system/config.ts
+++ b/src/api/modules/system/config.ts
@@ -3,16 +3,12 @@ import { ConfigList } from "@/api/interface/system/config";
 import { getSystemConfigListApiUrl, getSystemConfigSaveApiUrl } from "@/api/config";
 import http from "@/api";
 
-/**
- * @name 配置列表
- */
+
 export const getConfigList = (params: ConfigList.ReqParams) => {
     return http.get<ResPage<ConfigList.ResList>>(getSystemConfigListApiUrl, params);
 };
 
-/**
- * @name 设置配置
- */
+
 export const SaveApi = (params: ConfigList.saveParams) => {
     return http.post<ResPage<ResultData>>(getSystemConfigSaveApiUrl, params);
 };
diff --git a/src/api/modules/system/endpoint.ts b/src/api/modules/system/endpoint.ts
deleted file mode 100644
index 40a7460..0000000
--- a/src/api/modules/system/endpoint.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { ResPage } from "@/api/interface/index";
-import { Endpoint } from "@/api/interface/system/endpoint";
-import { RES_SOURCE_PORT } from "@/api/config/servicePort";
-import http from "@/api";
-import { getSystemZyddListApiUrl, getSystemZyddSaveApiUrl } from "@/api/config";
-
-/**
- * @name 端点资源列表
- */
-export const ListApi = (params: Endpoint.ReqParams) => {
-    return http.get<ResPage<Endpoint.List>>(getSystemZyddListApiUrl, params);
-};
-
-export const getEndpointAllApi = () => {
-    return http.get<ResPage<Endpoint.List>>(getSystemZyddListApiUrl, { limit: 365, page: 1 });
-};
-
-/**
- * @name 新增端点资源
- */
-export const SaveApi = (params: Endpoint.saveParams) => {
-    return http.post<ResPage<Endpoint.List>>(getSystemZyddSaveApiUrl, params);
-};
-
-/**
- * @name 删除端点资源
- */
-export const DelApi = (params: Endpoint.delParams) => {
-    return http.post<ResPage<Endpoint.List>>(RES_SOURCE_PORT + `/endpoint/del`, params);
-};
diff --git a/src/api/modules/system/endpointGroup.ts b/src/api/modules/system/endpointGroup.ts
deleted file mode 100644
index c6bff06..0000000
--- a/src/api/modules/system/endpointGroup.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { ResPage } from "@/api/interface/index";
-import { Endpoint } from "@/api/interface/system/endpoint";
-import { RES_SOURCE_PORT } from "@/api/config/servicePort";
-import http from "@/api";
-
-/**
- * @name 端点资源分组列表
- */
-export const ListApi = (params: Endpoint.ReqParams) => {
-    return http.get<ResPage<Endpoint.List>>(RES_SOURCE_PORT + `/endpoint/group/list`, params);
-};
-export const getAllListApi = () => {
-    return http.get<ResPage<Endpoint.List>>(RES_SOURCE_PORT + `/endpoint/group/list`, { limit: 365, page: 1 });
-};
-
-/**
- * @name 新增端点资源分组
- */
-export const SaveApi = (params: Endpoint.ReqParams) => {
-    return http.post<ResPage<Endpoint.List>>(RES_SOURCE_PORT + `/endpoint/group/save`, params);
-};
-
-/**
- * @name 删除端点资源分组
- */
-export const DelApi = (params: Endpoint.delParams) => {
-    return http.post<ResPage<Endpoint.List>>(RES_SOURCE_PORT + `/endpoint/group/del`, params);
-};
diff --git a/src/api/modules/system/gather.ts b/src/api/modules/system/gather.ts
index a8b856c..472eefb 100644
--- a/src/api/modules/system/gather.ts
+++ b/src/api/modules/system/gather.ts
@@ -2,16 +2,12 @@ import { ResPage, ResultData } from "@/api/interface/index";
 import { GatherList } from "@/api/interface/system/gather";
 import http from "@/api";
 import { getSystemCjpzListApiUrl, getSystemCjpzSaveApiUrl } from "@/api/config";
-/**
- * @name 采集配置列表
- */
+
 export const ListApi = (params: GatherList.ReqParams) => {
     return http.get<ResPage<GatherList.ResList>>(getSystemCjpzListApiUrl, params);
 };
 
-/**
- * @name 设置采集配置
- */
+
 export const SaveApi = (params: GatherList.saveParams) => {
     return http.post<ResPage<ResultData>>(getSystemCjpzSaveApiUrl, params);
 };
diff --git a/src/api/modules/system/logs.ts b/src/api/modules/system/logs.ts
deleted file mode 100644
index a363cbf..0000000
--- a/src/api/modules/system/logs.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { ResPage, LogsList } from "@/api/interface/index";
-import { SYSTEM_PORT } from "@/api/config/servicePort";
-import http from "@/api";
-
-/**
- * @name 日志
- */
-// 日志列表
-export const ListApi = (params: LogsList.ReqParams) => {
-    return http.get<ResPage<LogsList.ResList>>(SYSTEM_PORT + `/log/list`, params);
-};
diff --git a/src/api/modules/system/node.ts b/src/api/modules/system/node.ts
deleted file mode 100644
index b6bc2e5..0000000
--- a/src/api/modules/system/node.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { ResPage, ResultData } from "@/api/interface/index";
-import { NodeList } from "@/api/interface/system/node";
-import { NODE_PORT } from "@/api/config/servicePort";
-import http from "@/api";
-
-/**
- * @name 节点列表
- */
-export const ListApi = (params: NodeList.ReqParams) => {
-    return http.get<ResPage<NodeList.ResList>>(NODE_PORT + `/list`, params);
-};
-/**
- * @name 设置节点
- */
-export const SaveApi = (params: NodeList.saveParams) => {
-    return http.post<ResPage<ResultData>>(NODE_PORT + `/save`, params);
-};
-/**
- * @name 删除节点
- */
-export const DeleteApi = (params: NodeList.delParams) => {
-    return http.post<ResPage<ResultData>>(NODE_PORT + `/del`, params);
-};
diff --git a/src/api/modules/system/notice.ts b/src/api/modules/system/notice.ts
deleted file mode 100644
index 90b40cf..0000000
--- a/src/api/modules/system/notice.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { ResPage, ResultData, NoticeSetting } from "@/api/interface/index";
-import { SYSTEM_PORT } from "@/api/config/servicePort";
-import http from "@/api";
-
-/**
- * @name 通知类型列表
- */
-// 通知类型列表
-export const ListApi = (params: NoticeSetting.ReqParams) => {
-    return http.get<ResPage<NoticeSetting.ResList>>(SYSTEM_PORT + `/notification/manager/list`, params);
-};
-/**
- * @name 设置通知类型
- */
-// 设置通知类型
-export const SaveApi = (params: NoticeSetting.saveParams) => {
-    return http.post<ResPage<ResultData>>(SYSTEM_PORT + `/notification/manager/save`, params);
-};
diff --git a/src/api/modules/system/role.ts b/src/api/modules/system/role.ts
deleted file mode 100644
index 288bedd..0000000
--- a/src/api/modules/system/role.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { ResPage } from "@/api/interface/index";
-import { RoleList } from "@/api/interface/system/role";
-import { ROLE_PORT } from "@/api/config/servicePort";
-import http from "@/api";
-/**
- * @name 获取角色列表
- */
-export const ListApi = (params: RoleList.ListReq) => {
-    return http.get<ResPage<RoleList.ListResp>>(ROLE_PORT + `/list`, params);
-};
-
-/**
- * @name 获取所有角色
- */
-export const getRoleMap = () => {
-    return http.get<ResPage<RoleList.ListResp>>(ROLE_PORT + `/list`, { limit: 100, page: 1 });
-};
-
-/**
- * @name 添加角色
- */
-export const SaveApi = (params: RoleList.CreateReq) => {
-    return http.post<RoleList.CreateResp>(ROLE_PORT + `/save`, params);
-};
-/**
- * @name 删除角色
- */
-export const DeleteApi = (params: RoleList.DeleteReq) => {
-    return http.post<RoleList.DeleteResp>(ROLE_PORT + `/del`, params);
-};
diff --git a/src/api/modules/system/taskPlan.ts b/src/api/modules/system/taskPlan.ts
index 65a2cd2..393a719 100644
--- a/src/api/modules/system/taskPlan.ts
+++ b/src/api/modules/system/taskPlan.ts
@@ -2,16 +2,12 @@ import { ResPage, ResultData } from "@/api/interface/index";
 import { taskPlan } from "@/api/interface/system/taskPlan";
 import http from "@/api";
 import { getSystemPlanListApiUrl, getSystemPlanSaveApiUrl } from "@/api/config";
-/**
- * @name 计划任务列表
- */
+
 export const getTaskPlanList = (params: taskPlan.ReqParams) => {
     return http.get<ResPage<taskPlan.ResList>>(getSystemPlanListApiUrl, params);
 };
 
-/**
- * @name 设置计划任务
- */
+
 export const saveTaskPlan = (params: taskPlan.saveParams) => {
     return http.post<ResPage<ResultData>>(getSystemPlanSaveApiUrl, params);
 };
diff --git a/src/api/modules/tab/list.ts b/src/api/modules/tab/list.ts
deleted file mode 100644
index f51bd9c..0000000
--- a/src/api/modules/tab/list.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { ResPage, ResultData } from "@/api/interface/index";
-import { TabList } from "@/api/interface/tab/list";
-import { TAB_BATCH_PORT } from "@/api/config/servicePort";
-import http from "@/api";
-
-/**
- * @name TAB列表
- */
-export const getList = (params: TabList.ReqParams) => {
-    return http.get<ResPage<TabList.ResList>>(TAB_BATCH_PORT + `/list`, params);
-};
-/**
- * @name 设置TAB
- */
-export const saveData = (params: TabList.saveParams) => {
-    return http.post<ResPage<ResultData>>(TAB_BATCH_PORT + `/save`, params);
-};
-/**
- * @name 删除TAB
- */
-export const deleteItem = (params: TabList.delParams) => {
-    return http.post<ResPage<ResultData>>(TAB_BATCH_PORT + `/del`, params);
-};
diff --git a/src/api/modules/tag/list.ts b/src/api/modules/tag/list.ts
deleted file mode 100644
index b35fac1..0000000
--- a/src/api/modules/tag/list.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-import { ResPage, ResultData } from "@/api/interface/index";
-import { TagList } from "@/api/interface/tag/list";
-import { TAG_PORT } from "@/api/config/servicePort";
-import http from "@/api";
-
-/**
- * @name 标签列表
- */
-export const getList = (params: TagList.ReqParams) => {
-    return http.get<ResPage<TagList.ResList>>(TAG_PORT + `/list`, params);
-};
-/**
- * @name 标签类型列表
- */
-export const getTypeList = (params: TagList.ReqParams) => {
-    return http.get<ResPage<TagList.ResList>>(TAG_PORT + `/list`, params);
-};
-/**
- * @name 标签类型列表
- */
-export const getAllTypeList = (params: TagList.ReqParams) => {
-    return http.get<ResPage<TagList.ResList>>(TAG_PORT + `/list`, params, { noLoading: true });
-};
-/**
- * @name 设置标签
- */
-export const saveData = (params: TagList.saveParams) => {
-    return http.post<ResPage<ResultData>>(TAG_PORT + `/save`, params);
-};
-/**
- * @name 批量设置标签
- */
-export const batchData = (params: TagList.batchParams) => {
-    return http.post<ResPage<ResultData>>(TAG_PORT + `/batch`, params);
-};
-/**
- * @name 删除标签
- */
-export const deleteItem = (params: TagList.delParams) => {
-    return http.post<ResPage<ResultData>>(TAG_PORT + `/del`, params);
-};
diff --git a/src/api/modules/upload.ts b/src/api/modules/upload.ts
index 9927961..b649179 100644
--- a/src/api/modules/upload.ts
+++ b/src/api/modules/upload.ts
@@ -1,17 +1,11 @@
 import { Upload } from "@/api/interface/index";
-// import { PORT1, portAdmin } from "@/api/config/servicePort";
 import { PORT1 } from "@/api/config/servicePort";
 import http from "@/api";
 
-/**
- * @name 文件上传模块
- */
-// 图片上传
 export const uploadImg = (params: FormData) => {
-    return http.post<Upload.ResFileUrl>("https://mock.mengxuegu.com/mock/629d727e6163854a32e8307e" + `/file/upload/img`, params);
+    return http.post<Upload.ResFileUrl>(PORT1 + `/file/upload/image`, params);
 };
 
-// 视频上传
 export const uploadVideo = (params: FormData) => {
     return http.post<Upload.ResFileUrl>(PORT1 + `/file/upload/video`, params);
 };
diff --git a/src/api/modules/video/fenlei.ts b/src/api/modules/video/fenlei.ts
index b32f0e0..765dced 100644
--- a/src/api/modules/video/fenlei.ts
+++ b/src/api/modules/video/fenlei.ts
@@ -3,9 +3,7 @@ import { fenLeiList } from "@/api/interface/video/fenlei";
 import { getVideoCategoryApiUrl } from "@/api/config";
 import http from "@/api";
 
-/**
- * @name 视频分类
- */
+
 export const getList = (params: fenLeiList.ReqParams) => {
     return http.get<ResPage<fenLeiList.ResList>>(getVideoCategoryApiUrl, params);
 };
diff --git a/src/api/modules/video/list.ts b/src/api/modules/video/list.ts
index 764fa9c..c5b6808 100644
--- a/src/api/modules/video/list.ts
+++ b/src/api/modules/video/list.ts
@@ -3,34 +3,19 @@ import { VideoList } from "@/api/interface/video/list";
 import { getVideoListApiUrl, getVideoSetLevelApiUrl, getVideoSetBoxOfficeApiUrl } from "@/api/config";
 import http from "@/api";
 
-/**
- * @name 视频列表
- */
 export const getVideoList = (params: VideoList.ReqParams) => {
     return http.get<ResPage<VideoList.ResList>>(getVideoListApiUrl, params);
 };
 
-/**
- * @name 批量设置视频推荐等级
- */
 export const setLevel = (params: VideoList.delParams) => {
     return http.post<ResPage<ResultData>>(getVideoSetLevelApiUrl, params);
 };
-/**
- * @name 批量设置视频票房
- */
 export const setBoxOffice = (params: VideoList.delParams) => {
     return http.post<ResPage<ResultData>>(getVideoSetBoxOfficeApiUrl, params);
 };
-/**
- * @name 批量设置视频推荐等级
- */
 export const batchData = (params: VideoList.delParams) => {
     return http.post<ResPage<ResultData>>(getVideoSetLevelApiUrl, params);
 };
-/**
- * @name 批量设置视频推荐等级
- */
 export const batchVipData = (params: VideoList.delParams) => {
     return http.post<ResPage<ResultData>>(getVideoSetLevelApiUrl, params);
 };
diff --git a/src/api/modules/video/nvyou.ts b/src/api/modules/video/nvyou.ts
index e58064c..420ca93 100644
--- a/src/api/modules/video/nvyou.ts
+++ b/src/api/modules/video/nvyou.ts
@@ -3,9 +3,7 @@ import { nvYouList } from "@/api/interface/video/nvyou";
 import { getShipinNvYouApiUrl } from "@/api/config";
 import http from "@/api";
 
-/**
- * @name 视频女优
- */
+
 export const getList = (params: nvYouList.ReqParams) => {
     return http.get<ResPage<nvYouList.ResList>>(getShipinNvYouApiUrl, params);
 };
diff --git a/src/api/modules/videoFeedback/list.ts b/src/api/modules/videoFeedback/list.ts
deleted file mode 100644
index 9e06feb..0000000
--- a/src/api/modules/videoFeedback/list.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { ResPage, ResultData } from "@/api/interface/index";
-import { videoFeedbackList } from "@/api/interface/videoFeedback/list";
-import { FEEDBACK_PORT } from "@/api/config/servicePort";
-import http from "@/api";
-
-/**
- * @name 视频反馈列表
- */
-export const getList = (params: videoFeedbackList.ReqParams) => {
-    return http.get<ResPage<videoFeedbackList.ResList>>(FEEDBACK_PORT + `/list`, params);
-};
-/**
- * @name 设置视频反馈
- */
-export const saveData = (params: videoFeedbackList.saveParams) => {
-    return http.post<ResPage<ResultData>>(FEEDBACK_PORT + `/save`, params);
-};
-/**
- * @name 删除视频反馈
- */
-export const deleteItem = (params: videoFeedbackList.delParams) => {
-    return http.post<ResPage<ResultData>>(FEEDBACK_PORT + `/del`, params);
-};
diff --git a/src/assets/fonts/font.scss b/src/assets/fonts/font.scss
index d08cf8c..d77ae7c 100644
--- a/src/assets/fonts/font.scss
+++ b/src/assets/fonts/font.scss
@@ -1,14 +1,14 @@
-@font-face {
-    font-family: YouSheBiaoTiHei;
-    src: url("./YouSheBiaoTiHei.ttf");
-}
-
-@font-face {
-    font-family: MetroDF;
-    src: url("./MetroDF.ttf");
-}
-
+@font-face {
+    font-family: YouSheBiaoTiHei;
+    src: url("./YouSheBiaoTiHei.ttf");
+}
+
+@font-face {
+    font-family: MetroDF;
+    src: url("./MetroDF.ttf");
+}
+
 @font-face {
     font-family: DIN;
-    src: url("./DIN.Otf");
+    src: url("./DIN.otf");
 }
diff --git a/src/assets/images/login_bg.svg b/src/assets/images/login_bg.svg
index 0a9514b..20f1cf9 100644
--- a/src/assets/images/login_bg.svg
+++ b/src/assets/images/login_bg.svg
@@ -1,33 +1,29 @@
-<svg xmlns="http://www.w3.org/2000/svg" version="1.1" baseProfile="full" width="100%" height="100%" viewBox="0 0 1400 800">
-
-  <rect x="1300" y="400" rx="40" ry="40" width="150" height="150" stroke="rgb(129, 201, 149)" fill="rgb(129, 201, 149)">
-    <animateTransform attributeType="XML" attributeName="transform" begin="0s" dur="35s" type="rotate" from="0 1450 550" to="360 1450 550" repeatCount="indefinite"/>
-  </rect>
-
-  <path d="M 100 350 A 150 150 0 1 1 400 350 Q400 370 380 370 L 250 370 L 120 370 Q100 370 100 350" fill="#a2b3ff">
-    <animateMotion path="M 800 -200 L 800 -300 L 800 -200" dur="20s" begin="0s" repeatCount="indefinite"/>
-    <animateTransform attributeType="XML" attributeName="transform" begin="0s" dur="30s" type="rotate" values="0 210 530 ; -30 210 530 ; 0 210 530" keyTimes="0 ; 0.5 ; 1" repeatCount="indefinite"/>
-  </path>
-
-  <circle cx="150" cy="150" r="180" stroke="#85FFBD" fill="#85FFBD">
-    <animateMotion path="M 0 0 L 40 20 Z" dur="5s" repeatCount="indefinite"/>
-  </circle>
-
-  <!-- 三角形 -->
-  <path d="M 165 580 L 270 580 Q275 578 270 570 L 223 483 Q220 480 217 483 L 165 570 Q160 578 165 580"  fill="#a2b3ff">
-    <animateTransform attributeType="XML" attributeName="transform" begin="0s" dur="35s" type="rotate" from="0 210 530" to="360 210 530" repeatCount="indefinite"/>
-  </path>
-
-<!--  <circle cx="1200" cy="600" r="30" stroke="rgb(241, 243, 244)" fill="rgb(241, 243, 244)">-->
-<!--    <animateMotion path="M 0 0 L -20 40 Z" dur="9s" repeatCount="indefinite"/>-->
-<!--  </circle>-->
-
-  <path d="M 100 350 A 40 40 0 1 1 180 350 L 180 430 A 40 40 0 1 1 100 430 Z" fill="#3054EB">
-    <animateMotion path="M 140 390 L 180 360 L 140 390" dur="20s" begin="0s" repeatCount="indefinite"/>
-    <animateTransform attributeType="XML" attributeName="transform" begin="0s" dur="30s" type="rotate" values="0 140 390; -60 140 390; 0 140 390" keyTimes="0 ; 0.5 ; 1" repeatCount="indefinite"/>
-  </path>
-
-  <rect x="400" y="600" rx="40" ry="40" width="100" height="100" stroke="rgb(129, 201, 149)" fill="#3054EB">
-    <animateTransform attributeType="XML" attributeName="transform" begin="0s" dur="35s" type="rotate" from="-30 550 750" to="330 550 750" repeatCount="indefinite"/>
-  </rect>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" baseProfile="full" width="100%" height="100%" viewBox="0 0 1400 800">
+
+  <rect x="1300" y="400" rx="40" ry="40" width="150" height="150" stroke="rgb(129, 201, 149)" fill="rgb(129, 201, 149)">
+    <animateTransform attributeType="XML" attributeName="transform" begin="0s" dur="35s" type="rotate" from="0 1450 550" to="360 1450 550" repeatCount="indefinite"/>
+  </rect>
+
+  <path d="M 100 350 A 150 150 0 1 1 400 350 Q400 370 380 370 L 250 370 L 120 370 Q100 370 100 350" fill="#a2b3ff">
+    <animateMotion path="M 800 -200 L 800 -300 L 800 -200" dur="20s" begin="0s" repeatCount="indefinite"/>
+    <animateTransform attributeType="XML" attributeName="transform" begin="0s" dur="30s" type="rotate" values="0 210 530 ; -30 210 530 ; 0 210 530" keyTimes="0 ; 0.5 ; 1" repeatCount="indefinite"/>
+  </path>
+
+  <circle cx="150" cy="150" r="180" stroke="#85FFBD" fill="#85FFBD">
+    <animateMotion path="M 0 0 L 40 20 Z" dur="5s" repeatCount="indefinite"/>
+  </circle>
+
+  <path d="M 165 580 L 270 580 Q275 578 270 570 L 223 483 Q220 480 217 483 L 165 570 Q160 578 165 580"  fill="#a2b3ff">
+    <animateTransform attributeType="XML" attributeName="transform" begin="0s" dur="35s" type="rotate" from="0 210 530" to="360 210 530" repeatCount="indefinite"/>
+  </path>
+
+
+  <path d="M 100 350 A 40 40 0 1 1 180 350 L 180 430 A 40 40 0 1 1 100 430 Z" fill="#3054EB">
+    <animateMotion path="M 140 390 L 180 360 L 140 390" dur="20s" begin="0s" repeatCount="indefinite"/>
+    <animateTransform attributeType="XML" attributeName="transform" begin="0s" dur="30s" type="rotate" values="0 140 390; -60 140 390; 0 140 390" keyTimes="0 ; 0.5 ; 1" repeatCount="indefinite"/>
+  </path>
+
+  <rect x="400" y="600" rx="40" ry="40" width="100" height="100" stroke="rgb(129, 201, 149)" fill="#3054EB">
+    <animateTransform attributeType="XML" attributeName="transform" begin="0s" dur="35s" type="rotate" from="-30 550 750" to="330 550 750" repeatCount="indefinite"/>
+  </rect>
+</svg>
diff --git a/src/assets/json/authButtonList.json b/src/assets/json/authButtonList.json
index 24257b6..7f73ab7 100644
--- a/src/assets/json/authButtonList.json
+++ b/src/assets/json/authButtonList.json
@@ -1,8 +1,8 @@
-{
-    "code": 200,
-    "data": {
-        "useProTable": ["add", "batchAdd", "export", "batchDelete", "status"],
-        "authButton": ["add", "edit", "delete", "import", "export"]
-    },
-    "msg": "成功"
-}
+{
+    "code": 200,
+    "data": {
+        "useProTable": ["add", "batchAdd", "export", "batchDelete", "status"],
+        "authButton": ["add", "edit", "delete", "import", "export"]
+    },
+    "msg": "成功"
+}
diff --git a/src/assets/json/authMenuList.json b/src/assets/json/authMenuList.json
index f9f2cab..e897a4e 100644
--- a/src/assets/json/authMenuList.json
+++ b/src/assets/json/authMenuList.json
@@ -1,1027 +1,1027 @@
-{
-    "code": 200,
-    "data": [
-        {
-            "path": "/home/index",
-            "name": "home",
-            "component": "/home/index",
-            "meta": {
-                "icon": "HomeFilled",
-                "title": "首页",
-                "isLink": "",
-                "isHide": false,
-                "isFull": false,
-                "isAffix": true,
-                "isKeepAlive": true
-            }
-        },
-        {
-            "path": "/system",
-            "name": "system",
-            "meta": {
-                "an_id": 1000,
-                "icon": "Tools",
-                "title": "系统管理",
-                "isLink": "",
-                "isHide": false,
-                "isFull": false,
-                "isAffix": false,
-                "isKeepAlive": true
-            },
-            "children": [
-                {
-                    "path": "/system/user",
-                    "name": "systemUser",
-                    "meta": {
-                        "an_id": 1100,
-                        "icon": "User",
-                        "title": "系统用户管理",
-                        "isLink": "",
-                        "isHide": false,
-                        "isFull": false,
-                        "isAffix": false,
-                        "isKeepAlive": true
-                    },
-                    "children": [
-                        {
-                            "path": "/system/user/index",
-                            "name": "systemUserIndex",
-                            "component": "/system/user/index",
-                            "meta": {
-                                "an_id": 1101,
-                                "icon": "User",
-                                "title": "系统用户列表",
-                                "isLink": "",
-                                "isHide": false,
-                                "isFull": false,
-                                "isAffix": false,
-                                "isKeepAlive": true
-                            }
-                        },
-                        {
-                            "path": "/system/user/info",
-                            "name": "systemUserInfo",
-                            "component": "/system/user/info",
-                            "meta": {
-                                "an_id": 1107,
-                                "icon": "User",
-                                "title": "系统用户详情",
-                                "isLink": "",
-                                "isHide": false,
-                                "isFull": false,
-                                "isAffix": false,
-                                "isKeepAlive": true
-                            }
-                        },
-                        {
-                            "path": "/system/role/index",
-                            "name": "systemRoleIndex",
-                            "component": "/system/role/index",
-                            "meta": {
-                                "an_id": 1104,
-                                "icon": "UserFilled",
-                                "title": "角色列表",
-                                "isLink": "",
-                                "isHide": true,
-                                "isFull": false,
-                                "isAffix": false,
-                                "isKeepAlive": true
-                            }
-                        },
-                        {
-                            "path": "/system/node/index",
-                            "name": "systemNodeIndex",
-                            "component": "/system/node/index",
-                            "meta": {
-                                "an_id": 1109,
-                                "icon": "Unlock",
-                                "title": "节点列表",
-                                "isLink": "",
-                                "isHide": true,
-                                "isFull": false,
-                                "isAffix": false,
-                                "isKeepAlive": true
-                            }
-                        }
-                    ]
-                },
-                {
-                    "path": "/system/config",
-                    "name": "systemConfig",
-                    "meta": {
-                        "an_id": 1200,
-                        "icon": "Tools",
-                        "title": "配置管理",
-                        "isLink": "",
-                        "isHide": false,
-                        "isFull": false,
-                        "isAffix": false,
-                        "isKeepAlive": true
-                    },
-                    "children": [
-                        {
-                            "path": "/system/config/index",
-                            "name": "systemConfigIndex",
-                            "component": "/system/config/index",
-                            "meta": {
-                                "an_id": 1201,
-                                "icon": "Histogram",
-                                "title": "配置列表",
-                                "isLink": "",
-                                "isHide": false,
-                                "isFull": false,
-                                "isAffix": false,
-                                "isKeepAlive": true
-                            }
-                        },
-                        {
-                            "path": "/resource/endpoint/list",
-                            "name": "endpointList",
-                            "component": "/resource/endpoint/index",
-                            "meta": {
-                                "an_id": 2504,
-                                "icon": "Operation",
-                                "title": "端点资源列表",
-                                "isLink": "",
-                                "isHide": true,
-                                "isFull": false,
-                                "isAffix": false,
-                                "isKeepAlive": true
-                            }
-                        },
-                        {
-                            "path": "/system/gather/index",
-                            "name": "systemSystemConfig",
-                            "component": "/system/gather/index",
-                            "meta": {
-                                "an_id": 1203,
-                                "icon": "Histogram",
-                                "title": "采集配置列表",
-                                "isLink": "",
-                                "isHide": false,
-                                "isFull": false,
-                                "isAffix": false,
-                                "isKeepAlive": true
-                            }
-                        },
-                        {
-                            "path": "/searchKey/index",
-                            "name": "searchKeyIndex",
-                            "component": "/searchKey/index",
-                            "meta": {
-                                "an_id": 2112,
-                                "icon": "Monitor",
-                                "title": "seo关键词",
-                                "isLink": "",
-                                "isHide": true,
-                                "isFull": false,
-                                "isAffix": false,
-                                "isKeepAlive": true
-                            }
-                        },
-                        {
-                            "path": "/system/plan/index",
-                            "name": "systemPlanIndex",
-                            "component": "/system/plan/index",
-                            "meta": {
-                                "an_id": 1301,
-                                "icon": "Bell",
-                                "title": "计划任务列表",
-                                "isLink": "",
-                                "isHide": false,
-                                "isFull": false,
-                                "isAffix": false,
-                                "isKeepAlive": true
-                            }
-                        }
-                    ]
-                },
-                {
-                    "path": "/system/plan",
-                    "name": "systemPlan",
-                    "meta": {
-                        "an_id": 1300,
-                        "icon": "Notebook",
-                        "title": "系统计划任务管理",
-                        "isLink": "",
-                        "isHide": true,
-                        "isFull": false,
-                        "isAffix": false,
-                        "isKeepAlive": true
-                    },
-                    "children": [
-                        {
-                            "path": "/system/plan/index",
-                            "name": "systemPlanIndex",
-                            "component": "/system/plan/index",
-                            "meta": {
-                                "an_id": 1301,
-                                "icon": "Bell",
-                                "title": "计划任务列表",
-                                "isLink": "",
-                                "isHide": false,
-                                "isFull": false,
-                                "isAffix": false,
-                                "isKeepAlive": true
-                            }
-                        }
-                    ]
-                },
-                {
-                    "path": "/companyManagement",
-                    "name": "companyManagement",
-                    "meta": {
-                        "an_id": 1400,
-                        "icon": "OfficeBuilding",
-                        "title": "公司管理",
-                        "isLink": "",
-                        "isHide": true,
-                        "isFull": false,
-                        "isAffix": false,
-                        "isKeepAlive": true
-                    },
-                    "children": [
-                        {
-                            "path": "/system/company",
-                            "name": "systemCompany",
-                            "component": "/system/company/index",
+{
+    "code": 200,
+    "data": [
+        {
+            "path": "/home/index",
+            "name": "home",
+            "component": "/home/index",
+            "meta": {
+                "icon": "HomeFilled",
+                "title": "首页",
+                "isLink": "",
+                "isHide": false,
+                "isFull": false,
+                "isAffix": true,
+                "isKeepAlive": true
+            }
+        },
+        {
+            "path": "/system",
+            "name": "system",
+            "meta": {
+                "an_id": 1000,
+                "icon": "Tools",
+                "title": "系统管理",
+                "isLink": "",
+                "isHide": false,
+                "isFull": false,
+                "isAffix": false,
+                "isKeepAlive": true
+            },
+            "children": [
+                {
+                    "path": "/system/user",
+                    "name": "systemUser",
+                    "meta": {
+                        "an_id": 1100,
+                        "icon": "User",
+                        "title": "系统用户管理",
+                        "isLink": "",
+                        "isHide": false,
+                        "isFull": false,
+                        "isAffix": false,
+                        "isKeepAlive": true
+                    },
+                    "children": [
+                        {
+                            "path": "/system/user/index",
+                            "name": "systemUserIndex",
+                            "component": "/system/user/index",
+                            "meta": {
+                                "an_id": 1101,
+                                "icon": "User",
+                                "title": "系统用户列表",
+                                "isLink": "",
+                                "isHide": false,
+                                "isFull": false,
+                                "isAffix": false,
+                                "isKeepAlive": true
+                            }
+                        },
+                        {
+                            "path": "/system/user/info",
+                            "name": "systemUserInfo",
+                            "component": "/system/user/info",
+                            "meta": {
+                                "an_id": 1107,
+                                "icon": "User",
+                                "title": "系统用户详情",
+                                "isLink": "",
+                                "isHide": false,
+                                "isFull": false,
+                                "isAffix": false,
+                                "isKeepAlive": true
+                            }
+                        },
+                        {
+                            "path": "/system/role/index",
+                            "name": "systemRoleIndex",
+                            "component": "/system/role/index",
+                            "meta": {
+                                "an_id": 1104,
+                                "icon": "UserFilled",
+                                "title": "角色列表",
+                                "isLink": "",
+                                "isHide": true,
+                                "isFull": false,
+                                "isAffix": false,
+                                "isKeepAlive": true
+                            }
+                        },
+                        {
+                            "path": "/system/node/index",
+                            "name": "systemNodeIndex",
+                            "component": "/system/node/index",
+                            "meta": {
+                                "an_id": 1109,
+                                "icon": "Unlock",
+                                "title": "节点列表",
+                                "isLink": "",
+                                "isHide": true,
+                                "isFull": false,
+                                "isAffix": false,
+                                "isKeepAlive": true
+                            }
+                        }
+                    ]
+                },
+                {
+                    "path": "/system/config",
+                    "name": "systemConfig",
+                    "meta": {
+                        "an_id": 1200,
+                        "icon": "Tools",
+                        "title": "配置管理",
+                        "isLink": "",
+                        "isHide": false,
+                        "isFull": false,
+                        "isAffix": false,
+                        "isKeepAlive": true
+                    },
+                    "children": [
+                        {
+                            "path": "/system/config/index",
+                            "name": "systemConfigIndex",
+                            "component": "/system/config/index",
+                            "meta": {
+                                "an_id": 1201,
+                                "icon": "Histogram",
+                                "title": "配置列表",
+                                "isLink": "",
+                                "isHide": false,
+                                "isFull": false,
+                                "isAffix": false,
+                                "isKeepAlive": true
+                            }
+                        },
+                        {
+                            "path": "/resource/endpoint/list",
+                            "name": "endpointList",
+                            "component": "/resource/endpoint/index",
+                            "meta": {
+                                "an_id": 2504,
+                                "icon": "Operation",
+                                "title": "端点资源列表",
+                                "isLink": "",
+                                "isHide": true,
+                                "isFull": false,
+                                "isAffix": false,
+                                "isKeepAlive": true
+                            }
+                        },
+                        {
+                            "path": "/system/gather/index",
+                            "name": "systemSystemConfig",
+                            "component": "/system/gather/index",
+                            "meta": {
+                                "an_id": 1203,
+                                "icon": "Histogram",
+                                "title": "采集配置列表",
+                                "isLink": "",
+                                "isHide": false,
+                                "isFull": false,
+                                "isAffix": false,
+                                "isKeepAlive": true
+                            }
+                        },
+                        {
+                            "path": "/searchKey/index",
+                            "name": "searchKeyIndex",
+                            "component": "/searchKey/index",
+                            "meta": {
+                                "an_id": 2112,
+                                "icon": "Monitor",
+                                "title": "seo关键词",
+                                "isLink": "",
+                                "isHide": true,
+                                "isFull": false,
+                                "isAffix": false,
+                                "isKeepAlive": true
+                            }
+                        },
+                        {
+                            "path": "/system/plan/index",
+                            "name": "systemPlanIndex",
+                            "component": "/system/plan/index",
+                            "meta": {
+                                "an_id": 1301,
+                                "icon": "Bell",
+                                "title": "计划任务列表",
+                                "isLink": "",
+                                "isHide": false,
+                                "isFull": false,
+                                "isAffix": false,
+                                "isKeepAlive": true
+                            }
+                        }
+                    ]
+                },
+                {
+                    "path": "/system/plan",
+                    "name": "systemPlan",
+                    "meta": {
+                        "an_id": 1300,
+                        "icon": "Notebook",
+                        "title": "系统计划任务管理",
+                        "isLink": "",
+                        "isHide": true,
+                        "isFull": false,
+                        "isAffix": false,
+                        "isKeepAlive": true
+                    },
+                    "children": [
+                        {
+                            "path": "/system/plan/index",
+                            "name": "systemPlanIndex",
+                            "component": "/system/plan/index",
+                            "meta": {
+                                "an_id": 1301,
+                                "icon": "Bell",
+                                "title": "计划任务列表",
+                                "isLink": "",
+                                "isHide": false,
+                                "isFull": false,
+                                "isAffix": false,
+                                "isKeepAlive": true
+                            }
+                        }
+                    ]
+                },
+                {
+                    "path": "/companyManagement",
+                    "name": "companyManagement",
+                    "meta": {
+                        "an_id": 1400,
+                        "icon": "OfficeBuilding",
+                        "title": "公司管理",
+                        "isLink": "",
+                        "isHide": true,
+                        "isFull": false,
+                        "isAffix": false,
+                        "isKeepAlive": true
+                    },
+                    "children": [
+                        {
+                            "path": "/system/company",
+                            "name": "systemCompany",
+                            "component": "/system/company/index",
                             "meta": {
                                 "an_id": 1401,
                                 "icon": "Bell",
                                 "title": "公司列表",
                                 "isLink": "",
-                                "isHide": false,
+                                "isHide": true,
                                 "isFull": false,
                                 "isAffix": false,
                                 "isKeepAlive": true
                             }
-                        },
-                        {
-                            "path": "/system/company/info",
-                            "name": "systemCompanyInfo",
-                            "component": "/system/company/info",
+                        },
+                        {
+                            "path": "/system/company/info",
+                            "name": "systemCompanyInfo",
+                            "component": "/system/company/info",
                             "meta": {
                                 "an_id": 1405,
                                 "icon": "Bell",
                                 "title": "公司详情",
                                 "isLink": "",
-                                "isHide": false,
+                                "isHide": true,
                                 "isFull": false,
                                 "isAffix": false,
                                 "isKeepAlive": true
                             }
-                        }
-                    ]
-                },
-                {
-                    "path": "/notificationManagement",
-                    "name": "notificationManagement",
-                    "meta": {
-                        "an_id": 1500,
-                        "icon": "OfficeBuilding",
-                        "title": "通知管理",
-                        "isLink": "",
-                        "isHide": true,
-                        "isFull": false,
-                        "isAffix": false,
-                        "isKeepAlive": true
-                    },
-                    "children": [
-                        {
-                            "path": "/system/bot",
-                            "name": "systemBot",
-                            "component": "/system/bot/index",
+                        }
+                    ]
+                },
+                {
+                    "path": "/notificationManagement",
+                    "name": "notificationManagement",
+                    "meta": {
+                        "an_id": 1500,
+                        "icon": "OfficeBuilding",
+                        "title": "通知管理",
+                        "isLink": "",
+                        "isHide": true,
+                        "isFull": false,
+                        "isAffix": false,
+                        "isKeepAlive": true
+                    },
+                    "children": [
+                        {
+                            "path": "/system/bot",
+                            "name": "systemBot",
+                            "component": "/system/bot/index",
                             "meta": {
                                 "an_id": 1501,
                                 "icon": "User",
                                 "title": "机器人列表",
                                 "isLink": "",
-                                "isHide": false,
+                                "isHide": true,
                                 "isFull": false,
                                 "isAffix": false,
                                 "isKeepAlive": true
                             }
-                        },
-                        {
-                            "path": "/system/notice",
-                            "name": "systemNotice",
-                            "component": "/system/notice/index",
+                        },
+                        {
+                            "path": "/system/notice",
+                            "name": "systemNotice",
+                            "component": "/system/notice/index",
                             "meta": {
                                 "an_id": 1504,
                                 "icon": "Bell",
                                 "title": "通知类型列表",
                                 "isLink": "",
-                                "isHide": false,
+                                "isHide": true,
                                 "isFull": false,
                                 "isAffix": false,
                                 "isKeepAlive": true
                             }
-                        }
-                    ]
-                },
-                {
-                    "path": "/logsManagement",
-                    "name": "logsManagement",
-                    "meta": {
-                        "an_id": 1600,
-                        "icon": "Document",
-                        "title": "日志管理",
-                        "isLink": "",
-                        "isHide": true,
-                        "isFull": false,
-                        "isAffix": false,
-                        "isKeepAlive": true
-                    },
-                    "children": [
-                        {
-                            "path": "/system/logs/operate",
-                            "name": "systemLogsOperate",
-                            "component": "/system/logs/operate/index",
+                        }
+                    ]
+                },
+                {
+                    "path": "/logsManagement",
+                    "name": "logsManagement",
+                    "meta": {
+                        "an_id": 1600,
+                        "icon": "Document",
+                        "title": "日志管理",
+                        "isLink": "",
+                        "isHide": true,
+                        "isFull": false,
+                        "isAffix": false,
+                        "isKeepAlive": true
+                    },
+                    "children": [
+                        {
+                            "path": "/system/logs/operate",
+                            "name": "systemLogsOperate",
+                            "component": "/system/logs/operate/index",
                             "meta": {
                                 "an_id": 1601,
                                 "icon": "Operation",
                                 "title": "日志列表",
                                 "isLink": "",
-                                "isHide": false,
+                                "isHide": true,
                                 "isFull": false,
                                 "isAffix": false,
                                 "isKeepAlive": true
                             }
-                        }
-                    ]
-                },
-                {
-                    "path": "/caChe",
-                    "name": "caChe",
-                    "meta": {
-                        "an_id": 1800,
-                        "icon": "Document",
-                        "title": "日志管理",
-                        "isLink": "",
-                        "isHide": true,
-                        "isFull": false,
-                        "isAffix": false,
-                        "isKeepAlive": true
-                    },
-                    "children": [
-                        {
-                            "path": "/system/caChe/manage/index",
-                            "name": "caCheManage",
-                            "component": "/system/caChe/manage/index",
+                        }
+                    ]
+                },
+                {
+                    "path": "/caChe",
+                    "name": "caChe",
+                    "meta": {
+                        "an_id": 1800,
+                        "icon": "Document",
+                        "title": "日志管理",
+                        "isLink": "",
+                        "isHide": true,
+                        "isFull": false,
+                        "isAffix": false,
+                        "isKeepAlive": true
+                    },
+                    "children": [
+                        {
+                            "path": "/system/caChe/manage/index",
+                            "name": "caCheManage",
+                            "component": "/system/caChe/manage/index",
                             "meta": {
                                 "an_id": 1801,
                                 "icon": "Operation",
                                 "title": "缓存列表",
                                 "isLink": "",
-                                "isHide": false,
+                                "isHide": true,
                                 "isFull": false,
                                 "isAffix": false,
                                 "isKeepAlive": true
                             }
-                        },
-                        {
-                            "path": "/system/caChe/es/index",
-                            "name": "caCheEs",
-                            "component": "/system/caChe/es/index",
+                        },
+                        {
+                            "path": "/system/caChe/es/index",
+                            "name": "caCheEs",
+                            "component": "/system/caChe/es/index",
                             "meta": {
                                 "an_id": 1803,
                                 "icon": "Operation",
                                 "title": "ES索引列表",
                                 "isLink": "",
-                                "isHide": false,
-                                "isFull": false,
-                                "isAffix": false,
-                                "isKeepAlive": true
-                            }
-                        }
-                    ]
-                }
-            ]
-        },
-
-        {
-            "path": "/resources",
-            "name": "resources",
-            "meta": {
-                "an_id": 2000,
-                "icon": "Grid",
-                "title": "资源管理",
-                "isLink": "",
-                "isHide": false,
-                "isFull": false,
-                "isAffix": false,
-                "isKeepAlive": true
-            },
-            "children": [
-                {
-                    "path": "/video",
-                    "name": "video",
-                    "meta": {
-                        "an_id": 2100,
-                        "icon": "VideoCameraFilled",
-                        "title": "视频管理",
-                        "isLink": "",
-                        "isHide": false,
-                        "isFull": false,
-                        "isAffix": false,
-                        "isKeepAlive": true
-                    },
-                    "children": [
-                        {
-                            "path": "/video/fenlei/index",
-                            "name": "videoFenlei",
-                            "component": "/video/fenlei/index",
-                            "meta": {
-                                "an_id": 2307,
-                                "icon": "Files",
-                                "title": "视频分类",
-                                "isLink": "",
-                                "isHide": false,
-                                "isFull": false,
-                                "isAffix": false,
-                                "isKeepAlive": true
-                            }
-                        },
-
-                        {
-                            "path": "/video/index",
-                            "name": "Video",
-                            "component": "/video/index",
-                            "meta": {
-                                "an_id": 2101,
-                                "icon": "VideoCamera",
-                                "title": "视频列表",
-                                "isLink": "",
-                                "isHide": false,
-                                "isFull": false,
-                                "isAffix": false,
-                                "isKeepAlive": true
-                            }
-                        },
-
-                        {
-                            "path": "/searchGroup/index",
-                            "name": "searchGroupIndex",
-                            "component": "/searchGroup/index",
-                            "meta": {
-                                "an_id": 2109,
-                                "icon": "Monitor",
-                                "title": "搜索分组列表",
-                                "isLink": "",
                                 "isHide": true,
                                 "isFull": false,
                                 "isAffix": false,
                                 "isKeepAlive": true
                             }
-                        }
-                    ]
-                },
-                {
-                    "path": "/manga",
-                    "name": "manga",
-                    "meta": {
-                        "an_id": 2200,
-                        "icon": "Platform",
-                        "title": "漫画管理",
-                        "isLink": "",
-                        "isHide": true,
-                        "isFull": false,
-                        "isAffix": false,
-                        "isKeepAlive": true
-                    },
-                    "children": [
-                        {
-                            "path": "/manga/fenlei/index",
-                            "name": "mangaFenlei",
-                            "component": "/manga/fenlei/index",
+                        }
+                    ]
+                }
+            ]
+        },
+
+        {
+            "path": "/resources",
+            "name": "resources",
+            "meta": {
+                "an_id": 2000,
+                "icon": "Grid",
+                "title": "资源管理",
+                "isLink": "",
+                "isHide": false,
+                "isFull": false,
+                "isAffix": false,
+                "isKeepAlive": true
+            },
+            "children": [
+                {
+                    "path": "/video",
+                    "name": "video",
+                    "meta": {
+                        "an_id": 2100,
+                        "icon": "VideoCameraFilled",
+                        "title": "视频管理",
+                        "isLink": "",
+                        "isHide": false,
+                        "isFull": false,
+                        "isAffix": false,
+                        "isKeepAlive": true
+                    },
+                    "children": [
+                        {
+                            "path": "/video/fenlei/index",
+                            "name": "videoFenlei",
+                            "component": "/video/fenlei/index",
+                            "meta": {
+                                "an_id": 2307,
+                                "icon": "Files",
+                                "title": "视频分类",
+                                "isLink": "",
+                                "isHide": false,
+                                "isFull": false,
+                                "isAffix": false,
+                                "isKeepAlive": true
+                            }
+                        },
+
+                        {
+                            "path": "/video/index",
+                            "name": "Video",
+                            "component": "/video/index",
+                            "meta": {
+                                "an_id": 2101,
+                                "icon": "VideoCamera",
+                                "title": "视频列表",
+                                "isLink": "",
+                                "isHide": false,
+                                "isFull": false,
+                                "isAffix": false,
+                                "isKeepAlive": true
+                            }
+                        },
+
+                        {
+                            "path": "/searchGroup/index",
+                            "name": "searchGroupIndex",
+                            "component": "/searchGroup/index",
+                            "meta": {
+                                "an_id": 2109,
+                                "icon": "Monitor",
+                                "title": "搜索分组列表",
+                                "isLink": "",
+                                "isHide": true,
+                                "isFull": false,
+                                "isAffix": false,
+                                "isKeepAlive": true
+                            }
+                        }
+                    ]
+                },
+                {
+                    "path": "/manga",
+                    "name": "manga",
+                    "meta": {
+                        "an_id": 2200,
+                        "icon": "Platform",
+                        "title": "漫画管理",
+                        "isLink": "",
+                        "isHide": true,
+                        "isFull": false,
+                        "isAffix": false,
+                        "isKeepAlive": true
+                    },
+                    "children": [
+                        {
+                            "path": "/manga/fenlei/index",
+                            "name": "mangaFenlei",
+                            "component": "/manga/fenlei/index",
                             "meta": {
                                 "an_id": 2307,
                                 "icon": "Files",
                                 "title": "漫画分类",
                                 "isLink": "",
-                                "isHide": false,
+                                "isHide": true,
                                 "isFull": false,
                                 "isAffix": false,
                                 "isKeepAlive": true
                             }
-                        },
-                        {
-                            "path": "/manga/index",
-                            "name": "Manga",
-                            "component": "/manga/index",
+                        },
+                        {
+                            "path": "/manga/index",
+                            "name": "Manga",
+                            "component": "/manga/index",
                             "meta": {
                                 "an_id": 2201,
                                 "icon": "Monitor",
                                 "title": "漫画列表",
                                 "isLink": "",
-                                "isHide": false,
+                                "isHide": true,
                                 "isFull": false,
                                 "isAffix": false,
                                 "isKeepAlive": true
                             }
-                        },
-                        {
-                            "path": "/manga/chapter/index",
-                            "name": "MangaChapter",
-                            "component": "/manga/chapter/index",
+                        },
+                        {
+                            "path": "/manga/chapter/index",
+                            "name": "MangaChapter",
+                            "component": "/manga/chapter/index",
                             "meta": {
                                 "an_id": 2201,
                                 "icon": "Monitor",
                                 "title": "漫画章节列表",
                                 "isLink": "",
-                                "isHide": false,
-                                "isFull": false,
-                                "isAffix": false,
-                                "isKeepAlive": true
-                            }
-                        },
-                        {
-                            "path": "/tag/mangaTag/index",
-                            "name": "mangaTag",
-                            "component": "/tag/mangaTag/index",
-                            "meta": {
-                                "an_id": 2208,
-                                "icon": "Files",
-                                "title": "标签列表",
-                                "isLink": "",
                                 "isHide": true,
                                 "isFull": false,
                                 "isAffix": false,
                                 "isKeepAlive": true
                             }
-                        }
-                    ]
-                },
-
-                {
-                    "path": "/novel",
-                    "name": "novel",
-                    "meta": {
-                        "an_id": 2300,
-                        "icon": "Platform",
-                        "title": "小说管理",
-                        "isLink": "",
-                        "isHide": false,
-                        "isFull": false,
-                        "isAffix": false,
-                        "isKeepAlive": true
-                    },
-                    "children": [
-                        {
-                            "path": "/novel/fenlei/index",
-                            "name": "novelFenlei",
-                            "component": "/novel/fenlei/index",
-                            "meta": {
-                                "an_id": 2307,
-                                "icon": "Files",
-                                "title": "小说分类",
-                                "isLink": "",
-                                "isHide": false,
-                                "isFull": false,
-                                "isAffix": false,
-                                "isKeepAlive": true
-                            }
-                        },
-                        {
-                            "path": "/novel/index",
-                            "name": "Novel",
-                            "component": "/novel/index",
-                            "meta": {
-                                "an_id": 2301,
-                                "icon": "Monitor",
-                                "title": "小说列表",
-                                "isLink": "",
-                                "isHide": false,
-                                "isFull": false,
-                                "isAffix": false,
-                                "isKeepAlive": true
-                            }
-                        },
-                        {
-                            "path": "/novel/chapter/index",
-                            "name": "NovelChapter",
-                            "component": "/novel/chapter/index",
-                            "meta": {
-                                "an_id": 2301,
-                                "icon": "Monitor",
-                                "title": "小说章节列表",
-                                "isLink": "",
-                                "isHide": true,
-                                "isFull": false,
-                                "isAffix": false,
-                                "isKeepAlive": true
-                            }
-                        }
-                    ]
-                },
-
-                {
-                    "path": "/atlas",
-                    "name": "atlas",
-                    "meta": {
-                        "an_id": 2400,
-                        "icon": "PictureFilled",
-                        "title": "图册管理",
-                        "isLink": "",
-                        "isHide": true,
-                        "isFull": false,
-                        "isAffix": false,
-                        "isKeepAlive": true
-                    },
-                    "children": [
-                        {
-                            "path": "/atlas/index",
-                            "name": "Atlas",
-                            "component": "/atlas/index",
+                        },
+                        {
+                            "path": "/tag/mangaTag/index",
+                            "name": "mangaTag",
+                            "component": "/tag/mangaTag/index",
+                            "meta": {
+                                "an_id": 2208,
+                                "icon": "Files",
+                                "title": "标签列表",
+                                "isLink": "",
+                                "isHide": true,
+                                "isFull": false,
+                                "isAffix": false,
+                                "isKeepAlive": true
+                            }
+                        }
+                    ]
+                },
+
+                {
+                    "path": "/novel",
+                    "name": "novel",
+                    "meta": {
+                        "an_id": 2300,
+                        "icon": "Platform",
+                        "title": "小说管理",
+                        "isLink": "",
+                        "isHide": false,
+                        "isFull": false,
+                        "isAffix": false,
+                        "isKeepAlive": true
+                    },
+                    "children": [
+                        {
+                            "path": "/novel/fenlei/index",
+                            "name": "novelFenlei",
+                            "component": "/novel/fenlei/index",
+                            "meta": {
+                                "an_id": 2307,
+                                "icon": "Files",
+                                "title": "小说分类",
+                                "isLink": "",
+                                "isHide": false,
+                                "isFull": false,
+                                "isAffix": false,
+                                "isKeepAlive": true
+                            }
+                        },
+                        {
+                            "path": "/novel/index",
+                            "name": "Novel",
+                            "component": "/novel/index",
+                            "meta": {
+                                "an_id": 2301,
+                                "icon": "Monitor",
+                                "title": "小说列表",
+                                "isLink": "",
+                                "isHide": false,
+                                "isFull": false,
+                                "isAffix": false,
+                                "isKeepAlive": true
+                            }
+                        },
+                        {
+                            "path": "/novel/chapter/index",
+                            "name": "NovelChapter",
+                            "component": "/novel/chapter/index",
+                            "meta": {
+                                "an_id": 2301,
+                                "icon": "Monitor",
+                                "title": "小说章节列表",
+                                "isLink": "",
+                                "isHide": true,
+                                "isFull": false,
+                                "isAffix": false,
+                                "isKeepAlive": true
+                            }
+                        }
+                    ]
+                },
+
+                {
+                    "path": "/atlas",
+                    "name": "atlas",
+                    "meta": {
+                        "an_id": 2400,
+                        "icon": "PictureFilled",
+                        "title": "图册管理",
+                        "isLink": "",
+                        "isHide": true,
+                        "isFull": false,
+                        "isAffix": false,
+                        "isKeepAlive": true
+                    },
+                    "children": [
+                        {
+                            "path": "/atlas/index",
+                            "name": "Atlas",
+                            "component": "/atlas/index",
                             "meta": {
                                 "an_id": 2401,
                                 "icon": "Picture",
                                 "title": "图册列表",
                                 "isLink": "",
-                                "isHide": false,
+                                "isHide": true,
                                 "isFull": false,
                                 "isAffix": false,
                                 "isKeepAlive": true
                             }
-                        },
-                        {
-                            "path": "/tag/atlasTag/index",
-                            "name": "Tag",
-                            "component": "/tag/atlasTag/index",
+                        },
+                        {
+                            "path": "/tag/atlasTag/index",
+                            "name": "Tag",
+                            "component": "/tag/atlasTag/index",
                             "meta": {
                                 "an_id": 2404,
                                 "icon": "Files",
                                 "title": "标签列表",
                                 "isLink": "",
-                                "isHide": false,
-                                "isFull": false,
-                                "isAffix": false,
-                                "isKeepAlive": true
-                            }
-                        }
-                    ]
-                },
-
-                {
-                    "path": "/resource",
-                    "name": "resource",
-                    "meta": {
-                        "an_id": 2500,
-                        "icon": "Flag",
-                        "title": "端点管理",
-                        "isLink": "",
-                        "isHide": true,
-                        "isFull": false,
-                        "isAffix": false,
-                        "isKeepAlive": true
-                    },
-                    "children": [
-                        {
-                            "path": "/resource/endpointGroup/list",
-                            "name": "endpointGroupList",
-                            "component": "/resource/endpointGroup/index",
-                            "meta": {
-                                "an_id": 2501,
-                                "icon": "Operation",
-                                "title": "端点资源分组列表",
-                                "isLink": "",
                                 "isHide": true,
                                 "isFull": false,
                                 "isAffix": false,
                                 "isKeepAlive": true
                             }
-                        }
-                    ]
-                }
-            ]
-        },
-
-        {
-            "path": "/miUser",
-            "name": "miUser",
-            "meta": {
-                "an_id": 3000,
-                "icon": "UserFilled",
-                "title": "用户管理",
-                "isLink": "",
-                "isHide": true,
-                "isFull": false,
-                "isAffix": false,
-                "isKeepAlive": true
-            },
-            "children": [
-                {
-                    "path": "/miUser/index",
-                    "name": "MiUser",
-                    "component": "/miUser/index",
+                        }
+                    ]
+                },
+
+                {
+                    "path": "/resource",
+                    "name": "resource",
+                    "meta": {
+                        "an_id": 2500,
+                        "icon": "Flag",
+                        "title": "端点管理",
+                        "isLink": "",
+                        "isHide": true,
+                        "isFull": false,
+                        "isAffix": false,
+                        "isKeepAlive": true
+                    },
+                    "children": [
+                        {
+                            "path": "/resource/endpointGroup/list",
+                            "name": "endpointGroupList",
+                            "component": "/resource/endpointGroup/index",
+                            "meta": {
+                                "an_id": 2501,
+                                "icon": "Operation",
+                                "title": "端点资源分组列表",
+                                "isLink": "",
+                                "isHide": true,
+                                "isFull": false,
+                                "isAffix": false,
+                                "isKeepAlive": true
+                            }
+                        }
+                    ]
+                }
+            ]
+        },
+
+        {
+            "path": "/miUser",
+            "name": "miUser",
+            "meta": {
+                "an_id": 3000,
+                "icon": "UserFilled",
+                "title": "用户管理",
+                "isLink": "",
+                "isHide": true,
+                "isFull": false,
+                "isAffix": false,
+                "isKeepAlive": true
+            },
+            "children": [
+                {
+                    "path": "/miUser/index",
+                    "name": "MiUser",
+                    "component": "/miUser/index",
                     "meta": {
                         "an_id": 3001,
                         "icon": "User",
                         "title": "用户列表",
                         "isLink": "",
-                        "isHide": false,
-                        "isFull": false,
-                        "isAffix": false,
-                        "isKeepAlive": true
-                    }
-                }
-            ]
-        },
-
-        {
-            "path": "/feedback",
-            "name": "feedback",
-            "meta": {
-                "an_id": 5000,
-                "icon": "UserFilled",
-                "title": "反馈管理",
-                "isLink": "",
-                "isHide": true,
-                "isFull": false,
-                "isAffix": false,
-                "isKeepAlive": true
-            },
-            "children": [
-                {
-                    "path": "/videoFeedback/index",
-                    "name": "VideoFeedback",
-                    "component": "/videoFeedback/index",
-                    "meta": {
-                        "an_id": 5001,
-                        "icon": "Monitor",
-                        "title": "视频反馈列表",
-                        "isLink": "",
-                        "isHide": false,
-                        "isFull": false,
-                        "isAffix": false,
-                        "isKeepAlive": true
-                    }
-                },
-                {
-                    "path": "/finance/recharge/feedback/index",
-                    "name": "financeRechargeFeedbackIndex",
-                    "component": "/finance/recharge/feedback/index",
-                    "meta": {
-                        "an_id": 5002,
-                        "icon": "Monitor",
-                        "title": "小说反馈列表",
-                        "isLink": "",
-                        "isHide": false,
-                        "isFull": false,
-                        "isAffix": false,
-                        "isKeepAlive": true
-                    }
-                }
-            ]
-        },
-        {
-            "path": "/ad",
-            "name": "ad",
-            "meta": {
-                "an_id": 6000,
-                "icon": "CameraFilled",
-                "title": "广告管理",
-                "isLink": "",
-                "isHide": false,
-                "isFull": false,
-                "isAffix": false,
-                "isKeepAlive": true
-            },
-            "children": [
-                {
-                    "path": "/ad/template",
-                    "name": "adTemplate",
-                    "component": "/ad/template/index",
-                    "meta": {
-                        "an_id": 6001,
-                        "icon": "Operation",
-                        "title": "广告模板列表",
-                        "isLink": "",
                         "isHide": true,
                         "isFull": false,
                         "isAffix": false,
                         "isKeepAlive": true
                     }
-                },
-                {
-                    "path": "/ad/group",
-                    "name": "adGroup",
-                    "component": "/ad/group/index",
+                }
+            ]
+        },
+
+        {
+            "path": "/feedback",
+            "name": "feedback",
+            "meta": {
+                "an_id": 5000,
+                "icon": "UserFilled",
+                "title": "反馈管理",
+                "isLink": "",
+                "isHide": true,
+                "isFull": false,
+                "isAffix": false,
+                "isKeepAlive": true
+            },
+            "children": [
+                {
+                    "path": "/videoFeedback/index",
+                    "name": "VideoFeedback",
+                    "component": "/videoFeedback/index",
                     "meta": {
-                        "an_id": 6002,
-                        "icon": "Operation",
-                        "title": "广告分组列表",
-                        "isLink": "",
-                        "isHide": false,
-                        "isFull": false,
-                        "isAffix": false,
-                        "isKeepAlive": true
-                    }
-                },
-                {
-                    "path": "/ad/list",
-                    "name": "adList",
-                    "component": "/ad/list/index",
-                    "meta": {
-                        "an_id": 6004,
-                        "icon": "Operation",
-                        "title": "广告列表",
-                        "isLink": "",
-                        "isHide": false,
-                        "isFull": false,
-                        "isAffix": false,
-                        "isKeepAlive": true
-                    }
-                },
-
-                {
-                    "path": "/ad/config",
-                    "name": "adConfig",
-                    "component": "/ad/config/index",
-                    "meta": {
-                        "an_id": 6004,
-                        "icon": "Operation",
-                        "title": "广告配置",
-                        "isLink": "",
-                        "isHide": false,
-                        "isFull": false,
-                        "isAffix": false,
-                        "isKeepAlive": true
-                    }
-                }
-            ]
-        },
-
-        {
-            "path": "/site",
-            "name": "site",
-            "meta": {
-                "an_id": 11000,
-                "icon": "Management",
-                "title": "站点管理",
-                "isLink": "",
-                "isHide": false,
-                "isFull": false,
-                "isAffix": false,
-                "isKeepAlive": true
-            },
-            "children": [
-                {
-                    "path": "/site/index",
-                    "name": "siteIndex",
-                    "component": "/site/index",
-                    "meta": {
-                        "an_id": 11001,
+                        "an_id": 5001,
                         "icon": "Monitor",
-                        "title": "站点列表",
+                        "title": "视频反馈列表",
                         "isLink": "",
-                        "isHide": false,
+                        "isHide": true,
                         "isFull": false,
                         "isAffix": false,
                         "isKeepAlive": true
                     }
-                },
-                {
-                    "path": "/site/tkdarg",
-                    "name": "siteTkdarg",
-                    "component": "/site/tkdarg",
+                },
+                {
+                    "path": "/finance/recharge/feedback/index",
+                    "name": "financeRechargeFeedbackIndex",
+                    "component": "/finance/recharge/feedback/index",
                     "meta": {
-                        "an_id": 11002,
+                        "an_id": 5002,
                         "icon": "Monitor",
-                        "title": "参数模板列表",
+                        "title": "小说反馈列表",
                         "isLink": "",
-                        "isHide": false,
+                        "isHide": true,
                         "isFull": false,
                         "isAffix": false,
                         "isKeepAlive": true
                     }
-                },
-                {
-                    "path": "/site/template",
-                    "name": "siteTemplate",
-                    "component": "/site/template",
-                    "meta": {
-                        "an_id": 11003,
-                        "icon": "Monitor",
-                        "title": "视图模板列表",
-                        "isLink": "",
-                        "isHide": false,
-                        "isFull": false,
-                        "isAffix": false,
-                        "isKeepAlive": true
-                    }
-                },
-                {
-                    "path": "/site/subject/fomart/group/list",
-                    "name": "siteSubjectFomartGroupList",
-                    "component": "/site/subject/fomart/group/list",
-                    "meta": {
-                        "an_id": 11004,
-                        "icon": "Monitor",
-                        "title": "替换模板分组列表",
-                        "isLink": "",
-                        "isHide": false,
-                        "isFull": false,
-                        "isAffix": false,
-                        "isKeepAlive": true
-                    }
-                },
-                {
-                    "path": "/site/subject/fomart/list/index",
-                    "name": "siteSubjectFomartList",
-                    "component": "/site/subject/fomart/list/index",
-                    "meta": {
-                        "an_id": 11005,
-                        "icon": "Monitor",
-                        "title": "替换模板列表",
-                        "isLink": "",
-                        "isHide": false,
-                        "isFull": false,
-                        "isAffix": false,
-                        "isKeepAlive": true
-                    }
-                }
-            ]
-        },
-        {
-            "path": "/tab",
-            "name": "tab",
-            "meta": {
-                "an_id": 12000,
-                "icon": "Expand",
-                "title": "TAB管理",
-                "isLink": "",
-                "isHide": true,
-                "isFull": false,
-                "isAffix": false,
-                "isKeepAlive": true
-            },
-            "children": [
-                {
-                    "path": "/tab/index",
-                    "name": "Tab",
-                    "component": "/tab/index",
+                }
+            ]
+        },
+        {
+            "path": "/ad",
+            "name": "ad",
+            "meta": {
+                "an_id": 6000,
+                "icon": "CameraFilled",
+                "title": "广告管理",
+                "isLink": "",
+                "isHide": false,
+                "isFull": false,
+                "isAffix": false,
+                "isKeepAlive": true
+            },
+            "children": [
+                {
+                    "path": "/ad/template",
+                    "name": "adTemplate",
+                    "component": "/ad/template/index",
+                    "meta": {
+                        "an_id": 6001,
+                        "icon": "Operation",
+                        "title": "广告模板列表",
+                        "isLink": "",
+                        "isHide": true,
+                        "isFull": false,
+                        "isAffix": false,
+                        "isKeepAlive": true
+                    }
+                },
+                {
+                    "path": "/ad/group",
+                    "name": "adGroup",
+                    "component": "/ad/group/index",
+                    "meta": {
+                        "an_id": 6002,
+                        "icon": "Operation",
+                        "title": "广告分组列表",
+                        "isLink": "",
+                        "isHide": false,
+                        "isFull": false,
+                        "isAffix": false,
+                        "isKeepAlive": true
+                    }
+                },
+                {
+                    "path": "/ad/list",
+                    "name": "adList",
+                    "component": "/ad/list/index",
+                    "meta": {
+                        "an_id": 6004,
+                        "icon": "Operation",
+                        "title": "广告列表",
+                        "isLink": "",
+                        "isHide": false,
+                        "isFull": false,
+                        "isAffix": false,
+                        "isKeepAlive": true
+                    }
+                },
+
+                {
+                    "path": "/ad/config",
+                    "name": "adConfig",
+                    "component": "/ad/config/index",
+                    "meta": {
+                        "an_id": 6004,
+                        "icon": "Operation",
+                        "title": "广告配置",
+                        "isLink": "",
+                        "isHide": false,
+                        "isFull": false,
+                        "isAffix": false,
+                        "isKeepAlive": true
+                    }
+                }
+            ]
+        },
+
+        {
+            "path": "/site",
+            "name": "site",
+            "meta": {
+                "an_id": 11000,
+                "icon": "Management",
+                "title": "站点管理",
+                "isLink": "",
+                "isHide": false,
+                "isFull": false,
+                "isAffix": false,
+                "isKeepAlive": true
+            },
+            "children": [
+                {
+                    "path": "/site/index",
+                    "name": "siteIndex",
+                    "component": "/site/index",
+                    "meta": {
+                        "an_id": 11001,
+                        "icon": "Monitor",
+                        "title": "站点列表",
+                        "isLink": "",
+                        "isHide": false,
+                        "isFull": false,
+                        "isAffix": false,
+                        "isKeepAlive": true
+                    }
+                },
+                {
+                    "path": "/site/tkdarg",
+                    "name": "siteTkdarg",
+                    "component": "/site/tkdarg",
+                    "meta": {
+                        "an_id": 11002,
+                        "icon": "Monitor",
+                        "title": "参数模板列表",
+                        "isLink": "",
+                        "isHide": false,
+                        "isFull": false,
+                        "isAffix": false,
+                        "isKeepAlive": true
+                    }
+                },
+                {
+                    "path": "/site/template",
+                    "name": "siteTemplate",
+                    "component": "/site/template",
+                    "meta": {
+                        "an_id": 11003,
+                        "icon": "Monitor",
+                        "title": "视图模板列表",
+                        "isLink": "",
+                        "isHide": false,
+                        "isFull": false,
+                        "isAffix": false,
+                        "isKeepAlive": true
+                    }
+                },
+                {
+                    "path": "/site/subject/fomart/group/list",
+                    "name": "siteSubjectFomartGroupList",
+                    "component": "/site/subject/fomart/group/list",
+                    "meta": {
+                        "an_id": 11004,
+                        "icon": "Monitor",
+                        "title": "替换模板分组列表",
+                        "isLink": "",
+                        "isHide": false,
+                        "isFull": false,
+                        "isAffix": false,
+                        "isKeepAlive": true
+                    }
+                },
+                {
+                    "path": "/site/subject/fomart/list/index",
+                    "name": "siteSubjectFomartList",
+                    "component": "/site/subject/fomart/list/index",
+                    "meta": {
+                        "an_id": 11005,
+                        "icon": "Monitor",
+                        "title": "替换模板列表",
+                        "isLink": "",
+                        "isHide": false,
+                        "isFull": false,
+                        "isAffix": false,
+                        "isKeepAlive": true
+                    }
+                }
+            ]
+        },
+        {
+            "path": "/tab",
+            "name": "tab",
+            "meta": {
+                "an_id": 12000,
+                "icon": "Expand",
+                "title": "TAB管理",
+                "isLink": "",
+                "isHide": true,
+                "isFull": false,
+                "isAffix": false,
+                "isKeepAlive": true
+            },
+            "children": [
+                {
+                    "path": "/tab/index",
+                    "name": "Tab",
+                    "component": "/tab/index",
                     "meta": {
                         "an_id": 12001,
                         "icon": "Monitor",
                         "title": "TAB列表",
                         "isLink": "",
-                        "isHide": false,
+                        "isHide": true,
                         "isFull": false,
                         "isAffix": false,
                         "isKeepAlive": true
                     }
-                }
-            ]
-        },
-        {
-            "path": "/channel",
-            "name": "Channel",
-            "meta": {
-                "an_id": 13000,
-                "icon": "Expand",
-                "title": "渠道管理",
-                "isLink": "",
-                "isHide": true,
-                "isFull": false,
-                "isAffix": false,
-                "isKeepAlive": true
-            },
-            "children": [
-                {
-                    "path": "/channel/statistics",
-                    "name": "ChannelStatistics",
-                    "component": "/channel/statistics",
+                }
+            ]
+        },
+        {
+            "path": "/channel",
+            "name": "Channel",
+            "meta": {
+                "an_id": 13000,
+                "icon": "Expand",
+                "title": "渠道管理",
+                "isLink": "",
+                "isHide": true,
+                "isFull": false,
+                "isAffix": false,
+                "isKeepAlive": true
+            },
+            "children": [
+                {
+                    "path": "/channel/statistics",
+                    "name": "ChannelStatistics",
+                    "component": "/channel/statistics",
                     "meta": {
                         "an_id": 13100,
                         "icon": "Monitor",
                         "title": "统计代码",
                         "isLink": "",
-                        "isHide": false,
+                        "isHide": true,
                         "isFull": false,
                         "isAffix": false,
                         "isKeepAlive": true
                     },
-                    "children": [
-                        {
-                            "path": "/channel/statistics/index",
-                            "name": "ChannelStatisticsIndex",
-                            "component": "/channel/statistics/index",
+                    "children": [
+                        {
+                            "path": "/channel/statistics/index",
+                            "name": "ChannelStatisticsIndex",
+                            "component": "/channel/statistics/index",
                             "meta": {
                                 "an_id": 13101,
                                 "icon": "Monitor",
                                 "title": "列表",
                                 "isLink": "",
-                                "isHide": false,
+                                "isHide": true,
                                 "isFull": false,
                                 "isAffix": false,
                                 "isKeepAlive": true
                             }
-                        }
-                    ]
-                }
-            ]
-        }
-    ],
-    "msg": "成功"
-}
+                        }
+                    ]
+                }
+            ]
+        }
+    ],
+    "msg": "成功"
+}
diff --git a/src/components/ECharts/config/index.ts b/src/components/ECharts/config/index.ts
index f41ad8d..ddfaddd 100644
--- a/src/components/ECharts/config/index.ts
+++ b/src/components/ECharts/config/index.ts
@@ -1,72 +1,72 @@
-import * as echarts from "echarts/core";
-import { BarChart, LineChart, LinesChart, PieChart, ScatterChart, RadarChart, GaugeChart } from "echarts/charts";
-import {
-    TitleComponent,
-    TooltipComponent,
-    GridComponent,
-    DatasetComponent,
-    TransformComponent,
-    LegendComponent,
-    PolarComponent,
-    GeoComponent,
-    ToolboxComponent,
-    DataZoomComponent
-} from "echarts/components";
-import { LabelLayout, UniversalTransition } from "echarts/features";
-import { CanvasRenderer } from "echarts/renderers";
-import type {
-    BarSeriesOption,
-    LineSeriesOption,
-    LinesSeriesOption,
-    PieSeriesOption,
-    ScatterSeriesOption,
-    RadarSeriesOption,
-    GaugeSeriesOption
-} from "echarts/charts";
-import type {
-    TitleComponentOption,
-    TooltipComponentOption,
-    GridComponentOption,
-    DatasetComponentOption
-} from "echarts/components";
-import type { ComposeOption } from "echarts/core";
-import "echarts-liquidfill";
-
-export type ECOption = ComposeOption<
-    | BarSeriesOption
-    | LineSeriesOption
-    | LinesSeriesOption
-    | PieSeriesOption
-    | RadarSeriesOption
-    | GaugeSeriesOption
-    | TitleComponentOption
-    | TooltipComponentOption
-    | GridComponentOption
-    | DatasetComponentOption
-    | ScatterSeriesOption
->;
-
-echarts.use([
-    TitleComponent,
-    TooltipComponent,
-    GridComponent,
-    DatasetComponent,
-    TransformComponent,
-    LegendComponent,
-    PolarComponent,
-    GeoComponent,
-    ToolboxComponent,
-    DataZoomComponent,
-    BarChart,
-    LineChart,
-    LinesChart,
-    PieChart,
-    ScatterChart,
-    RadarChart,
-    GaugeChart,
-    LabelLayout,
-    UniversalTransition,
-    CanvasRenderer
-]);
-
-export default echarts;
+import * as echarts from "echarts/core";
+import { BarChart, LineChart, LinesChart, PieChart, ScatterChart, RadarChart, GaugeChart } from "echarts/charts";
+import {
+    TitleComponent,
+    TooltipComponent,
+    GridComponent,
+    DatasetComponent,
+    TransformComponent,
+    LegendComponent,
+    PolarComponent,
+    GeoComponent,
+    ToolboxComponent,
+    DataZoomComponent
+} from "echarts/components";
+import { LabelLayout, UniversalTransition } from "echarts/features";
+import { CanvasRenderer } from "echarts/renderers";
+import type {
+    BarSeriesOption,
+    LineSeriesOption,
+    LinesSeriesOption,
+    PieSeriesOption,
+    ScatterSeriesOption,
+    RadarSeriesOption,
+    GaugeSeriesOption
+} from "echarts/charts";
+import type {
+    TitleComponentOption,
+    TooltipComponentOption,
+    GridComponentOption,
+    DatasetComponentOption
+} from "echarts/components";
+import type { ComposeOption } from "echarts/core";
+import "echarts-liquidfill";
+
+export type ECOption = ComposeOption<
+    | BarSeriesOption
+    | LineSeriesOption
+    | LinesSeriesOption
+    | PieSeriesOption
+    | RadarSeriesOption
+    | GaugeSeriesOption
+    | TitleComponentOption
+    | TooltipComponentOption
+    | GridComponentOption
+    | DatasetComponentOption
+    | ScatterSeriesOption
+>;
+
+echarts.use([
+    TitleComponent,
+    TooltipComponent,
+    GridComponent,
+    DatasetComponent,
+    TransformComponent,
+    LegendComponent,
+    PolarComponent,
+    GeoComponent,
+    ToolboxComponent,
+    DataZoomComponent,
+    BarChart,
+    LineChart,
+    LinesChart,
+    PieChart,
+    ScatterChart,
+    RadarChart,
+    GaugeChart,
+    LabelLayout,
+    UniversalTransition,
+    CanvasRenderer
+]);
+
+export default echarts;
diff --git a/src/components/ECharts/index.vue b/src/components/ECharts/index.vue
index 2529dd4..3141306 100644
--- a/src/components/ECharts/index.vue
+++ b/src/components/ECharts/index.vue
@@ -1,98 +1,103 @@
-<template>
-    <div id="echarts" ref="chartRef" :style="echartsStyle" />
-</template>
-
-<script setup lang="ts" name="ECharts">
-import { ref, onMounted, onBeforeUnmount, watch, computed, markRaw, nextTick } from "vue";
-import { EChartsType, ECElementEvent } from "echarts/core";
-import echarts, { ECOption } from "./config";
-import { useDebounceFn } from "@vueuse/core";
-import { useGlobalStore } from "@/stores/modules/global";
-import { storeToRefs } from "pinia";
-
-interface Props {
-    option: ECOption;
-    renderer?: "canvas" | "svg";
-    resize?: boolean;
-    theme?: Object | string;
-    width?: number | string;
-    height?: number | string;
-    onClick?: (event: ECElementEvent) => any;
-}
-
-const props = withDefaults(defineProps<Props>(), {
-    renderer: "canvas",
-    resize: true
-});
-
-const echartsStyle = computed(() => {
+<template>
+    <div id="echarts" ref="chartRef" :style="echartsStyle()" />
+</template>
+
+<script setup lang="ts" name="ECharts">
+import { ref, onMounted, onBeforeUnmount, watch, markRaw, nextTick } from "vue";
+import { EChartsType, ECElementEvent } from "echarts/core";
+import echarts, { ECOption } from "./config";
+import { useDebounceFn } from "@vueuse/core";
+import { useGlobalStore } from "@/stores/modules/global";
+import { storeToRefs } from "pinia";
+
+interface Props {
+    option: ECOption;
+    renderer?: "canvas" | "svg";
+    resize?: boolean;
+    theme?: Object | string;
+    width?: number | string;
+    height?: number | string;
+    onClick?: (event: ECElementEvent) => any;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+    renderer: "canvas",
+    resize: true
+});
+
+const echartsStyle = () => {
     return props.width || props.height
         ? { height: props.height + "px", width: props.width + "px" }
         : { height: "100%", width: "100%" };
-});
-
-const chartRef = ref<HTMLDivElement | HTMLCanvasElement>();
-const chartInstance = ref<EChartsType>();
-
-const draw = () => {
-    if (chartInstance.value) {
-        chartInstance.value.setOption(props.option, { notMerge: true });
-    }
 };
-
-watch(props, () => {
-    draw();
-});
-
-const handleClick = (event: ECElementEvent) => props.onClick && props.onClick(event);
-
-const init = () => {
-    if (!chartRef.value) return;
-    chartInstance.value = echarts.getInstanceByDom(chartRef.value);
-
-    if (!chartInstance.value) {
-        chartInstance.value = markRaw(
-            echarts.init(chartRef.value, props.theme, {
-                renderer: props.renderer
-            })
-        );
-        chartInstance.value.on("click", handleClick);
-        draw();
-    }
-};
-
-const resize = () => {
-    if (chartInstance.value && props.resize) {
-        chartInstance.value.resize({ animation: { duration: 300 } });
-    }
-};
-
-const debouncedResize = useDebounceFn(resize, 300, { maxWait: 800 });
-
-const globalStore = useGlobalStore();
-const { maximize, isCollapse, tabs, footer } = storeToRefs(globalStore);
-
+
+const chartRef = ref<HTMLDivElement | HTMLCanvasElement>();
+const chartInstance = ref<EChartsType>();
+
+const draw = () => {
+    if (chartInstance.value) {
+        chartInstance.value.setOption(props.option, { notMerge: true });
+    }
+};
+
 watch(
-    () => [maximize, isCollapse, tabs, footer],
+    () => props.option,
     () => {
-        debouncedResize();
+        draw();
     },
     { deep: true }
 );
-
-onMounted(() => {
-    nextTick(() => init());
-    window.addEventListener("resize", debouncedResize);
-});
-
+
+const handleClick = (event: ECElementEvent) => props.onClick && props.onClick(event);
+
+const init = () => {
+    if (!chartRef.value) return;
+    chartInstance.value = echarts.getInstanceByDom(chartRef.value);
+
+    if (!chartInstance.value) {
+        chartInstance.value = markRaw(
+            echarts.init(chartRef.value, props.theme, {
+                renderer: props.renderer
+            })
+        );
+        chartInstance.value.on("click", handleClick);
+        draw();
+    }
+};
+
+const resize = () => {
+    if (chartInstance.value && props.resize) {
+        chartInstance.value.resize({ animation: { duration: 300 } });
+    }
+};
+
+const debouncedResize = useDebounceFn(resize, 300, { maxWait: 800 });
+
+const globalStore = useGlobalStore();
+const { maximize, isCollapse, tabs, footer } = storeToRefs(globalStore);
+
+watch(
+    () => [maximize.value, isCollapse.value, tabs.value, footer.value],
+    () => {
+        debouncedResize();
+    },
+    { deep: true }
+);
+
+onMounted(() => {
+    nextTick(() => init());
+    window.addEventListener("resize", debouncedResize);
+});
+
 onBeforeUnmount(() => {
+    chartInstance.value?.off("click", handleClick);
     chartInstance.value?.dispose();
     window.removeEventListener("resize", debouncedResize);
 });
-
-defineExpose({
-    getInstance: () => chartInstance.value,
-    resize,
-    draw
-});
-</script>
+
+defineExpose({
+    getInstance: () => chartInstance.value,
+    resize,
+    draw
+});
+</script>
diff --git a/src/components/ErrorMessage/403.vue b/src/components/ErrorMessage/403.vue
index e3d57ae..1e2f07a 100644
--- a/src/components/ErrorMessage/403.vue
+++ b/src/components/ErrorMessage/403.vue
@@ -1,19 +1,19 @@
-<template>
-    <div class="not-container">
-        <img src="@/assets/images/403.png" class="not-img" alt="403" />
-        <div class="not-detail">
-            <h2>403</h2>
-            <h4>抱歉，您无权访问该页面~🙅‍♂️🙅‍♀️</h4>
-            <el-button type="primary" @click="router.back"> 返回上一页 </el-button>
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts" name="403">
-import { useRouter } from "vue-router";
-const router = useRouter();
-</script>
-
-<style scoped lang="scss">
-@import "./index.scss";
-</style>
+<template>
+    <div class="not-container">
+        <img src="@/assets/images/403.png" class="not-img" alt="403" />
+        <div class="not-detail">
+            <h2>403</h2>
+            <h4>抱歉，您无权访问该页面~🙅‍♂️🙅‍♀️</h4>
+            <el-button type="primary" @click="router.back"> 返回上一页 </el-button>
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts" name="403">
+import { useRouter } from "vue-router";
+const router = useRouter();
+</script>
+
+<style scoped lang="scss">
+@use "./index.scss" as *;
+</style>
diff --git a/src/components/ErrorMessage/404.vue b/src/components/ErrorMessage/404.vue
index 62bc686..557e874 100644
--- a/src/components/ErrorMessage/404.vue
+++ b/src/components/ErrorMessage/404.vue
@@ -1,19 +1,19 @@
-<template>
-    <div class="not-container">
-        <img src="@/assets/images/404.png" class="not-img" alt="404" />
-        <div class="not-detail">
-            <h2>404</h2>
-            <h4>抱歉，您访问的页面不存在~🤷‍♂️🤷‍♀️</h4>
-            <el-button type="primary" @click="router.back"> 返回上一页 </el-button>
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts" name="404">
-import { useRouter } from "vue-router";
-const router = useRouter();
-</script>
-
-<style scoped lang="scss">
-@import "./index.scss";
-</style>
+<template>
+    <div class="not-container">
+        <img src="@/assets/images/404.png" class="not-img" alt="404" />
+        <div class="not-detail">
+            <h2>404</h2>
+            <h4>抱歉，您访问的页面不存在~🤷‍♂️🤷‍♀️</h4>
+            <el-button type="primary" @click="router.back"> 返回上一页 </el-button>
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts" name="404">
+import { useRouter } from "vue-router";
+const router = useRouter();
+</script>
+
+<style scoped lang="scss">
+@use "./index.scss" as *;
+</style>
diff --git a/src/components/ErrorMessage/500.vue b/src/components/ErrorMessage/500.vue
index 71e70ca..b1be8e5 100644
--- a/src/components/ErrorMessage/500.vue
+++ b/src/components/ErrorMessage/500.vue
@@ -1,19 +1,19 @@
-<template>
-    <div class="not-container">
-        <img src="@/assets/images/500.png" class="not-img" alt="500" />
-        <div class="not-detail">
-            <h2>500</h2>
-            <h4>抱歉，您的网络不见了~🤦‍♂️🤦‍♀️</h4>
-            <el-button type="primary" @click="router.back"> 返回上一页 </el-button>
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts" name="500">
-import { useRouter } from "vue-router";
-const router = useRouter();
-</script>
-
-<style scoped lang="scss">
-@import "./index.scss";
-</style>
+<template>
+    <div class="not-container">
+        <img src="@/assets/images/500.png" class="not-img" alt="500" />
+        <div class="not-detail">
+            <h2>500</h2>
+            <h4>抱歉，您的网络不见了~🤦‍♂️🤦‍♀️</h4>
+            <el-button type="primary" @click="router.back"> 返回上一页 </el-button>
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts" name="500">
+import { useRouter } from "vue-router";
+const router = useRouter();
+</script>
+
+<style scoped lang="scss">
+@use "./index.scss" as *;
+</style>
diff --git a/src/components/ErrorMessage/index.scss b/src/components/ErrorMessage/index.scss
index 4fc4aa5..5da7db1 100644
--- a/src/components/ErrorMessage/index.scss
+++ b/src/components/ErrorMessage/index.scss
@@ -1,32 +1,32 @@
-.not-container {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-    height: 100%;
-    .not-img {
-        margin-right: 120px;
-    }
-    .not-detail {
-        display: flex;
-        flex-direction: column;
-        h2,
-        h4 {
-            padding: 0;
-            margin: 0;
-        }
-        h2 {
-            font-size: 60px;
-            color: var(--el-text-color-primary);
-        }
-        h4 {
-            margin: 30px 0 20px;
-            font-size: 19px;
-            font-weight: normal;
-            color: var(--el-text-color-regular);
-        }
-        .el-button {
-            width: 100px;
-        }
-    }
-}
+.not-container {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+    .not-img {
+        margin-right: 120px;
+    }
+    .not-detail {
+        display: flex;
+        flex-direction: column;
+        h2,
+        h4 {
+            padding: 0;
+            margin: 0;
+        }
+        h2 {
+            font-size: 60px;
+            color: var(--el-text-color-primary);
+        }
+        h4 {
+            margin: 30px 0 20px;
+            font-size: 19px;
+            font-weight: normal;
+            color: var(--el-text-color-regular);
+        }
+        .el-button {
+            width: 100px;
+        }
+    }
+}
diff --git a/src/components/Grid/components/GridItem.vue b/src/components/Grid/components/GridItem.vue
index 570fa30..166565b 100644
--- a/src/components/Grid/components/GridItem.vue
+++ b/src/components/Grid/components/GridItem.vue
@@ -1,10 +1,10 @@
 <template>
-    <div v-show="isShow" :style="style">
+    <div v-show="isShow" :style="style()">
         <slot></slot>
     </div>
 </template>
 <script setup lang="ts" name="GridItem">
-import { computed, inject, Ref, ref, useAttrs, watch } from "vue";
+import { inject, Ref, ref, useAttrs, watch } from "vue";
 import { BreakPoint, Responsive } from "../interface/index";
 
 type Props = {
@@ -32,7 +32,7 @@ const props = withDefaults(defineProps<Props>(), {
 const attrs = useAttrs() as { index: string };
 const isShow = ref(true);
 
-// 注入断点
+
 const breakPoint = inject<Ref<BreakPoint>>("breakPoint", ref("xl"));
 const shouldHiddenIndex = inject<Ref<number>>("shouldHiddenIndex", ref(-1));
 watch(
@@ -46,23 +46,23 @@ watch(
 );
 
 const gap = inject("gap", 0);
-const cols = inject("cols", ref(4));
-const style = computed(() => {
+const cols = inject<() => number>("cols", () => 4);
+const style = () => {
     let span = props[breakPoint.value]?.span ?? props.span;
     let offset = props[breakPoint.value]?.offset ?? props.offset;
     if (props.suffix) {
         return {
-            gridColumnStart: cols.value - span - offset + 1,
+            gridColumnStart: cols() - span - offset + 1,
             gridColumnEnd: `span ${span + offset}`,
             marginLeft: offset !== 0 ? `calc(((100% + ${gap}px) / ${span + offset}) * ${offset})` : "unset"
         };
     } else {
         return {
-            gridColumn: `span ${span + offset > cols.value ? cols.value : span + offset}/span ${
-                span + offset > cols.value ? cols.value : span + offset
+            gridColumn: `span ${span + offset > cols() ? cols() : span + offset}/span ${
+                span + offset > cols() ? cols() : span + offset
             }`,
             marginLeft: offset !== 0 ? `calc(((100% + ${gap}px) / ${span + offset}) * ${offset})` : "unset"
         };
     }
-});
+};
 </script>
diff --git a/src/components/Grid/index.vue b/src/components/Grid/index.vue
index 6424f85..5e09f8a 100644
--- a/src/components/Grid/index.vue
+++ b/src/components/Grid/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <div :style="style">
+    <div :style="style()">
         <slot></slot>
     </div>
 </template>
@@ -9,7 +9,6 @@ import {
     ref,
     watch,
     useSlots,
-    computed,
     provide,
     onBeforeMount,
     onMounted,
@@ -36,25 +35,29 @@ const props = withDefaults(defineProps<Props>(), {
 });
 
 onBeforeMount(() => props.collapsed && findIndex());
-onMounted(() => {
-    resize({ target: { innerWidth: window.innerWidth } } as unknown as UIEvent);
-    window.addEventListener("resize", resize);
-});
-onActivated(() => {
-    resize({ target: { innerWidth: window.innerWidth } } as unknown as UIEvent);
-    window.addEventListener("resize", resize);
-});
-onUnmounted(() => {
+const unbindResize = () => {
     window.removeEventListener("resize", resize);
+};
+
+const bindResize = () => {
+    resize({ target: { innerWidth: window.innerWidth } } as unknown as UIEvent);
+    unbindResize();
+    window.addEventListener("resize", resize);
+};
+
+onMounted(bindResize);
+onActivated(bindResize);
+onUnmounted(() => {
+    unbindResize();
 });
 onDeactivated(() => {
-    window.removeEventListener("resize", resize);
+    unbindResize();
 });
 
-// 监听屏幕变化
+
 const resize = (e: UIEvent) => {
-    let width = (e.target as Window).innerWidth;
-    switch (!!width) {
+    const width = (e.target as Window).innerWidth;
+    switch (true) {
         case width < 768:
             breakPoint.value = "xs";
             break;
@@ -73,38 +76,38 @@ const resize = (e: UIEvent) => {
     }
 };
 
-// 注入 gap 间距
+
 provide("gap", Array.isArray(props.gap) ? props.gap[0] : props.gap);
 
-// 注入响应式断点
+
 let breakPoint = ref<BreakPoint>("xl");
 provide("breakPoint", breakPoint);
 
-// 注入要开始折叠的 index
+
 const hiddenIndex = ref(-1);
 provide("shouldHiddenIndex", hiddenIndex);
 
-// 注入 cols
-const gridCols = computed(() => {
+
+const gridCols = () => {
     if (typeof props.cols === "object") return props.cols[breakPoint.value] ?? props.cols;
     return props.cols;
-});
+};
 provide("cols", gridCols);
 
-// 寻找需要开始折叠的字段 index
+
 const slots = useSlots().default!();
 
 const findIndex = () => {
     let fields: VNodeArrayChildren = [];
     let suffix: VNode | null = null;
     slots.forEach((slot: any) => {
-        // suffix
+
         if (typeof slot.type === "object" && slot.type.name === "GridItem" && slot.props?.suffix !== undefined) suffix = slot;
-        // slot children
+
         if (typeof slot.type === "symbol" && Array.isArray(slot.children)) fields.push(...slot.children);
     });
 
-    // 计算 suffix 所占用的列
+
     let suffixCols = 0;
     if (suffix) {
         suffixCols =
@@ -113,11 +116,12 @@ const findIndex = () => {
     }
     try {
         let find = false;
-        fields.reduce((prev = 0, current, index) => {
+        const safeFields = Array.isArray(fields) ? fields : [];
+        safeFields.reduce((prev = 0, current, index) => {
             prev +=
                 ((current as VNode)!.props![breakPoint.value]?.span ?? (current as VNode)!.props?.span ?? 1) +
                 ((current as VNode)!.props![breakPoint.value]?.offset ?? (current as VNode)!.props?.offset ?? 0);
-            if (Number(prev) > props.collapsedRows * gridCols.value - suffixCols) {
+            if (Number(prev) > props.collapsedRows * gridCols() - suffixCols) {
                 hiddenIndex.value = index;
                 find = true;
                 throw "find it";
@@ -126,11 +130,11 @@ const findIndex = () => {
         }, 0);
         if (!find) hiddenIndex.value = -1;
     } catch (e) {
-        // console.warn(e);
+        void e;
     }
 };
 
-// 断点变化时执行 findIndex
+
 watch(
     () => breakPoint.value,
     () => {
@@ -138,7 +142,7 @@ watch(
     }
 );
 
-// 监听 collapsed
+
 watch(
     () => props.collapsed,
     value => {
@@ -147,21 +151,21 @@ watch(
     }
 );
 
-// 设置间距
-const gridGap = computed(() => {
+
+const gridGap = () => {
     if (typeof props.gap === "number") return `${props.gap}px`;
     if (Array.isArray(props.gap)) return `${props.gap[1]}px ${props.gap[0]}px`;
     return "unset";
-});
+};
 
-// 设置 style
-const style = computed(() => {
+
+const style = () => {
     return {
         display: "grid",
-        gridGap: gridGap.value,
-        gridTemplateColumns: `repeat(${gridCols.value}, minmax(0, 1fr))`
+        gridGap: gridGap(),
+        gridTemplateColumns: `repeat(${gridCols()}, minmax(0, 1fr))`
     };
-});
+};
 
 defineExpose({ breakPoint });
 </script>
diff --git a/src/components/Grid/interface/index.ts b/src/components/Grid/interface/index.ts
index 31a74b4..b557b0e 100644
--- a/src/components/Grid/interface/index.ts
+++ b/src/components/Grid/interface/index.ts
@@ -1,6 +1,6 @@
-export type BreakPoint = "xs" | "sm" | "md" | "lg" | "xl";
-
-export type Responsive = {
-    span?: number;
-    offset?: number;
-};
+export type BreakPoint = "xs" | "sm" | "md" | "lg" | "xl";
+
+export type Responsive = {
+    span?: number;
+    offset?: number;
+};
diff --git a/src/components/ImportExcel/index--.vue b/src/components/ImportExcel/index--.vue
deleted file mode 100644
index 708d204..0000000
--- a/src/components/ImportExcel/index--.vue
+++ /dev/null
@@ -1,172 +0,0 @@
-<template>
-    <!-- <el-dialog v-model="dialogVisible" :title="`批量添加${parameter.title}`" :destroy-on-close="true" width="520px" draggable> -->
-    <el-form class="drawer-multiColumn-form" label-width="100px">
-        <el-form-item label="模板下载 :">
-            <el-button type="primary" :icon="Download" @click="downloadTemp"> 点击下载 </el-button>
-        </el-form-item>
-        <el-form-item label="文件上传 :">
-            <el-upload
-                action="#"
-                class="upload"
-                :drag="true"
-                :limit="excelLimit"
-                :multiple="true"
-                :show-file-list="true"
-                :http-request="uploadExcel"
-                :before-upload="beforeExcelUpload"
-                :on-exceed="handleExceed"
-                :on-success="excelUploadSuccess"
-                :on-error="excelUploadError"
-                :accept="parameter.fileType!.join(',')"
-            >
-                <slot name="empty">
-                    <el-icon class="el-icon--upload">
-                        <upload-filled />
-                    </el-icon>
-                    <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
-                </slot>
-                <template #tip>
-                    <slot name="tip">
-                        <div class="el-upload__tip">请上传 .xls , .xlsx 标准格式文件，文件最大为 {{ parameter.fileSize }}M</div>
-                    </slot>
-                </template>
-            </el-upload>
-        </el-form-item>
-        <el-form-item style="display: none" label="数据覆盖 :">
-            <el-switch v-model="isCover" />
-        </el-form-item>
-    </el-form>
-    <!-- </el-dialog> -->
-</template>
-
-<script setup lang="ts" name="ImportExcel">
-import { ref } from "vue";
-import { useDownload } from "@/hooks/useDownload";
-import { Download } from "@element-plus/icons-vue";
-// import { ElNotification, UploadRequestOptions, UploadRawFile } from "element-plus";
-import { ElNotification, UploadRawFile } from "element-plus";
-
-export interface ExcelParameterProps {
-    title: string; // 标题
-    fileSize?: number; // 上传文件的大小
-    fileType?: File.ExcelMimeType[]; // 上传文件的类型
-    tempApi?: (params: any) => Promise<any>; // 下载模板的Api
-    importApi?: (params: any) => Promise<any>; // 批量导入的Api
-    getTableList?: () => void; // 获取表格数据的Api
-    type: number;
-}
-
-// 是否覆盖数据
-const isCover = ref(false);
-// 最大文件上传数
-const excelLimit = ref(1);
-// dialog状态
-const dialogVisible = ref(false);
-// 父组件传过来的参数
-const parameter = ref<ExcelParameterProps>({
-    type: 0,
-    title: "",
-    fileSize: 10,
-    fileType: ["application/vnd.ms-excel", "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"]
-});
-
-// 接收父组件参数
-const acceptParams = (params: ExcelParameterProps) => {
-    parameter.value = { ...parameter.value, ...params };
-    dialogVisible.value = true;
-};
-
-const emit = defineEmits(["uploadTemplateExcel", "downloadMbTemp"]);
-// const emit = defineEmits(["uploadTemplateExcel"]);
-
-// Excel 导入模板下载
-const downloadTemp = () => {
-    emit("downloadMbTemp");
-    if (!parameter.value.tempApi) return;
-    const params = { type: parameter.value.type };
-    useDownload(parameter.value.tempApi, `${parameter.value.title}模板`, params);
-};
-const uploadExcel = async (param: any) => {
-    // console.log(param, "上传文件");
-    emit("uploadTemplateExcel", param);
-};
-
-// 文件上传
-// const uploadExcel = async (param: UploadRequestOptions) => {
-//   let excelFormData = new FormData();
-//   excelFormData.append("file", param.file);
-//   excelFormData.append("isCover", isCover.value as unknown as Blob);
-//   await parameter.value.importApi!(excelFormData);
-//   await parameter.value!(excelFormData);
-//   parameter.value.getTableList && parameter.value.getTableList();
-//   dialogVisible.value = false;
-// };
-
-/**
- * @description 文件上传之前判断
- * @param file 上传的文件
- * */
-const beforeExcelUpload = (file: UploadRawFile) => {
-    const isExcel = parameter.value.fileType!.includes(file.type as File.ExcelMimeType);
-    const fileSize = file.size / 1024 / 1024 < parameter.value.fileSize!;
-    if (!isExcel)
-        ElNotification({
-            title: "温馨提示",
-            message: "上传文件只能是 xls / xlsx 格式！",
-            type: "warning",
-            customClass: "my-custom-class"
-        });
-    if (!fileSize)
-        setTimeout(() => {
-            ElNotification({
-                title: "温馨提示",
-                message: `上传文件大小不能超过 ${parameter.value.fileSize}MB！`,
-                type: "warning",
-                customClass: "my-custom-class"
-            });
-        }, 0);
-    return isExcel && fileSize;
-};
-
-// 文件数超出提示
-const handleExceed = () => {
-    ElNotification({
-        title: "温馨提示",
-        message: "最多只能上传一个文件！",
-        type: "warning",
-        customClass: "my-custom-class"
-    });
-};
-
-// 上传错误提示
-const excelUploadError = () => {
-    ElNotification({
-        title: "温馨提示",
-        message: `批量添加${parameter.value.title}失败，请您重新上传！`,
-        type: "error",
-        customClass: "my-custom-class"
-    });
-};
-
-// 上传成功提示
-const excelUploadSuccess = () => {
-    ElNotification({
-        title: "温馨提示",
-        message: `上传${parameter.value.title}文件成功！`,
-        type: "success",
-        customClass: "my-custom-class"
-    });
-};
-
-defineExpose({
-    acceptParams
-});
-</script>
-<style lang="scss" scoped>
-.upload {
-    width: 80%;
-}
-.my-custom-class {
-    z-index: 99999999;
-}
-</style>
diff --git a/src/components/ImportExcel/index.vue b/src/components/ImportExcel/index.vue
index d0363cf..88b24aa 100644
--- a/src/components/ImportExcel/index.vue
+++ b/src/components/ImportExcel/index.vue
@@ -1,9 +1,9 @@
 <template>
     <el-dialog v-model="dialogVisible" :title="`批量添加${parameter.title}`" :destroy-on-close="true" width="520px" draggable>
         <el-form class="drawer-multiColumn-form" label-width="100px">
-            <!-- <el-form-item label="模板下载 :">
-                <el-button type="primary" :icon="Download" @click="downloadTemp"> 点击下载 </el-button>
-            </el-form-item> -->
+            <el-form-item v-if="parameter.tempApi" label="模板下载 :">
+                <el-button type="primary" :icon="Download" @click="downloadTemp">点击下载</el-button>
+            </el-form-item>
             <el-form-item label="文件上传 :">
                 <el-upload
                     action="#"
@@ -34,9 +34,6 @@
                     </template>
                 </el-upload>
             </el-form-item>
-            <el-form-item style="display: none" label="数据覆盖 :">
-                <el-switch v-model="isCover" />
-            </el-form-item>
         </el-form>
     </el-dialog>
 </template>
@@ -45,90 +42,74 @@
 import { ref } from "vue";
 import { useDownload } from "@/hooks/useDownload";
 import { Download } from "@element-plus/icons-vue";
-// import { ElNotification, UploadRequestOptions, UploadRawFile } from "element-plus";
-import { ElNotification, UploadRawFile } from "element-plus";
+import { ElMessage, UploadRawFile } from "element-plus";
 
 export interface ExcelParameterProps {
-    title: string; // 标题
-    fileSize?: number; // 上传文件的大小
-    fileType?: File.ExcelMimeType[]; // 上传文件的类型
-    tempApi?: (params: any) => Promise<any>; // 下载模板的Api
-    importApi?: (params: any) => Promise<any>; // 批量导入的Api
-    getTableList?: () => void; // 获取表格数据的Api
+    title: string;
+    fileSize?: number;
+    fileType?: File.ExcelMimeType[];
+    tempApi?: (params: any) => Promise<any>;
+    importApi?: (params: any) => Promise<any>;
+    getTableList?: () => void;
+    successMessage?: string;
+    errorMessage?: string;
+    formatSuccessMessage?: (payload: any) => string;
+    afterSuccess?: (payload: any) => void;
     type: number;
 }
 
-// 是否覆盖数据
-const isCover = ref(false);
-// 最大文件上传数
+
 const excelLimit = ref(1);
-// dialog状态
+
 const dialogVisible = ref(false);
-// 父组件传过来的参数
+
 const parameter = ref<ExcelParameterProps>({
     type: 0,
     title: "",
     fileSize: 5,
-    fileType: ["application/vnd.ms-excel", "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"]
+    fileType: ["application/vnd.ms-excel", "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"],
+    successMessage: "",
+    errorMessage: ""
 });
 
-// 接收父组件参数
+
 const acceptParams = (params: ExcelParameterProps) => {
     parameter.value = { ...parameter.value, ...params };
     dialogVisible.value = true;
-    // dialogVisible.value = false;
 };
 
-const emit = defineEmits(["uploadTemplateExcel"]);
 
-// Excel 导入模板下载
 const downloadTemp = () => {
     if (!parameter.value.tempApi) return;
     const params = { type: parameter.value.type };
     useDownload(parameter.value.tempApi, `${parameter.value.title}模板`, params);
 };
 const uploadExcel = async (param: any) => {
-    console.log(param, "上传文件");
-
- 
-    let excelFormData = new FormData();
-  excelFormData.append("excel_file", param.file);
-  await parameter.value.importApi!(excelFormData);
-            // ElMessage.success({ message: `上传成功！` });
-            dialogVisible.value = false;
-            // parameter.value.getTableList!();
-            
-    // emit("uploadTemplateExcel", param);
+    try {
+        const excelFormData = new FormData();
+        excelFormData.append("excel_file", param.file);
+        const response = await parameter.value.importApi!(excelFormData);
+        parameter.value.getTableList && parameter.value.getTableList();
+        dialogVisible.value = false;
+        param.onSuccess?.(response?.data ?? {}, param.file);
+    } catch (error) {
+        param.onError?.(error);
+        throw error;
+    }
 };
 
-// 文件上传
-// const uploadExcel = async (param: UploadRequestOptions) => {
-//   let excelFormData = new FormData();
-//   excelFormData.append("file", param.file);
-//   excelFormData.append("isCover", isCover.value as unknown as Blob);
-//   await parameter.value.importApi!(excelFormData);
-//   await parameter.value!(excelFormData);
-//   parameter.value.getTableList && parameter.value.getTableList();
-//   dialogVisible.value = false;
-// };
 
-/**
- * @description 文件上传之前判断
- * @param file 上传的文件
- * */
 const beforeExcelUpload = (file: UploadRawFile) => {
     const isExcel = parameter.value.fileType!.includes(file.type as File.ExcelMimeType);
     const fileSize = file.size / 1024 / 1024 < parameter.value.fileSize!;
     if (!isExcel)
-        ElNotification({
-            title: "温馨提示",
+        ElMessage({
             message: "上传文件只能是 xls / xlsx 格式！",
             type: "warning"
         });
     if (!fileSize)
         setTimeout(() => {
-            ElNotification({
-                title: "温馨提示",
+            ElMessage({
                 message: `上传文件大小不能超过 ${parameter.value.fileSize}MB！`,
                 type: "warning"
             });
@@ -136,31 +117,30 @@ const beforeExcelUpload = (file: UploadRawFile) => {
     return isExcel && fileSize;
 };
 
-// 文件数超出提示
+
 const handleExceed = () => {
-    ElNotification({
-        title: "温馨提示",
+    ElMessage({
         message: "最多只能上传一个文件！",
         type: "warning"
     });
 };
 
-// 上传错误提示
+
 const excelUploadError = () => {
-    ElNotification({
-        title: "温馨提示",
-        message: `批量添加${parameter.value.title}失败，请您重新上传！`,
+    ElMessage({
+        message: parameter.value.errorMessage || `批量添加${parameter.value.title}失败，请您重新上传！`,
         type: "error"
     });
 };
 
-// 上传成功提示
-const excelUploadSuccess = () => {
-    ElNotification({
-        title: "温馨提示",
-        message: `上传${parameter.value.title}文件成功！`,
+
+const excelUploadSuccess = (response?: any) => {
+    const customMessage = parameter.value.formatSuccessMessage?.(response);
+    ElMessage({
+        message: customMessage || parameter.value.successMessage || `上传${parameter.value.title}文件成功！`,
         type: "success"
     });
+    parameter.value.afterSuccess?.(response);
 };
 
 defineExpose({
diff --git a/src/components/Loading/fullScreen.ts b/src/components/Loading/fullScreen.ts
index 088b0d1..4fa19bd 100644
--- a/src/components/Loading/fullScreen.ts
+++ b/src/components/Loading/fullScreen.ts
@@ -1,11 +1,6 @@
 import { ElLoading } from "element-plus";
 
-/* 全局请求 loading */
 let loadingInstance: ReturnType<typeof ElLoading.service>;
-
-/**
- * @description 开启 Loading
- * */
 const startLoading = () => {
     loadingInstance = ElLoading.service({
         fullscreen: true,
@@ -15,16 +10,9 @@ const startLoading = () => {
     });
 };
 
-/**
- * @description 结束 Loading
- * */
 const endLoading = () => {
     loadingInstance.close();
 };
-
-/**
- * @description 显示全屏加载
- * */
 let needLoadingRequestCount = 0;
 export const showFullScreenLoading = () => {
     if (needLoadingRequestCount === 0) {
@@ -33,9 +21,6 @@ export const showFullScreenLoading = () => {
     needLoadingRequestCount++;
 };
 
-/**
- * @description 隐藏全屏加载
- * */
 export const tryHideFullScreenLoading = () => {
     if (needLoadingRequestCount <= 0) return;
     needLoadingRequestCount--;
diff --git a/src/components/Loading/index.scss b/src/components/Loading/index.scss
index cce5561..2c2d87e 100644
--- a/src/components/Loading/index.scss
+++ b/src/components/Loading/index.scss
@@ -1,67 +1,67 @@
-.loading-box {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-    height: 100%;
-    .loading-wrap {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        padding: 98px;
-    }
-}
-.dot {
-    position: relative;
-    box-sizing: border-box;
-    display: inline-block;
-    width: 32px;
-    height: 32px;
-    font-size: 32px;
-    transform: rotate(45deg);
-    animation: ant-rotate 1.2s infinite linear;
-}
-.dot i {
-    position: absolute;
-    display: block;
-    width: 14px;
-    height: 14px;
-    background-color: var(--el-color-primary);
-    border-radius: 100%;
-    opacity: 0.3;
-    transform: scale(0.75);
-    transform-origin: 50% 50%;
-    animation: ant-spin-move 1s infinite linear alternate;
-}
-.dot i:nth-child(1) {
-    top: 0;
-    left: 0;
-}
-.dot i:nth-child(2) {
-    top: 0;
-    right: 0;
-    animation-delay: 0.4s;
-}
-.dot i:nth-child(3) {
-    right: 0;
-    bottom: 0;
-    animation-delay: 0.8s;
-}
-.dot i:nth-child(4) {
-    bottom: 0;
-    left: 0;
-    animation-delay: 1.2s;
-}
-
-@keyframes ant-rotate {
-    to {
-        transform: rotate(405deg);
-    }
-}
-
-@keyframes ant-spin-move {
-    to {
-        opacity: 1;
-    }
-}
+.loading-box {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+    .loading-wrap {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        padding: 98px;
+    }
+}
+.dot {
+    position: relative;
+    box-sizing: border-box;
+    display: inline-block;
+    width: 32px;
+    height: 32px;
+    font-size: 32px;
+    transform: rotate(45deg);
+    animation: ant-rotate 1.2s infinite linear;
+}
+.dot i {
+    position: absolute;
+    display: block;
+    width: 14px;
+    height: 14px;
+    background-color: var(--el-color-primary);
+    border-radius: 100%;
+    opacity: 0.3;
+    transform: scale(0.75);
+    transform-origin: 50% 50%;
+    animation: ant-spin-move 1s infinite linear alternate;
+}
+.dot i:nth-child(1) {
+    top: 0;
+    left: 0;
+}
+.dot i:nth-child(2) {
+    top: 0;
+    right: 0;
+    animation-delay: 0.4s;
+}
+.dot i:nth-child(3) {
+    right: 0;
+    bottom: 0;
+    animation-delay: 0.8s;
+}
+.dot i:nth-child(4) {
+    bottom: 0;
+    left: 0;
+    animation-delay: 1.2s;
+}
+
+@keyframes ant-rotate {
+    to {
+        transform: rotate(405deg);
+    }
+}
+
+@keyframes ant-spin-move {
+    to {
+        opacity: 1;
+    }
+}
diff --git a/src/components/Loading/index.vue b/src/components/Loading/index.vue
index e411f04..2248a6d 100644
--- a/src/components/Loading/index.vue
+++ b/src/components/Loading/index.vue
@@ -1,13 +1,13 @@
-<template>
-    <div class="loading-box">
-        <div class="loading-wrap">
-            <span class="dot dot-spin"><i></i><i></i><i></i><i></i></span>
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts" name="Loading"></script>
-
-<style scoped lang="scss">
-@import "./index.scss";
-</style>
+<template>
+    <div class="loading-box">
+        <div class="loading-wrap">
+            <span class="dot dot-spin"><i></i><i></i><i></i><i></i></span>
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts" name="Loading"></script>
+
+<style scoped lang="scss">
+@use "./index.scss" as *;
+</style>
diff --git a/src/components/ProTable/components/ColSetting.vue b/src/components/ProTable/components/ColSetting.vue
index 8e68034..090c29d 100644
--- a/src/components/ProTable/components/ColSetting.vue
+++ b/src/components/ProTable/components/ColSetting.vue
@@ -1,45 +1,44 @@
-<template>
-    <!-- 列设置 -->
+<template>
     <el-drawer v-model="drawerVisible" title="列设置" size="450px">
-        <div class="table-main">
-            <el-table :data="colSetting" :border="true" row-key="prop" default-expand-all :tree-props="{ children: '_children' }">
-                <el-table-column prop="label" align="center" label="列名" />
-                <el-table-column v-slot="scope" prop="isShow" align="center" label="显示">
-                    <el-switch v-model="scope.row.isShow"></el-switch>
-                </el-table-column>
-                <el-table-column v-slot="scope" prop="sortable" align="center" label="排序">
-                    <el-switch v-model="scope.row.sortable"></el-switch>
-                </el-table-column>
-                <template #empty>
-                    <div class="table-empty">
-                        <img src="@/assets/images/notData.png" alt="notData" />
-                        <div>暂无可配置列</div>
-                    </div>
-                </template>
-            </el-table>
-        </div>
-    </el-drawer>
-</template>
-
-<script setup lang="ts" name="ColSetting">
-import { ref } from "vue";
-import { ColumnProps } from "@/components/ProTable/interface";
-
-defineProps<{ colSetting: ColumnProps[] }>();
-
-const drawerVisible = ref<boolean>(false);
-
-const openColSetting = () => {
-    drawerVisible.value = true;
-};
-
-defineExpose({
-    openColSetting
-});
-</script>
-
-<style scoped lang="scss">
-.cursor-move {
-    cursor: move;
-}
-</style>
+        <div class="table-main">
+            <el-table :data="colSetting" :border="true" row-key="prop" default-expand-all :tree-props="{ children: '_children' }">
+                <el-table-column prop="label" align="center" label="列名" />
+                <el-table-column v-slot="scope" prop="isShow" align="center" label="显示">
+                    <el-switch v-model="scope.row.isShow"></el-switch>
+                </el-table-column>
+                <el-table-column v-slot="scope" prop="sortable" align="center" label="排序">
+                    <el-switch v-model="scope.row.sortable"></el-switch>
+                </el-table-column>
+                <template #empty>
+                    <div class="table-empty">
+                        <img src="@/assets/images/notData.png" alt="notData" />
+                        <div>暂无可配置列</div>
+                    </div>
+                </template>
+            </el-table>
+        </div>
+    </el-drawer>
+</template>
+
+<script setup lang="ts" name="ColSetting">
+import { ref } from "vue";
+import { ColumnProps } from "@/components/ProTable/interface";
+
+defineProps<{ colSetting: ColumnProps[] }>();
+
+const drawerVisible = ref<boolean>(false);
+
+const openColSetting = () => {
+    drawerVisible.value = true;
+};
+
+defineExpose({
+    openColSetting
+});
+</script>
+
+<style scoped lang="scss">
+.cursor-move {
+    cursor: move;
+}
+</style>
diff --git a/src/components/ProTable/components/Pagination.vue b/src/components/ProTable/components/Pagination.vue
index d829d77..ce72762 100644
--- a/src/components/ProTable/components/Pagination.vue
+++ b/src/components/ProTable/components/Pagination.vue
@@ -1,29 +1,28 @@
-<template>
-    <!-- 分页组件 -->
+<template>
     <el-pagination
         :background="true"
         :current-page="pageable.page"
         :page-size="pageable.limit"
-        :page-sizes="[15, 25, 50, 100, 300, 500]"
+        :page-sizes="[25, 50, 100, 300, 500]"
         :total="pageable.total"
-        layout="total, sizes, prev, pager, next, jumper"
+        layout="sizes, prev, pager, next, jumper"
         @size-change="handleSizeChange"
         @current-change="handleCurrentChange"
     ></el-pagination>
 </template>
-
-<script setup lang="ts" name="Pagination">
-interface Pageable {
-    page: number;
-    limit: number;
-    total: number;
-}
-
-interface PaginationProps {
-    pageable: Pageable;
-    handleSizeChange: (size: number) => void;
-    handleCurrentChange: (currentPage: number) => void;
-}
-
-defineProps<PaginationProps>();
-</script>
+
+<script setup lang="ts" name="Pagination">
+interface Pageable {
+    page: number;
+    limit: number;
+    total: number;
+}
+
+interface PaginationProps {
+    pageable: Pageable;
+    handleSizeChange: (size: number) => void;
+    handleCurrentChange: (currentPage: number) => void;
+}
+
+defineProps<PaginationProps>();
+</script>
diff --git a/src/components/ProTable/components/TableColumn.vue b/src/components/ProTable/components/TableColumn.vue
index 9726f97..d9b8073 100644
--- a/src/components/ProTable/components/TableColumn.vue
+++ b/src/components/ProTable/components/TableColumn.vue
@@ -13,14 +13,12 @@ const slots = useSlots();
 
 const enumMap = inject("enumMap", ref(new Map()));
 
-// 渲染表格数据
 const renderCellData = (item: ColumnProps, scope: RenderScope<any>) => {
     return enumMap.value.get(item.prop) && item.isFilterEnum
         ? filterEnum(handleRowAccordingToProp(scope.row, item.prop!), enumMap.value.get(item.prop)!, item.fieldNames)
         : formatValue(handleRowAccordingToProp(scope.row, item.prop!));
 };
 
-// 获取 tag 类型
 const getTagType = (item: ColumnProps, scope: RenderScope<any>) => {
     return filterEnum(handleRowAccordingToProp(scope.row, item.prop!), enumMap.value.get(item.prop), item.fieldNames, "tag");
 };
diff --git a/src/components/ProTable/index.vue b/src/components/ProTable/index.vue
index 0ea172c..859ce80 100644
--- a/src/components/ProTable/index.vue
+++ b/src/components/ProTable/index.vue
@@ -1,7 +1,4 @@
-<!-- 📚📚📚 Pro-Table 文档: https://juejin.cn/post/7166068828202336263 -->
-
 <template>
-    <!-- 查询表单 -->
     <SearchForm
         v-show="isShowSearch"
         :search="_search"
@@ -12,9 +9,7 @@
         v-if="isSearchLocation != false"
     />
 
-    <!-- 表格主体 -->
     <div class="card table-main">
-        <!-- 表格头部 操作按钮 -->
         <div class="table-header">
             <div class="header-button-lf">
                 <span v-if="isDisplayed != false" class="header-button-Ce">{{ titleParts[0] }}</span>
@@ -54,7 +49,6 @@
                 </slot>
             </div>
         </div>
-        <!-- 表格主体 -->
         <el-table
             ref="tableRef"
             v-bind="$attrs"
@@ -63,44 +57,36 @@
             :row-key="rowKey"
             @selection-change="selectionChange"
         >
-            <!-- 默认插槽 -->
             <slot />
             <template v-for="item in tableColumns" :key="item">
-                <!-- selection || radio || index || expand || sort -->
                 <el-table-column
                     v-if="item.type && columnTypes.includes(item.type)"
                     v-bind="item"
                     :align="item.align ?? 'center'"
-                    :reserve-selection="item.type == 'selection'"
+                    :reserve-selection="item.type == 'selection' && selectionReserve"
                 >
                     <template #default="scope">
-                        <!-- expand -->
                         <template v-if="item.type == 'expand'">
                             <component :is="item.render" v-bind="scope" v-if="item.render" />
                             <slot v-else :name="item.type" v-bind="scope" />
                         </template>
-                        <!-- radio -->
                         <el-radio v-if="item.type == 'radio'" v-model="radio" :label="scope.row[rowKey]">
                             <i></i>
                         </el-radio>
-                        <!-- sort -->
                         <el-tag v-if="item.type == 'sort'" class="move">
                             <el-icon> <DCaret /></el-icon>
                         </el-tag>
                     </template>
                 </el-table-column>
-                <!-- other -->
                 <TableColumn v-if="!item.type && item.prop && item.isShow" :column="item">
                     <template v-for="slot in Object.keys($slots)" #[slot]="scope">
                         <slot :name="slot" v-bind="scope" />
                     </template>
                 </TableColumn>
             </template>
-            <!-- 插入表格最后一行之后的插槽 -->
             <template #append>
                 <slot name="append" />
             </template>
-            <!-- 无数据 -->
             <template #empty>
                 <div class="table-empty">
                     <slot name="empty">
@@ -110,12 +96,10 @@
                 </div>
             </template>
         </el-table>
-        <!-- 分页组件 -->
         <slot name="pagination">
-            <div style="display: flex; align-items: center; justify-content: flex-end; width: 100%">
-                <span style="margin-top: 20px; margin-right: 50px">{{ allTotal }}</span>
+            <div class="table-footer" v-if="pagination">
+                <span v-if="paginationSummary()" class="table-footer-summary">{{ paginationSummary() }}</span>
                 <Pagination
-                    v-if="pagination"
                     :pageable="pageable"
                     :handle-size-change="handleSizeChange"
                     :handle-current-change="handleCurrentChange"
@@ -123,12 +107,11 @@
             </div>
         </slot>
     </div>
-    <!-- 列设置 -->
     <ColSetting v-if="toolButton" ref="colRef" v-model:col-setting="colSetting" />
 </template>
 
 <script setup lang="ts" name="ProTable">
-import { ref, watch, provide, onMounted, unref, computed, reactive } from "vue";
+import { ref, watch, provide, onMounted, unref, nextTick } from "vue";
 import { ElTable } from "element-plus";
 import { useTable } from "@/hooks/useTable";
 import { useSelection } from "@/hooks/useSelection";
@@ -144,27 +127,27 @@ import Sortable from "sortablejs";
 import printJS from "print-js";
 
 export interface ProTableProps {
-    columns: ColumnProps[]; // 列配置项  ==> 必传
-    data?: any[]; // 静态 table data 数据，若存在则不会使用 requestApi 返回的 data ==> 非必传
-    requestApi?: (params: any) => Promise<any>; // 请求表格数据的 api ==> 非必传
-    requestAuto?: boolean; // 是否自动执行请求 api ==> 非必传（默认为true）
-    requestError?: (params: any) => void; // 表格 api 请求错误监听 ==> 非必传
-    dataCallback?: (data: any) => any; // 返回数据的回调函数，可以对数据进行处理 ==> 非必传
-    title?: string; // 表格标题 ==> 非必传
-    pagination?: boolean; // 是否需要分页组件 ==> 非必传（默认为true）
-    initParam?: any; // 初始化请求参数 ==> 非必传（默认为{}）
-    border?: boolean; // 是否带有纵向边框 ==> 非必传（默认为true）
-    toolButton?: ("refresh" | "setting" | "search")[] | boolean; // 是否显示表格功能按钮 ==> 非必传（默认为true）
-    rowKey?: string; // 行数据的 Key，用来优化 Table 的渲染，当表格数据多选时，所指定的 id ==> 非必传（默认为 id）
-    searchCol?: number | Record<BreakPoint, number>; // 表格搜索项 每列占比配置 ==> 非必传 { xs: 1, sm: 2, md: 2, lg: 3, xl: 4 }
+    columns: ColumnProps[];
+    data?: any[];
+    requestApi?: (params: any) => Promise<any>;
+    requestAuto?: boolean;
+    requestError?: (params: any) => void;
+    dataCallback?: (data: any) => any;
+    title?: string;
+    pagination?: boolean;
+    initParam?: any;
+    border?: boolean;
+    toolButton?: ("refresh" | "setting" | "search")[] | boolean;
+    rowKey?: string;
+    selectionReserve?: boolean;
+    searchCol?: number | Record<BreakPoint, number>;
     allTotal?: any;
     isDisplayed?: any;
     isSearchLocation?: any;
 }
 
-const titleParts = document.title.split(" - "); // 分割标题
+const titleParts = document.title.split(" - ");
 
-// 接受父组件参数，配置默认值
 const props = withDefaults(defineProps<ProTableProps>(), {
     columns: () => [],
     requestAuto: true,
@@ -173,112 +156,129 @@ const props = withDefaults(defineProps<ProTableProps>(), {
     border: true,
     toolButton: true,
     rowKey: "id",
+    selectionReserve: false,
     searchCol: () => ({ xs: 1, sm: 2, md: 2, lg: 3, xl: 4 }),
     allTotal: "",
     isDisplayed: true,
     isSearchLocation: true
 });
 
-// table 实例
 const tableRef = ref<InstanceType<typeof ElTable>>();
 
-// column 列类型
 const columnTypes: TypeProps[] = ["selection", "radio", "index", "expand", "sort"];
 
-// 是否显示搜索模块
 const isShowSearch = ref(true);
 
-// 控制 ToolButton 显示
 const showToolButton = (key: "refresh" | "setting" | "search") => {
     return Array.isArray(props.toolButton) ? props.toolButton.includes(key) : props.toolButton;
 };
 
-// 单选值
+const totalPages = () => {
+    const total = Number(pageable.value.total ?? 0);
+    const limit = Number(pageable.value.limit ?? 0);
+    if (!limit || total <= 0) return 1;
+    return Math.max(1, Math.ceil(total / limit));
+};
+
+const paginationSummary = () => {
+    if (props.allTotal) return String(props.allTotal);
+    const total = Number(pageable.value.total ?? 0);
+    if (total <= 0) return "共 0 条";
+    return `共 ${total} 条，当前第 ${pageable.value.page} / ${totalPages()} 页`;
+};
+
 const radio = ref("");
 
-// 表格多选 Hooks
 const { selectionChange, selectedList, selectedListIds, isSelected } = useSelection(props.rowKey);
 
-// 表格操作 Hooks
 const { tableData, pageable, searchParam, searchInitParam, getTableList, search, reset, handleSizeChange, handleCurrentChange } =
     useTable(props.requestApi, props.initParam, props.pagination, props.dataCallback, props.requestError);
 
-// 清空选中数据列表
 const clearSelection = () => tableRef.value!.clearSelection();
 
-// 初始化表格数据 && 拖拽排序
 onMounted(() => {
-    dragSort();
+    void nextTick(() => {
+        dragSort();
+    });
     props.requestAuto && getTableList();
     props.data && (pageable.value.total = props.data.length);
 });
 
-// 处理表格数据
-const processTableData = computed(() => {
-    if (!props.data) return tableData.value;
-    if (!props.pagination) return props.data;
-    return props.data.slice((pageable.value.page - 1) * pageable.value.limit, pageable.value.limit * pageable.value.page);
-});
+const processTableData = ref<any[]>([]);
+const syncProcessTableData = () => {
+    if (!props.data) {
+        processTableData.value = tableData.value;
+        return;
+    }
+    if (!props.pagination) {
+        processTableData.value = props.data;
+        return;
+    }
+    processTableData.value = props.data.slice((pageable.value.page - 1) * pageable.value.limit, pageable.value.limit * pageable.value.page);
+};
+
+watch(
+    () => [tableData.value, props.data, pageable.value.page, pageable.value.limit, props.pagination],
+    () => syncProcessTableData(),
+    { immediate: true, deep: true }
+);
 
-// 监听页面 initParam 改化，重新获取表格数据
 watch(() => props.initParam, getTableList, { deep: true });
 
-// 接收 columns 并设置为响应式
-const tableColumns = reactive<ColumnProps[]>(props.columns);
+const tableColumns = ref<any[]>(props.columns as ColumnProps[]);
 
-// 扁平化 columns
-const flatColumns = computed(() => flatColumnsFunc(tableColumns));
+const flatColumns = ref<any[]>([]);
 
-// 定义 enumMap 存储 enum 值（避免异步请求无法格式化单元格内容 || 无法填充搜索下拉选择）
 const enumMap = ref(new Map<string, { [key: string]: any }[]>());
 const setEnumMap = async ({ prop, enum: enumValue }: ColumnProps) => {
     if (!enumValue) return;
 
-    // 如果当前 enumMap 存在相同的值 return
     if (enumMap.value.has(prop!) && (typeof enumValue === "function" || enumMap.value.get(prop!) === enumValue)) return;
 
-    // 当前 enum 为静态数据，则直接存储到 enumMap
-    if (typeof enumValue !== "function") return enumMap.value.set(prop!, unref(enumValue!));
+    if (typeof enumValue !== "function") {
+        const localEnum = unref(enumValue!);
+        enumMap.value.set(prop!, Array.isArray(localEnum) ? localEnum : []);
+        return;
+    }
 
-    // 为了防止接口执行慢，而存储慢，导致重复请求，所以预先存储为[]，接口返回后再二次存储
     enumMap.value.set(prop!, []);
 
-    // 当前 enum 为后台数据需要请求数据，则调用该请求接口，并存储到 enumMap
     const { data } = await enumValue();
     if (data instanceof Array) {
         enumMap.value.set(prop!, data);
     } else {
-        enumMap.value.set(prop!, data.item);
+        enumMap.value.set(prop!, Array.isArray(data?.item) ? data.item : []);
     }
 };
 
-// 注入 enumMap
 provide("enumMap", enumMap);
 
-// 扁平化 columns 的方法
-const flatColumnsFunc = (columns: ColumnProps[], flatArr: ColumnProps[] = []) => {
-    columns.forEach(async col => {
+const flatColumnsFunc = (columns: ColumnProps[], flatArr: ColumnProps[] = []): ColumnProps[] => {
+    columns.forEach(col => {
         if (col._children?.length) flatArr.push(...flatColumnsFunc(col._children));
-        flatArr.push(col);
 
-        // column 添加默认 isShow && isFilterEnum 属性值
         col.isShow = col.isShow ?? true;
         col.isFilterEnum = col.isFilterEnum ?? true;
 
-        // 设置 enumMap
-        await setEnumMap(col);
+        void setEnumMap(col);
+        flatArr.push(col);
     });
     return flatArr.filter(item => !item._children?.length);
 };
+flatColumns.value = flatColumnsFunc(tableColumns.value as ColumnProps[]);
 
-// 过滤需要搜索的配置项 && 排序
-const searchColumns = computed(() => {
-    return flatColumns.value
-        ?.filter(item => item.search?.el || item.search?.render)
-        .sort((a, b) => a.search!.order! - b.search!.order!);
-});
+const buildSearchColumns = (columns: any[]): any[] => {
+    const result: any[] = [];
+    columns.forEach(item => {
+        if (item?.search?.el || item?.search?.render) {
+            result.push(item);
+        }
+    });
+    return result.sort((a, b) => (a.search?.order ?? 0) - (b.search?.order ?? 0));
+};
+
+const searchColumns = ref<any[]>(buildSearchColumns(flatColumns.value));
 
-// 设置 搜索表单默认排序 && 搜索表单项的默认值
 searchColumns.value?.forEach((column, index) => {
     column.search!.order = column.search?.order ?? index + 2;
     const key = column.search?.key ?? handleProp(column.prop!);
@@ -289,24 +289,24 @@ searchColumns.value?.forEach((column, index) => {
     }
 });
 
-// 列设置 ==> 需要过滤掉不需要设置的列
 const colRef = ref();
-const colSetting = tableColumns!.filter(item => {
-    const { type, prop, isShow } = item;
-    return !columnTypes.includes(type!) && prop !== "operation" && isShow;
-});
+const colSetting = ref(
+    tableColumns.value.filter(item => {
+        const { type, prop, isShow } = item;
+        return !columnTypes.includes(type!) && prop !== "operation" && isShow;
+    })
+);
 const openColSetting = () => colRef.value.openColSetting();
 
-// 定义 emit 事件
 const emit = defineEmits<{
-    search: [];
+    search: [params: Record<string, any>];
     reset: [];
     dargSort: [{ newIndex?: number; oldIndex?: number }];
 }>();
 
 const _search = () => {
     search();
-    emit("search", searchParam);
+    emit("search", searchParam.value);
 };
 
 const _reset = () => {
@@ -314,12 +314,9 @@ const _reset = () => {
     emit("reset");
 };
 
-// 🙅‍♀️ 不需要打印可以把以下方法删除，打印功能目前存在很多 bug
-// 处理打印数据（把后台返回的值根据 enum 做转换）
-const printData = computed(() => {
+const printData = () => {
     const handleData = props.data ?? tableData.value;
     const printDataList = JSON.parse(JSON.stringify(selectedList.value.length ? selectedList.value : handleData));
-    // 找出需要转换数据的列（有 enum || 多级 prop && 需要根据 enum 格式化）
     const needTransformCol = flatColumns.value!.filter(
         item => (item.enum || (item.prop && item.prop.split(".").length > 1)) && item.isFilterEnum
     );
@@ -339,15 +336,14 @@ const printData = computed(() => {
         });
     });
     return printDataList;
-});
+};
 
-// 打印表格数据（💥 多级表头数据打印时，只能扁平化成一维数组，printJs 不支持多级表头打印）
 const print = () => {
     const header = `<div style="text-align: center"><h2>${props.title}</h2></div>`;
     const gridHeaderStyle = "border: 1px solid #ebeef5;height: 45px;color: #232425;text-align: center;background-color: #fafafa;";
     const gridStyle = "border: 1px solid #ebeef5;height: 40px;color: #494b4e;text-align: center";
     printJS({
-        printable: printData.value,
+        printable: printData(),
         header: props.title && header,
         properties: flatColumns
             .value!.filter(
@@ -360,9 +356,15 @@ const print = () => {
     });
 };
 
-// 拖拽排序
 const dragSort = () => {
-    const tbody = document.querySelector(".el-table__body-wrapper tbody") as HTMLElement;
+    const hasSortColumn = tableColumns.value.some(item => item.type === "sort");
+    if (!hasSortColumn) {
+        return;
+    }
+    const tbody = tableRef.value?.$el?.querySelector?.(".el-table__body-wrapper tbody") as HTMLElement | null;
+    if (!tbody) {
+        return;
+    }
     Sortable.create(tbody, {
         handle: ".move",
         animation: 300,
@@ -374,7 +376,6 @@ const dragSort = () => {
     });
 };
 
-// 暴露给父组件的参数和方法 (外部需要什么，都可以从这里暴露出去)
 defineExpose({
     element: tableRef,
     tableData: processTableData,
@@ -396,10 +397,25 @@ defineExpose({
 </script>
 
 <style scoped lang="scss">
-/* el-popper宽度自定义 */
 .card .el-popper {
     max-width: 520px;
     max-height: 280px;
     overflow-y: scroll;
 }
+
+.table-footer {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    gap: 16px;
+    width: 100%;
+    margin-top: 20px;
+}
+
+.table-footer-summary {
+    color: var(--el-text-color-secondary);
+    font-size: 13px;
+    line-height: 1;
+    white-space: nowrap;
+}
 </style>
diff --git a/src/components/ProTable/interface/index.ts b/src/components/ProTable/interface/index.ts
index d8fc64e..f79fe62 100644
--- a/src/components/ProTable/interface/index.ts
+++ b/src/components/ProTable/interface/index.ts
@@ -5,11 +5,11 @@ import { ProTableProps } from "@/components/ProTable/index.vue";
 import ProTable from "@/components/ProTable/index.vue";
 
 export interface EnumProps {
-    label?: string; // 选项框显示的文字
-    value?: string | number | boolean | any[]; // 选项框值
-    disabled?: boolean; // 是否禁用此选项
-    tagType?: string; // 当 tag 为 true 时，此选择会指定 tag 显示类型
-    children?: EnumProps[]; // 为树形选择时，可以通过 children 属性指定子选项
+    label?: string;
+    value?: string | number | boolean | any[];
+    disabled?: boolean;
+    tagType?: string;
+    children?: EnumProps[];
     [key: string]: any;
 }
 
@@ -37,16 +37,16 @@ export type SearchRenderScope = {
 };
 
 export type SearchProps = {
-    el?: SearchType; // 当前项搜索框的类型
-    label?: string; // 当前项搜索框的 label
-    props?: any; // 搜索项参数，根据 element plus 官方文档来传递，该属性所有值会透传到组件
-    key?: string; // 当搜索项 key 不为 prop 属性时，可通过 key 指定
-    tooltip?: string; // 搜索提示
-    order?: number; // 搜索项排序（从大到小）
-    span?: number; // 搜索项所占用的列数，默认为 1 列
-    offset?: number; // 搜索字段左侧偏移列数
-    defaultValue?: string | number | boolean | any[] | Ref<any>; // 搜索项默认值
-    render?: (scope: SearchRenderScope) => VNode; // 自定义搜索内容渲染（tsx语法）
+    el?: SearchType;
+    label?: string;
+    props?: any;
+    key?: string;
+    tooltip?: string;
+    order?: number;
+    span?: number;
+    offset?: number;
+    defaultValue?: string | number | boolean | any[] | Ref<any>;
+    render?: (scope: SearchRenderScope) => VNode;
 } & Partial<Record<BreakPoint, Responsive>>;
 
 export type FieldNamesProps = {
@@ -55,31 +55,31 @@ export type FieldNamesProps = {
     children?: string;
 };
 
-export type RenderScope<T> = {
+export type RenderScope<T = any> = {
     row: T;
     $index: number;
-    column: TableColumnCtx<T>;
+    column: TableColumnCtx<any>;
     [key: string]: any;
 };
 
-export type HeaderRenderScope<T> = {
+export type HeaderRenderScope<T = any> = {
     $index: number;
-    column: TableColumnCtx<T>;
+    column: TableColumnCtx<any>;
     [key: string]: any;
 };
 
 export interface ColumnProps<T = any>
-    extends Partial<Omit<TableColumnCtx<T>, "type" | "children" | "renderCell" | "renderHeader">> {
-    type?: TypeProps; // 列类型
-    tag?: boolean | Ref<boolean>; // 是否是标签展示
-    isShow?: boolean | Ref<boolean>; // 是否显示在表格当中
-    search?: SearchProps | undefined; // 搜索项配置
-    enum?: EnumProps[] | Ref<EnumProps[]> | ((params?: any) => Promise<any>); // 枚举字典
-    isFilterEnum?: boolean | Ref<boolean>; // 当前单元格值是否根据 enum 格式化（示例：enum 只作为搜索项数据）
-    fieldNames?: FieldNamesProps; // 指定 label && value && children 的 key 值
-    headerRender?: (scope: HeaderRenderScope<T>) => VNode; // 自定义表头内容渲染（tsx语法）
-    render?: (scope: RenderScope<T>) => VNode | any; // 自定义单元格内容渲染（tsx语法）
-    _children?: ColumnProps<T>[]; // 多级表头
+    extends Partial<Omit<TableColumnCtx<any>, "type" | "children" | "renderCell" | "renderHeader">> {
+    type?: TypeProps;
+    tag?: boolean | Ref<boolean>;
+    isShow?: boolean | Ref<boolean>;
+    search?: SearchProps | undefined;
+    enum?: EnumProps[] | Ref<EnumProps[]> | ((params?: any) => Promise<any>);
+    isFilterEnum?: boolean | Ref<boolean>;
+    fieldNames?: FieldNamesProps;
+    headerRender?: (scope: HeaderRenderScope<T>) => VNode;
+    render?: (scope: RenderScope<T>) => VNode | any;
+    _children?: ColumnProps<T>[];
 }
 
 export type ProTableInstance = Omit<InstanceType<typeof ProTable>, keyof ComponentPublicInstance | keyof ProTableProps>;
diff --git a/src/components/SearchForm/components/SearchFormItem.vue b/src/components/SearchForm/components/SearchFormItem.vue
index 8d7957a..bb97d7a 100644
--- a/src/components/SearchForm/components/SearchFormItem.vue
+++ b/src/components/SearchForm/components/SearchFormItem.vue
@@ -1,21 +1,22 @@
 <template>
     <component
         :is="column.search?.render ?? `el-${column.search?.el}`"
-        v-bind="{ ...handleSearchProps, ...placeholder, searchParam: _searchParam, clearable }"
-        v-model.trim="_searchParam[column.search?.key ?? handleProp(column.prop!)]"
-        :data="column.search?.el === 'tree-select' ? columnEnum : []"
-        :options="['cascader', 'select-v2'].includes(column.search?.el!) ? columnEnum : []"
+        v-bind="{ ...handleSearchProps(), ...placeholder(), searchParam }"
+        :clearable="clearable()"
+        v-model.trim="searchParam[column.search?.key ?? handleProp(column.prop!)]"
+        :data="column.search?.el === 'tree-select' ? columnEnum() : []"
+        :options="['cascader', 'select-v2'].includes(column.search?.el!) ? columnEnum() : []"
     >
         <template v-if="column.search?.el === 'cascader'" #default="{ data }">
-            <span>{{ data[fieldNames.label] }}</span>
+            <span>{{ data[fieldNames().label] }}</span>
         </template>
         <template v-if="column.search?.el === 'select'">
             <component
                 :is="`el-option`"
-                v-for="(col, index) in columnEnum"
+                v-for="(col, index) in columnEnum()"
                 :key="index"
-                :label="col[fieldNames.label]"
-                :value="col[fieldNames.value]"
+                :label="col[fieldNames().label]"
+                :value="col[fieldNames().value]"
             ></component>
         </template>
         <slot v-else></slot>
@@ -23,7 +24,7 @@
 </template>
 
 <script setup lang="ts" name="SearchFormItem">
-import { computed, inject, ref } from "vue";
+import { inject, ref } from "vue";
 import { handleProp } from "@/utils";
 import { ColumnProps } from "@/components/ProTable/interface";
 
@@ -33,66 +34,53 @@ interface SearchFormItem {
 }
 const props = defineProps<SearchFormItem>();
 
-// Re receive SearchParam
-const _searchParam = computed(() => props.searchParam);
+const searchParam = props.searchParam;
 
-// 判断 fieldNames 设置 label && value && children 的 key 值
-const fieldNames = computed(() => {
+
+const fieldNames = () => {
     return {
         label: props.column.fieldNames?.label ?? "label",
         value: props.column.fieldNames?.value ?? "value",
         children: props.column.fieldNames?.children ?? "children"
     };
-});
+};
 
-// 接收 enumMap (el 为 select-v2 需单独处理 enumData)
-// const enumMap = inject("enumMap", ref(new Map()));
-// const columnEnum = computed(() => {
-//     let enumData = enumMap.value.get(props.column.prop);
-//     if (!enumData) return [];
-//     if (props.column.search?.el === "select-v2" && props.column.fieldNames) {
-//         enumData = enumData.map((item: { [key: string]: any }) => {
-//             return { ...item, label: item[fieldNames.value.label], value: item[fieldNames.value.value] };
-//         });
-//     }
-//     return enumData;
-// });
 
-// 接收 enumMap (el 为 select-v2 需单独处理 enumData)
 const enumMap = inject("enumMap", ref(new Map()));
-const columnEnum = computed(() => {
+const columnEnum = () => {
     let enumData = enumMap.value.get(props.column.prop);
 
     if (!enumData) return [];
+    if (!Array.isArray(enumData)) return [];
     if (props.column.search?.el === "select-v2" && props.column.fieldNames) {
         enumData = enumData.map((item: { [key: string]: any }) => {
-            return { ...item, label: item[fieldNames.value.label], value: item[fieldNames.value.value] };
+            return { ...item, label: item[fieldNames().label], value: item[fieldNames().value] };
         });
     }
 
-    // 检查 enumData 第一个元素是否存在且为对象
-    if (enumData[0] && typeof enumData[0] === "object") {
-        // 直接创建 "全部" 选项对象
-        const allOption = {
-            [fieldNames.value.label]: "全部",
-            [fieldNames.value.value]: "",
-            label: "全部",
-            value: ""
-        };
 
-        // 创建 enumData 的副本并添加 "全部" 选项
+    if (enumData[0] && typeof enumData[0] === "object") {
+
+        const allOption = {
+                [fieldNames().label]: "全部",
+                [fieldNames().value]: "",
+                label: "全部",
+                value: ""
+            };
+
+
         return [allOption, ...enumData];
     }
 
-    // 如果 enumData 第一个元素不存在或不是对象，直接返回原始数组
-    return enumData;
-});
 
-// 处理透传的 searchProps (el 为 tree-select、cascader 的时候需要给下默认 label && value && children)
-const handleSearchProps = computed(() => {
-    const label = fieldNames.value.label;
-    const value = fieldNames.value.value;
-    const children = fieldNames.value.children;
+    return enumData;
+};
+
+
+const handleSearchProps = () => {
+    const label = fieldNames().label;
+    const value = fieldNames().value;
+    const children = fieldNames().children;
     const searchEl = props.column.search?.el;
     let searchProps = props.column.search?.props ?? {};
     if (searchEl === "tree-select") {
@@ -102,21 +90,21 @@ const handleSearchProps = computed(() => {
         searchProps = { ...searchProps, props: { ...searchProps.props, label, value, children } };
     }
     return searchProps;
-});
+};
 
-// 处理默认 placeholder
-const placeholder = computed(() => {
+
+const placeholder = () => {
     const search = props.column.search;
     if (["datetimerange", "daterange", "monthrange"].includes(search?.props?.type) || search?.props?.isRange) {
         return { rangeSeparator: "至", startPlaceholder: "开始时间", endPlaceholder: "结束时间" };
     }
     const placeholder = search?.props?.placeholder ?? (search?.el?.includes("input") ? "请输入" : "请选择");
     return { placeholder };
-});
+};
 
-// 是否有清除按钮 (当搜索项有默认值时，清除按钮不显示)
-const clearable = computed(() => {
+
+const clearable = () => {
     const search = props.column.search;
     return search?.props?.clearable ?? (search?.defaultValue == null || search?.defaultValue == undefined);
-});
+};
 </script>
diff --git a/src/components/SearchForm/index.vue b/src/components/SearchForm/index.vue
index 44f736c..4fa35b7 100644
--- a/src/components/SearchForm/index.vue
+++ b/src/components/SearchForm/index.vue
@@ -25,7 +25,7 @@
                     <div class="operation">
                         <el-button type="primary" :icon="Search" @click="search"> 搜索 </el-button>
                         <el-button :icon="Refresh" @click="reset"> 重置 </el-button>
-                        <el-button v-if="showCollapse" type="primary" link class="search-isOpen" @click="collapsed = !collapsed">
+                        <el-button v-if="showCollapse()" type="primary" link class="search-isOpen" @click="collapsed = !collapsed">
                             {{ collapsed ? "展开" : "合并" }}
                             <el-icon class="el-icon--right">
                                 <component :is="collapsed ? ArrowDown : ArrowUp"></component>
@@ -47,20 +47,20 @@ import Grid from "@/components/Grid/index.vue";
 import GridItem from "@/components/Grid/components/GridItem.vue";
 
 interface ProTableProps {
-    columns?: ColumnProps[]; // 搜索配置列
-    searchParam?: { [key: string]: any }; // 搜索参数
+    columns?: ColumnProps[];
+    searchParam?: { [key: string]: any };
     searchCol: number | Record<BreakPoint, number>;
-    search: (params: any) => void; // 搜索方法
-    reset: (params: any) => void; // 重置方法
+    search: (params: any) => void;
+    reset: (params: any) => void;
 }
 
-// 默认值
+
 const props = withDefaults(defineProps<ProTableProps>(), {
     columns: () => [],
     searchParam: () => ({})
 });
 
-// 获取响应式设置
+
 const getResponsive = (item: ColumnProps) => {
     return {
         span: item.search?.span,
@@ -73,17 +73,17 @@ const getResponsive = (item: ColumnProps) => {
     };
 };
 
-// 是否默认折叠搜索项
+
 const collapsed = ref(true);
 
-// 获取响应式断点
+
 const gridRef = ref();
 const breakPoint = computed<BreakPoint>(() => gridRef.value?.breakPoint);
 
-// 判断是否显示 展开/合并 按钮
-const showCollapse = computed(() => {
+
+const showCollapse = () => {
     let show = false;
-    props.columns.reduce((prev, current) => {
+    (Array.isArray(props.columns) ? props.columns : []).reduce((prev, current) => {
         prev +=
             (current.search![breakPoint.value]?.span ?? current.search?.span ?? 1) +
             (current.search![breakPoint.value]?.offset ?? current.search?.offset ?? 0);
@@ -95,5 +95,5 @@ const showCollapse = computed(() => {
         return prev;
     }, 0);
     return show;
-});
+};
 </script>
diff --git a/src/components/SwitchDark/index.vue b/src/components/SwitchDark/index.vue
index 4a16eb3..7b48fbf 100644
--- a/src/components/SwitchDark/index.vue
+++ b/src/components/SwitchDark/index.vue
@@ -1,12 +1,12 @@
-<template>
-    <el-switch v-model="globalStore.isDark" inline-prompt :active-icon="Sunny" :inactive-icon="Moon" @change="switchDark" />
-</template>
-
-<script setup lang="ts" name="SwitchDark">
-import { useTheme } from "@/hooks/useTheme";
-import { useGlobalStore } from "@/stores/modules/global";
-import { Sunny, Moon } from "@element-plus/icons-vue";
-
-const { switchDark } = useTheme();
-const globalStore = useGlobalStore();
-</script>
+<template>
+    <el-switch v-model="globalStore.isDark" inline-prompt :active-icon="Sunny" :inactive-icon="Moon" @change="switchDark" />
+</template>
+
+<script setup lang="ts" name="SwitchDark">
+import { useTheme } from "@/hooks/useTheme";
+import { useGlobalStore } from "@/stores/modules/global";
+import { Sunny, Moon } from "@element-plus/icons-vue";
+
+const { switchDark } = useTheme();
+const globalStore = useGlobalStore();
+</script>
diff --git a/src/components/TreeFilter/index.scss b/src/components/TreeFilter/index.scss
index ca4a84f..d1c128d 100644
--- a/src/components/TreeFilter/index.scss
+++ b/src/components/TreeFilter/index.scss
@@ -1,38 +1,38 @@
-.filter {
-    box-sizing: border-box;
-    width: 220px;
-    height: 100%;
-    padding: 18px;
-    margin-right: 10px;
-    .title {
-        margin: 0 0 15px;
-        font-size: 18px;
-        font-weight: bold;
-        color: var(--el-color-info-dark-2);
-        letter-spacing: 0.5px;
-    }
-    .el-input {
-        margin: 0 0 15px;
-    }
-    .el-scrollbar {
-        :deep(.el-tree) {
-            height: 80%;
-            overflow: auto;
-            .el-tree-node__content {
-                height: 33px;
-            }
-        }
-        :deep(.el-tree--highlight-current) {
-            .el-tree-node.is-current > .el-tree-node__content {
-                background-color: var(--el-color-primary);
-                .el-tree-node__label,
-                .el-tree-node__expand-icon {
-                    color: white;
-                }
-                .is-leaf {
-                    color: transparent;
-                }
-            }
-        }
-    }
-}
+.filter {
+    box-sizing: border-box;
+    width: 220px;
+    height: 100%;
+    padding: 18px;
+    margin-right: 10px;
+    .title {
+        margin: 0 0 15px;
+        font-size: 18px;
+        font-weight: bold;
+        color: var(--el-color-info-dark-2);
+        letter-spacing: 0.5px;
+    }
+    .el-input {
+        margin: 0 0 15px;
+    }
+    .el-scrollbar {
+        :deep(.el-tree) {
+            height: 80%;
+            overflow: auto;
+            .el-tree-node__content {
+                height: 33px;
+            }
+        }
+        :deep(.el-tree--highlight-current) {
+            .el-tree-node.is-current > .el-tree-node__content {
+                background-color: var(--el-color-primary);
+                .el-tree-node__label,
+                .el-tree-node__expand-icon {
+                    color: white;
+                }
+                .is-leaf {
+                    color: transparent;
+                }
+            }
+        }
+    }
+}
diff --git a/src/components/TreeFilter/index.vue b/src/components/TreeFilter/index.vue
index e702fdb..1d5cf19 100644
--- a/src/components/TreeFilter/index.vue
+++ b/src/components/TreeFilter/index.vue
@@ -38,15 +38,14 @@
 import { ref, watch, onBeforeMount, nextTick } from "vue";
 import { ElTree } from "element-plus";
 
-// 接收父组件参数并设置默认值
 interface TreeFilterProps {
-    requestApi?: (data?: any) => Promise<any>; // 请求分类数据的 api ==> 非必传
-    data?: { [key: string]: any }[]; // 分类数据，如果有分类数据，则不会执行 api 请求 ==> 非必传
-    title?: string; // treeFilter 标题 ==> 非必传
-    id?: string; // 选择的id ==> 非必传，默认为 “id”
-    label?: string; // 显示的label ==> 非必传，默认为 “label”
-    multiple?: boolean; // 是否为多选 ==> 非必传，默认为 false
-    defaultValue?: any; // 默认选中的值 ==> 非必传
+    requestApi?: (data?: any) => Promise<any>;
+    data?: { [key: string]: any }[];
+    title?: string;
+    id?: string;
+    label?: string;
+    multiple?: boolean;
+    defaultValue?: any;
 }
 const props = withDefaults(defineProps<TreeFilterProps>(), {
     id: "id",
@@ -80,7 +79,6 @@ onBeforeMount(async () => {
     }
 });
 
-// 使用 nextTick 防止打包后赋值不生效，开发环境是正常的
 watch(
     () => props.defaultValue,
     () => nextTick(() => setSelected()),
@@ -103,7 +101,6 @@ watch(filterText, val => {
     treeRef.value!.filter(val);
 });
 
-// 过滤
 const filterNode = (value: string, data: { [key: string]: any }, node: any) => {
     if (!value) return true;
     let parentNode = node.parent,
@@ -117,28 +114,24 @@ const filterNode = (value: string, data: { [key: string]: any }, node: any) => {
     return labels.some(label => label.indexOf(value) !== -1);
 };
 
-// emit
 const emit = defineEmits<{
     change: [value: any];
 }>();
 
-// 单选
 const handleNodeClick = (data: { [key: string]: any }) => {
     if (props.multiple) return;
     emit("change", data[props.id]);
 };
 
-// 多选
 const handleCheckChange = () => {
     emit("change", treeRef.value?.getCheckedKeys());
 };
 
-// 暴露给父组件使用
 defineExpose({ treeData, treeAllData, treeRef });
 </script>
 
 <style scoped lang="scss">
-@import "./index.scss";
+@use "./index.scss" as *;
 .filter {
     width: 100%;
 }
diff --git a/src/components/Upload/Img.vue b/src/components/Upload/Img.vue
index 46337ef..113a9dc 100644
--- a/src/components/Upload/Img.vue
+++ b/src/components/Upload/Img.vue
@@ -3,9 +3,9 @@
         <el-upload
             :id="uuid"
             action="#"
-            :class="['upload', self_disabled ? 'disabled' : '', drag ? 'no-border' : '']"
+            :class="['upload', self_disabled() ? 'disabled' : '', drag ? 'no-border' : '']"
             :multiple="false"
-            :disabled="self_disabled"
+            :disabled="self_disabled()"
             :show-file-list="false"
             :http-request="handleHttpUpload"
             :before-upload="beforeUpload"
@@ -18,7 +18,7 @@
             <template v-if="imageUrl">
                 <img :src="imageUrl" class="upload-image" />
                 <div class="upload-handle" @click.stop>
-                    <div v-if="!self_disabled" class="handle-icon" @click="editImg">
+                    <div v-if="!self_disabled()" class="handle-icon" @click="editImg">
                         <el-icon><Edit /></el-icon>
                         <span>编辑</span>
                     </div>
@@ -26,7 +26,7 @@
                         <el-icon><ZoomIn /></el-icon>
                         <span>查看</span>
                     </div>
-                    <div v-if="!self_disabled" class="handle-icon" @click="deleteImg">
+                    <div v-if="!self_disabled()" class="handle-icon" @click="deleteImg">
                         <el-icon><Delete /></el-icon>
                         <span>删除</span>
                     </div>
@@ -36,7 +36,6 @@
                 <div class="upload-empty">
                     <slot name="empty">
                         <el-icon><Plus /></el-icon>
-                        <!-- <span>请上传图片</span> -->
                     </slot>
                 </div>
             </template>
@@ -49,26 +48,25 @@
 </template>
 
 <script setup lang="ts" name="UploadImg">
-import { ref, computed, inject } from "vue";
+import { ref, inject } from "vue";
 import { generateUUID } from "@/utils";
 import { uploadImg } from "@/api/modules/upload";
 import { ElNotification, formContextKey, formItemContextKey } from "element-plus";
 import type { UploadProps, UploadRequestOptions } from "element-plus";
 
 interface UploadFileProps {
-    imageUrl: string; // 图片地址 ==> 必传
-    api?: (params: any) => Promise<any>; // 上传图片的 api 方法，一般项目上传都是同一个 api 方法，在组件里直接引入即可 ==> 非必传
-    drag?: boolean; // 是否支持拖拽上传 ==> 非必传（默认为 true）
-    disabled?: boolean; // 是否禁用上传组件 ==> 非必传（默认为 false）
-    fileSize?: number; // 图片大小限制 ==> 非必传（默认为 5M）
-    fileType?: File.ImageMimeType[]; // 图片类型限制 ==> 非必传（默认为 ["image/jpeg", "image/png", "image/gif"]）
-    height?: string; // 组件高度 ==> 非必传（默认为 150px）
-    width?: string; // 组件宽度 ==> 非必传（默认为 150px）
-    borderRadius?: string; // 组件边框圆角 ==> 非必传（默认为 8px）
+    imageUrl: string;
+    api?: (params: any) => Promise<any>;
+    drag?: boolean;
+    disabled?: boolean;
+    fileSize?: number;
+    fileType?: File.ImageMimeType[];
+    height?: string;
+    width?: string;
+    borderRadius?: string;
     limit?: number;
 }
 
-// 接受父组件参数
 const props = withDefaults(defineProps<UploadFileProps>(), {
     imageUrl: "",
     drag: true,
@@ -80,27 +78,14 @@ const props = withDefaults(defineProps<UploadFileProps>(), {
     borderRadius: "8px"
 });
 
-// 生成组件唯一id
 const uuid = ref("id-" + generateUUID());
 
-// 查看图片
 const imgViewVisible = ref(false);
-// 获取 el-form 组件上下文
 const formContext = inject(formContextKey, void 0);
-// 获取 el-form-item 组件上下文
 const formItemContext = inject(formItemContextKey, void 0);
-// 判断是否禁用上传和删除
-const self_disabled = computed(() => {
-    return props.disabled || formContext?.disabled;
-});
+const self_disabled = () => props.disabled || formContext?.disabled;
+
 
-/**
- * @description 图片上传
- * @param options upload 所有配置项
- * */
-// const emit = defineEmits<{
-//     "update:imageUrl": [value: string];
-// }>();
 const emit = defineEmits(["update:imageUrl", "fileId"]);
 const handleHttpUpload = async (options: UploadRequestOptions) => {
     let formData = new FormData();
@@ -110,32 +95,26 @@ const handleHttpUpload = async (options: UploadRequestOptions) => {
         const { data } = await api(formData);
         emit("update:imageUrl", data[0].url);
         emit("fileId", data[0].fm_id);
-        // 调用 el-form 内部的校验方法（可自动校验）
         formItemContext?.prop && formContext?.validateField([formItemContext.prop as string]);
     } catch (error) {
         options.onError(error as any);
     }
 };
 
-/**
- * @description 删除图片
- * */
+
 const deleteImg = () => {
+    imgViewVisible.value = false;
     emit("update:imageUrl", "");
+    emit("fileId", "");
 };
 
-/**
- * @description 编辑图片
- * */
+
 const editImg = () => {
     const dom = document.querySelector(`#${uuid.value} .el-upload__input`);
     dom && dom.dispatchEvent(new MouseEvent("click"));
 };
 
-/**
- * @description 文件上传之前判断
- * @param rawFile 选择的文件
- * */
+
 const beforeUpload: UploadProps["beforeUpload"] = rawFile => {
     const imgSize = rawFile.size / 1024 / 1024 < props.fileSize;
     const imgType = props.fileType.includes(rawFile.type as File.ImageMimeType);
@@ -156,9 +135,7 @@ const beforeUpload: UploadProps["beforeUpload"] = rawFile => {
     return imgType && imgSize;
 };
 
-/**
- * @description 图片上传成功
- * */
+
 const uploadSuccess = () => {
     ElNotification({
         title: "温馨提示",
@@ -167,9 +144,7 @@ const uploadSuccess = () => {
     });
 };
 
-/**
- * @description 图片上传错误
- * */
+
 const uploadError = () => {
     ElNotification({
         title: "温馨提示",
diff --git a/src/components/Upload/Imgs.vue b/src/components/Upload/Imgs.vue
index bfbf1ba..e8ebef7 100644
--- a/src/components/Upload/Imgs.vue
+++ b/src/components/Upload/Imgs.vue
@@ -1,13 +1,12 @@
-<!-- eslint-disable vue/require-v-for-key -->
 <template>
     <div class="upload-box">
         <el-upload
             v-model:file-list="_fileList"
             action="#"
             list-type="picture-card"
-            :class="['upload', self_disabled ? 'disabled' : '', drag ? 'no-border' : '']"
+            :class="['upload', self_disabled() ? 'disabled' : '', drag ? 'no-border' : '']"
             :multiple="true"
-            :disabled="self_disabled"
+            :disabled="self_disabled()"
             :limit="limit"
             :http-request="handleHttpUpload"
             :before-upload="beforeUpload"
@@ -30,7 +29,7 @@
                         <el-icon><ZoomIn /></el-icon>
                         <span>查看</span>
                     </div>
-                    <div v-if="!self_disabled" class="handle-icon" @click="handleRemove(file)">
+                    <div v-if="!self_disabled()" class="handle-icon" @click="handleRemove(file)">
                         <el-icon><Delete /></el-icon>
                         <span>删除</span>
                     </div>
@@ -45,22 +44,22 @@
 </template>
 
 <script setup lang="ts" name="UploadImgs">
-import { ref, computed, inject, watch } from "vue";
+import { ref, inject, watch } from "vue";
 import { Plus } from "@element-plus/icons-vue";
 import { uploadImg } from "@/api/modules/upload";
 import type { UploadProps, UploadUserFile, UploadRequestOptions } from "element-plus";
 import { ElNotification, formContextKey, formItemContextKey } from "element-plus";
 interface UploadFileProps {
     fileList: UploadUserFile[];
-    api?: (params: any) => Promise<any>; // 上传图片的 api 方法，一般项目上传都是同一个 api 方法，在组件里直接引入即可 ==> 非必传
-    drag?: boolean; // 是否支持拖拽上传 ==> 非必传（默认为 true）
-    disabled?: boolean; // 是否禁用上传组件 ==> 非必传（默认为 false）
-    limit?: number; // 最大图片上传数 ==> 非必传（默认为 5张）
-    fileSize?: number; // 图片大小限制 ==> 非必传（默认为 5M）
-    fileType?: File.ImageMimeType[]; // 图片类型限制 ==> 非必传（默认为 ["image/jpeg", "image/png", "image/gif"]）
-    height?: string; // 组件高度 ==> 非必传（默认为 150px）
-    width?: string; // 组件宽度 ==> 非必传（默认为 150px）
-    borderRadius?: string; // 组件边框圆角 ==> 非必传（默认为 8px）
+    api?: (params: any) => Promise<any>;
+    drag?: boolean;
+    disabled?: boolean;
+    limit?: number;
+    fileSize?: number;
+    fileType?: File.ImageMimeType[];
+    height?: string;
+    width?: string;
+    borderRadius?: string;
 }
 
 const props = withDefaults(defineProps<UploadFileProps>(), {
@@ -74,33 +73,30 @@ const props = withDefaults(defineProps<UploadFileProps>(), {
     width: "100px",
     borderRadius: "8px"
 });
-// eslint-disable-next-line vue/no-dupe-keys
-const fileList = ref([] as any);
+const uploadedFileList = ref([] as any);
 const fileFm_id = ref([] as any);
 const fileFmPath = ref([] as any);
-// 获取 el-form 组件上下文
 const formContext = inject(formContextKey, void 0);
-// 获取 el-form-item 组件上下文
 const formItemContext = inject(formItemContextKey, void 0);
-// 判断是否禁用上传和删除
-const self_disabled = computed(() => {
-    return props.disabled || formContext?.disabled;
-});
+const self_disabled = () => props.disabled || formContext?.disabled;
 
 const _fileList = ref<UploadUserFile[]>(props.fileList);
+const syncUploadState = (files: UploadUserFile[] = []) => {
+    _fileList.value = files;
+    uploadedFileList.value = files as any;
+    fileFm_id.value = files.map((item: any) => item.fm_id).filter(Boolean);
+    fileFmPath.value = files.map((item: any) => item.path).filter(Boolean);
+};
 
-// 监听 props.fileList 列表默认值改变
 watch(
     () => props.fileList,
     (n: UploadUserFile[]) => {
-        _fileList.value = n || [];
-    }
+        syncUploadState(n || []);
+    },
+    { immediate: true }
 );
 
-/**
- * @description 文件上传之前判断
- * @param rawFile 选择的文件
- * */
+
 const beforeUpload: UploadProps["beforeUpload"] = rawFile => {
     const imgSize = rawFile.size / 1024 / 1024 < props.fileSize;
     const imgType = props.fileType.includes(rawFile.type as File.ImageMimeType);
@@ -122,10 +118,7 @@ const beforeUpload: UploadProps["beforeUpload"] = rawFile => {
 };
 
 const emit = defineEmits(["update:fileList", "fileId", "update:filePath"]);
-/**
- * @description 图片上传
- * @param options upload 所有配置项
- * */
+
 const handleHttpUpload = async (options: UploadRequestOptions) => {
     let formData = new FormData();
     formData.append("name", options.file);
@@ -135,20 +128,17 @@ const handleHttpUpload = async (options: UploadRequestOptions) => {
         const { data } = await api(formData);
         fileFm_id.value.push(data[0].fm_id);
         fileFmPath.value.push(data[0].path);
-        fileList.value.push(data[0]);
-        emit("update:fileList", fileList.value);
-        emit("update:filePath", fileFmPath);
-        emit("fileId", fileFm_id);
-        // 调用 el-form 内部的校验方法（可自动校验）
+        uploadedFileList.value.push(data[0]);
+        emit("update:fileList", uploadedFileList.value);
+        emit("update:filePath", fileFmPath.value);
+        emit("fileId", fileFm_id.value);
         formItemContext?.prop && formContext?.validateField([formItemContext.prop as string]);
     } catch (error) {
         options.onError(error as any);
     }
 };
 
-/**
- * @description 图片上传成功
- * */
+
 const uploadSuccess = () => {
     ElNotification({
         title: "温馨提示",
@@ -156,24 +146,16 @@ const uploadSuccess = () => {
         type: "success"
     });
 };
-/**
- * @description 删除图片
- * @param file 删除的文件
- * */
+
 const handleRemove = (file: any) => {
-    fileFm_id.value = fileFm_id.value.filter(item => item !== file.fm_id);
-    fileFmPath.value = fileFmPath.value.filter(item => {
-        item !== file.path;
-    });
-    fileList.value = fileList.value.filter(item => item.url !== file.url || item.fm_id !== file.fm_id);
-    emit("fileId", fileFm_id);
+    const nextFiles = _fileList.value.filter(item => item.url !== file.url || item.uid !== file.uid);
+    syncUploadState(nextFiles);
+    emit("fileId", fileFm_id.value);
     emit("update:filePath", fileFmPath.value);
-    emit("update:fileList", fileList.value);
+    emit("update:fileList", uploadedFileList.value);
 };
 
-/**
- * @description 图片上传错误
- * */
+
 const uploadError = () => {
     ElNotification({
         title: "温馨提示",
@@ -182,9 +164,7 @@ const uploadError = () => {
     });
 };
 
-/**
- * @description 文件数超出
- * */
+
 const handleExceed = () => {
     ElNotification({
         title: "温馨提示",
@@ -193,10 +173,7 @@ const handleExceed = () => {
     });
 };
 
-/**
- * @description 图片预览
- * @param file 预览的文件
- * */
+
 const viewImageUrl = ref("" as any);
 const imgViewVisible = ref(false);
 const handlePictureCardPreview: UploadProps["onPreview"] = file => {
@@ -259,7 +236,6 @@ const handlePictureCardPreview: UploadProps["onPreview"] = file => {
             height: v-bind(height);
             background-color: transparent;
 
-            // border-radius: v-bind(borderRadius);
         }
         .upload-image {
             width: 100%;
diff --git a/src/config/index.ts b/src/config/index.ts
index fdc5884..6b30446 100644
--- a/src/config/index.ts
+++ b/src/config/index.ts
@@ -1,22 +1,7 @@
-// ? 全局默认配置项
-
-// 首页地址（默认）
 export const HOME_URL: string = "/home/index";
-
-// 登录页地址（默认）
 export const LOGIN_URL: string = "/login";
-
-// 默认主题颜色
 export const DEFAULT_PRIMARY: string = "#009688";
-
-// 路由白名单地址（本地存在的路由 staticRouter.ts 中）
 export const ROUTER_WHITE_LIST: string[] = ["/500"];
-
-// 高德地图 key
 export const AMAP_MAP_KEY: string = "";
-
-// 百度地图 key
 export const BAIDU_MAP_KEY: string = "";
-
-// 登录失效
 export const LOSE_STR_KEY: string = "9995";
diff --git a/src/config/nprogress.ts b/src/config/nprogress.ts
index a1697ef..e37469f 100644
--- a/src/config/nprogress.ts
+++ b/src/config/nprogress.ts
@@ -1,12 +1,12 @@
-import NProgress from "nprogress";
-import "nprogress/nprogress.css";
-
+import NProgress from "nprogress";
+import "nprogress/nprogress.css";
+
 NProgress.configure({
-    easing: "ease", // 动画方式
-    speed: 500, // 递增进度条的速度
-    showSpinner: true, // 是否显示加载ico
-    trickleSpeed: 200, // 自动递增间隔
-    minimum: 0.3 // 初始化时的最小百分比
+    easing: "ease",
+    speed: 500,
+    showSpinner: true,
+    trickleSpeed: 200,
+    minimum: 0.3
 });
-
-export default NProgress;
+
+export default NProgress;
diff --git a/src/config/serviceLoading.ts b/src/config/serviceLoading.ts
index 088b0d1..1011e9a 100644
--- a/src/config/serviceLoading.ts
+++ b/src/config/serviceLoading.ts
@@ -1,45 +1,32 @@
-import { ElLoading } from "element-plus";
-
-/* 全局请求 loading */
+import { ElLoading } from "element-plus";
+
 let loadingInstance: ReturnType<typeof ElLoading.service>;
 
-/**
- * @description 开启 Loading
- * */
 const startLoading = () => {
-    loadingInstance = ElLoading.service({
-        fullscreen: true,
-        lock: true,
-        text: "Loading",
-        background: "rgba(0, 0, 0, 0.7)"
-    });
-};
-
-/**
- * @description 结束 Loading
- * */
+    loadingInstance = ElLoading.service({
+        fullscreen: true,
+        lock: true,
+        text: "Loading",
+        background: "rgba(0, 0, 0, 0.7)"
+    });
+};
+
 const endLoading = () => {
     loadingInstance.close();
 };
 
-/**
- * @description 显示全屏加载
- * */
 let needLoadingRequestCount = 0;
 export const showFullScreenLoading = () => {
-    if (needLoadingRequestCount === 0) {
-        startLoading();
-    }
-    needLoadingRequestCount++;
-};
-
-/**
- * @description 隐藏全屏加载
- * */
+    if (needLoadingRequestCount === 0) {
+        startLoading();
+    }
+    needLoadingRequestCount++;
+};
+
 export const tryHideFullScreenLoading = () => {
-    if (needLoadingRequestCount <= 0) return;
-    needLoadingRequestCount--;
-    if (needLoadingRequestCount === 0) {
-        endLoading();
-    }
-};
+    if (needLoadingRequestCount <= 0) return;
+    needLoadingRequestCount--;
+    if (needLoadingRequestCount === 0) {
+        endLoading();
+    }
+};
diff --git a/src/directives/index.ts b/src/directives/index.ts
index 5a94de0..7f1a2d9 100644
--- a/src/directives/index.ts
+++ b/src/directives/index.ts
@@ -1,18 +1,18 @@
-import { App, Directive } from "vue";
-import auth from "./modules/auth";
-import debounce from "./modules/debounce";
-
-const directivesList: { [key: string]: Directive } = {
-    auth,
-    debounce
-};
-
-const directives = {
-    install: function (app: App<Element>) {
-        Object.keys(directivesList).forEach(key => {
-            app.directive(key, directivesList[key]);
-        });
-    }
-};
-
-export default directives;
+import { App, Directive } from "vue";
+import auth from "./modules/auth";
+import debounce from "./modules/debounce";
+
+const directivesList: { [key: string]: Directive } = {
+    auth,
+    debounce
+};
+
+const directives = {
+    install: function (app: App<Element>) {
+        Object.keys(directivesList).forEach(key => {
+            app.directive(key, directivesList[key]);
+        });
+    }
+};
+
+export default directives;
diff --git a/src/directives/modules/auth.ts b/src/directives/modules/auth.ts
index c25ac99..c120597 100644
--- a/src/directives/modules/auth.ts
+++ b/src/directives/modules/auth.ts
@@ -1,7 +1,4 @@
-/**
- * v-auth
- * 按钮权限指令
- */
+
 import { useAuthStore } from "@/stores/modules/auth";
 import type { Directive, DirectiveBinding } from "vue";
 
diff --git a/src/directives/modules/debounce.ts b/src/directives/modules/debounce.ts
index 636b347..c21f382 100644
--- a/src/directives/modules/debounce.ts
+++ b/src/directives/modules/debounce.ts
@@ -1,30 +1,35 @@
-/**
- * v-debounce
- * 按钮防抖指令，可自行扩展至input
- * 接收参数：function类型
- */
+
 import type { Directive, DirectiveBinding } from "vue";
 interface ElType extends HTMLElement {
-    __handleClick__: () => any;
+    __handleClick__?: () => any;
+    __debounceTimer__?: ReturnType<typeof setTimeout> | null;
 }
 const debounce: Directive = {
     mounted(el: ElType, binding: DirectiveBinding) {
         if (typeof binding.value !== "function") {
             throw "callback must be a function";
         }
-        let timer: NodeJS.Timeout | null = null;
         el.__handleClick__ = function () {
-            if (timer) {
-                clearInterval(timer);
+            if (el.__debounceTimer__) {
+                clearTimeout(el.__debounceTimer__);
             }
-            timer = setTimeout(() => {
+            el.__debounceTimer__ = setTimeout(() => {
                 binding.value();
             }, 500);
         };
         el.addEventListener("click", el.__handleClick__);
     },
     beforeUnmount(el: ElType) {
-        el.removeEventListener("click", el.__handleClick__);
+        const handleClick = el.__handleClick__;
+        if (handleClick) {
+            el.removeEventListener("click", handleClick);
+        }
+        if (el.__debounceTimer__) {
+            clearTimeout(el.__debounceTimer__);
+            el.__debounceTimer__ = null;
+        }
+        delete el.__handleClick__;
+        delete el.__debounceTimer__;
     }
 };
 
diff --git a/src/enums/httpEnum.ts b/src/enums/httpEnum.ts
index 8b49821..015ab12 100644
--- a/src/enums/httpEnum.ts
+++ b/src/enums/httpEnum.ts
@@ -1,35 +1,22 @@
-/**
- * @description：请求配置
- */
 export enum ResultEnum {
-    SUCCESS = "1000",
-    ERROR = 500,
-    OVERDUE = 9995,
-    TIMEOUT = 30000,
-    TYPE = "success"
-}
-
-/**
- * @description：请求方法
- */
+    SUCCESS = "1000",
+    ERROR = 500,
+    OVERDUE = 9995,
+    TIMEOUT = 30000,
+    TYPE = "success"
+}
+
 export enum RequestEnum {
-    GET = "GET",
-    POST = "POST",
-    PATCH = "PATCH",
-    PUT = "PUT",
-    DELETE = "DELETE"
-}
-
-/**
- * @description：常用的 contentTyp 类型
- */
+    GET = "GET",
+    POST = "POST",
+    PATCH = "PATCH",
+    PUT = "PUT",
+    DELETE = "DELETE"
+}
+
 export enum ContentTypeEnum {
-    // json
     JSON = "application/json;charset=UTF-8",
-    // text
     TEXT = "text/plain;charset=UTF-8",
-    // form-data 一般配合qs
     FORM_URLENCODED = "application/x-www-form-urlencoded;charset=UTF-8",
-    // form-data 上传
     FORM_DATA = "multipart/form-data;charset=UTF-8"
 }
diff --git a/src/hooks/interface/index.ts b/src/hooks/interface/index.ts
index dbc2117..8db677b 100644
--- a/src/hooks/interface/index.ts
+++ b/src/hooks/interface/index.ts
@@ -1,7 +1,23 @@
-export namespace Theme {
-    export type ThemeType = "light" | "inverted" | "dark";
-    export type GreyOrWeakType = "grey" | "weak";
-}
+export namespace Theme {
+    export type ThemeType = "light" | "inverted" | "dark";
+    export type GreyOrWeakType = "grey" | "weak";
+}
 export namespace HandleData {
     export type MessageType = "" | "success" | "warning" | "info" | "error";
 }
+
+export namespace Table {
+    export interface Pageable {
+        page: number;
+        limit: number;
+        total: number;
+    }
+
+    export interface StateProps<T = any> {
+        tableData: T[];
+        pageable: Pageable;
+        searchParam: Record<string, any>;
+        searchInitParam: Record<string, any>;
+        totalParam: Record<string, any>;
+    }
+}
diff --git a/src/hooks/useDownload.ts b/src/hooks/useDownload.ts
index 9023fbb..fa1b799 100644
--- a/src/hooks/useDownload.ts
+++ b/src/hooks/useDownload.ts
@@ -1,20 +1,11 @@
 import { ElNotification } from "element-plus";
 const BASE_URL = import.meta.env.VITE_API_URL;
 
-/**
- * @description 接收数据流生成 blob，创建链接，下载文件
- * @param {Function} api 导出表格的api方法 (必传)
- * @param {String} tempName 导出的文件名 (必传)
- * @param {Object} params 导出的参数 (默认{})
- * @param {Boolean} isNotify 是否有导出消息提示 (默认为 true)
- * @param {String} fileType 导出的文件格式 (默认为.xlsx)
- * */
 export const useDownload = async (
     api: (param: any) => Promise<any>,
     tempName: string,
     params: any = {},
     isNotify: boolean = true
-    // fileType: string = ".xlsx"
 ) => {
     if (isNotify) {
         ElNotification({
@@ -26,23 +17,12 @@ export const useDownload = async (
     }
     try {
         const res = await api(params);
-        // console.log(res, BASE_URL, "下载啦");
         location.href = BASE_URL + "/" + res.data.excel_template_path;
-
-        // const blob = new Blob([res]);
-        // // 兼容 edge 不支持 createObjectURL 方法
-        // if ("msSaveOrOpenBlob" in navigator) return window.navigator.msSaveOrOpenBlob(blob, tempName + fileType);
-        // const blobUrl = window.URL.createObjectURL(blob);
-        // const exportFile = document.createElement("a");
-        // exportFile.style.display = "none";
-        // exportFile.download = `${tempName}${fileType}`;
-        // exportFile.href = blobUrl;
-        // document.body.appendChild(exportFile);
-        // exportFile.click();
-        // // 去除下载对 url 的影响
-        // document.body.removeChild(exportFile);
-        // window.URL.revokeObjectURL(blobUrl);
     } catch (error) {
-        console.log(error);
+        ElNotification({
+            title: "温馨提示",
+            message: "模板下载失败，请稍后重试！",
+            type: "error"
+        });
     }
 };
diff --git a/src/hooks/useHandleData.ts b/src/hooks/useHandleData.ts
index a6fd07b..1b9e4b5 100644
--- a/src/hooks/useHandleData.ts
+++ b/src/hooks/useHandleData.ts
@@ -1,14 +1,6 @@
 import { ElMessageBox, ElMessage } from "element-plus";
 import { HandleData } from "./interface";
 
-/**
- * @description 操作单条数据信息 (二次确认【删除、禁用、启用、重置密码】)
- * @param {Function} api 操作数据接口的api方法 (必传)
- * @param {Object} params 携带的操作数据参数 {id,params} (必传)
- * @param {String} message 提示信息 (必传)
- * @param {String} confirmType icon类型 (不必传,默认为 warning)
- * @returns {Promise}
- */
 export const useHandleData = (
     api: (params: any) => Promise<any>,
     params: any = {},
@@ -30,13 +22,10 @@ export const useHandleData = (
                 ElMessage({
                     type: "success",
                     message: title?.length > 0 ? title : `${"操作"}成功!`
-                    // message: `${"操作"}成功!`
                 });
                 resolve(true);
             })
             .catch(() => {
-                // 用户点击了取消
-                // resolve(false); // 这里我们解决了Promise而不是拒绝它
             });
     });
 };
diff --git a/src/hooks/useSelection.ts b/src/hooks/useSelection.ts
index 9dd4935..48d81c6 100644
--- a/src/hooks/useSelection.ts
+++ b/src/hooks/useSelection.ts
@@ -1,25 +1,15 @@
-import { ref, computed } from "vue";
+import { ref } from "vue";
 
-/**
- * @description 表格多选数据操作
- * @param {String} rowKey 当表格可以多选时，所指定的 id
- * */
 export const useSelection = (rowKey: string = "id") => {
     const isSelected = ref<boolean>(false);
     const selectedList = ref<{ [key: string]: any }[]>([]);
 
-    // 当前选中的所有 ids 数组
-    const selectedListIds = computed((): string[] => {
+    const selectedListIds = (): string[] => {
         let ids: string[] = [];
         selectedList.value.forEach(item => ids.push(item[rowKey]));
         return ids;
-    });
+    };
 
-    /**
-     * @description 多选操作
-     * @param {Array} rowArr 当前选择的所有数据
-     * @return void
-     */
     const selectionChange = (rowArr: { [key: string]: any }[]) => {
         rowArr.length ? (isSelected.value = true) : (isSelected.value = false);
         selectedList.value = rowArr;
diff --git a/src/hooks/useTable.ts b/src/hooks/useTable.ts
index 86351a7..fa48ff9 100644
--- a/src/hooks/useTable.ts
+++ b/src/hooks/useTable.ts
@@ -1,13 +1,6 @@
 import { Table } from "./interface";
-import { reactive, computed, toRefs } from "vue";
+import { reactive, toRefs } from "vue";
 
-/**
- * @description table 页面操作方法封装
- * @param {Function} api 获取表格数据 api 方法 (必传)
- * @param {Object} initParam 获取数据初始化参数 (非必传，默认为{})
- * @param {Boolean} isPageable 是否有分页 (非必传，默认为true)
- * @param {Function} dataCallBack 对后台返回的数据进行处理的方法 (非必传)
- * */
 export const useTable = (
     api?: (params: any) => Promise<any>,
     initParam: object = {},
@@ -16,53 +9,31 @@ export const useTable = (
     requestError?: (error: any) => void
 ) => {
     const state = reactive<Table.StateProps>({
-        // 表格数据
         tableData: [],
-        // 分页数据
         pageable: {
-            // 当前页数
             page: 1,
-            // 每页显示条数
             limit: 25,
-            // 总条数
             total: 0
         },
-        // 查询参数(只包括查询)
         searchParam: {},
-        // 初始化默认的查询参数
         searchInitParam: {},
-        // 总参数(包含分页和查询参数)
         totalParam: {}
     });
 
-    /**
-     * @description 分页查询参数(只包括分页和表格字段排序,其他排序方式可自行配置)
-     * */
-    const pageParam = computed({
-        get: () => {
-            return {
-                page: state.pageable.page,
-                limit: state.pageable.limit
-            };
-        },
-        set: (newVal: any) => {
-            console.log("我是分页更新之后的值", newVal);
-        }
-    });
+    const pageParam = () => {
+        return {
+            page: state.pageable.page,
+            limit: state.pageable.limit
+        };
+    };
 
-    /**
-     * @description 获取表格数据
-     * @return void
-     * */
     const getTableList = async () => {
         if (!api) return;
         try {
-            // 先把初始化参数和分页参数放到总参数里面
-            Object.assign(state.totalParam, initParam, isPageable ? pageParam.value : {});
+            Object.assign(state.totalParam, initParam, isPageable ? pageParam() : {});
             let { data } = await api({ ...state.searchInitParam, ...state.totalParam });
             dataCallBack && (data = dataCallBack(data));
             state.tableData = isPageable ? data.items : data;
-            // 解构后台返回的分页数据 (如果有分页更新分页信息)
             if (isPageable) {
                 const { page, limit, total } = data;
                 updatePageable({ page, limit: limit * 1, total });
@@ -72,71 +43,40 @@ export const useTable = (
         }
     };
 
-    /**
-     * @description 更新查询参数
-     * @return void
-     * */
     const updatedTotalParam = () => {
         state.totalParam = {};
-        // 处理查询参数，可以给查询参数加自定义前缀操作
         let nowSearchParam: Table.StateProps["searchParam"] = {};
-        // 防止手动清空输入框携带参数（这里可以自定义查询参数前缀）
         for (let key in state.searchParam) {
-            // 某些情况下参数为 false/0 也应该携带参数
             if (state.searchParam[key] || state.searchParam[key] === false || state.searchParam[key] === 0) {
                 nowSearchParam[key] = state.searchParam[key];
             }
         }
-        Object.assign(state.totalParam, nowSearchParam, isPageable ? pageParam.value : {});
+        Object.assign(state.totalParam, nowSearchParam, isPageable ? pageParam() : {});
     };
 
-    /**
-     * @description 更新分页信息
-     * @param {Object} pageable 后台返回的分页数据
-     * @return void
-     * */
     const updatePageable = (pageable: Table.Pageable) => {
         Object.assign(state.pageable, pageable);
     };
 
-    /**
-     * @description 表格数据查询
-     * @return void
-     * */
     const search = () => {
         state.pageable.page = 1;
         updatedTotalParam();
         getTableList();
     };
 
-    /**
-     * @description 表格数据重置
-     * @return void
-     * */
     const reset = () => {
         state.pageable.page = 1;
-        // 重置搜索表单的时，如果有默认搜索参数，则重置默认的搜索参数
         state.searchParam = { ...state.searchInitParam };
         updatedTotalParam();
         getTableList();
     };
 
-    /**
-     * @description 每页条数改变
-     * @param {Number} val 当前条数
-     * @return void
-     * */
     const handleSizeChange = (val: number) => {
         state.pageable.page = 1;
         state.pageable.limit = val;
         getTableList();
     };
 
-    /**
-     * @description 当前页改变
-     * @param {Number} val 当前页
-     * @return void
-     * */
     const handleCurrentChange = (val: number) => {
         state.pageable.page = val;
         getTableList();
diff --git a/src/hooks/useTheme.ts b/src/hooks/useTheme.ts
index 89c2316..3a55083 100644
--- a/src/hooks/useTheme.ts
+++ b/src/hooks/useTheme.ts
@@ -8,14 +8,11 @@ import { menuTheme } from "@/styles/theme/menu";
 import { asideTheme } from "@/styles/theme/aside";
 import { headerTheme } from "@/styles/theme/header";
 
-/**
- * @description 全局主题 hooks
- * */
+
 export const useTheme = () => {
     const globalStore = useGlobalStore();
     const { primary, isDark, isGrey, isWeak, layout, asideInverted, headerInverted } = storeToRefs(globalStore);
 
-    // 切换暗黑模式 ==> 同时修改主题颜色、侧边栏、头部颜色
     const switchDark = () => {
         const html = document.documentElement as HTMLElement;
         if (isDark.value) html.setAttribute("class", "dark");
@@ -25,13 +22,11 @@ export const useTheme = () => {
         setHeaderTheme();
     };
 
-    // 修改主题颜色
     const changePrimary = (val: string | null) => {
         if (!val) {
             val = DEFAULT_PRIMARY;
             ElMessage({ type: "success", message: `主题颜色已重置为 ${DEFAULT_PRIMARY}` });
         }
-        // 计算主题颜色变化
         document.documentElement.style.setProperty("--el-color-primary", val);
         document.documentElement.style.setProperty(
             "--el-color-primary-dark-2",
@@ -44,7 +39,6 @@ export const useTheme = () => {
         globalStore.setGlobalState("primary", val);
     };
 
-    // 灰色和弱色切换
     const changeGreyOrWeak = (type: Theme.GreyOrWeakType, value: boolean) => {
         const body = document.body as HTMLElement;
         if (!value) return body.removeAttribute("style");
@@ -57,7 +51,6 @@ export const useTheme = () => {
         globalStore.setGlobalState(propName, false);
     };
 
-    // 设置菜单样式
     const setMenuTheme = () => {
         let type: Theme.ThemeType = "light";
         if (layout.value === "transverse" && headerInverted.value) type = "inverted";
@@ -69,7 +62,6 @@ export const useTheme = () => {
         }
     };
 
-    // 设置侧边栏样式
     const setAsideTheme = () => {
         let type: Theme.ThemeType = "light";
         if (asideInverted.value) type = "inverted";
@@ -81,7 +73,6 @@ export const useTheme = () => {
         setMenuTheme();
     };
 
-    // 设置头部样式
     const setHeaderTheme = () => {
         let type: Theme.ThemeType = "light";
         if (headerInverted.value) type = "inverted";
@@ -93,7 +84,6 @@ export const useTheme = () => {
         setMenuTheme();
     };
 
-    // init theme
     const initTheme = () => {
         switchDark();
         if (isGrey.value) changeGreyOrWeak("grey", true);
diff --git a/src/layouts/LayoutClassic/index.scss b/src/layouts/LayoutClassic/index.scss
index eddc6e3..ee5e86c 100644
--- a/src/layouts/LayoutClassic/index.scss
+++ b/src/layouts/LayoutClassic/index.scss
@@ -1,60 +1,60 @@
-.el-container {
-    width: 100%;
-    height: 100%;
-    :deep(.el-header) {
-        box-sizing: border-box;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        height: 55px;
-        padding: 0 15px 0 0;
-        background-color: var(--el-header-bg-color);
-        border-bottom: 1px solid var(--el-header-border-color);
-        .header-lf {
-            display: flex;
-            align-items: center;
-            overflow: hidden;
-            white-space: nowrap;
-            .logo {
-                flex-shrink: 0;
-                width: 210px;
-                margin-right: 16px;
-                .logo-img {
-                    width: 28px;
-                    object-fit: contain;
-                    margin-right: 6px;
-                }
-                .logo-text {
-                    font-size: 21.5px;
-                    font-weight: bold;
-                    color: var(--el-header-logo-text-color);
-                    white-space: nowrap;
-                }
-            }
-        }
-    }
-    .classic-content {
-        display: flex;
-        height: calc(100% - 55px);
-        :deep(.el-aside) {
-            width: auto;
-            background-color: var(--el-menu-bg-color);
-            border-right: 1px solid var(--el-aside-border-color);
-            .aside-box {
-                display: flex;
-                flex-direction: column;
-                height: 100%;
-                transition: width 0.3s ease;
-                .el-menu {
-                    width: 100%;
-                    overflow-x: hidden;
-                    border-right: none;
-                }
-            }
-        }
-        .classic-main {
-            display: flex;
-            flex-direction: column;
-        }
-    }
-}
+.el-container {
+    width: 100%;
+    height: 100%;
+    :deep(.el-header) {
+        box-sizing: border-box;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        height: 55px;
+        padding: 0 15px 0 0;
+        background-color: var(--el-header-bg-color);
+        border-bottom: 1px solid var(--el-header-border-color);
+        .header-lf {
+            display: flex;
+            align-items: center;
+            overflow: hidden;
+            white-space: nowrap;
+            .logo {
+                flex-shrink: 0;
+                width: 210px;
+                margin-right: 16px;
+                .logo-img {
+                    width: 28px;
+                    object-fit: contain;
+                    margin-right: 6px;
+                }
+                .logo-text {
+                    font-size: 21.5px;
+                    font-weight: bold;
+                    color: var(--el-header-logo-text-color);
+                    white-space: nowrap;
+                }
+            }
+        }
+    }
+    .classic-content {
+        display: flex;
+        height: calc(100% - 55px);
+        :deep(.el-aside) {
+            width: auto;
+            background-color: var(--el-menu-bg-color);
+            border-right: 1px solid var(--el-aside-border-color);
+            .aside-box {
+                display: flex;
+                flex-direction: column;
+                height: 100%;
+                transition: width 0.3s ease;
+                .el-menu {
+                    width: 100%;
+                    overflow-x: hidden;
+                    border-right: none;
+                }
+            }
+        }
+        .classic-main {
+            display: flex;
+            flex-direction: column;
+        }
+    }
+}
diff --git a/src/layouts/LayoutClassic/index.vue b/src/layouts/LayoutClassic/index.vue
index f141cf3..fadf634 100644
--- a/src/layouts/LayoutClassic/index.vue
+++ b/src/layouts/LayoutClassic/index.vue
@@ -1,62 +1,59 @@
-<!-- 经典布局 -->
 <template>
-    <el-container class="layout">
-        <el-header>
-            <div class="header-lf mask-image">
+    <el-container class="layout">
+        <el-header>
+            <div class="header-lf mask-image">
                 <div class="logo flx-center">
-                    <!-- <img class="logo-img" src="@/customize/images/logo.png" alt="logo" /> -->
                     <span class="logo-text">{{ title }}</span>
                 </div>
-                <ToolBarLeft />
-            </div>
-            <div class="header-ri">
-                <ToolBarRight />
-            </div>
-        </el-header>
-        <el-container class="classic-content">
-            <el-aside>
-                <div class="aside-box" :style="{ width: isCollapse ? '65px' : '210px' }">
-                    <el-scrollbar>
-                        <el-menu
-                            :router="false"
-                            :default-active="activeMenu"
-                            :collapse="isCollapse"
-                            :unique-opened="accordion"
-                            :collapse-transition="false"
-                        >
-                            <SubMenu :menu-list="menuList" />
-                        </el-menu>
-                    </el-scrollbar>
-                </div>
-            </el-aside>
-            <el-container class="classic-main">
-                <Main />
-            </el-container>
-        </el-container>
-    </el-container>
-</template>
-
-<script setup lang="ts" name="layoutClassic">
-import { computed } from "vue";
+                <ToolBarLeft />
+            </div>
+            <div class="header-ri">
+                <ToolBarRight />
+            </div>
+        </el-header>
+        <el-container class="classic-content">
+            <el-aside>
+                <div class="aside-box" :style="{ width: isCollapse() ? '65px' : '210px' }">
+                    <el-scrollbar>
+                        <el-menu
+                            :router="false"
+                            :default-active="activeMenu()"
+                            :collapse="isCollapse()"
+                            :unique-opened="accordion()"
+                            :collapse-transition="false"
+                        >
+                            <SubMenu :menu-list="menuList()" />
+                        </el-menu>
+                    </el-scrollbar>
+                </div>
+            </el-aside>
+            <el-container class="classic-main">
+                <Main />
+            </el-container>
+        </el-container>
+    </el-container>
+</template>
+
+<script setup lang="ts" name="layoutClassic">
 import { useRoute } from "vue-router";
-import { useAuthStore } from "@/stores/modules/auth";
-import { useGlobalStore } from "@/stores/modules/global";
-import Main from "@/layouts/components/Main/index.vue";
-import SubMenu from "@/layouts/components/Menu/SubMenu.vue";
-import ToolBarLeft from "@/layouts/components/Header/ToolBarLeft.vue";
-import ToolBarRight from "@/layouts/components/Header/ToolBarRight.vue";
-
-const title = import.meta.env.VITE_GLOB_APP_TITLE;
-
-const route = useRoute();
-const authStore = useAuthStore();
-const globalStore = useGlobalStore();
-const accordion = computed(() => globalStore.accordion);
-const isCollapse = computed(() => globalStore.isCollapse);
-const menuList = computed(() => authStore.showMenuListGet);
-const activeMenu = computed(() => (route.meta.activeMenu ? route.meta.activeMenu : route.path) as string);
+import { useAuthStore } from "@/stores/modules/auth";
+import { useGlobalStore } from "@/stores/modules/global";
+import Main from "@/layouts/components/Main/index.vue";
+import SubMenu from "@/layouts/components/Menu/SubMenu.vue";
+import ToolBarLeft from "@/layouts/components/Header/ToolBarLeft.vue";
+import ToolBarRight from "@/layouts/components/Header/ToolBarRight.vue";
+
+const title = import.meta.env.VITE_GLOB_APP_TITLE;
+
+const route = useRoute();
+const authStore = useAuthStore();
+const globalStore = useGlobalStore();
+const accordion = () => globalStore.accordion;
+const isCollapse = () => globalStore.isCollapse;
+const menuList = () => authStore.showMenuListGet;
+const activeMenu = () => (route.meta.activeMenu ? route.meta.activeMenu : route.path) as string;
 </script>
-
-<style scoped lang="scss">
-@import "./index.scss";
-</style>
+
+<style scoped lang="scss">
+@use "./index.scss" as *;
+</style>
diff --git a/src/layouts/LayoutColumns/index.scss b/src/layouts/LayoutColumns/index.scss
index 76f51ac..986aee5 100644
--- a/src/layouts/LayoutColumns/index.scss
+++ b/src/layouts/LayoutColumns/index.scss
@@ -1,95 +1,95 @@
-.el-container {
-    width: 100%;
-    height: 100%;
-    .aside-split {
-        display: flex;
-        flex-direction: column;
-        flex-shrink: 0;
-        width: 70px;
-        height: 100%;
-        background-color: var(--el-menu-bg-color);
-        border-right: 1px solid var(--el-aside-border-color);
-        .logo {
-            box-sizing: border-box;
-            height: 55px;
-            .logo-img {
-                width: 32px;
-                object-fit: contain;
-            }
-        }
-        .el-scrollbar {
-            height: calc(100% - 55px);
-            .split-list {
-                flex: 1;
-                .split-item {
-                    display: flex;
-                    flex-direction: column;
-                    align-items: center;
-                    justify-content: center;
-                    height: 70px;
-                    cursor: pointer;
-                    transition: all 0.3s ease;
-                    .el-icon {
-                        font-size: 20px;
-                    }
-                    .title {
-                        margin-top: 6px;
-                        font-size: 12px;
-                    }
-                    .el-icon,
-                    .title {
-                        color: var(--el-menu-text-color);
-                    }
-                }
-                .split-active {
-                    background-color: var(--el-color-primary) !important;
-                    .el-icon,
-                    .title {
-                        color: #ffffff !important;
-                    }
-                }
-            }
-        }
-    }
-    .not-aside {
-        width: 0 !important;
-        border-right: none !important;
-    }
-    .el-aside {
-        display: flex;
-        flex-direction: column;
-        height: 100%;
-        overflow: hidden;
-        background-color: var(--el-menu-bg-color);
-        border-right: 1px solid var(--el-aside-border-color);
-        transition: width 0.3s ease;
-        .el-scrollbar {
-            height: calc(100% - 55px);
-            .el-menu {
-                width: 100%;
-                overflow-x: hidden;
-                border-right: none;
-            }
-        }
-        .logo {
-            box-sizing: border-box;
-            height: 55px;
-            .logo-text {
-                font-size: 24px;
-                font-weight: bold;
-                color: var(--el-aside-logo-text-color);
-                white-space: nowrap;
-            }
-        }
-    }
-    .el-header {
-        box-sizing: border-box;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        height: 55px;
-        padding: 0 15px;
-        background-color: var(--el-header-bg-color);
-        border-bottom: 1px solid var(--el-border-color-light);
-    }
-}
+.el-container {
+    width: 100%;
+    height: 100%;
+    .aside-split {
+        display: flex;
+        flex-direction: column;
+        flex-shrink: 0;
+        width: 70px;
+        height: 100%;
+        background-color: var(--el-menu-bg-color);
+        border-right: 1px solid var(--el-aside-border-color);
+        .logo {
+            box-sizing: border-box;
+            height: 55px;
+            .logo-img {
+                width: 32px;
+                object-fit: contain;
+            }
+        }
+        .el-scrollbar {
+            height: calc(100% - 55px);
+            .split-list {
+                flex: 1;
+                .split-item {
+                    display: flex;
+                    flex-direction: column;
+                    align-items: center;
+                    justify-content: center;
+                    height: 70px;
+                    cursor: pointer;
+                    transition: all 0.3s ease;
+                    .el-icon {
+                        font-size: 20px;
+                    }
+                    .title {
+                        margin-top: 6px;
+                        font-size: 12px;
+                    }
+                    .el-icon,
+                    .title {
+                        color: var(--el-menu-text-color);
+                    }
+                }
+                .split-active {
+                    background-color: var(--el-color-primary) !important;
+                    .el-icon,
+                    .title {
+                        color: #ffffff !important;
+                    }
+                }
+            }
+        }
+    }
+    .not-aside {
+        width: 0 !important;
+        border-right: none !important;
+    }
+    .el-aside {
+        display: flex;
+        flex-direction: column;
+        height: 100%;
+        overflow: hidden;
+        background-color: var(--el-menu-bg-color);
+        border-right: 1px solid var(--el-aside-border-color);
+        transition: width 0.3s ease;
+        .el-scrollbar {
+            height: calc(100% - 55px);
+            .el-menu {
+                width: 100%;
+                overflow-x: hidden;
+                border-right: none;
+            }
+        }
+        .logo {
+            box-sizing: border-box;
+            height: 55px;
+            .logo-text {
+                font-size: 24px;
+                font-weight: bold;
+                color: var(--el-aside-logo-text-color);
+                white-space: nowrap;
+            }
+        }
+    }
+    .el-header {
+        box-sizing: border-box;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        height: 55px;
+        padding: 0 15px;
+        background-color: var(--el-header-bg-color);
+        border-bottom: 1px solid var(--el-border-color-light);
+    }
+}
diff --git a/src/layouts/LayoutColumns/index.vue b/src/layouts/LayoutColumns/index.vue
index a6e0028..e04c138 100644
--- a/src/layouts/LayoutColumns/index.vue
+++ b/src/layouts/LayoutColumns/index.vue
@@ -1,14 +1,12 @@
-<!-- 分栏布局 -->
 <template>
     <el-container class="layout">
         <div class="aside-split">
             <div class="logo flx-center">
-                <!-- <img class="logo-img" src="@/customize/images/logo.png" alt="logo" /> -->
             </div>
             <el-scrollbar>
                 <div class="split-list">
                     <div
-                        v-for="item in menuList"
+                    v-for="item in menuList()"
                         :key="item.path"
                         class="split-item"
                         :class="{ 'split-active': splitActive === item.path || `/${splitActive.split('/')[1]}` === item.path }"
@@ -22,16 +20,16 @@
                 </div>
             </el-scrollbar>
         </div>
-        <el-aside :class="{ 'not-aside': !subMenuList.length }" :style="{ width: isCollapse ? '65px' : '210px' }">
+        <el-aside :class="{ 'not-aside': !subMenuList.length }" :style="{ width: isCollapse() ? '65px' : '210px' }">
             <div class="logo flx-center">
-                <span v-show="subMenuList.length" class="logo-text">{{ isCollapse ? "G" : title }}</span>
+                <span v-show="subMenuList.length" class="logo-text">{{ isCollapse() ? "G" : title }}</span>
             </div>
             <el-scrollbar>
                 <el-menu
                     :router="false"
-                    :default-active="activeMenu"
-                    :collapse="isCollapse"
-                    :unique-opened="accordion"
+                    :default-active="activeMenu()"
+                    :collapse="isCollapse()"
+                    :unique-opened="accordion()"
                     :collapse-transition="false"
                 >
                     <SubMenu :menu-list="subMenuList" />
@@ -49,7 +47,7 @@
 </template>
 
 <script setup lang="ts" name="layoutColumns">
-import { ref, computed, watch } from "vue";
+import { ref, watch } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { useAuthStore } from "@/stores/modules/auth";
 import { useGlobalStore } from "@/stores/modules/global";
@@ -64,20 +62,20 @@ const route = useRoute();
 const router = useRouter();
 const authStore = useAuthStore();
 const globalStore = useGlobalStore();
-const accordion = computed(() => globalStore.accordion);
-const isCollapse = computed(() => globalStore.isCollapse);
-const menuList = computed(() => authStore.showMenuListGet);
-const activeMenu = computed(() => (route.meta.activeMenu ? route.meta.activeMenu : route.path) as string);
+const accordion = () => globalStore.accordion;
+const isCollapse = () => globalStore.isCollapse;
+const menuList = () => authStore.showMenuListGet;
+const activeMenu = () => (route.meta.activeMenu ? route.meta.activeMenu : route.path) as string;
 
 const subMenuList = ref<Menu.MenuOptions[]>([]);
 const splitActive = ref("");
 watch(
-    () => [menuList, route],
+    () => [menuList(), route.path, route.meta.activeMenu],
     () => {
-        // 当前菜单没有数据直接 return
-        if (!menuList.value.length) return;
+
+        if (!menuList().length) return;
         splitActive.value = route.path;
-        const menuItem = menuList.value.filter((item: Menu.MenuOptions) => {
+        const menuItem = menuList().filter((item: Menu.MenuOptions) => {
             return route.path === item.path || `/${route.path.split("/")[1]}` === item.path;
         });
         if (menuItem[0].children?.length) return (subMenuList.value = menuItem[0].children);
@@ -89,7 +87,7 @@ watch(
     }
 );
 
-// change SubMenu
+
 const changeSubMenu = (item: Menu.MenuOptions) => {
     splitActive.value = item.path;
     if (item.children?.length) return (subMenuList.value = item.children);
@@ -99,5 +97,5 @@ const changeSubMenu = (item: Menu.MenuOptions) => {
 </script>
 
 <style scoped lang="scss">
-@import "./index.scss";
+@use "./index.scss" as *;
 </style>
diff --git a/src/layouts/LayoutTransverse/index.scss b/src/layouts/LayoutTransverse/index.scss
index 6bd5a97..b6c876a 100644
--- a/src/layouts/LayoutTransverse/index.scss
+++ b/src/layouts/LayoutTransverse/index.scss
@@ -1,60 +1,60 @@
-.el-container {
-    width: 100%;
-    height: 100%;
-    :deep(.el-header) {
-        box-sizing: border-box;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        height: 55px;
-        padding: 0 15px 0 0;
-        background-color: var(--el-header-bg-color);
-        border-bottom: 1px solid var(--el-header-border-color);
-        .logo {
-            width: 210px;
-            margin-right: 30px;
-            .logo-img {
-                width: 28px;
-                object-fit: contain;
-                margin-right: 6px;
-            }
-            .logo-text {
-                font-size: 21.5px;
-                font-weight: bold;
-                color: var(--el-header-logo-text-color);
-                white-space: nowrap;
-            }
-        }
-        .el-menu {
-            flex: 1;
-            height: 100%;
-            overflow: hidden;
-            border-bottom: none;
-            .el-sub-menu__hide-arrow {
-                width: 65px;
-                height: 55px;
-            }
-            .el-menu-item.is-active {
-                color: #ffffff !important;
-            }
-            .is-active {
-                background-color: var(--el-color-primary) !important;
-                border-bottom-color: var(--el-color-primary) !important;
-                &::before {
-                    width: 0;
-                }
-                .el-sub-menu__title {
-                    color: #ffffff !important;
-                    background-color: var(--el-color-primary) !important;
-                    border-bottom-color: var(--el-color-primary) !important;
-                }
-            }
-        }
-    }
-
-    @media screen and (width <= 730px) {
-        .logo {
-            display: none !important;
-        }
-    }
-}
+.el-container {
+    width: 100%;
+    height: 100%;
+    :deep(.el-header) {
+        box-sizing: border-box;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        height: 55px;
+        padding: 0 15px 0 0;
+        background-color: var(--el-header-bg-color);
+        border-bottom: 1px solid var(--el-header-border-color);
+        .logo {
+            width: 210px;
+            margin-right: 30px;
+            .logo-img {
+                width: 28px;
+                object-fit: contain;
+                margin-right: 6px;
+            }
+            .logo-text {
+                font-size: 21.5px;
+                font-weight: bold;
+                color: var(--el-header-logo-text-color);
+                white-space: nowrap;
+            }
+        }
+        .el-menu {
+            flex: 1;
+            height: 100%;
+            overflow: hidden;
+            border-bottom: none;
+            .el-sub-menu__hide-arrow {
+                width: 65px;
+                height: 55px;
+            }
+            .el-menu-item.is-active {
+                color: #ffffff !important;
+            }
+            .is-active {
+                background-color: var(--el-color-primary) !important;
+                border-bottom-color: var(--el-color-primary) !important;
+                &::before {
+                    width: 0;
+                }
+                .el-sub-menu__title {
+                    color: #ffffff !important;
+                    background-color: var(--el-color-primary) !important;
+                    border-bottom-color: var(--el-color-primary) !important;
+                }
+            }
+        }
+    }
+
+    @media screen and (width <= 730px) {
+        .logo {
+            display: none !important;
+        }
+    }
+}
diff --git a/src/layouts/LayoutTransverse/index.vue b/src/layouts/LayoutTransverse/index.vue
index 38f4f67..195f0ce 100644
--- a/src/layouts/LayoutTransverse/index.vue
+++ b/src/layouts/LayoutTransverse/index.vue
@@ -1,14 +1,8 @@
-<!-- 横向布局 -->
 <template>
     <el-container class="layout">
         <el-header>
-            <!-- <div class="logo flx-center">
-                <img class="logo-img" src="@/customize/images/logo.png" alt="logo" />
-                <span class="logo-text">{{ title }}</span>
-            </div> -->
-            <el-menu mode="horizontal" :router="false" :default-active="activeMenu">
-                <!-- 不能直接使用 SubMenu 组件，无法触发 el-menu 隐藏省略功能 -->
-                <template v-for="subItem in menuList" :key="subItem.path">
+            <el-menu mode="horizontal" :router="false" :default-active="activeMenu()">
+                <template v-for="subItem in menuList()" :key="subItem.path">
                     <el-sub-menu v-if="subItem.children?.length" :key="subItem.path" :index="subItem.path + 'el-sub-menu'">
                         <template #title>
                             <el-icon>
@@ -40,20 +34,19 @@
 </template>
 
 <script setup lang="ts" name="layoutTransverse">
-import { computed } from "vue";
 import { useAuthStore } from "@/stores/modules/auth";
 import { useRoute, useRouter } from "vue-router";
 import Main from "@/layouts/components/Main/index.vue";
 import ToolBarRight from "@/layouts/components/Header/ToolBarRight.vue";
 import SubMenu from "@/layouts/components/Menu/SubMenu.vue";
 
-// const title = import.meta.env.VITE_GLOB_APP_TITLE;
+
 
 const route = useRoute();
 const router = useRouter();
 const authStore = useAuthStore();
-const menuList = computed(() => authStore.showMenuListGet);
-const activeMenu = computed(() => (route.meta.activeMenu ? route.meta.activeMenu : route.path) as string);
+const menuList = () => authStore.showMenuListGet;
+const activeMenu = () => (route.meta.activeMenu ? route.meta.activeMenu : route.path) as string;
 const handleClickMenu = (subItem: Menu.MenuOptions) => {
     if (subItem.meta.isLink) return window.open(subItem.meta.isLink, "_blank");
     router.push(subItem.path);
@@ -61,5 +54,5 @@ const handleClickMenu = (subItem: Menu.MenuOptions) => {
 </script>
 
 <style scoped lang="scss">
-@import "./index.scss";
+@use "./index.scss" as *;
 </style>
diff --git a/src/layouts/LayoutVertical/index.scss b/src/layouts/LayoutVertical/index.scss
index fe4720a..d8a1f6b 100644
--- a/src/layouts/LayoutVertical/index.scss
+++ b/src/layouts/LayoutVertical/index.scss
@@ -1,48 +1,48 @@
-.el-container {
-    width: 100%;
-    height: 100%;
-    :deep(.el-aside) {
-        width: auto;
-        background-color: var(--el-menu-bg-color);
-        border-right: 1px solid var(--el-aside-border-color);
-        .aside-box {
-            display: flex;
-            flex-direction: column;
-            height: 100%;
-            transition: width 0.3s ease;
-            .el-scrollbar {
-                height: calc(100% - 55px);
-                .el-menu {
-                    width: 100%;
-                    overflow-x: hidden;
-                    border-right: none;
-                }
-            }
-            .logo {
-                box-sizing: border-box;
-                height: 55px;
-                .logo-img {
-                    width: 28px;
-                    margin-right: 6px;
-                    object-fit: contain;
-                }
-                .logo-text {
-                    font-size: 21.5px;
-                    font-weight: bold;
-                    color: var(--el-aside-logo-text-color);
-                    white-space: nowrap;
-                }
-            }
-        }
-    }
-    .el-header {
-        box-sizing: border-box;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        height: 55px;
-        padding: 0 15px;
-        background-color: var(--el-header-bg-color);
-        border-bottom: 1px solid var(--el-header-border-color);
-    }
-}
+.el-container {
+    width: 100%;
+    height: 100%;
+    :deep(.el-aside) {
+        width: auto;
+        background-color: var(--el-menu-bg-color);
+        border-right: 1px solid var(--el-aside-border-color);
+        .aside-box {
+            display: flex;
+            flex-direction: column;
+            height: 100%;
+            transition: width 0.3s ease;
+            .el-scrollbar {
+                height: calc(100% - 55px);
+                .el-menu {
+                    width: 100%;
+                    overflow-x: hidden;
+                    border-right: none;
+                }
+            }
+            .logo {
+                box-sizing: border-box;
+                height: 55px;
+                .logo-img {
+                    width: 28px;
+                    margin-right: 6px;
+                    object-fit: contain;
+                }
+                .logo-text {
+                    font-size: 21.5px;
+                    font-weight: bold;
+                    color: var(--el-aside-logo-text-color);
+                    white-space: nowrap;
+                }
+            }
+        }
+    }
+    .el-header {
+        box-sizing: border-box;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        height: 55px;
+        padding: 0 15px;
+        background-color: var(--el-header-bg-color);
+        border-bottom: 1px solid var(--el-header-border-color);
+    }
+}
diff --git a/src/layouts/LayoutVertical/index.vue b/src/layouts/LayoutVertical/index.vue
index 980a7a3..af66bdc 100644
--- a/src/layouts/LayoutVertical/index.vue
+++ b/src/layouts/LayoutVertical/index.vue
@@ -1,56 +1,53 @@
-<!-- 纵向布局 -->
 <template>
-    <el-container class="layout">
-        <el-aside>
-            <div class="aside-box" :style="{ width: isCollapse ? '65px' : '210px' }">
+    <el-container class="layout">
+        <el-aside>
+            <div class="aside-box" :style="{ width: isCollapse() ? '65px' : '210px' }">
                 <div class="logo flx-center">
-                    <!-- <img class="logo-img" src="@/customize/images/logo.png" alt="logo" /> -->
-                    <span v-show="!isCollapse" class="logo-text">{{ title }}</span>
+                    <span v-show="!isCollapse()" class="logo-text">{{ title }}</span>
                 </div>
                 <el-scrollbar>
                     <el-menu
                         :router="false"
-                        :default-active="activeMenu"
-                        :collapse="isCollapse"
-                        :unique-opened="accordion"
+                        :default-active="activeMenu()"
+                        :collapse="isCollapse()"
+                        :unique-opened="accordion()"
                         :collapse-transition="false"
                     >
-                        <SubMenu :menu-list="menuList" />
+                        <SubMenu :menu-list="menuList()" />
                     </el-menu>
                 </el-scrollbar>
             </div>
-        </el-aside>
-        <el-container>
-            <el-header>
-                <ToolBarLeft />
-                <ToolBarRight />
-            </el-header>
-            <Main />
-        </el-container>
-    </el-container>
-</template>
-
-<script setup lang="ts" name="layoutVertical">
-import { computed } from "vue";
+        </el-aside>
+        <el-container>
+            <el-header>
+                <ToolBarLeft />
+                <ToolBarRight />
+            </el-header>
+            <Main />
+        </el-container>
+    </el-container>
+</template>
+
+<script setup lang="ts" name="layoutVertical">
 import { useRoute } from "vue-router";
 import { useAuthStore } from "@/stores/modules/auth";
 import { useGlobalStore } from "@/stores/modules/global";
-import Main from "@/layouts/components/Main/index.vue";
-import ToolBarLeft from "@/layouts/components/Header/ToolBarLeft.vue";
-import ToolBarRight from "@/layouts/components/Header/ToolBarRight.vue";
-import SubMenu from "@/layouts/components/Menu/SubMenu.vue";
-
-const title = import.meta.env.VITE_GLOB_APP_TITLE;
-
-const route = useRoute();
-const authStore = useAuthStore();
-const globalStore = useGlobalStore();
-const accordion = computed(() => globalStore.accordion);
-const isCollapse = computed(() => globalStore.isCollapse);
-const menuList = computed(() => authStore.showMenuListGet);
-const activeMenu = computed(() => (route.meta.activeMenu ? route.meta.activeMenu : route.path) as string);
+import Main from "@/layouts/components/Main/index.vue";
+import ToolBarLeft from "@/layouts/components/Header/ToolBarLeft.vue";
+import ToolBarRight from "@/layouts/components/Header/ToolBarRight.vue";
+import SubMenu from "@/layouts/components/Menu/SubMenu.vue";
+
+const title = import.meta.env.VITE_GLOB_APP_TITLE;
+
+const route = useRoute();
+const authStore = useAuthStore();
+const globalStore = useGlobalStore();
+const accordion = () => globalStore.accordion;
+const isCollapse = () => globalStore.isCollapse;
+const menuList = () => authStore.showMenuListGet;
+const activeMenu = () => (route.meta.activeMenu ? route.meta.activeMenu : route.path) as string;
 </script>
-
-<style scoped lang="scss">
-@import "./index.scss";
-</style>
+
+<style scoped lang="scss">
+@use "./index.scss" as *;
+</style>
diff --git a/src/layouts/components/Footer/index.scss b/src/layouts/components/Footer/index.scss
index 836af7a..91e1a69 100644
--- a/src/layouts/components/Footer/index.scss
+++ b/src/layouts/components/Footer/index.scss
@@ -1,11 +1,11 @@
-.footer {
-    height: 30px;
-    background-color: var(--el-bg-color);
-    border-top: 1px solid var(--el-border-color-light);
-    a {
-        font-size: 14px;
-        color: var(--el-text-color-secondary);
-        text-decoration: none;
-        letter-spacing: 0.5px;
-    }
-}
+.footer {
+    height: 30px;
+    background-color: var(--el-bg-color);
+    border-top: 1px solid var(--el-border-color-light);
+    a {
+        font-size: 14px;
+        color: var(--el-text-color-secondary);
+        text-decoration: none;
+        letter-spacing: 0.5px;
+    }
+}
diff --git a/src/layouts/components/Footer/index.vue b/src/layouts/components/Footer/index.vue
index 1837eb1..110f53e 100644
--- a/src/layouts/components/Footer/index.vue
+++ b/src/layouts/components/Footer/index.vue
@@ -1,9 +1,9 @@
-<template>
-    <div class="footer flx-center">
-        <a href="https://github.com/HalseySpicy" target="_blank"> 2023 © OmniPayGateway-Admin By OmniPayGateway Technology. </a>
-    </div>
-</template>
-
-<style scoped lang="scss">
-@import "./index.scss";
-</style>
+<template>
+    <div class="footer flx-center">
+        <a href="https://github.com/HalseySpicy" target="_blank"> 2023 © OmniPayGateway-Admin By OmniPayGateway Technology. </a>
+    </div>
+</template>
+
+<style scoped lang="scss">
+@use "./index.scss" as *;
+</style>
diff --git a/src/layouts/components/Header/ToolBarLeft.vue b/src/layouts/components/Header/ToolBarLeft.vue
index e432cc1..58dd1f3 100644
--- a/src/layouts/components/Header/ToolBarLeft.vue
+++ b/src/layouts/components/Header/ToolBarLeft.vue
@@ -1,23 +1,23 @@
-<template>
-    <div class="tool-bar-lf">
-        <CollapseIcon id="collapseIcon" />
-        <Breadcrumb v-show="globalStore.breadcrumb" id="breadcrumb" />
-    </div>
-</template>
-
-<script setup lang="ts">
-import { useGlobalStore } from "@/stores/modules/global";
-import CollapseIcon from "./components/CollapseIcon.vue";
-import Breadcrumb from "./components/Breadcrumb.vue";
-const globalStore = useGlobalStore();
-</script>
-
-<style scoped lang="scss">
-.tool-bar-lf {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    overflow: hidden;
-    white-space: nowrap;
-}
-</style>
+<template>
+    <div class="tool-bar-lf">
+        <CollapseIcon id="collapseIcon" />
+        <Breadcrumb v-show="globalStore.breadcrumb" id="breadcrumb" />
+    </div>
+</template>
+
+<script setup lang="ts">
+import { useGlobalStore } from "@/stores/modules/global";
+import CollapseIcon from "./components/CollapseIcon.vue";
+import Breadcrumb from "./components/Breadcrumb.vue";
+const globalStore = useGlobalStore();
+</script>
+
+<style scoped lang="scss">
+.tool-bar-lf {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    overflow: hidden;
+    white-space: nowrap;
+}
+</style>
diff --git a/src/layouts/components/Header/ToolBarRight.vue b/src/layouts/components/Header/ToolBarRight.vue
index 59b8e71..8259095 100644
--- a/src/layouts/components/Header/ToolBarRight.vue
+++ b/src/layouts/components/Header/ToolBarRight.vue
@@ -1,49 +1,44 @@
 <template>
     <div class="tool-bar-ri">
         <div class="header-icon">
-            <!-- <AssemblySize id="assemblySize" /> -->
             <ThemeSetting id="themeSetting" />
             <Fullscreen id="fullscreen" />
         </div>
         <span class="username">{{ title }}</span>
-        <!-- <span class="username">{{ company }}</span> -->
-        <span class="username">{{ username }}</span>
+        <span class="username">{{ username() }}</span>
         <Avatar />
     </div>
 </template>
-
-<script setup lang="ts">
-import { computed } from "vue";
+
+<script setup lang="ts">
 import { useUserStore } from "@/stores/modules/user";
-// import AssemblySize from "./components/AssemblySize.vue";
 import ThemeSetting from "./components/ThemeSetting.vue";
 import Fullscreen from "./components/Fullscreen.vue";
 import Avatar from "./components/Avatar.vue";
 
 const userStore = useUserStore();
 const title = import.meta.env.VITE_GLOB_APP_TITLE;
-// const company = localStorage.getItem("company");
-const username = computed(() => userStore.userInfo.name);
+const username = () => userStore.userInfo.name;
 </script>
-
-<style scoped lang="scss">
-.tool-bar-ri {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding-right: 25px;
-    .header-icon {
-        display: flex;
-        align-items: center;
-        & > * {
-            margin-left: 10px;
-            color: var(--el-header-text-color);
-        }
-    }
-    .username {
-        margin: 0 7px;
-        font-size: 15px;
-        color: var(--el-header-text-color);
-    }
-}
-</style>
+
+<style scoped lang="scss">
+.tool-bar-ri {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding-right: 25px;
+    .header-icon {
+        display: flex;
+        align-items: center;
+        & > * {
+            margin-left: 10px;
+            color: var(--el-header-text-color);
+        }
+    }
+    .username {
+        margin: 0 7px;
+        font-size: 15px;
+        color: var(--el-header-text-color);
+    }
+}
+</style>
diff --git a/src/layouts/components/Header/components/AssemblySize.vue b/src/layouts/components/Header/components/AssemblySize.vue
index 2f50176..ac14a31 100644
--- a/src/layouts/components/Header/components/AssemblySize.vue
+++ b/src/layouts/components/Header/components/AssemblySize.vue
@@ -1,37 +1,36 @@
-<template>
-    <el-dropdown trigger="click" @command="setAssemblySize">
-        <i :class="'iconfont icon-contentright'" class="toolBar-icon"></i>
-        <template #dropdown>
-            <el-dropdown-menu>
-                <el-dropdown-item
-                    v-for="item in assemblySizeList"
-                    :key="item.value"
-                    :command="item.value"
-                    :disabled="assemblySize === item.value"
-                >
-                    {{ item.label }}
-                </el-dropdown-item>
-            </el-dropdown-menu>
-        </template>
-    </el-dropdown>
-</template>
-
-<script setup lang="ts">
-import { computed } from "vue";
+<template>
+    <el-dropdown trigger="click" @command="setAssemblySize">
+        <i :class="'iconfont icon-contentright'" class="toolBar-icon"></i>
+        <template #dropdown>
+            <el-dropdown-menu>
+                <el-dropdown-item
+                    v-for="item in assemblySizeList"
+                    :key="item.value"
+                    :command="item.value"
+                :disabled="assemblySize() === item.value"
+                >
+                    {{ item.label }}
+                </el-dropdown-item>
+            </el-dropdown-menu>
+        </template>
+    </el-dropdown>
+</template>
+
+<script setup lang="ts">
 import { useGlobalStore } from "@/stores/modules/global";
 import { AssemblySizeType } from "@/stores/interface";
 
 const globalStore = useGlobalStore();
-const assemblySize = computed(() => globalStore.assemblySize);
-
-const assemblySizeList = [
-    { label: "默认", value: "default" },
-    { label: "放大", value: "large" },
-    { label: "缩小", value: "small" }
-];
-
-const setAssemblySize = (item: AssemblySizeType) => {
-    if (assemblySize.value === item) return;
-    globalStore.setGlobalState("assemblySize", item);
-};
-</script>
+const assemblySize = () => globalStore.assemblySize;
+
+const assemblySizeList = [
+    { label: "默认", value: "default" },
+    { label: "放大", value: "large" },
+    { label: "缩小", value: "small" }
+];
+
+const setAssemblySize = (item: AssemblySizeType) => {
+    if (assemblySize() === item) return;
+    globalStore.setGlobalState("assemblySize", item);
+};
+</script>
diff --git a/src/layouts/components/Header/components/Avatar.vue b/src/layouts/components/Header/components/Avatar.vue
index 8f20b57..087d22d 100644
--- a/src/layouts/components/Header/components/Avatar.vue
+++ b/src/layouts/components/Header/components/Avatar.vue
@@ -5,9 +5,6 @@
         </div>
         <template #dropdown>
             <el-dropdown-menu>
-                <!-- <el-dropdown-item @click="openDialog('infoRef')">
-                    <el-icon><User /></el-icon>个人信息
-                </el-dropdown-item> -->
                 <el-dropdown-item @click="openDialog('passwordRef')">
                     <el-icon><Edit /></el-icon>修改密码
                 </el-dropdown-item>
@@ -17,9 +14,7 @@
             </el-dropdown-menu>
         </template>
     </el-dropdown>
-    <!-- infoDialog -->
     <InfoDialog ref="infoRef"></InfoDialog>
-    <!-- passwordDialog -->
     <PasswordDialog ref="passwordRef"></PasswordDialog>
 </template>
 
@@ -35,31 +30,34 @@ import PasswordDialog from "./PasswordDialog.vue";
 
 const router = useRouter();
 const userStore = useUserStore();
-// 退出登录
+
 const logout = () => {
     ElMessageBox.confirm("您是否确认退出登录?", "温馨提示", {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
         type: "warning"
     }).then(async () => {
-        // 1.执行退出登录接口
+
         await logoutApi();
 
-        // 2.清除 Token
+
         userStore.setToken("");
 
-        // 3.重定向到登陆页
+
         router.replace(LOGIN_URL);
         ElMessage.success("退出登录成功！");
     });
 };
 
-// 打开修改密码和个人信息弹窗
+
 const infoRef = ref<InstanceType<typeof InfoDialog> | null>(null);
 const passwordRef = ref<InstanceType<typeof PasswordDialog> | null>(null);
-const openDialog = (ref: string) => {
-    if (ref == "infoRef") infoRef.value?.openDialog();
-    if (ref == "passwordRef") passwordRef.value?.openDialog();
+const dialogMap = {
+    infoRef,
+    passwordRef
+} as const;
+const openDialog = (key: keyof typeof dialogMap) => {
+    dialogMap[key].value?.openDialog();
 };
 </script>
 
diff --git a/src/layouts/components/Header/components/Breadcrumb.vue b/src/layouts/components/Header/components/Breadcrumb.vue
index 52623bd..6a33ea7 100644
--- a/src/layouts/components/Header/components/Breadcrumb.vue
+++ b/src/layouts/components/Header/components/Breadcrumb.vue
@@ -2,7 +2,7 @@
     <div :class="['breadcrumb-box mask-image', !globalStore.breadcrumbIcon && 'no-icon']">
         <el-breadcrumb :separator-icon="ArrowRight">
             <transition-group name="breadcrumb">
-                <el-breadcrumb-item v-for="(item, index) in breadcrumbList" :key="item.path">
+                <el-breadcrumb-item v-for="(item, index) in breadcrumbList()" :key="item.path">
                     <div class="el-breadcrumb__inner is-link" @click="onBreadcrumbClick(item, index)">
                         <el-icon v-show="item.meta.icon && globalStore.breadcrumbIcon" class="breadcrumb-icon">
                             <component :is="item.meta.icon"></component>
@@ -16,7 +16,6 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from "vue";
 import { HOME_URL } from "@/config";
 import { useRoute, useRouter } from "vue-router";
 import { ArrowRight } from "@element-plus/icons-vue";
@@ -28,18 +27,18 @@ const router = useRouter();
 const authStore = useAuthStore();
 const globalStore = useGlobalStore();
 
-const breadcrumbList = computed(() => {
+const breadcrumbList = () => {
     let breadcrumbData = authStore.breadcrumbListGet[route.matched[route.matched.length - 1].path] ?? [];
-    // 🙅‍♀️不需要首页面包屑可删除以下判断
+
     if (breadcrumbData[0].path !== HOME_URL) {
         breadcrumbData = [{ path: HOME_URL, meta: { icon: "HomeFilled", title: "首页" } }, ...breadcrumbData];
     }
     return breadcrumbData;
-});
+};
+
 
-// Click Breadcrumb
 const onBreadcrumbClick = (item: Menu.MenuOptions, index: number) => {
-    if (index !== breadcrumbList.value.length - 1) router.push(item.path);
+    if (index !== breadcrumbList().length - 1) router.push(item.path);
 };
 </script>
 
diff --git a/src/layouts/components/Header/components/CollapseIcon.vue b/src/layouts/components/Header/components/CollapseIcon.vue
index c7f18b9..cf9129d 100644
--- a/src/layouts/components/Header/components/CollapseIcon.vue
+++ b/src/layouts/components/Header/components/CollapseIcon.vue
@@ -1,5 +1,8 @@
-<template>
-    <el-icon class="collapse-icon" @click="changeCollapse">
+<template>
+    <el-icon
+        class="collapse-icon"
+        @click="globalStore.setGlobalState('isCollapse', !globalStore.isCollapse)"
+    >
         <component :is="globalStore.isCollapse ? 'expand' : 'fold'"></component>
     </el-icon>
 </template>
@@ -8,14 +11,13 @@
 import { useGlobalStore } from "@/stores/modules/global";
 
 const globalStore = useGlobalStore();
-const changeCollapse = () => globalStore.setGlobalState("isCollapse", !globalStore.isCollapse);
 </script>
-
-<style scoped lang="scss">
-.collapse-icon {
-    margin-right: 20px;
-    font-size: 22px;
-    color: var(--el-header-text-color);
-    cursor: pointer;
-}
-</style>
+
+<style scoped lang="scss">
+.collapse-icon {
+    margin-right: 20px;
+    font-size: 22px;
+    color: var(--el-header-text-color);
+    cursor: pointer;
+}
+</style>
diff --git a/src/layouts/components/Header/components/Fullscreen.vue b/src/layouts/components/Header/components/Fullscreen.vue
index ac816d4..d9cf44f 100644
--- a/src/layouts/components/Header/components/Fullscreen.vue
+++ b/src/layouts/components/Header/components/Fullscreen.vue
@@ -1,29 +1,36 @@
-<template>
-    <div class="fullscreen">
-        <i
-            :class="['iconfont', isFullscreen ? 'icon-suoxiao' : 'icon-fangda']"
-            class="toolBar-icon"
-            @click="handleFullScreen"
-        ></i>
-    </div>
-</template>
-
+<template>
+    <div class="fullscreen">
+        <i
+            :class="['iconfont', isFullscreen ? 'icon-suoxiao' : 'icon-fangda']"
+            class="toolBar-icon"
+            @click="handleFullScreen"
+        ></i>
+    </div>
+</template>
+
 <script setup lang="ts">
-import { onMounted, ref } from "vue";
+import { onMounted, onBeforeUnmount, ref } from "vue";
 import { ElMessage } from "element-plus";
 import screenfull from "screenfull";
 
 const isFullscreen = ref(screenfull.isFullscreen);
+const syncFullscreenState = () => {
+    isFullscreen.value = screenfull.isFullscreen;
+};
 
 onMounted(() => {
-    screenfull.on("change", () => {
-        if (screenfull.isFullscreen) isFullscreen.value = true;
-        else isFullscreen.value = false;
-    });
+    screenfull.on("change", syncFullscreenState);
+});
+
+onBeforeUnmount(() => {
+    screenfull.off("change", syncFullscreenState);
 });
 
 const handleFullScreen = () => {
-    if (!screenfull.isEnabled) ElMessage.warning("当前您的浏览器不支持全屏 ❌");
+    if (!screenfull.isEnabled) {
+        ElMessage.warning("当前您的浏览器不支持全屏 ❌");
+        return;
+    }
     screenfull.toggle();
 };
 </script>
diff --git a/src/layouts/components/Header/components/InfoDialog.vue b/src/layouts/components/Header/components/InfoDialog.vue
index 8303873..3c03259 100644
--- a/src/layouts/components/Header/components/InfoDialog.vue
+++ b/src/layouts/components/Header/components/InfoDialog.vue
@@ -1,22 +1,22 @@
-<template>
-    <el-dialog v-model="dialogVisible" title="个人信息" width="500px" draggable>
-        <span>This is userInfo</span>
-        <template #footer>
-            <span class="dialog-footer">
-                <el-button @click="dialogVisible = false">取消</el-button>
-                <el-button type="primary" @click="dialogVisible = false">确认</el-button>
-            </span>
-        </template>
-    </el-dialog>
-</template>
-
-<script setup lang="ts">
-import { ref } from "vue";
-
-const dialogVisible = ref(false);
-const openDialog = () => {
-    dialogVisible.value = true;
-};
-
-defineExpose({ openDialog });
-</script>
+<template>
+    <el-dialog v-model="dialogVisible" title="个人信息" width="500px" draggable>
+        <span>This is userInfo</span>
+        <template #footer>
+            <span class="dialog-footer">
+                <el-button @click="dialogVisible = false">取消</el-button>
+                <el-button type="primary" @click="dialogVisible = false">确认</el-button>
+            </span>
+        </template>
+    </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+
+const dialogVisible = ref(false);
+const openDialog = () => {
+    dialogVisible.value = true;
+};
+
+defineExpose({ openDialog });
+</script>
diff --git a/src/layouts/components/Header/components/PasswordDialog.vue b/src/layouts/components/Header/components/PasswordDialog.vue
index 0d01a35..95c9009 100644
--- a/src/layouts/components/Header/components/PasswordDialog.vue
+++ b/src/layouts/components/Header/components/PasswordDialog.vue
@@ -54,19 +54,16 @@ const submitForm = async (formEl: FormInstance | undefined) => {
                 old_au_pwd: ruleForm.value.old_au_pwd,
                 au_pwd: ruleForm.value.au_pwd
             });
-            console.log(res);
             ElMessage.success({ message: `修改成功` });
             dialogVisible.value = false;
-            console.log(`output->router`, router);
 
-            // 2.清除 Token
+
             userStore.setToken("");
 
-            // 3.重定向到登陆页
+
             router.replace(LOGIN_URL);
-            console.log("submit!");
         } else {
-            console.log("error submit!", fields);
+            void fields;
         }
     });
 };
diff --git a/src/layouts/components/Header/components/ThemeSetting.vue b/src/layouts/components/Header/components/ThemeSetting.vue
index 349338b..17621f3 100644
--- a/src/layouts/components/Header/components/ThemeSetting.vue
+++ b/src/layouts/components/Header/components/ThemeSetting.vue
@@ -1,12 +1,9 @@
 <template>
     <div class="theme-setting">
-        <i :class="'iconfont icon-zhuti'" class="toolBar-icon" @click="openDrawer"></i>
+        <i :class="'iconfont icon-zhuti'" class="toolBar-icon" @click="mittBus.emit('openThemeDrawer')"></i>
     </div>
 </template>
 
 <script setup lang="ts">
 import mittBus from "@/utils/mittBus";
-const openDrawer = () => {
-    mittBus.emit("openThemeDrawer");
-};
 </script>
diff --git a/src/layouts/components/Main/components/Maximize.vue b/src/layouts/components/Main/components/Maximize.vue
index d88c3aa..b8ad050 100644
--- a/src/layouts/components/Main/components/Maximize.vue
+++ b/src/layouts/components/Main/components/Maximize.vue
@@ -1,39 +1,39 @@
-<template>
-    <div class="maximize" @click="exitMaximize">
-        <i :class="'iconfont icon-tuichu'"></i>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { useGlobalStore } from "@/stores/modules/global";
-
-const globalStore = useGlobalStore();
-const exitMaximize = () => {
-    globalStore.setGlobalState("maximize", false);
-};
-</script>
-
-<style scoped lang="scss">
-.maximize {
-    position: fixed;
-    top: -25px;
-    right: -25px;
-    z-index: 999;
-    width: 55px;
-    height: 55px;
-    cursor: pointer;
-    background-color: var(--el-color-info);
-    border-radius: 50%;
-    opacity: 0.9;
-    &:hover {
-        background-color: var(--el-color-info-dark-2);
-    }
-    .iconfont {
-        position: relative;
-        top: 46%;
-        left: 19%;
-        font-size: 14px;
-        color: #ffffff;
-    }
-}
-</style>
+<template>
+    <div class="maximize" @click="exitMaximize">
+        <i :class="'iconfont icon-tuichu'"></i>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { useGlobalStore } from "@/stores/modules/global";
+
+const globalStore = useGlobalStore();
+const exitMaximize = () => {
+    globalStore.setGlobalState("maximize", false);
+};
+</script>
+
+<style scoped lang="scss">
+.maximize {
+    position: fixed;
+    top: -25px;
+    right: -25px;
+    z-index: 999;
+    width: 55px;
+    height: 55px;
+    cursor: pointer;
+    background-color: var(--el-color-info);
+    border-radius: 50%;
+    opacity: 0.9;
+    &:hover {
+        background-color: var(--el-color-info-dark-2);
+    }
+    .iconfont {
+        position: relative;
+        top: 46%;
+        left: 19%;
+        font-size: 14px;
+        color: #ffffff;
+    }
+}
+</style>
diff --git a/src/layouts/components/Main/index.scss b/src/layouts/components/Main/index.scss
index 04d9561..41f247d 100644
--- a/src/layouts/components/Main/index.scss
+++ b/src/layouts/components/Main/index.scss
@@ -1,10 +1,10 @@
-.el-main {
-    box-sizing: border-box;
-    padding: 10px 12px;
-    overflow-x: hidden;
-    background-color: var(--el-bg-color-page);
-}
-.el-footer {
-    height: auto;
-    padding: 0;
-}
+.el-main {
+    box-sizing: border-box;
+    padding: 10px 12px;
+    overflow-x: hidden;
+    background-color: var(--el-bg-color-page);
+}
+.el-footer {
+    height: auto;
+    padding: 0;
+}
diff --git a/src/layouts/components/Main/index.vue b/src/layouts/components/Main/index.vue
index 3a68e32..d994183 100644
--- a/src/layouts/components/Main/index.vue
+++ b/src/layouts/components/Main/index.vue
@@ -16,7 +16,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onBeforeUnmount, provide, watch } from "vue";
+import { ref, onMounted, onBeforeUnmount, provide, watch } from "vue";
 import { storeToRefs } from "pinia";
 import { useDebounceFn } from "@vueuse/core";
 import { useGlobalStore } from "@/stores/modules/global";
@@ -31,12 +31,10 @@ const { maximize, isCollapse, layout, tabs, footer } = storeToRefs(globalStore);
 const keepAliveStore = useKeepAliveStore();
 const { keepAliveName } = storeToRefs(keepAliveStore);
 
-// 注入刷新页面方法
 const isRouterShow = ref(true);
 const refreshCurrentPage = (val: boolean) => (isRouterShow.value = val);
 provide("refresh", refreshCurrentPage);
 
-// 监听当前页面是否最大化，动态添加 class
 watch(
     () => maximize.value,
     () => {
@@ -47,7 +45,6 @@ watch(
     { immediate: true }
 );
 
-// 监听布局变化，在 body 上添加相对应的 layout class
 watch(
     () => layout.value,
     () => {
@@ -57,19 +54,22 @@ watch(
     { immediate: true }
 );
 
-// 监听窗口大小变化，折叠侧边栏
-const screenWidth = ref(0);
 const listeningWindow = useDebounceFn(() => {
-    screenWidth.value = document.body.clientWidth;
-    if (!isCollapse.value && screenWidth.value < 1200) globalStore.setGlobalState("isCollapse", true);
-    if (isCollapse.value && screenWidth.value > 1200) globalStore.setGlobalState("isCollapse", false);
+    const screenWidth = document.body.clientWidth;
+    if (!isCollapse.value && screenWidth < 1200) globalStore.setGlobalState("isCollapse", true);
+    if (isCollapse.value && screenWidth > 1200) globalStore.setGlobalState("isCollapse", false);
 }, 100);
-window.addEventListener("resize", listeningWindow, false);
+
+onMounted(() => {
+    listeningWindow();
+    window.addEventListener("resize", listeningWindow, false);
+});
+
 onBeforeUnmount(() => {
     window.removeEventListener("resize", listeningWindow);
 });
 </script>
 
 <style scoped lang="scss">
-@import "./index.scss";
+@use "./index.scss" as *;
 </style>
diff --git a/src/layouts/components/Menu/SubMenu.vue b/src/layouts/components/Menu/SubMenu.vue
index d4b1737..2e5fb3a 100644
--- a/src/layouts/components/Menu/SubMenu.vue
+++ b/src/layouts/components/Menu/SubMenu.vue
@@ -1,85 +1,85 @@
-<template>
-    <template v-for="subItem in menuList" :key="subItem.path">
-        <el-sub-menu v-if="subItem.children?.length" :index="subItem.path">
-            <template #title>
-                <el-icon>
-                    <component :is="subItem.meta.icon"></component>
-                </el-icon>
-                <span class="sle">{{ subItem.meta.title }}</span>
-            </template>
-            <SubMenu :menu-list="subItem.children" />
-        </el-sub-menu>
-        <el-menu-item v-else :index="subItem.path" @click="handleClickMenu(subItem)">
-            <el-icon>
-                <component :is="subItem.meta.icon"></component>
-            </el-icon>
-            <template #title>
-                <span class="sle">{{ subItem.meta.title }}</span>
-            </template>
-        </el-menu-item>
-    </template>
-</template>
-
-<script setup lang="ts">
-import { useRouter } from "vue-router";
-
-defineProps<{ menuList: Menu.MenuOptions[] }>();
-
-const router = useRouter();
-const handleClickMenu = (subItem: Menu.MenuOptions) => {
-    if (subItem.meta.isLink) return window.open(subItem.meta.isLink, "_blank");
-    router.push(subItem.path);
-};
-</script>
-
-<style lang="scss">
-.el-sub-menu .el-sub-menu__title:hover {
-    color: var(--el-menu-hover-text-color) !important;
-    background-color: transparent !important;
-}
-.el-menu--collapse {
-    .is-active {
-        .el-sub-menu__title {
-            color: #ffffff !important;
-            background-color: var(--el-color-primary) !important;
-        }
-    }
-}
-.el-menu-item {
-    &:hover {
-        color: var(--el-menu-hover-text-color);
-    }
-    &.is-active {
-        color: var(--el-menu-active-color) !important;
-        background-color: var(--el-menu-active-bg-color) !important;
-        &::before {
-            position: absolute;
-            top: 0;
-            bottom: 0;
-            width: 4px;
-            content: "";
-            background-color: var(--el-color-primary);
-        }
-    }
-}
-.vertical,
-.classic,
-.transverse {
-    .el-menu-item {
-        &.is-active {
-            &::before {
-                left: 0;
-            }
-        }
-    }
-}
-.columns {
-    .el-menu-item {
-        &.is-active {
-            &::before {
-                right: 0;
-            }
-        }
-    }
-}
-</style>
+<template>
+    <template v-for="subItem in menuList" :key="subItem.path">
+        <el-sub-menu v-if="subItem.children?.length" :index="subItem.path">
+            <template #title>
+                <el-icon>
+                    <component :is="subItem.meta.icon"></component>
+                </el-icon>
+                <span class="sle">{{ subItem.meta.title }}</span>
+            </template>
+            <SubMenu :menu-list="subItem.children" />
+        </el-sub-menu>
+        <el-menu-item v-else :index="subItem.path" @click="handleClickMenu(subItem)">
+            <el-icon>
+                <component :is="subItem.meta.icon"></component>
+            </el-icon>
+            <template #title>
+                <span class="sle">{{ subItem.meta.title }}</span>
+            </template>
+        </el-menu-item>
+    </template>
+</template>
+
+<script setup lang="ts">
+import { useRouter } from "vue-router";
+
+defineProps<{ menuList: Menu.MenuOptions[] }>();
+
+const router = useRouter();
+const handleClickMenu = (subItem: Menu.MenuOptions) => {
+    if (subItem.meta.isLink) return window.open(subItem.meta.isLink, "_blank");
+    router.push(subItem.path);
+};
+</script>
+
+<style lang="scss">
+.el-sub-menu .el-sub-menu__title:hover {
+    color: var(--el-menu-hover-text-color) !important;
+    background-color: transparent !important;
+}
+.el-menu--collapse {
+    .is-active {
+        .el-sub-menu__title {
+            color: #ffffff !important;
+            background-color: var(--el-color-primary) !important;
+        }
+    }
+}
+.el-menu-item {
+    &:hover {
+        color: var(--el-menu-hover-text-color);
+    }
+    &.is-active {
+        color: var(--el-menu-active-color) !important;
+        background-color: var(--el-menu-active-bg-color) !important;
+        &::before {
+            position: absolute;
+            top: 0;
+            bottom: 0;
+            width: 4px;
+            content: "";
+            background-color: var(--el-color-primary);
+        }
+    }
+}
+.vertical,
+.classic,
+.transverse {
+    .el-menu-item {
+        &.is-active {
+            &::before {
+                left: 0;
+            }
+        }
+    }
+}
+.columns {
+    .el-menu-item {
+        &.is-active {
+            &::before {
+                right: 0;
+            }
+        }
+    }
+}
+</style>
diff --git a/src/layouts/components/Tabs/components/MoreButton.vue b/src/layouts/components/Tabs/components/MoreButton.vue
index cd182a9..125dc70 100644
--- a/src/layouts/components/Tabs/components/MoreButton.vue
+++ b/src/layouts/components/Tabs/components/MoreButton.vue
@@ -45,7 +45,6 @@ const tabStore = useTabsStore();
 const globalStore = useGlobalStore();
 const keepAliveStore = useKeepAliveStore();
 
-// refresh current page
 const refreshCurrentPage: Function = inject("refresh") as Function;
 const refresh = () => {
     setTimeout(() => {
@@ -58,18 +57,15 @@ const refresh = () => {
     }, 0);
 };
 
-// maximize current page
 const maximize = () => {
     globalStore.setGlobalState("maximize", true);
 };
 
-// Close Current
 const closeCurrentTab = () => {
     if (route.meta.isAffix) return;
     tabStore.removeTabs(route.fullPath);
 };
 
-// Close All
 const closeAllTab = () => {
     tabStore.closeMultipleTab();
     router.push(HOME_URL);
@@ -77,5 +73,5 @@ const closeAllTab = () => {
 </script>
 
 <style scoped lang="scss">
-@import "../index.scss";
+@use "../index.scss" as *;
 </style>
diff --git a/src/layouts/components/Tabs/index.scss b/src/layouts/components/Tabs/index.scss
index aa8015d..ea51e37 100644
--- a/src/layouts/components/Tabs/index.scss
+++ b/src/layouts/components/Tabs/index.scss
@@ -1,70 +1,70 @@
-.tabs-box {
-    display: none;
-    background-color: var(--el-bg-color);
-    .tabs-menu {
-        position: relative;
-        width: 100%;
-        .el-dropdown {
-            position: absolute;
-            top: 0;
-            right: 0;
-            bottom: 0;
-            .more-button {
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                width: 43px;
-                cursor: pointer;
-                border-left: 1px solid var(--el-border-color-light);
-                transition: all 0.3s;
-                &:hover {
-                    background-color: var(--el-color-info-light-9);
-                }
-                .iconfont {
-                    font-size: 12.5px;
-                }
-            }
-        }
-        :deep(.el-tabs) {
-            .el-tabs__header {
-                box-sizing: border-box;
-                height: 40px;
-                padding: 0 10px;
-                margin: 0;
-                .el-tabs__nav-wrap {
-                    position: absolute;
-                    width: calc(100% - 70px);
-                    .el-tabs__nav {
-                        display: flex;
-                        border: none;
-                        .el-tabs__item {
-                            display: flex;
-                            align-items: center;
-                            justify-content: center;
-                            color: #afafaf;
-                            border: none;
-                            .tabs-icon {
-                                margin: 1.5px 4px 0 0;
-                                font-size: 15px;
-                            }
-                            .is-icon-close {
-                                margin-top: 1px;
-                            }
-                            &.is-active {
-                                color: var(--el-color-primary);
-                                &::before {
-                                    position: absolute;
-                                    bottom: 0;
-                                    width: 100%;
-                                    height: 0;
-                                    content: "";
-                                    border-bottom: 2px solid var(--el-color-primary) !important;
-                                }
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
+.tabs-box {
+    display: none;
+    background-color: var(--el-bg-color);
+    .tabs-menu {
+        position: relative;
+        width: 100%;
+        .el-dropdown {
+            position: absolute;
+            top: 0;
+            right: 0;
+            bottom: 0;
+            .more-button {
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                width: 43px;
+                cursor: pointer;
+                border-left: 1px solid var(--el-border-color-light);
+                transition: all 0.3s;
+                &:hover {
+                    background-color: var(--el-color-info-light-9);
+                }
+                .iconfont {
+                    font-size: 12.5px;
+                }
+            }
+        }
+        :deep(.el-tabs) {
+            .el-tabs__header {
+                box-sizing: border-box;
+                height: 40px;
+                padding: 0 10px;
+                margin: 0;
+                .el-tabs__nav-wrap {
+                    position: absolute;
+                    width: calc(100% - 70px);
+                    .el-tabs__nav {
+                        display: flex;
+                        border: none;
+                        .el-tabs__item {
+                            display: flex;
+                            align-items: center;
+                            justify-content: center;
+                            color: #afafaf;
+                            border: none;
+                            .tabs-icon {
+                                margin: 1.5px 4px 0 0;
+                                font-size: 15px;
+                            }
+                            .is-icon-close {
+                                margin-top: 1px;
+                            }
+                            &.is-active {
+                                color: var(--el-color-primary);
+                                &::before {
+                                    position: absolute;
+                                    bottom: 0;
+                                    width: 100%;
+                                    height: 0;
+                                    content: "";
+                                    border-bottom: 2px solid var(--el-color-primary) !important;
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
diff --git a/src/layouts/components/Tabs/index.vue b/src/layouts/components/Tabs/index.vue
index 48378f6..5667694 100644
--- a/src/layouts/components/Tabs/index.vue
+++ b/src/layouts/components/Tabs/index.vue
@@ -3,14 +3,14 @@
         <div class="tabs-menu">
             <el-tabs v-model="tabsMenuValue" type="card" @tab-click="tabClick" @tab-remove="tabRemove">
                 <el-tab-pane
-                    v-for="item in tabsMenuList"
+                    v-for="item in tabsMenuList()"
                     :key="item.path"
                     :label="item.title"
                     :name="item.path"
                     :closable="item.close"
                 >
                     <template #label>
-                        <el-icon v-show="item.icon && tabsIcon" class="tabs-icon">
+                        <el-icon v-show="item.icon && tabsIcon()" class="tabs-icon">
                             <component :is="item.icon"></component>
                         </el-icon>
                         {{ item.title }}
@@ -24,7 +24,7 @@
 
 <script setup lang="ts">
 import Sortable from "sortablejs";
-import { ref, computed, watch, onMounted } from "vue";
+import { ref, watch, onMounted, nextTick } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { useGlobalStore } from "@/stores/modules/global";
 import { useTabsStore } from "@/stores/modules/tabs";
@@ -39,15 +39,16 @@ const authStore = useAuthStore();
 const globalStore = useGlobalStore();
 
 const tabsMenuValue = ref(route.fullPath);
-const tabsMenuList = computed(() => tabStore.tabsMenuList);
-const tabsIcon = computed(() => globalStore.tabsIcon);
+const tabsMenuList = () => tabStore.tabsMenuList;
+const tabsIcon = () => globalStore.tabsIcon;
 
 onMounted(() => {
-    tabsDrop();
+    void nextTick(() => {
+        tabsDrop();
+    });
     initTabs();
 });
 
-// 监听路由的变化（防止浏览器后退/前进不变化 tabsMenuValue）
 watch(
     () => route.fullPath,
     () => {
@@ -66,7 +67,6 @@ watch(
     { immediate: true }
 );
 
-// 初始化需要固定的 tabs
 const initTabs = () => {
     authStore.flatMenuListGet.forEach(item => {
         if (item.meta.isAffix && !item.meta.isHide && !item.meta.isFull) {
@@ -83,9 +83,12 @@ const initTabs = () => {
     });
 };
 
-// tabs 拖拽排序
 const tabsDrop = () => {
-    Sortable.create(document.querySelector(".el-tabs__nav") as HTMLElement, {
+    const tabsNav = document.querySelector(".el-tabs__nav");
+    if (!(tabsNav instanceof HTMLElement)) {
+        return;
+    }
+    Sortable.create(tabsNav, {
         draggable: ".el-tabs__item",
         animation: 300,
         onEnd({ newIndex, oldIndex }) {
@@ -97,18 +100,16 @@ const tabsDrop = () => {
     });
 };
 
-// Tab Click
 const tabClick = (tabItem: TabsPaneContext) => {
     const fullPath = tabItem.props.name as string;
     router.push(fullPath);
 };
 
-// Remove Tab
 const tabRemove = (fullPath: TabPaneName) => {
     tabStore.removeTabs(fullPath as string, fullPath == route.fullPath);
 };
 </script>
 
 <style scoped lang="scss">
-@import "./index.scss";
+@use "./index.scss" as *;
 </style>
diff --git a/src/layouts/components/ThemeDrawer/index.scss b/src/layouts/components/ThemeDrawer/index.scss
index 7b3e32e..fd81bb5 100644
--- a/src/layouts/components/ThemeDrawer/index.scss
+++ b/src/layouts/components/ThemeDrawer/index.scss
@@ -1,137 +1,137 @@
-.divider {
-    margin-top: 15px;
-    .el-icon {
-        position: relative;
-        top: 2px;
-        right: 5px;
-        font-size: 15px;
-    }
-}
-.theme-item {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 0 5px;
-    margin: 14px 0;
-    span {
-        display: flex;
-        align-items: center;
-        font-size: 14px;
-        .el-icon {
-            margin-left: 3px;
-            font-size: 15px;
-            color: var(--el-text-color-regular);
-            cursor: pointer;
-        }
-    }
-}
-.layout-box {
-    position: relative;
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: space-between;
-    padding: 15px 7px 0;
-    .layout-item {
-        position: relative;
-        box-sizing: border-box;
-        width: 100px;
-        height: 70px;
-        padding: 6px;
-        cursor: pointer;
-        border-radius: 5px;
-        box-shadow: 0 0 5px 1px var(--el-border-color-dark);
-        transition: all 0.2s;
-        .layout-dark {
-            background-color: var(--el-color-primary);
-            border-radius: 3px;
-        }
-        .layout-light {
-            background-color: var(--el-color-primary-light-5);
-            border-radius: 3px;
-        }
-        .layout-content {
-            background-color: var(--el-color-primary-light-8);
-            border: 1px dashed var(--el-color-primary);
-            border-radius: 3px;
-        }
-        .el-icon {
-            position: absolute;
-            right: 10px;
-            bottom: 10px;
-            color: var(--el-color-primary);
-            transition: all 0.2s;
-        }
-        &:hover {
-            box-shadow: 0 0 5px 1px var(--el-text-color-secondary);
-        }
-    }
-    .is-active {
-        box-shadow: 0 0 0 2px var(--el-color-primary) !important;
-    }
-    .layout-vertical {
-        display: flex;
-        justify-content: space-between;
-        margin-bottom: 20px;
-        .layout-dark {
-            width: 20%;
-        }
-        .layout-container {
-            display: flex;
-            flex-direction: column;
-            justify-content: space-between;
-            width: 72%;
-            .layout-light {
-                height: 20%;
-            }
-            .layout-content {
-                height: 67%;
-            }
-        }
-    }
-    .layout-classic {
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-        margin-bottom: 20px;
-        .layout-dark {
-            height: 22%;
-        }
-        .layout-container {
-            display: flex;
-            justify-content: space-between;
-            height: 70%;
-            .layout-light {
-                width: 20%;
-            }
-            .layout-content {
-                width: 70%;
-            }
-        }
-    }
-    .layout-transverse {
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-        margin-bottom: 15px;
-        .layout-dark {
-            height: 20%;
-        }
-        .layout-content {
-            height: 67%;
-        }
-    }
-    .layout-columns {
-        display: flex;
-        justify-content: space-between;
-        margin-bottom: 15px;
-        .layout-dark {
-            width: 14%;
-        }
-        .layout-light {
-            width: 17%;
-        }
-        .layout-content {
-            width: 55%;
-        }
-    }
-}
+.divider {
+    margin-top: 15px;
+    .el-icon {
+        position: relative;
+        top: 2px;
+        right: 5px;
+        font-size: 15px;
+    }
+}
+.theme-item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 5px;
+    margin: 14px 0;
+    span {
+        display: flex;
+        align-items: center;
+        font-size: 14px;
+        .el-icon {
+            margin-left: 3px;
+            font-size: 15px;
+            color: var(--el-text-color-regular);
+            cursor: pointer;
+        }
+    }
+}
+.layout-box {
+    position: relative;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    padding: 15px 7px 0;
+    .layout-item {
+        position: relative;
+        box-sizing: border-box;
+        width: 100px;
+        height: 70px;
+        padding: 6px;
+        cursor: pointer;
+        border-radius: 5px;
+        box-shadow: 0 0 5px 1px var(--el-border-color-dark);
+        transition: all 0.2s;
+        .layout-dark {
+            background-color: var(--el-color-primary);
+            border-radius: 3px;
+        }
+        .layout-light {
+            background-color: var(--el-color-primary-light-5);
+            border-radius: 3px;
+        }
+        .layout-content {
+            background-color: var(--el-color-primary-light-8);
+            border: 1px dashed var(--el-color-primary);
+            border-radius: 3px;
+        }
+        .el-icon {
+            position: absolute;
+            right: 10px;
+            bottom: 10px;
+            color: var(--el-color-primary);
+            transition: all 0.2s;
+        }
+        &:hover {
+            box-shadow: 0 0 5px 1px var(--el-text-color-secondary);
+        }
+    }
+    .is-active {
+        box-shadow: 0 0 0 2px var(--el-color-primary) !important;
+    }
+    .layout-vertical {
+        display: flex;
+        justify-content: space-between;
+        margin-bottom: 20px;
+        .layout-dark {
+            width: 20%;
+        }
+        .layout-container {
+            display: flex;
+            flex-direction: column;
+            justify-content: space-between;
+            width: 72%;
+            .layout-light {
+                height: 20%;
+            }
+            .layout-content {
+                height: 67%;
+            }
+        }
+    }
+    .layout-classic {
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        margin-bottom: 20px;
+        .layout-dark {
+            height: 22%;
+        }
+        .layout-container {
+            display: flex;
+            justify-content: space-between;
+            height: 70%;
+            .layout-light {
+                width: 20%;
+            }
+            .layout-content {
+                width: 70%;
+            }
+        }
+    }
+    .layout-transverse {
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        margin-bottom: 15px;
+        .layout-dark {
+            height: 20%;
+        }
+        .layout-content {
+            height: 67%;
+        }
+    }
+    .layout-columns {
+        display: flex;
+        justify-content: space-between;
+        margin-bottom: 15px;
+        .layout-dark {
+            width: 14%;
+        }
+        .layout-light {
+            width: 17%;
+        }
+        .layout-content {
+            width: 55%;
+        }
+    }
+}
diff --git a/src/layouts/components/ThemeDrawer/index.vue b/src/layouts/components/ThemeDrawer/index.vue
index e29dad1..ed7bbb5 100644
--- a/src/layouts/components/ThemeDrawer/index.vue
+++ b/src/layouts/components/ThemeDrawer/index.vue
@@ -1,6 +1,5 @@
 <template>
     <el-drawer v-model="drawerVisible" title="布局设置" size="290px">
-        <!-- 布局样式 -->
         <el-divider class="divider" content-position="center">
             <el-icon><Notification /></el-icon>
             布局样式
@@ -75,7 +74,6 @@
             <el-switch v-model="headerInverted" @change="setHeaderTheme" />
         </div>
 
-        <!-- 全局主题 -->
         <el-divider class="divider" content-position="center">
             <el-icon><ColdDrink /></el-icon>
             全局主题
@@ -97,7 +95,6 @@
             <el-switch v-model="isWeak" @change="changeGreyOrWeak('weak', !!$event)" />
         </div>
 
-        <!-- 界面设置 -->
         <el-divider class="divider" content-position="center">
             <el-icon><Setting /></el-icon>
             界面设置
@@ -134,7 +131,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref } from "vue";
+import { onBeforeUnmount, onMounted, ref } from "vue";
 import { storeToRefs } from "pinia";
 import { useTheme } from "@/hooks/useTheme";
 import { useGlobalStore } from "@/stores/modules/global";
@@ -162,7 +159,7 @@ const {
     footer
 } = storeToRefs(globalStore);
 
-// 预定义主题颜色
+
 const colorList = [
     DEFAULT_PRIMARY,
     "#daa96e",
@@ -176,17 +173,28 @@ const colorList = [
     "#9b59b6"
 ];
 
-// 设置布局方式
+
 const setLayout = (val: LayoutType) => {
     globalStore.setGlobalState("layout", val);
     setAsideTheme();
 };
 
-// 打开主题设置
+
+const openThemeDrawer = () => {
+    drawerVisible.value = true;
+};
+
 const drawerVisible = ref(false);
-mittBus.on("openThemeDrawer", () => (drawerVisible.value = true));
+
+onMounted(() => {
+    mittBus.on("openThemeDrawer", openThemeDrawer);
+});
+
+onBeforeUnmount(() => {
+    mittBus.off("openThemeDrawer", openThemeDrawer);
+});
 </script>
 
 <style scoped lang="scss">
-@import "./index.scss";
+@use "./index.scss" as *;
 </style>
diff --git a/src/layouts/index.vue b/src/layouts/index.vue
index a5c5018..02732e3 100644
--- a/src/layouts/index.vue
+++ b/src/layouts/index.vue
@@ -1,32 +1,31 @@
-<!-- 💥 这里是一次性加载 LayoutComponents -->
 <template>
-    <component :is="LayoutComponents[layout]" />
-    <ThemeDrawer />
-</template>
-
-<script setup lang="ts" name="layout">
-import { computed, type Component } from "vue";
-import { LayoutType } from "@/stores/interface";
-import { useGlobalStore } from "@/stores/modules/global";
-import ThemeDrawer from "./components/ThemeDrawer/index.vue";
-import LayoutVertical from "./LayoutVertical/index.vue";
-import LayoutClassic from "./LayoutClassic/index.vue";
-import LayoutTransverse from "./LayoutTransverse/index.vue";
-import LayoutColumns from "./LayoutColumns/index.vue";
-
-const LayoutComponents: Record<LayoutType, Component> = {
-    vertical: LayoutVertical,
-    classic: LayoutClassic,
-    transverse: LayoutTransverse,
-    columns: LayoutColumns
-};
-
-const globalStore = useGlobalStore();
-const layout = computed(() => globalStore.layout);
+    <component :is="LayoutComponents[layout()]" />
+    <ThemeDrawer />
+</template>
+
+<script setup lang="ts" name="layout">
+import { type Component } from "vue";
+import { LayoutType } from "@/stores/interface";
+import { useGlobalStore } from "@/stores/modules/global";
+import ThemeDrawer from "./components/ThemeDrawer/index.vue";
+import LayoutVertical from "./LayoutVertical/index.vue";
+import LayoutClassic from "./LayoutClassic/index.vue";
+import LayoutTransverse from "./LayoutTransverse/index.vue";
+import LayoutColumns from "./LayoutColumns/index.vue";
+
+const LayoutComponents: Record<LayoutType, Component> = {
+    vertical: LayoutVertical,
+    classic: LayoutClassic,
+    transverse: LayoutTransverse,
+    columns: LayoutColumns
+};
+
+const globalStore = useGlobalStore();
+const layout = () => globalStore.layout;
 </script>
-
-<style scoped lang="scss">
-.layout {
-    min-width: 600px;
-}
-</style>
+
+<style scoped lang="scss">
+.layout {
+    min-width: 600px;
+}
+</style>
diff --git a/src/layouts/indexAsync.vue b/src/layouts/indexAsync.vue
index 66858f0..8938c54 100644
--- a/src/layouts/indexAsync.vue
+++ b/src/layouts/indexAsync.vue
@@ -1,36 +1,35 @@
-<!-- 💥 这里是异步加载 LayoutComponents -->
 <template>
-    <suspense>
-        <template #default>
-            <component :is="LayoutComponents[layout]" />
-        </template>
-        <template #fallback>
-            <Loading />
-        </template>
-    </suspense>
-    <ThemeDrawer />
-</template>
-
-<script setup lang="ts" name="layoutAsync">
-import { computed, defineAsyncComponent, type Component } from "vue";
-import { LayoutType } from "@/stores/interface";
-import { useGlobalStore } from "@/stores/modules/global";
-import Loading from "@/components/Loading/index.vue";
-import ThemeDrawer from "./components/ThemeDrawer/index.vue";
-
-const LayoutComponents: Record<LayoutType, Component> = {
-    vertical: defineAsyncComponent(() => import("./LayoutVertical/index.vue")),
-    classic: defineAsyncComponent(() => import("./LayoutClassic/index.vue")),
-    transverse: defineAsyncComponent(() => import("./LayoutTransverse/index.vue")),
-    columns: defineAsyncComponent(() => import("./LayoutColumns/index.vue"))
-};
-
-const globalStore = useGlobalStore();
-const layout = computed(() => globalStore.layout);
+    <suspense>
+        <template #default>
+            <component :is="LayoutComponents[layout()]" />
+        </template>
+        <template #fallback>
+            <Loading />
+        </template>
+    </suspense>
+    <ThemeDrawer />
+</template>
+
+<script setup lang="ts" name="layoutAsync">
+import { defineAsyncComponent, type Component } from "vue";
+import { LayoutType } from "@/stores/interface";
+import { useGlobalStore } from "@/stores/modules/global";
+import Loading from "@/components/Loading/index.vue";
+import ThemeDrawer from "./components/ThemeDrawer/index.vue";
+
+const LayoutComponents: Record<LayoutType, Component> = {
+    vertical: defineAsyncComponent(() => import("./LayoutVertical/index.vue")),
+    classic: defineAsyncComponent(() => import("./LayoutClassic/index.vue")),
+    transverse: defineAsyncComponent(() => import("./LayoutTransverse/index.vue")),
+    columns: defineAsyncComponent(() => import("./LayoutColumns/index.vue"))
+};
+
+const globalStore = useGlobalStore();
+const layout = () => globalStore.layout;
 </script>
-
-<style scoped lang="scss">
-.layout {
-    min-width: 600px;
-}
-</style>
+
+<style scoped lang="scss">
+.layout {
+    min-width: 600px;
+}
+</style>
diff --git a/src/main.ts b/src/main.ts
index 4ef55a2..aabe7ae 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,41 +1,49 @@
 import { createApp } from "vue";
 import App from "./App.vue";
-// reset style sheet
 import "@/styles/reset.scss";
-// CSS common style sheet
 import "@/styles/common.scss";
-// iconfont css
 import "@/assets/iconfont/iconfont.scss";
-// font css
 import "@/assets/fonts/font.scss";
-// element css
 import "element-plus/dist/index.css";
-// element dark css
 import "element-plus/theme-chalk/dark/css-vars.css";
-// custom element dark css
 import "@/styles/element-dark.scss";
-// custom element css
 import "@/styles/element.scss";
-// svg icons
 import "virtual:svg-icons-register";
-// element plus
 import ElementPlus from "element-plus";
-// element icons
 import * as Icons from "@element-plus/icons-vue";
-// custom directives
 import directives from "@/directives/index";
-// vue Router
 import router from "@/routers";
-// pinia store
 import pinia from "@/stores";
-// errorHandler
 import errorHandler from "@/utils/errorHandler";
 
+const cleanupLegacyServiceWorkers = async () => {
+    if (typeof window === "undefined" || !("serviceWorker" in navigator)) {
+        return;
+    }
+
+    try {
+        const registrations = await navigator.serviceWorker.getRegistrations();
+        await Promise.all(registrations.map(registration => registration.unregister()));
+    } catch (_error) {
+        // ignore cleanup failures and continue boot
+    }
+
+    if (typeof window !== "undefined" && "caches" in window) {
+        try {
+            const cacheKeys = await window.caches.keys();
+            await Promise.all(cacheKeys.map(cacheKey => window.caches.delete(cacheKey)));
+        } catch (_error) {
+            // ignore cache cleanup failures and continue boot
+        }
+    }
+};
+
+void cleanupLegacyServiceWorkers();
+
 const app = createApp(App);
 
 app.config.errorHandler = errorHandler;
 
-// register the element Icons component
 Object.keys(Icons).forEach(key => {
     app.component(key, Icons[key as keyof typeof Icons]);
 });
diff --git a/src/routers/index.ts b/src/routers/index.ts
index 924c9a0..5f5c6f2 100644
--- a/src/routers/index.ts
+++ b/src/routers/index.ts
@@ -5,6 +5,7 @@ import { LOGIN_URL, ROUTER_WHITE_LIST } from "@/config";
 import { initDynamicRouter } from "@/routers/modules/dynamicRouter";
 import { staticRouter, errorRouter } from "@/routers/modules/staticRouter";
 import NProgress from "@/config/nprogress";
+import { ElMessage } from "element-plus";
 
 const mode = import.meta.env.VITE_ROUTER_MODE;
 
@@ -13,22 +14,7 @@ const routerMode = {
     history: () => createWebHistory()
 };
 
-/**
- * @description 📚 路由参数配置简介
- * @param path ==> 路由菜单访问路径
- * @param name ==> 路由 name (对应页面组件 name, 可用作 KeepAlive 缓存标识 && 按钮权限筛选)
- * @param redirect ==> 路由重定向地址
- * @param component ==> 视图文件路径
- * @param meta ==> 路由菜单元信息
- * @param meta.icon ==> 菜单和面包屑对应的图标
- * @param meta.title ==> 路由标题 (用作 document.title || 菜单的名称)
- * @param meta.activeMenu ==> 当前路由为详情页时，需要高亮的菜单
- * @param meta.isLink ==> 路由外链时填写的访问地址
- * @param meta.isHide ==> 是否在菜单中隐藏 (通常列表详情页需要隐藏)
- * @param meta.isFull ==> 菜单是否全屏 (示例：数据大屏页面)
- * @param meta.isAffix ==> 菜单是否固定在标签页中 (首页通常是固定项)
- * @param meta.isKeepAlive ==> 当前路由是否缓存
- * */
+
 const router = createRouter({
     history: routerMode[mode](),
     routes: [...staticRouter, ...errorRouter],
@@ -36,49 +22,45 @@ const router = createRouter({
     scrollBehavior: () => ({ left: 0, top: 0 })
 });
 
-/**
- * @description 路由拦截 beforeEach
- * */
+
 router.beforeEach(async (to, from, next) => {
     const userStore = useUserStore();
     const authStore = useAuthStore();
 
-    // 1.NProgress 开始
+
     NProgress.start();
 
-    // 2.动态设置标题
+
     const title = import.meta.env.VITE_GLOB_APP_TITLE;
     document.title = to.meta.title ? `${to.meta.title} - ${title}` : title;
 
-    // 3.判断是访问登陆页，有 Token 就在当前页面，没有 Token 重置路由到登陆页
+
     if (to.path.toLocaleLowerCase() === LOGIN_URL) {
         if (userStore.token) return next(from.fullPath);
         resetRouter();
         return next();
     }
 
-    // 4.判断访问页面是否在路由白名单地址(静态路由)中，如果存在直接放行
+
     if (ROUTER_WHITE_LIST.includes(to.path)) return next();
 
-    // 5.判断是否有 Token，没有重定向到 login 页面
+
     if (!userStore.token) return next({ path: LOGIN_URL, replace: true });
 
-    // 6.如果没有菜单列表，就重新请求菜单列表并添加动态路由
+
     if (!authStore.authMenuListGet.length) {
         await initDynamicRouter();
         return next({ ...to, replace: true });
     }
 
-    // 7.存储 routerName 做按钮权限筛选
+
     authStore.setRouteName(to.name as string);
 
-    // 8.正常访问页面
+
     next();
 });
 
-/**
- * @description 重置路由
- * */
+
 export const resetRouter = () => {
     const authStore = useAuthStore();
     authStore.flatMenuListGet.forEach(route => {
@@ -87,23 +69,19 @@ export const resetRouter = () => {
     });
 };
 
-/**
- * @description 路由跳转错误
- * */
+
 router.onError(error => {
     NProgress.done();
-    console.warn("路由错误", error.message);
+    ElMessage.error("页面加载失败，请稍后重试");
     const userNewStore = useUserStore();
-    // 2.清除 Token
+
     userNewStore.setToken("");
 
-    // 3.重定向到登陆页
+
     router.replace(LOGIN_URL);
 });
 
-/**
- * @description 路由跳转结束
- * */
+
 router.afterEach(() => {
     NProgress.done();
 });
diff --git a/src/routers/modules/dynamicRouter.ts b/src/routers/modules/dynamicRouter.ts
index 256e715..a158136 100644
--- a/src/routers/modules/dynamicRouter.ts
+++ b/src/routers/modules/dynamicRouter.ts
@@ -5,22 +5,67 @@ import { ElNotification } from "element-plus";
 import { useUserStore } from "@/stores/modules/user";
 import { useAuthStore } from "@/stores/modules/auth";
 
-// 引入 views 文件夹下所有 vue 文件
-const modules = import.meta.glob("@/views/**/*.vue");
+const modules = import.meta.glob("/src/views/**/*.vue");
+
+function normalizeComponentPath(rawPath: string) {
+    return rawPath.trim().replace(/^\//, "").replace(/\.vue$/i, "");
+}
+
+function resolveRouteComponent(componentPath: string | undefined) {
+    if (!componentPath || typeof componentPath !== "string") {
+        return undefined;
+    }
+    const normalizedPath = normalizeComponentPath(componentPath);
+    const candidates = [`/src/views/${normalizedPath}.vue`, `/src/views/${normalizedPath}`];
+    const match = candidates.find(item => Object.prototype.hasOwnProperty.call(modules, item));
+    return match ? modules[match] : undefined;
+}
+
+function normalizeMenuItem(item: any): any {
+    const normalizedItem = { ...item };
+    const rawComponent = typeof normalizedItem.component === "string" ? normalizedItem.component : undefined;
+    if (rawComponent) {
+        const routeComponent = resolveRouteComponent(rawComponent);
+        if (routeComponent) {
+            normalizedItem.component = routeComponent;
+        } else {
+            delete normalizedItem.component;
+        }
+    }
+    if (Array.isArray(normalizedItem.children)) {
+        normalizedItem.children = normalizedItem.children.map((child: any) => normalizeMenuItem(child));
+    }
+    return normalizedItem;
+}
+
+function addDynamicRoutes(routeRecords: any[], parentName?: string) {
+    routeRecords.forEach(routeRecord => {
+        if (!routeRecord?.path) return;
+        const normalizedRecord = normalizeMenuItem(routeRecord);
+        const hasChildren = Array.isArray(normalizedRecord.children) && normalizedRecord.children.length > 0;
+        if (!hasChildren && !normalizedRecord.component) return;
+        if (normalizedRecord.meta?.isFull) {
+            router.addRoute(normalizedRecord as RouteRecordRaw);
+            return;
+        }
+        if (!parentName) {
+            router.addRoute("layout", normalizedRecord as RouteRecordRaw);
+            return;
+        }
+        router.addRoute(parentName, normalizedRecord as RouteRecordRaw);
+    });
+}
 
-/**
- * @description 初始化动态路由
- */
 export const initDynamicRouter = async () => {
     const userStore = useUserStore();
     const authStore = useAuthStore();
 
     try {
-        // 1.获取菜单列表 && 按钮权限列表
+
         await authStore.getAuthMenuList();
         await authStore.getAuthButtonList();
 
-        // 2.判断当前用户有没有菜单权限
+
         if (!authStore.authMenuListGet.length) {
             ElNotification({
                 title: "无权限访问",
@@ -33,20 +78,10 @@ export const initDynamicRouter = async () => {
             return Promise.reject("No permission");
         }
 
-        // 3.添加动态路由
-        authStore.flatMenuListGet.forEach(item => {
-            item.children && delete item.children;
-            if (item.component && typeof item.component == "string") {
-                item.component = modules["/src/views" + item.component + ".vue"];
-            }
-            if (item.meta.isFull) {
-                router.addRoute(item as unknown as RouteRecordRaw);
-            } else {
-                router.addRoute("layout", item as unknown as RouteRecordRaw);
-            }
-        });
+
+        addDynamicRoutes(authStore.authMenuListGet, undefined);
     } catch (error) {
-        // 当按钮 || 菜单请求出错时，重定向到登陆页
+
         userStore.setToken("");
         router.replace(LOGIN_URL);
         return Promise.reject(error);
diff --git a/src/routers/modules/staticRouter.ts b/src/routers/modules/staticRouter.ts
index d949c3f..703ebe7 100644
--- a/src/routers/modules/staticRouter.ts
+++ b/src/routers/modules/staticRouter.ts
@@ -1,9 +1,7 @@
 import { RouteRecordRaw } from "vue-router";
 import { HOME_URL, LOGIN_URL } from "@/config";
 
-/**
- * staticRouter (静态路由)
- */
+
 export const staticRouter: RouteRecordRaw[] = [
     {
         path: "/",
@@ -21,15 +19,13 @@ export const staticRouter: RouteRecordRaw[] = [
         path: "/layout",
         name: "layout",
         component: () => import("@/layouts/index.vue"),
-        // component: () => import("@/layouts/indexAsync.vue"),
+
         redirect: HOME_URL,
         children: []
     }
 ];
 
-/**
- * errorRouter (错误页面路由)
- */
+
 export const errorRouter = [
     {
         path: "/403",
@@ -55,7 +51,7 @@ export const errorRouter = [
             title: "500页面"
         }
     },
-    // Resolve refresh page, route warnings
+
     {
         path: "/:pathMatch(.*)*",
         component: () => import("@/components/ErrorMessage/404.vue")
diff --git a/src/stores/helper/persist.ts b/src/stores/helper/persist.ts
index 7240392..b6c3949 100644
--- a/src/stores/helper/persist.ts
+++ b/src/stores/helper/persist.ts
@@ -1,16 +1,10 @@
 import { PersistedStateOptions } from "pinia-plugin-persistedstate";
 
-/**
- * @description pinia 持久化参数配置
- * @param {String} key 存储到持久化的 name
- * @param {Array} paths 需要持久化的 state name
- * @return persist
- * */
+
 const piniaPersistConfig = (key: string, paths?: string[]) => {
     const persist: PersistedStateOptions = {
         key,
         storage: localStorage,
-        // storage: sessionStorage,
         paths
     };
     return persist;
diff --git a/src/stores/index.ts b/src/stores/index.ts
index 0c7dfda..1820788 100644
--- a/src/stores/index.ts
+++ b/src/stores/index.ts
@@ -1,7 +1,6 @@
 import { createPinia } from "pinia";
 import piniaPluginPersistedstate from "pinia-plugin-persistedstate";
 
-// pinia persist
 const pinia = createPinia();
 pinia.use(piniaPluginPersistedstate);
 
diff --git a/src/stores/interface/index.ts b/src/stores/interface/index.ts
index 1e90bf5..6ecce0c 100644
--- a/src/stores/interface/index.ts
+++ b/src/stores/interface/index.ts
@@ -1,7 +1,7 @@
 export type LayoutType = "vertical" | "classic" | "transverse" | "columns";
 
 export type AssemblySizeType = "large" | "default" | "small";
-/* GlobalState */
+
 export interface GlobalState {
     layout: LayoutType;
     assemblySize: AssemblySizeType;
@@ -21,14 +21,14 @@ export interface GlobalState {
     footer: boolean;
 }
 
-/* UserState */
+
 export interface UserState {
     token: string;
     userInfo: { name: string };
     company: string;
 }
 
-/* tabsMenuProps */
+
 export interface TabsMenuProps {
     icon: string;
     title: string;
@@ -38,12 +38,12 @@ export interface TabsMenuProps {
     isKeepAlive: boolean;
 }
 
-/* TabsState */
+
 export interface TabsState {
     tabsMenuList: TabsMenuProps[];
 }
 
-/* AuthState */
+
 export interface AuthState {
     routeName: string;
     authButtonList: {
@@ -52,7 +52,7 @@ export interface AuthState {
     authMenuList: Menu.MenuOptions[];
 }
 
-/* KeepAliveState */
+
 export interface KeepAliveState {
     keepAliveName: string[];
 }
diff --git a/src/stores/modules/auth.ts b/src/stores/modules/auth.ts
index 20bb1c9..169ab85 100644
--- a/src/stores/modules/auth.ts
+++ b/src/stores/modules/auth.ts
@@ -2,95 +2,42 @@ import { defineStore } from "pinia";
 import { AuthState } from "@/stores/interface";
 import { getAuthMenuListApi, getAuthButtonListApi } from "@/api/modules/login";
 import { getFlatMenuList, getShowMenuList, getAllBreadcrumbList } from "@/utils";
-// import { getAuthButtonListApi, getAuthMenuListApi, getUserRoleListApi } from "@/api/modules/login";
-// import { getFlatMenuList, getShowMenuList, getAllBreadcrumbList, buildTree, updateWebRoutes } from "@/utils";
-// import { getFlatMenuList, getShowMenuList, getAllBreadcrumbList, updateWebRoutes } from "@/utils";
 
 export const useAuthStore = defineStore({
     id: "geeker-auth",
     state: (): AuthState => ({
-        // 按钮权限列表
+
         authButtonList: {},
-        // 菜单权限列表
+
         authMenuList: [],
-        // 当前页面的 router name，用来做按钮权限筛选
+
         routeName: ""
     }),
     getters: {
-        // 按钮权限列表
+
         authButtonListGet: state => state.authButtonList,
-        // 菜单权限列表 ==> 这里的菜单没有经过任何处理
+
         authMenuListGet: state => state.authMenuList,
-        // 菜单权限列表 ==> 左侧菜单栏渲染，需要剔除 isHide == true
+
         showMenuListGet: state => getShowMenuList(state.authMenuList),
-        // 菜单权限列表 ==> 扁平化之后的一维数组菜单，主要用来添加动态路由
+
         flatMenuListGet: state => getFlatMenuList(state.authMenuList),
-        // 递归处理后的所有面包屑导航列表
+
         breadcrumbListGet: state => getAllBreadcrumbList(state.authMenuList)
     },
     actions: {
-        // Get AuthButtonList
+
         async getAuthButtonList() {
             const { data } = await getAuthButtonListApi();
             this.authButtonList = data;
         },
-        // Get AuthMenuList
+
         async getAuthMenuList() {
             const authMenuListJson = await getAuthMenuListApi();
             this.authMenuList = authMenuListJson.data;
-            /** 
-            const arrAdminInfo = await getUserRoleListApi();
-
-            // localStorage.setItem("company", arrAdminInfo.data["company"].c_name);
-            localStorage.setItem("company", "总公司");
-            localStorage.setItem("admin_info_data", JSON.stringify(arrAdminInfo.data));
-            const arrAdminRoleNode: AdminRole[] = arrAdminInfo.data["admin_role"].admin_role_node;
-            interface AdminRoleNode {
-                an_id: number;
-                an_pid: number;
-                an_name: string;
-                an_code: string;
-                children?: AdminRoleNode[];
-            }
-            interface AdminRole {
-                admin_role_node: AdminRoleNode;
-                an_id: number;
-                ar_id: number;
-                an_name: string;
-            }
-            interface WebRoute {
-                path: string;
-                name: string;
-                component?: string;
-                meta: {
-                    an_id?: number;
-                    icon: string;
-                    title: string;
-                    isLink: string;
-                    isHide: boolean;
-                    isFull: boolean;
-                    isAffix: boolean;
-                    isKeepAlive: boolean;
-                };
-                children?: WebRoute[];
-            }
-            // 这是一个 前端vue 路由数组
-            const arrWebRoute: WebRoute[] = authMenuListJson.data;
-
-            // 更新路由
-            const arrWebRouteNews = await updateWebRoutes(arrWebRoute, arrAdminRoleNode);
-            this.authMenuList = arrWebRouteNews;
-
-            // 遍历 这个用户拥有的 权限，提取他的 an_id 储存起来
-            let arrAdminNodeAnId: number[] = [];
-            arrAdminRoleNode.forEach((item: AdminRole) => {
-                return arrAdminNodeAnId.push(item.an_id);
-            });
-            localStorage.setItem("arrAdminNodeAnId", JSON.stringify(arrAdminNodeAnId));
-            */
         },
-        // 遍历 arrWebRoute 的每一个an_id 匹配  testARR 里的每个 an_id，如果testARR 不存在 an_id,那么arrWebRoute 里的 每个 meta.isHide = true
-        // Set RouteName
+
+
         async setRouteName(name: string) {
             this.routeName = name;
         }
diff --git a/src/stores/modules/global.ts b/src/stores/modules/global.ts
index cb9c154..ed99549 100644
--- a/src/stores/modules/global.ts
+++ b/src/stores/modules/global.ts
@@ -5,44 +5,26 @@ import piniaPersistConfig from "@/stores/helper/persist";
 
 export const useGlobalStore = defineStore({
     id: "IOMS-global",
-    // 修改默认值之后，需清除 localStorage 数据
     state: (): GlobalState => ({
-        // 布局模式 (纵向：vertical | 经典：classic | 横向：transverse | 分栏：columns)
         layout: "transverse",
-        // element 组件大小
         assemblySize: "default",
-        // 当前页面是否全屏
         maximize: false,
-        // 主题颜色
         primary: DEFAULT_PRIMARY,
-        // 深色模式
         isDark: false,
-        // 灰色模式
         isGrey: false,
-        // 色弱模式
         isWeak: false,
-        // 侧边栏反转
         asideInverted: false,
-        // 头部反转
         headerInverted: false,
-        // 折叠菜单
         isCollapse: false,
-        // 菜单手风琴
         accordion: true,
-        // 面包屑导航
         breadcrumb: true,
-        // 面包屑导航图标
         breadcrumbIcon: true,
-        // 标签页
         tabs: true,
-        // 标签页图标
         tabsIcon: true,
-        // 页脚
         footer: false
     }),
     getters: {},
     actions: {
-        // Set GlobalState
         setGlobalState(...args: ObjToKeyValArray<GlobalState>) {
             this.$patch({ [args[0]]: args[1] });
         }
diff --git a/src/stores/modules/keepAlive.ts b/src/stores/modules/keepAlive.ts
index 50c766f..faabdf2 100644
--- a/src/stores/modules/keepAlive.ts
+++ b/src/stores/modules/keepAlive.ts
@@ -7,15 +7,12 @@ export const useKeepAliveStore = defineStore({
         keepAliveName: []
     }),
     actions: {
-        // Add KeepAliveName
         async addKeepAliveName(name: string) {
             !this.keepAliveName.includes(name) && this.keepAliveName.push(name);
         },
-        // Remove KeepAliveName
         async removeKeepAliveName(name: string) {
             this.keepAliveName = this.keepAliveName.filter(item => item !== name);
         },
-        // Set KeepAliveName
         async setKeepAliveName(keepAliveName: string[] = []) {
             this.keepAliveName = keepAliveName;
         }
diff --git a/src/stores/modules/tabs.ts b/src/stores/modules/tabs.ts
index 71e3cb9..112f3d2 100644
--- a/src/stores/modules/tabs.ts
+++ b/src/stores/modules/tabs.ts
@@ -13,7 +13,6 @@ export const useTabsStore = defineStore({
         tabsMenuList: []
     }),
     actions: {
-        // Add Tabs
         async addTabs(tabItem: TabsMenuProps) {
             if (this.tabsMenuList.every(item => item.path !== tabItem.path)) {
                 this.tabsMenuList.push(tabItem);
@@ -22,7 +21,6 @@ export const useTabsStore = defineStore({
                 keepAliveStore.addKeepAliveName(tabItem.name);
             }
         },
-        // Remove Tabs
         async removeTabs(tabPath: string, isCurrent: boolean = true) {
             if (isCurrent) {
                 this.tabsMenuList.forEach((item, index) => {
@@ -33,11 +31,9 @@ export const useTabsStore = defineStore({
                 });
             }
             this.tabsMenuList = this.tabsMenuList.filter(item => item.path !== tabPath);
-            // remove keepalive
             const tabItem = this.tabsMenuList.find(item => item.path === tabPath);
             tabItem?.isKeepAlive && keepAliveStore.removeKeepAliveName(tabItem.name);
         },
-        // Close Tabs On Side
         async closeTabsOnSide(path: string, type: "left" | "right") {
             const currentIndex = this.tabsMenuList.findIndex(item => item.path === path);
             if (currentIndex !== -1) {
@@ -46,24 +42,19 @@ export const useTabsStore = defineStore({
                     return index < range[0] || index >= range[1] || !item.close;
                 });
             }
-            // set keepalive
             const KeepAliveList = this.tabsMenuList.filter(item => item.isKeepAlive);
             keepAliveStore.setKeepAliveName(KeepAliveList.map(item => item.name));
         },
-        // Close MultipleTab
         async closeMultipleTab(tabsMenuValue?: string) {
             this.tabsMenuList = this.tabsMenuList.filter(item => {
                 return item.path === tabsMenuValue || !item.close;
             });
-            // set keepalive
             const KeepAliveList = this.tabsMenuList.filter(item => item.isKeepAlive);
             keepAliveStore.setKeepAliveName(KeepAliveList.map(item => item.name));
         },
-        // Set Tabs
         async setTabs(tabsMenuList: TabsMenuProps[]) {
             this.tabsMenuList = tabsMenuList;
         },
-        // Set Tabs Title
         async setTabsTitle(title: string) {
             this.tabsMenuList.forEach(item => {
                 if (item.path == getUrlWithParams()) item.title = title;
diff --git a/src/stores/modules/user.ts b/src/stores/modules/user.ts
index 13ded57..4cc68ad 100644
--- a/src/stores/modules/user.ts
+++ b/src/stores/modules/user.ts
@@ -11,15 +11,12 @@ export const useUserStore = defineStore({
     }),
     getters: {},
     actions: {
-        // Set Token
         setToken(token: string) {
             this.token = token;
         },
-        // Set setUserInfo
         setUserInfo(userInfo: UserState["userInfo"]) {
             this.userInfo = userInfo;
         },
-        // Set Token
         setCompany(company: string) {
             this.company = company;
         }
diff --git a/src/styles/common.scss b/src/styles/common.scss
index a1f0048..dafb3f4 100644
--- a/src/styles/common.scss
+++ b/src/styles/common.scss
@@ -1,4 +1,4 @@
-/* flex */
+
 .flx-center {
     display: flex;
     align-items: center;
@@ -14,7 +14,7 @@
     align-items: center;
 }
 
-/* clearfix */
+
 .clearfix::after {
     display: block;
     height: 0;
@@ -23,21 +23,21 @@
     content: "";
 }
 
-/* 文字单行省略号 */
+
 .sle {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }
 
-/* el-popper宽度自定义 */
+
 .card .el-popper {
     max-width: 520px;
     max-height: 250px;
     overflow-y: scroll;
 }
 
-/* 文字多行省略号 */
+
 .mle {
     display: -webkit-box;
     overflow: hidden;
@@ -45,13 +45,13 @@
     -webkit-line-clamp: 2;
 }
 
-/* 文字多了自动換行 */
+
 .break-word {
     word-break: break-all;
     word-wrap: break-word;
 }
 
-/* fade-transform */
+
 .fade-transform-leave-active,
 .fade-transform-enter-active {
     transition: all 0.2s;
@@ -67,7 +67,7 @@
     transform: translateX(30px);
 }
 
-/* breadcrumb-transform */
+
 .breadcrumb-enter-active {
     transition: all 0.2s;
 }
@@ -77,7 +77,7 @@
     transform: translateX(10px);
 }
 
-/* scroll bar */
+
 ::-webkit-scrollbar {
     width: 6px;
     height: 6px;
@@ -87,7 +87,7 @@
     border-radius: 20px;
 }
 
-/* nprogress */
+
 #nprogress .bar {
     background: var(--el-color-primary) !important;
 }
@@ -101,7 +101,7 @@
         0 0 5px var(--el-color-primary) !important;
 }
 
-/* 外边距、内边距全局样式 */
+
 @for $i from 0 through 100 {
     .mt#{$i} {
         margin-top: #{$i}px !important;
@@ -129,9 +129,8 @@
     }
 }
 
-// ElMessage
 .custom-message-class {
-    z-index: 99999999; /* 或任何高于页面中其他元素的值 */
+    z-index: 99999999; 
 }
 .tag-more-h {
     width: 100%;
@@ -143,10 +142,10 @@
 }
 .fixed-width {
     height: 40px;
-    -webkit-box-orient: vertical; /* 垂直排列子元素 */
-    -webkit-line-clamp: 1; /* 显示的行数 */
-    overflow: hidden; /* 隐藏超出内容 */
-    text-overflow: ellipsis; /* 超出部分用省略号表示 */
+    -webkit-box-orient: vertical; 
+    -webkit-line-clamp: 1; 
+    overflow: hidden; 
+    text-overflow: ellipsis; 
 }
 .table-box .el-table .el-table__row,
 .table-main .el-table .el-table__row {
diff --git a/src/styles/element-dark.scss b/src/styles/element-dark.scss
index 1a612fa..4db3a99 100644
--- a/src/styles/element-dark.scss
+++ b/src/styles/element-dark.scss
@@ -1,6 +1,6 @@
-/* 自定义 element 暗黑模式 */
+
 html.dark {
-    /* wangEditor */
+    
     --w-e-toolbar-color: #eeeeee;
     --w-e-toolbar-bg-color: #141414;
     --w-e-textarea-bg-color: #141414;
@@ -12,7 +12,7 @@ html.dark {
         color: #eeeeee;
     }
 
-    /* login */
+    
     .login-container {
         background-color: #191919 !important;
         .login-box {
diff --git a/src/styles/element.scss b/src/styles/element.scss
index 4132337..ed5d8d2 100644
--- a/src/styles/element.scss
+++ b/src/styles/element.scss
@@ -1,15 +1,15 @@
-/* 设置 notification、message 层级在 loading 之上 */
+
 .el-message,
 .el-notification {
     z-index: 9999999999999999999 !important;
 }
 
-/* el-alert */
+
 .el-alert {
     border: 1px solid;
 }
 
-/* 当前页面最大化 css */
+
 .main-maximize {
     .aside-split,
     .el-aside,
@@ -20,13 +20,13 @@
     }
 }
 
-/* mask image */
+
 .mask-image {
     padding-right: 50px;
     mask-image: linear-gradient(90deg, #000000 0%, #000000 calc(100% - 50px), transparent);
 }
 
-/* custom card */
+
 .card {
     box-sizing: border-box;
     padding: 7px;
@@ -37,7 +37,7 @@
     box-shadow: 0 0 12px rgb(0 0 0 / 5%);
 }
 
-/* ProTable 不需要 card 样式（在组件内使用 ProTable 会使用到） */
+
 .no-card {
     .card {
         padding: 0;
@@ -52,7 +52,7 @@
     }
 }
 
-/* content-box (常用内容盒子) */
+
 .content-box {
     display: flex;
     flex-direction: column;
@@ -76,18 +76,17 @@
     }
 }
 
-/* main-box (树形表格 treeFilter 页面会使用，左右布局 flex) */
+
 .main-box {
     display: flex;
     width: 100%;
     height: 100%;
     .table-box {
-        // 这里减去的 230px 是 treeFilter 组件宽度
         width: calc(100% - 230px);
     }
 }
 
-/* proTable */
+
 .table-box,
 .table-main {
     display: flex;
@@ -96,7 +95,6 @@
     width: 100%;
     height: 100%;
 
-    // table-search 表格搜索样式
     .table-search {
         padding: 7px 7px 0;
         margin-bottom: 5px;
@@ -108,7 +106,6 @@
                 margin-bottom: 7px !important;
             }
 
-            // 去除时间选择器上下 padding
             .el-range-editor.el-input__wrapper {
                 padding: 0 10px;
             }
@@ -129,7 +126,6 @@
         text-align: center;
     }
 
-    // 表格 header 样式
     .table-header {
         .header-button-lf,
         .header-button-ri {
@@ -151,11 +147,9 @@
         }
     }
 
-    // el-table 表格样式
     .el-table {
         flex: 1;
 
-        // 修复 safari 浏览器表格错位 https://github.com/HalseySpicy/Geeker-Admin/issues/83
         table {
             width: 100%;
         }
@@ -180,13 +174,10 @@
             }
         }
 
-        // 设置 el-table 中 header 文字不换行，并省略
         .el-table__header .el-table__cell > .cell {
-            // white-space: nowrap;
             white-space: wrap;
         }
 
-        // 解决表格数据为空时样式不居中问题(仅在element-plus中)
         .el-table__empty-block {
             position: absolute;
             top: 50%;
@@ -197,7 +188,6 @@
             }
         }
 
-        // table 中 image 图片样式
         .table-image {
             width: 50px;
             height: 50px;
@@ -205,7 +195,6 @@
         }
     }
 
-    // 表格 pagination 样式
     .el-pagination {
         display: flex;
         justify-content: flex-end;
@@ -213,7 +202,7 @@
     }
 }
 
-/* el-table 组件大小 */
+
 .el-table--small {
     .el-table__header th {
         height: 40px !important;
@@ -235,7 +224,7 @@
     }
 }
 
-/* el-drawer */
+
 .el-drawer {
     .el-drawer__header {
         padding: 16px 20px;
@@ -251,12 +240,10 @@
         border-top: 1px solid var(--el-border-color-lighter);
     }
 
-    // select 样式
     .el-select {
         width: 100%;
     }
 
-    // drawer-form 中存在两列 form-item 样式
     .drawer-multiColumn-form {
         display: flex;
         flex-wrap: wrap;
@@ -269,7 +256,7 @@
     }
 }
 
-/* el-dialog */
+
 .el-dialog {
     .el-dialog__header {
         padding: 15px 20px;
diff --git a/src/styles/reset.scss b/src/styles/reset.scss
index 209b32a..1e3e999 100644
--- a/src/styles/reset.scss
+++ b/src/styles/reset.scss
@@ -1,132 +1,7 @@
-/* Reset style sheet */
 
-/* 目前项目中使用富文本编辑器需要注释，如果你项目中没有使用富文本编辑器，可以取消注释 */
-// html,
-// body,
-// div,
-// span,
-// applet,
-// object,
-// iframe,
-// h1,
-// h2,
-// h3,
-// h4,
-// h5,
-// h6,
-// p,
-// blockquote,
-// pre,
-// a,
-// abbr,
-// acronym,
-// address,
-// big,
-// cite,
-// code,
-// del,
-// dfn,
-// em,
-// img,
-// ins,
-// kbd,
-// q,
-// s,
-// samp,
-// small,
-// strike,
-// strong,
-// sub,
-// sup,
-// tt,
-// var,
-// b,
-// u,
-// i,
-// center,
-// dl,
-// dt,
-// dd,
-// ol,
-// ul,
-// li,
-// fieldset,
-// form,
-// label,
-// legend,
-// table,
-// caption,
-// tbody,
-// tfoot,
-// thead,
-// tr,
-// th,
-// td,
-// article,
-// aside,
-// canvas,
-// details,
-// embed,
-// figure,
-// figcaption,
-// footer,
-// header,
-// hgroup,
-// menu,
-// nav,
-// output,
-// ruby,
-// section,
-// summary,
-// time,
-// mark,
-// audio,
-// video {
-// 	padding: 0;
-// 	margin: 0;
-// 	font: inherit;
-// 	font-size: 100%;
-// 	vertical-align: baseline;
-// 	border: 0;
-// }
 
-// /* HTML5 display-role reset for older browsers */
-// article,
-// aside,
-// details,
-// figcaption,
-// figure,
-// footer,
-// header,
-// hgroup,
-// menu,
-// nav,
-// section {
-// 	display: block;
-// }
-// body {
-// 	padding: 0;
-// 	margin: 0;
-// }
-// ol,
-// ul {
-// 	list-style: none;
-// }
-// blockquote,
-// q {
-// 	quotes: none;
-// }
-// blockquote::before,
-// blockquote::after,
-// q::before,
-// q::after {
-// 	content: "";
-// 	content: none;
-// }
-// table {
-// 	border-spacing: 0;
-// 	border-collapse: collapse;
-// }
+
+
 html,
 body,
 #app {
@@ -136,7 +11,7 @@ body,
     margin: 0;
 }
 
-/* 解决 h1 标签在 webkit 内核浏览器中文字大小失效问题 */
+
 :-webkit-any(article, aside, nav, section) h1 {
     font-size: 2em;
 }
diff --git a/src/styles/theme/aside.ts b/src/styles/theme/aside.ts
index ecf9277..a3dadc6 100644
--- a/src/styles/theme/aside.ts
+++ b/src/styles/theme/aside.ts
@@ -1,16 +1,16 @@
-import { Theme } from "@/hooks/interface";
-
-export const asideTheme: Record<Theme.ThemeType, { [key: string]: string }> = {
-    light: {
-        "--el-aside-logo-text-color": "#303133",
-        "--el-aside-border-color": "#e4e7ed"
-    },
-    inverted: {
-        "--el-aside-logo-text-color": "#dadada",
-        "--el-aside-border-color": "#414243"
-    },
-    dark: {
-        "--el-aside-logo-text-color": "#dadada",
-        "--el-aside-border-color": "#414243"
-    }
-};
+import { Theme } from "@/hooks/interface";
+
+export const asideTheme: Record<Theme.ThemeType, { [key: string]: string }> = {
+    light: {
+        "--el-aside-logo-text-color": "#303133",
+        "--el-aside-border-color": "#e4e7ed"
+    },
+    inverted: {
+        "--el-aside-logo-text-color": "#dadada",
+        "--el-aside-border-color": "#414243"
+    },
+    dark: {
+        "--el-aside-logo-text-color": "#dadada",
+        "--el-aside-border-color": "#414243"
+    }
+};
diff --git a/src/styles/theme/header.ts b/src/styles/theme/header.ts
index a138784..bb1055b 100644
--- a/src/styles/theme/header.ts
+++ b/src/styles/theme/header.ts
@@ -1,25 +1,25 @@
-import { Theme } from "@/hooks/interface";
-
-export const headerTheme: Record<Theme.ThemeType, { [key: string]: string }> = {
-    light: {
-        "--el-header-logo-text-color": "#303133",
-        "--el-header-bg-color": "#ffffff",
-        "--el-header-text-color": "#303133",
-        "--el-header-text-color-regular": "#606266",
-        "--el-header-border-color": "#e4e7ed"
-    },
-    inverted: {
-        "--el-header-logo-text-color": "#dadada",
-        "--el-header-bg-color": "#191a20",
-        "--el-header-text-color": "#e5eaf3",
-        "--el-header-text-color-regular": "#cfd3dc",
-        "--el-header-border-color": "#414243"
-    },
-    dark: {
-        "--el-header-logo-text-color": "#dadada",
-        "--el-header-bg-color": "#141414",
-        "--el-header-text-color": "#e5eaf3",
-        "--el-header-text-color-regular": "#cfd3dc",
-        "--el-header-border-color": "#414243"
-    }
-};
+import { Theme } from "@/hooks/interface";
+
+export const headerTheme: Record<Theme.ThemeType, { [key: string]: string }> = {
+    light: {
+        "--el-header-logo-text-color": "#303133",
+        "--el-header-bg-color": "#ffffff",
+        "--el-header-text-color": "#303133",
+        "--el-header-text-color-regular": "#606266",
+        "--el-header-border-color": "#e4e7ed"
+    },
+    inverted: {
+        "--el-header-logo-text-color": "#dadada",
+        "--el-header-bg-color": "#191a20",
+        "--el-header-text-color": "#e5eaf3",
+        "--el-header-text-color-regular": "#cfd3dc",
+        "--el-header-border-color": "#414243"
+    },
+    dark: {
+        "--el-header-logo-text-color": "#dadada",
+        "--el-header-bg-color": "#141414",
+        "--el-header-text-color": "#e5eaf3",
+        "--el-header-text-color-regular": "#cfd3dc",
+        "--el-header-border-color": "#414243"
+    }
+};
diff --git a/src/styles/theme/menu.ts b/src/styles/theme/menu.ts
index b17fcea..12ab4e4 100644
--- a/src/styles/theme/menu.ts
+++ b/src/styles/theme/menu.ts
@@ -1,31 +1,31 @@
-import { Theme } from "@/hooks/interface";
-
-export const menuTheme: Record<Theme.ThemeType, { [key: string]: string }> = {
-    light: {
-        "--el-menu-bg-color": "#ffffff",
-        "--el-menu-hover-bg-color": "#cccccc",
-        "--el-menu-active-bg-color": "var(--el-color-primary-light-9)",
-        "--el-menu-text-color": "#333333",
-        "--el-menu-active-color": "var(--el-color-primary)",
-        "--el-menu-hover-text-color": "#333333",
-        "--el-menu-horizontal-sub-item-height": "50px"
-    },
-    inverted: {
-        "--el-menu-bg-color": "#191a20",
-        "--el-menu-hover-bg-color": "#000000",
-        "--el-menu-active-bg-color": "#000000",
-        "--el-menu-text-color": "#bdbdc0",
-        "--el-menu-active-color": "#ffffff",
-        "--el-menu-hover-text-color": "#ffffff",
-        "--el-menu-horizontal-sub-item-height": "50px"
-    },
-    dark: {
-        "--el-menu-bg-color": "#141414",
-        "--el-menu-hover-bg-color": "#000000",
-        "--el-menu-active-bg-color": "#000000",
-        "--el-menu-text-color": "#bdbdc0",
-        "--el-menu-active-color": "#ffffff",
-        "--el-menu-hover-text-color": "#ffffff",
-        "--el-menu-horizontal-sub-item-height": "50px"
-    }
-};
+import { Theme } from "@/hooks/interface";
+
+export const menuTheme: Record<Theme.ThemeType, { [key: string]: string }> = {
+    light: {
+        "--el-menu-bg-color": "#ffffff",
+        "--el-menu-hover-bg-color": "#cccccc",
+        "--el-menu-active-bg-color": "var(--el-color-primary-light-9)",
+        "--el-menu-text-color": "#333333",
+        "--el-menu-active-color": "var(--el-color-primary)",
+        "--el-menu-hover-text-color": "#333333",
+        "--el-menu-horizontal-sub-item-height": "50px"
+    },
+    inverted: {
+        "--el-menu-bg-color": "#191a20",
+        "--el-menu-hover-bg-color": "#000000",
+        "--el-menu-active-bg-color": "#000000",
+        "--el-menu-text-color": "#bdbdc0",
+        "--el-menu-active-color": "#ffffff",
+        "--el-menu-hover-text-color": "#ffffff",
+        "--el-menu-horizontal-sub-item-height": "50px"
+    },
+    dark: {
+        "--el-menu-bg-color": "#141414",
+        "--el-menu-hover-bg-color": "#000000",
+        "--el-menu-active-bg-color": "#000000",
+        "--el-menu-text-color": "#bdbdc0",
+        "--el-menu-active-color": "#ffffff",
+        "--el-menu-hover-text-color": "#ffffff",
+        "--el-menu-horizontal-sub-item-height": "50px"
+    }
+};
diff --git a/src/styles/var.scss b/src/styles/var.scss
index bdc1cb2..92737d4 100644
--- a/src/styles/var.scss
+++ b/src/styles/var.scss
@@ -1,2 +1,2 @@
-/* global css variable */
+
 $primary-color: var(--el-color-primary);
diff --git a/src/typings/global.d.ts b/src/typings/global.d.ts
index f926db6..0549a1f 100644
--- a/src/typings/global.d.ts
+++ b/src/typings/global.d.ts
@@ -1,73 +1,70 @@
-/* Menu */
 declare namespace Menu {
-    interface MenuOptions {
-        path: string;
-        name: string;
-        component?: string | (() => Promise<unknown>);
-        redirect?: string;
-        meta: MetaProps;
-        children?: MenuOptions[];
-    }
-    interface MetaProps {
-        icon: string;
-        title: string;
-        activeMenu?: string;
-        isLink?: string;
-        isHide: boolean;
-        isFull: boolean;
-        isAffix: boolean;
-        isKeepAlive: boolean;
-    }
-}
-
-/* FileType */
+    interface MenuOptions {
+        path: string;
+        name: string;
+        component?: string | (() => Promise<unknown>);
+        redirect?: string;
+        meta: MetaProps;
+        children?: MenuOptions[];
+    }
+    interface MetaProps {
+        icon: string;
+        title: string;
+        activeMenu?: string;
+        isLink?: string;
+        isHide: boolean;
+        isFull: boolean;
+        isAffix: boolean;
+        isKeepAlive: boolean;
+    }
+}
+
 declare namespace File {
-    type ImageMimeType =
-        | "image/apng"
-        | "image/bmp"
-        | "image/gif"
-        | "image/jpeg"
-        | "image/pjpeg"
-        | "image/png"
-        | "image/svg+xml"
-        | "image/tiff"
-        | "image/webp"
-        | "image/x-icon";
-
-    type ExcelMimeType = "application/vnd.ms-excel" | "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
-}
-
-/* Vite */
+    type ImageMimeType =
+        | "image/apng"
+        | "image/bmp"
+        | "image/gif"
+        | "image/jpeg"
+        | "image/pjpeg"
+        | "image/png"
+        | "image/svg+xml"
+        | "image/tiff"
+        | "image/webp"
+        | "image/x-icon";
+
+    type ExcelMimeType = "application/vnd.ms-excel" | "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
+}
+
 declare type Recordable<T = any> = Record<string, T>;
-
-declare interface ViteEnv {
-    VITE_USER_NODE_ENV: "development" | "production" | "test";
-    VITE_GLOB_APP_TITLE: string;
-    VITE_PORT: number;
-    VITE_OPEN: boolean;
-    VITE_REPORT: boolean;
-    VITE_ROUTER_MODE: "hash" | "history";
-    VITE_BUILD_COMPRESS: "gzip" | "brotli" | "gzip,brotli" | "none";
-    VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE: boolean;
+
+declare interface ViteEnv {
+    VITE_USER_NODE_ENV: "development" | "production" | "test";
+    VITE_GLOB_APP_TITLE: string;
+    VITE_PORT: number;
+    VITE_OPEN: boolean;
+    VITE_REPORT: boolean;
+    VITE_ROUTER_MODE: "hash" | "history";
+    VITE_BUILD_COMPRESS: "gzip" | "brotli" | "gzip,brotli" | "none";
+    VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE: boolean;
     VITE_DROP_CONSOLE: boolean;
     VITE_PWA: boolean;
     VITE_PUBLIC_PATH: string;
+    VITE_OUT_PATH: string;
     VITE_API_URL: string;
     VITE_URL: string;
     VITE_PROXY: [string, string][];
 }
-
-interface ImportMetaEnv extends ViteEnv {
-    __: unknown;
-}
-
-/* __APP_INFO__ */
+
+interface ImportMetaEnv extends ViteEnv {
+    __: unknown;
+}
+
 declare const __APP_INFO__: {
-    pkg: {
-        name: string;
-        version: string;
-        dependencies: Recordable<string>;
-        devDependencies: Recordable<string>;
-    };
-    lastBuildTime: string;
-};
+    pkg: {
+        name: string;
+        version: string;
+        dependencies: Recordable<string>;
+        devDependencies: Recordable<string>;
+    };
+    lastBuildTime: string;
+};
diff --git a/src/typings/utils.d.ts b/src/typings/utils.d.ts
index 28e3147..4b728e2 100644
--- a/src/typings/utils.d.ts
+++ b/src/typings/utils.d.ts
@@ -1,17 +1,17 @@
-type ObjToKeyValUnion<T> = {
-    [K in keyof T]: { key: K; value: T[K] };
-}[keyof T];
-
-type ObjToKeyValArray<T> = {
-    [K in keyof T]: [K, T[K]];
-}[keyof T];
-
-type ObjToSelectedValueUnion<T> = {
-    [K in keyof T]: T[K];
-}[keyof T];
-
-type Optional<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
-
-type GetOptional<T> = {
-    [P in keyof T as T[P] extends Required<T>[P] ? never : P]: T[P];
-};
+type ObjToKeyValUnion<T> = {
+    [K in keyof T]: { key: K; value: T[K] };
+}[keyof T];
+
+type ObjToKeyValArray<T> = {
+    [K in keyof T]: [K, T[K]];
+}[keyof T];
+
+type ObjToSelectedValueUnion<T> = {
+    [K in keyof T]: T[K];
+}[keyof T];
+
+type Optional<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
+
+type GetOptional<T> = {
+    [P in keyof T as T[P] extends Required<T>[P] ? never : P]: T[P];
+};
diff --git a/src/typings/window.d.ts b/src/typings/window.d.ts
index 757ab42..15c77cd 100644
--- a/src/typings/window.d.ts
+++ b/src/typings/window.d.ts
@@ -1,8 +1,8 @@
-declare global {
-    interface Navigator {
-        msSaveOrOpenBlob: (blob: Blob, fileName: string) => void;
-        browserLanguage: string;
-    }
-}
-
-export {};
+declare global {
+    interface Navigator {
+        msSaveOrOpenBlob: (blob: Blob, fileName: string) => void;
+        browserLanguage: string;
+    }
+}
+
+export {};
diff --git a/src/utils/color.ts b/src/utils/color.ts
index 3595f76..7286c12 100644
--- a/src/utils/color.ts
+++ b/src/utils/color.ts
@@ -1,10 +1,6 @@
 import { ElMessage } from "element-plus";
 
-/**
- * @description hex颜色转rgb颜色
- * @param {String} str 颜色值字符串
- * @returns {String} 返回处理后的颜色值
- */
+
 export function hexToRgb(str: any) {
     let hexs: any = "";
     let reg = /^\#?[0-9A-Fa-f]{6}$/;
@@ -15,13 +11,7 @@ export function hexToRgb(str: any) {
     return hexs;
 }
 
-/**
- * @description rgb颜色转Hex颜色
- * @param {*} r 代表红色
- * @param {*} g 代表绿色
- * @param {*} b 代表蓝色
- * @returns {String} 返回处理后的颜色值
- */
+
 export function rgbToHex(r: any, g: any, b: any) {
     let reg = /^\d{1,3}$/;
     if (!reg.test(r) || !reg.test(g) || !reg.test(b)) return ElMessage.warning("输入错误的rgb颜色值");
@@ -30,12 +20,7 @@ export function rgbToHex(r: any, g: any, b: any) {
     return `#${hexs.join("")}`;
 }
 
-/**
- * @description 加深颜色值
- * @param {String} color 颜色值字符串
- * @param {Number} level 加深的程度，限0-1之间
- * @returns {String} 返回处理后的颜色值
- */
+
 export function getDarkColor(color: string, level: number) {
     let reg = /^\#?[0-9A-Fa-f]{6}$/;
     if (!reg.test(color)) return ElMessage.warning("输入错误的hex颜色值");
@@ -44,12 +29,7 @@ export function getDarkColor(color: string, level: number) {
     return rgbToHex(rgb[0], rgb[1], rgb[2]);
 }
 
-/**
- * @description 变浅颜色值
- * @param {String} color 颜色值字符串
- * @param {Number} level 加深的程度，限0-1之间
- * @returns {String} 返回处理后的颜色值
- */
+
 export function getLightColor(color: string, level: number) {
     let reg = /^\#?[0-9A-Fa-f]{6}$/;
     if (!reg.test(color)) return ElMessage.warning("输入错误的hex颜色值");
diff --git a/src/utils/dateForMatter.ts b/src/utils/dateForMatter.ts
index 23bc22a..6cec741 100644
--- a/src/utils/dateForMatter.ts
+++ b/src/utils/dateForMatter.ts
@@ -1,8 +1,6 @@
-//数字补零
 const complement = function (value: any) {
     return value < 10 ? "0" + value : value;
 };
-//根据时间戳  转换时间格式  ：  2014-02-02
 export const formateDate = (date: any, type: number) => {
     if (!date) {
         return;
@@ -27,13 +25,11 @@ export const formateDate = (date: any, type: number) => {
     } else if (type == 4) {
         return y;
     } else if (type == 5) {
-        // 时间格式：8/6 18:51:11
         return m + "/" + d + " " + complement(h) + ":" + complement(mm) + ":" + complement(s);
     } else {
         return y + "-" + complement(m) + "-" + complement(d) + " " + complement(h) + ":" + complement(mm) + ":" + complement(s);
     }
 };
-// 秒转换成00：00：00
 export const secondsToTimeFormat = (seconds: any) => {
     const hours = Math.floor(seconds / 3600);
     const minutes = Math.floor((seconds % 3600) / 60);
@@ -46,8 +42,6 @@ export const secondsToTimeFormat = (seconds: any) => {
     return `${formattedHours}:${formattedMinutes}:${formattedSeconds}`;
 };
 
-/* 获取当前时间戳
- */
 export const nowTime = function () {
     let now = new Date().getTime() / 1000;
     return Math.floor(now);
diff --git a/src/utils/decrypt.ts b/src/utils/decrypt.ts
index ff85b0d..f62a4be 100644
--- a/src/utils/decrypt.ts
+++ b/src/utils/decrypt.ts
@@ -19,7 +19,7 @@ export const fetchAndDecodeImage = (url: string): Promise<string> => {
 };
 import { defineComponent, onMounted, ref, h } from "vue";
 import { ElImage } from "element-plus";
-// 异步加载图片组件
+
 export const AsyncImageComponent = defineComponent({
     props: {
         url: {
@@ -30,7 +30,7 @@ export const AsyncImageComponent = defineComponent({
     setup(props) {
         const imageUrl = ref("");
         const isLoading = ref(true);
-        const error = ref(null);
+        const error = ref<string | null>(null);
 
         onMounted(async () => {
             try {
@@ -39,19 +39,30 @@ export const AsyncImageComponent = defineComponent({
                 imageUrl.value = decodedImage;
                 isLoading.value = false;
             } catch (err) {
-                console.error("Error converting image to base64:", err);
-                error.value = err as any;
+                error.value = err instanceof Error ? err.message : String(err);
                 isLoading.value = false;
             }
         });
 
         return () => {
             if (isLoading.value) {
-                return h("ElImage", { src: "Loading..." });
+                return h(
+                    "div",
+                    {
+                        style: "width: 98%; height: 30px; display: flex; align-items: center; justify-content: center; color: var(--el-text-color-secondary);"
+                    },
+                    "加载中..."
+                );
             }
 
             if (error.value) {
-                return h("ElImage", { src: "无法加载" });
+                return h(
+                    "div",
+                    {
+                        style: "width: 98%; height: 30px; display: flex; align-items: center; justify-content: center; color: var(--el-color-danger);"
+                    },
+                    error.value || "无法加载"
+                );
             }
             return h(ElImage, {
                 style: "width: 98%; height: 30px; display: flex; align-items: center;",
@@ -66,14 +77,14 @@ export const AsyncImageComponent = defineComponent({
     }
 });
 
-// 获取图片数据
+
 async function fetchImageData(url) {
     const response = await fetch(url);
     const data = await response.arrayBuffer();
     return data;
 }
 
-// 解码图片函数
+
 function decode(data, key = 0x88) {
     let binary = "";
     let bytes = new Uint8Array(data);
diff --git a/src/utils/eleValidate.ts b/src/utils/eleValidate.ts
index d2b1e7b..8fe922b 100644
--- a/src/utils/eleValidate.ts
+++ b/src/utils/eleValidate.ts
@@ -1,8 +1,3 @@
-// ? Element 常用表单校验规则
-
-/**
- *  @rule 手机号
- */
 export function checkPhoneNumber(rule: any, value: any, callback: any) {
     const regexp = /^(((13[0-9]{1})|(15[0-9]{1})|(16[0-9]{1})|(17[3-8]{1})|(18[0-9]{1})|(19[0-9]{1})|(14[5-7]{1}))+\d{8})$/;
     if (value === "") callback("请输入手机号码");
@@ -13,11 +8,7 @@ export function checkPhoneNumber(rule: any, value: any, callback: any) {
     }
 }
 
-/**
- *  @rule 正则匹配图片去掉前缀 只保留 （如 ".jpg"、".png"、".gif" 等）
- */
-
-export function extractURI(url) {
+export function extractURI(url: string) {
     const regex = /^(?:https?:\/\/)?[^\/]+(\/.*)$/;
     const matches = url.match(regex);
     if (matches && matches[1]) {
diff --git a/src/utils/errorHandler.ts b/src/utils/errorHandler.ts
index b4ca931..0c0f2d0 100644
--- a/src/utils/errorHandler.ts
+++ b/src/utils/errorHandler.ts
@@ -1,12 +1,8 @@
 import { ElNotification } from "element-plus";
 
-/**
- * @description 全局代码错误捕捉
- * */
 const errorHandler = (error: any) => {
-    // 过滤 HTTP 请求错误
     if (error.status || error.status == 0) return false;
-    let errorMap: { [key: string]: string } = {
+    const errorMap: { [key: string]: string } = {
         InternalError: "Javascript引擎内部错误",
         ReferenceError: "未找到对象",
         TypeError: "使用了错误的类型或对象",
@@ -15,10 +11,10 @@ const errorHandler = (error: any) => {
         EvalError: "错误的使用了Eval",
         URIError: "URI错误"
     };
-    let errorName = errorMap[error.name] || "未知错误";
+    const errorName = errorMap[error.name] || "未知错误";
     ElNotification({
         title: errorName,
-        message: error,
+        message: error?.message || String(error),
         type: "error",
         duration: 3000
     });
diff --git a/src/utils/index.ts b/src/utils/index.ts
index b948c27..427c278 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -1,11 +1,6 @@
 import { isArray } from "@/utils/is";
 const mode = import.meta.env.VITE_ROUTER_MODE;
 
-/**
- * @description 获取localStorage
- * @param {String} key Storage名称
- * @returns {String}
- */
 export function localGet(key: string) {
     const value = window.localStorage.getItem(key);
     try {
@@ -15,12 +10,6 @@ export function localGet(key: string) {
     }
 }
 
-/**
- * @description 存储localStorage
- * @param {String} key Storage名称
- * @param {*} value Storage值
- * @returns {void}
- */
 export function localSet(key: string, value: any) {
     window.localStorage.setItem(key, JSON.stringify(value));
 }
@@ -31,38 +20,20 @@ export type FieldNamesProps = {
     children?: string;
 };
 
-/**
- * @description 清除localStorage
- * @param {String} key Storage名称
- * @returns {void}
- */
 export function localRemove(key: string) {
     window.localStorage.removeItem(key);
 }
 
-/**
- * @description 清除所有localStorage
- * @returns {void}
- */
 export function localClear() {
     window.localStorage.clear();
 }
 
-/**
- * @description 判断数据类型
- * @param {*} val 需要判断类型的数据
- * @returns {String}
- */
 export function isType(val: any) {
     if (val === null) return "null";
     if (typeof val !== "object") return typeof val;
     else return Object.prototype.toString.call(val).slice(8, -1).toLocaleLowerCase();
 }
 
-/**
- * @description 生成唯一 uuid
- * @returns {String}
- */
 export function generateUUID() {
     let uuid = "";
     for (let i = 0; i < 32; i++) {
@@ -73,12 +44,6 @@ export function generateUUID() {
     return uuid;
 }
 
-/**
- * 判断两个对象是否相同
- * @param {Object} a 要比较的对象一
- * @param {Object} b 要比较的对象二
- * @returns {Boolean} 相同返回 true，反之 false
- */
 export function isObjectValueEqual(a: { [key: string]: any }, b: { [key: string]: any }) {
     if (!a || !b) return false;
     let aProps = Object.getOwnPropertyNames(a);
@@ -98,21 +63,11 @@ export function isObjectValueEqual(a: { [key: string]: any }, b: { [key: string]
     return true;
 }
 
-/**
- * @description 生成随机数
- * @param {Number} min 最小值
- * @param {Number} max 最大值
- * @returns {Number}
- */
 export function randomNum(min: number, max: number): number {
     let num = Math.floor(Math.random() * (min - max) + max);
     return num;
 }
 
-/**
- * @description 获取当前时间对应的提示语
- * @returns {String}
- */
 export function getTimeState() {
     let timeNow = new Date();
     let hours = timeNow.getHours();
@@ -123,10 +78,6 @@ export function getTimeState() {
     if (hours >= 0 && hours <= 6) return `凌晨好 🌛`;
 }
 
-/**
- * @description 获取浏览器默认语言
- * @returns {String}
- */
 export function getBrowserLang() {
     let browserLang = navigator.language ? navigator.language : navigator.browserLanguage;
     let defaultBrowserLang = "";
@@ -138,10 +89,6 @@ export function getBrowserLang() {
     return defaultBrowserLang;
 }
 
-/**
- * @description 获取不同路由模式所对应的 url + params
- * @returns {String}
- */
 export function getUrlWithParams() {
     const url = {
         hash: location.hash.substring(1),
@@ -150,21 +97,11 @@ export function getUrlWithParams() {
     return url[mode];
 }
 
-/**
- * @description 使用递归扁平化菜单，方便添加动态路由
- * @param {Array} menuList 菜单列表
- * @returns {Array}
- */
 export function getFlatMenuList(menuList: Menu.MenuOptions[]): Menu.MenuOptions[] {
     let newMenuList: Menu.MenuOptions[] = JSON.parse(JSON.stringify(menuList));
     return newMenuList.flatMap(item => [item, ...(item.children ? getFlatMenuList(item.children) : [])]);
 }
 
-/**
- * @description 使用递归过滤出需要渲染在左侧菜单的列表 (需剔除 isHide == true 的菜单)
- * @param {Array} menuList 菜单列表
- * @returns {Array}
- * */
 export function getShowMenuList(menuList: Menu.MenuOptions[]) {
     let newMenuList: Menu.MenuOptions[] = JSON.parse(JSON.stringify(menuList));
     return newMenuList.filter(item => {
@@ -173,22 +110,12 @@ export function getShowMenuList(menuList: Menu.MenuOptions[]) {
     });
 }
 
-/**
- * @description 根据枚举列表查询当需要的数据（如果指定了 label 和 value 的 key值，会自动识别格式化）
- * @param {String} callValue 当前单元格值
- * @param {Array} enumData 字典列表
- * @param {Array} fieldNames label && value && children 的 key 值
- * @param {String} type 过滤类型（目前只有 tag）
- * @returns {String}
- * */
 export function filterEnum(callValue: any, enumData?: any, fieldNames?: FieldNamesProps, type?: "tag") {
     const value = fieldNames?.value ?? "value";
     const label = fieldNames?.label ?? "label";
     const children = fieldNames?.children ?? "children";
     let filterData: { [key: string]: any } = {};
-    // 判断 enumData 是否为数组
     if (Array.isArray(enumData)) filterData = findItemNested(enumData, callValue, value, children);
-    // 判断是否输出的结果为 tag 类型
     if (type == "tag") {
         return filterData?.tagType ? filterData.tagType : "";
     } else {
@@ -196,13 +123,6 @@ export function filterEnum(callValue: any, enumData?: any, fieldNames?: FieldNam
     }
 }
 
-/**
- * @description 使用递归找出所有面包屑存储到 pinia/vuex 中
- * @param {Array} menuList 菜单列表
- * @param {Array} parent 父级菜单
- * @param {Object} result 处理后的结果
- * @returns {Object}
- */
 export const getAllBreadcrumbList = (menuList: Menu.MenuOptions[], parent = [], result: { [key: string]: any } = {}) => {
     for (const item of menuList) {
         result[item.path] = [...parent, item];
@@ -211,12 +131,6 @@ export const getAllBreadcrumbList = (menuList: Menu.MenuOptions[], parent = [],
     return result;
 };
 
-/**
- * @description 使用递归处理路由菜单 path，生成一维数组 (第一版本地路由鉴权会用到，该函数暂未使用)
- * @param {Array} menuList 所有菜单列表
- * @param {Array} menuPathArr 菜单地址的一维数组 ['**','**']
- * @returns {Array}
- */
 export function getMenuListPath(menuList: Menu.MenuOptions[], menuPathArr: string[] = []): string[] {
     for (const item of menuList) {
         if (typeof item === "object" && item.path) menuPathArr.push(item.path);
@@ -225,12 +139,6 @@ export function getMenuListPath(menuList: Menu.MenuOptions[], menuPathArr: strin
     return menuPathArr;
 }
 
-/**
- * @description 递归查询当前 path 所对应的菜单对象 (该函数暂未使用)
- * @param {Array} menuList 菜单列表
- * @param {String} path 当前访问地址
- * @returns {Object | null}
- */
 export function findMenuByPath(menuList: Menu.MenuOptions[], path: string): Menu.MenuOptions | null {
     for (const item of menuList) {
         if (item.path === path) return item;
@@ -245,12 +153,6 @@ export function findMenuByPath(menuList: Menu.MenuOptions[], path: string): Menu
 export async function sleep(time: number) {
     return new Promise(resolve => setTimeout(resolve, time));
 }
-/**
- * @description 使用递归过滤需要缓存的菜单 name (该函数暂未使用)
- * @param {Array} menuList 所有菜单列表
- * @param {Array} keepAliveNameArr 缓存的菜单 name ['**','**']
- * @returns {Array}
- * */
 export function getKeepAliveRouterName(menuList: Menu.MenuOptions[], keepAliveNameArr: string[] = []) {
     menuList.forEach(item => {
         item.meta.isKeepAlive && item.name && keepAliveNameArr.push(item.name);
@@ -259,61 +161,35 @@ export function getKeepAliveRouterName(menuList: Menu.MenuOptions[], keepAliveNa
     return keepAliveNameArr;
 }
 
-/**
- * @description 格式化表格单元格默认值 (el-table-column)
- * @param {Number} row 行
- * @param {Number} col 列
- * @param {*} callValue 当前单元格值
- * @returns {String}
- * */
 export function formatTableColumn(row: number, col: number, callValue: any) {
-    // 如果当前值为数组，使用 / 拼接（根据需求自定义）
     if (isArray(callValue)) return callValue.length ? callValue.join(" / ") : "--";
     return callValue ?? "--";
 }
 
-/**
- * @description 处理值无数据情况
- * @param {*} callValue 需要处理的值
- * @returns {String}
- * */
 export function formatValue(callValue: any) {
-    // 如果当前值为数组，使用 / 拼接（根据需求自定义）
     if (isArray(callValue)) return callValue.length ? callValue.join(" / ") : "--";
     return callValue ?? "--";
 }
 
-/**
- * @description 处理 prop 为多级嵌套的情况，返回的数据 (列如: prop: user.name)
- * @param {Object} row 当前行数据
- * @param {String} prop 当前 prop
- * @returns {*}
- * */
 export function handleRowAccordingToProp(row: { [key: string]: any }, prop: string) {
     if (!prop.includes(".")) return row[prop] ?? "--";
     prop.split(".").forEach(item => (row = row[item] ?? "--"));
     return row;
 }
 
-/**
- * @description 处理 prop，当 prop 为多级嵌套时 ==> 返回最后一级 prop
- * @param {String} prop 当前 prop
- * @returns {String}
- * */
 export function handleProp(prop: string) {
     const propArr = prop.split(".");
     if (propArr.length == 1) return prop;
     return propArr[propArr.length - 1];
 }
 
-/**
- * @description 递归查找 callValue 对应的 enum 值
- * */
 export function findItemNested(enumData: any, callValue: any, value: string, children: string) {
+    if (!Array.isArray(enumData)) return null;
     return enumData.reduce((accumulator: any, current: any) => {
         if (accumulator) return accumulator;
         if (current[value] === callValue) return current;
-        if (current[children]) return findItemNested(current[children], callValue, value, children);
+        if (Array.isArray(current[children])) return findItemNested(current[children], callValue, value, children);
+        return null;
     }, null);
 }
 
@@ -322,6 +198,8 @@ interface AdminRoleNode {
     an_pid: number;
     an_name: string;
     an_code: string;
+    an_is_dir: number;
+    an_is_hidden: number;
     children?: AdminRoleNode[];
 }
 interface AdminRole {
@@ -347,16 +225,10 @@ interface WebRoute {
     children?: WebRoute[];
 }
 
-/**
- * 构建树形结构
- * @param data { Array }
- * @returns { Array }
- */
 export function buildTree(data: AdminRole[]): AdminRoleNode[] {
     let tree: AdminRoleNode[] = [];
     let mappedArr: Record<number, AdminRoleNode> = {};
 
-    // 将数组转换为一个映射对象
     data.forEach(item => {
         if (!item.admin_role_node.children) {
             item.admin_role_node.children = [];
@@ -364,14 +236,15 @@ export function buildTree(data: AdminRole[]): AdminRoleNode[] {
         mappedArr[item.an_id] = item.admin_role_node;
     });
 
-    // 构建树形结构
     data.forEach(item => {
         const node = item.admin_role_node;
         if (node.an_pid === 0) {
             tree.push(node);
         } else {
-            if (mappedArr[node.an_pid]) {
-                mappedArr[node.an_pid].children.push(node);
+            const parentNode = mappedArr[node.an_pid];
+            if (parentNode) {
+                parentNode.children = parentNode.children ?? [];
+                parentNode.children.push(node);
             }
         }
     });
@@ -379,7 +252,6 @@ export function buildTree(data: AdminRole[]): AdminRoleNode[] {
     return tree;
 }
 
-// 将数据转为树结构的函数
 export function convertToTree(data, parentId = 0) {
     const tree = [] as any;
     const lookup = {};
@@ -393,10 +265,8 @@ export function convertToTree(data, parentId = 0) {
         const parent = lookup[node.an_pid];
 
         if (parent) {
-            // 确保父节点存在再添加到父节点的 children 数组中
             parent.children.push(node);
         } else {
-            // 如果父节点不存在，并且当前节点的 an_pid 是 0，才添加到 tree 数组中
             if (node.an_pid === parentId) {
                 tree.push(node);
             }
@@ -406,30 +276,21 @@ export function convertToTree(data, parentId = 0) {
     return tree;
 }
 
-// 检查 an_id 是否存在于 arrAdminRole 中
 export function existsInTestARR(intAnId: number, arrAdminRole: AdminRole[]): number {
     return arrAdminRole.findIndex(item => item.admin_role_node.an_id === intAnId);
 }
 
-// 检查 an_pid 是否有子元素
-export function existsInPid(intAnId: string, arrAdminRole: AdminRole[]): number {
+export function existsInPid(intAnId: number, arrAdminRole: AdminRole[]): number {
     return arrAdminRole.findIndex(item => item.admin_role_node.an_pid === intAnId);
 }
 
-/**
- * 递归函数来更新 arrWebRoute
- * @param arrWebRoute { Array }
- * @param arrAdminRole { Array }
- * @returns { Array }
- */
-export function updateWebRoutes(arrWebRoute: WebRoute[], arrAdminRole: AdminRole[]): Array {
+export function updateWebRoutes(arrWebRoute: WebRoute[], arrAdminRole: AdminRole[]): WebRoute[] {
     arrWebRoute.forEach(arrWebRoute => {
         let intFindIndex: number = -1;
         if (arrWebRoute.meta.an_id) {
             intFindIndex = existsInTestARR(arrWebRoute.meta.an_id, arrAdminRole);
         }
 
-        // 拿前端路由 和 后端返回的路由对比，如果不存在，则隐藏，这里要区分是否目录
         if (arrWebRoute.meta.an_id && intFindIndex == -1) {
             arrWebRoute.meta.isHide = true;
         }
@@ -439,22 +300,19 @@ export function updateWebRoutes(arrWebRoute: WebRoute[], arrAdminRole: AdminRole
                 arrWebRoute.meta.isHide = true;
             }
 
-            if (arrAdminRole[intFindIndex].admin_role_node.an_is_dir == 1) {
-                // 如果 这个是目录且 没有子节点 那么隐藏
-                if (existsInPid(arrWebRoute.meta.an_id, arrAdminRole) == "-1") {
-                    arrWebRoute.meta.isHide = true;
-                }
-
-                // 如果有子节点 但是里面的子节点最少保持一个展示的，如果一个展示的子节点都没有，那么隐藏这个目录
-                if (existsInPid(arrWebRoute.meta.an_id, arrAdminRole) != "-1") {
-                    // 遍历这个数组 arrAdminRole , 里面的元素 am_pid == arrWebRoute.meta.an_id 的所有元素，获取他的 an_is_hidden 是否有 0
-                    let intIndex = arrAdminRole.findIndex(
-                        item => item.admin_role_node.an_pid === arrWebRoute.meta.an_id && item.admin_role_node.an_is_hidden === 0
-                    );
-                    if (intIndex == "-1") {
+                if (arrAdminRole[intFindIndex].admin_role_node.an_is_dir == 1) {
+                    if (existsInPid(arrWebRoute.meta.an_id, arrAdminRole) === -1) {
                         arrWebRoute.meta.isHide = true;
                     }
-                }
+
+                    if (existsInPid(arrWebRoute.meta.an_id, arrAdminRole) !== -1) {
+                        let intIndex = arrAdminRole.findIndex(
+                            item => item.admin_role_node.an_pid === arrWebRoute.meta.an_id && item.admin_role_node.an_is_hidden === 0
+                        );
+                        if (intIndex === -1) {
+                            arrWebRoute.meta.isHide = true;
+                        }
+                    }
             }
             arrWebRoute.meta.title = arrAdminRole[intFindIndex].admin_role_node.an_name;
         }
@@ -467,53 +325,29 @@ export function updateWebRoutes(arrWebRoute: WebRoute[], arrAdminRole: AdminRole
     return arrWebRoute;
 }
 
-/**
- * 检测存储的数组中是否包含指定的值
- * @param {string | number} value - 要检测的值
- * @param {string} storageKey - 存储在 localStorage 中的键名
- * @returns {boolean} - 如果存储的数组中包含指定的值，则返回 true，否则返回 false
- */
 export function checkStoredValue(value, storageKey = "arrAdminNodeAnId") {
-    // 从 localStorage 中获取存储的字符串
     const storedData = localStorage.getItem(storageKey);
 
-    // 将字符串解析为数组
     const storedArray = storedData ? JSON.parse(storedData) : [];
 
-    // 检测数组中是否包含指定的值
     const isValueIncluded = storedArray.includes(value);
 
     return isValueIncluded;
 }
 
-/**
- * 检测 是不是数据超级管理员
- * @param {string | number} value - 要检测的值
- * @param {string} storageKey - 存储在 localStorage 中的键名
- * @returns {boolean} - 如果存储的数组中包含指定的值，则返回 true，否则返回 false
- */
 export function checkCSuperpower(storageKey = "admin_info_data") {
-    // 从 localStorage 中获取存储的字符串
     const storedData = localStorage.getItem(storageKey);
 
-    // 将字符串解析为数组
     const storedArray = storedData ? JSON.parse(storedData) : [];
 
-    // 检测数组中是否包含指定的值
     if (storedArray.company.c_superpower == 1) {
         return true;
     } else {
         return false;
     }
 
-    //return isValueIncluded;
 }
 
-/**
- * 打开新窗口的函数，根据传入的域名自动拼接协议并打开新窗口。
- * @param {string} domain - 要打开的域名。
- */
 export const openNewWindowFun = domain => {
-    // 使用 window.open 打开新窗口
     window.open(domain, "_blank");
 };
diff --git a/src/utils/is/index.ts b/src/utils/is/index.ts
index ff77fbd..570c1fd 100644
--- a/src/utils/is/index.ts
+++ b/src/utils/is/index.ts
@@ -1,125 +1,71 @@
-/**
- * @description: 判断值是否未某个类型
- */
 export function is(val: unknown, type: string) {
     return Object.prototype.toString.call(val) === `[object ${type}]`;
 }
 
-/**
- * @description:  是否为函数
- */
 export function isFunction<T = Function>(val: unknown): val is T {
     return is(val, "Function");
 }
 
-/**
- * @description: 是否已定义
- */
 export const isDef = <T = unknown>(val?: T): val is T => {
     return typeof val !== "undefined";
 };
 
-/**
- * @description: 是否未定义
- */
 export const isUnDef = <T = unknown>(val?: T): val is T => {
     return !isDef(val);
 };
 
-/**
- * @description: 是否为对象
- */
 export const isObject = (val: any): val is Record<any, any> => {
     return val !== null && is(val, "Object");
 };
 
-/**
- * @description:  是否为时间
- */
 export function isDate(val: unknown): val is Date {
     return is(val, "Date");
 }
 
-/**
- * @description:  是否为数值
- */
 export function isNumber(val: unknown): val is number {
     return is(val, "Number");
 }
 
-/**
- * @description:  是否为AsyncFunction
- */
 export function isAsyncFunction<T = any>(val: unknown): val is Promise<T> {
     return is(val, "AsyncFunction");
 }
 
-/**
- * @description:  是否为promise
- */
 export function isPromise<T = any>(val: unknown): val is Promise<T> {
     return is(val, "Promise") && isObject(val) && isFunction(val.then) && isFunction(val.catch);
 }
 
-/**
- * @description:  是否为字符串
- */
 export function isString(val: unknown): val is string {
     return is(val, "String");
 }
 
-/**
- * @description:  是否为boolean类型
- */
 export function isBoolean(val: unknown): val is boolean {
     return is(val, "Boolean");
 }
 
-/**
- * @description:  是否为数组
- */
 export function isArray(val: any): val is Array<any> {
     return val && Array.isArray(val);
 }
 
-/**
- * @description: 是否客户端
- */
 export const isClient = () => {
     return typeof window !== "undefined";
 };
 
-/**
- * @description: 是否为浏览器
- */
 export const isWindow = (val: any): val is Window => {
     return typeof window !== "undefined" && is(val, "Window");
 };
 
-/**
- * @description: 是否为 element 元素
- */
 export const isElement = (val: unknown): val is Element => {
     return isObject(val) && !!val.tagName;
 };
 
-/**
- * @description: 是否为 null
- */
 export function isNull(val: unknown): val is null {
     return val === null;
 }
 
-/**
- * @description: 是否为 null || undefined
- */
 export function isNullOrUnDef(val: unknown): val is null | undefined {
     return isUnDef(val) || isNull(val);
 }
 
-/**
- * @description: 是否为 16 进制颜色
- */
 export const isHexColor = (str: string) => {
     return /^#?([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/.test(str);
 };
diff --git a/src/utils/mittBus.ts b/src/utils/mittBus.ts
index 1ab1228..c57dccb 100644
--- a/src/utils/mittBus.ts
+++ b/src/utils/mittBus.ts
@@ -1,5 +1,5 @@
-import mitt from "mitt";
-
-const mittBus = mitt();
-
-export default mittBus;
+import mitt from "mitt";
+
+const mittBus = mitt();
+
+export default mittBus;
diff --git a/src/utils/serviceDict.ts b/src/utils/serviceDict.ts
index 1fffa27..9ce8783 100644
--- a/src/utils/serviceDict.ts
+++ b/src/utils/serviceDict.ts
@@ -1,202 +1,142 @@
-// ? 系统全局字典
-
-// 0=启用，1=禁用
 export const arrAuStatusSwitch = [
-    { label: "启用", value: 0 },
-    { label: "禁用", value: 1 }
-];
-/**
- * @description：用户性别
- */
+    { label: "启用", value: 0 },
+    { label: "禁用", value: 1 }
+];
 export const arrGenderType = [
-    { label: "男", value: 1 },
-    { label: "女", value: 2 }
-];
-
-/**
- * @description：用户状态
- */
+    { label: "男", value: 1 },
+    { label: "女", value: 2 }
+];
+
 export const arrUserStatus = [
-    { label: "启用", value: 1 },
-    { label: "禁用", value: 0 }
-];
-
-/**
- * @description：DNS账户状态
- */
+    { label: "启用", value: 1 },
+    { label: "禁用", value: 0 }
+];
+
 export const arrPermissionStatus = [
-    { label: "否", value: 0 },
-    { label: "是", value: 1 }
-];
-/**
- * @description
- */
+    { label: "否", value: 0 },
+    { label: "是", value: 1 }
+];
 export const arrReTypeStatus = [
-    { label: "普通", value: 0, type: "danger" },
-    { label: "VIP", value: 1, type: "success" },
-    { label: "", value: 2, type: "info" }
-];
-
-/**
- * @description：计划任务
- */
+    { label: "普通", value: 0, type: "danger" },
+    { label: "VIP", value: 1, type: "success" },
+    { label: "", value: 2, type: "info" }
+];
+
 export const arrPlanSwitch = [
-    { label: "关闭", value: 0 },
-    { label: "开启", value: 1 }
-];
-/**
- * @description：通知类型是否启用
- */
+    { label: "关闭", value: 0 },
+    { label: "开启", value: 1 }
+];
 export const arrNoticeSwitch = [
-    { label: "否", value: 0 },
-    { label: "是", value: 1 }
-];
-
-/**
- * @description：上下架
- */
+    { label: "否", value: 0 },
+    { label: "是", value: 1 }
+];
+
 export const arrSxStatus = [
-    { label: "下架", value: 0 },
-    { label: "上架", value: 1 }
-];
-/**
- * @description：发布状态:0=连载中,1=已完结
- */
+    { label: "下架", value: 0 },
+    { label: "上架", value: 1 }
+];
 export const arrWjLzStatus = [
-    { label: "连载中", value: 0 },
-    { label: "已完结", value: 1 }
-];
-
-/**
- * @description：资源类型 0=>视频,1=>漫画,2=>图册,3=>小说
- */
+    { label: "连载中", value: 0 },
+    { label: "已完结", value: 1 }
+];
+
 export const arrResourcesType = [
-    { label: "视频", value: 0 },
-    { label: "漫画", value: 1 },
-    { label: "图册", value: 2 },
-    { label: "小说", value: 3 }
-];
-
-/**
- * @description：主题模板 蓝色，黑色，黄色，粉色
- */
+    { label: "视频", value: 0 },
+    { label: "漫画", value: 1 },
+    { label: "图册", value: 2 },
+    { label: "小说", value: 3 }
+];
+
 export const arrColorType = [
-    { label: "蓝色", value: "blue" },
-    { label: "黑色", value: "black" },
-    { label: "黄色", value: "yellow" },
-    { label: "粉色", value: "pink" }
-];
-/**
- * @description：精彩类型 0=>普通,1=>精彩
- */
+    { label: "蓝色", value: "blue" },
+    { label: "黑色", value: "black" },
+    { label: "黄色", value: "yellow" },
+    { label: "粉色", value: "pink" }
+];
 export const arrWonderfulType = [
-    { label: "普通", value: 0 },
-    { label: "精彩", value: 1 }
-];
-/**
- * @description：推荐类型 0=>普通,1=>推荐
- */
+    { label: "普通", value: 0 },
+    { label: "精彩", value: 1 }
+];
 export const arrRecommendType = [
-    { label: "普通", value: 0 },
-    { label: "推荐", value: 1 }
-];
-
-/**
- * @description：推荐类型 0=>普通,1=>VIP
- */
+    { label: "普通", value: 0 },
+    { label: "推荐", value: 1 }
+];
+
 export const arrVipType = [
-    { label: "普通", value: 0 },
-    { label: "VIP", value: 1 }
-];
-
-/**
- * @description：推荐类型 0=普通,1=推荐,2=精彩。默认0 |
- */
+    { label: "普通", value: 0 },
+    { label: "VIP", value: 1 }
+];
+
 export const arrNovelType = [
-    { label: "普通", value: 0 },
-    { label: "推荐", value: 1 },
-    { label: "精彩", value: 2 }
-];
-
-/**
- * @description 状态: 0=视频卡顿 1=没有字幕 2=出现黑屏 3=其他原因
- */
+    { label: "普通", value: 0 },
+    { label: "推荐", value: 1 },
+    { label: "精彩", value: 2 }
+];
+
 export const arrReasonType = [
-    { label: "视频卡顿", value: 0 },
-    { label: "没有字幕", value: 1 },
-    { label: "出现黑屏", value: 2 },
-    { label: "其他原因", value: 3 }
-];
-/**
- * @description 广告类型: a_type
- */
+    { label: "视频卡顿", value: 0 },
+    { label: "没有字幕", value: 1 },
+    { label: "出现黑屏", value: 2 },
+    { label: "其他原因", value: 3 }
+];
 export const arrAdType = [
-    { label: "站内", value: 0 },
-    { label: "站外", value: 1 }
-];
-
-/**
- * @description 支付状态：0 未支付，1 已支付，2 已过期
- */
+    { label: "站内", value: 0 },
+    { label: "站外", value: 1 }
+];
+
 export const arrVoStatus = [
-    { label: "未支付", value: 0, type: "danger" },
-    { label: "已支付", value: 1, type: "success" },
-    { label: "已过期", value: 2, type: "info" }
-];
-
-/**
- * @description 操作类型：-1=减少, 0=不操作, 1=增加
- */
+    { label: "未支付", value: 0, type: "danger" },
+    { label: "已支付", value: 1, type: "success" },
+    { label: "已过期", value: 2, type: "info" }
+];
+
 export const arrFtOperation = [
-    { label: "减少", value: -1, type: "danger", index: 0 },
-    { label: "不操作", value: 0, type: "info", index: 1 },
-    { label: "增加", value: 1, type: " success", index: 2 }
-];
-
-/**
- * @description 问题类型:0=未到账,1=少充,2=多充，默认0
- */
+    { label: "减少", value: -1, type: "danger", index: 0 },
+    { label: "不操作", value: 0, type: "info", index: 1 },
+    { label: "增加", value: 1, type: " success", index: 2 }
+];
+
 export const arrProblemOperation = [
-    { label: "未到账", value: 0, type: "danger", index: 0 },
-    { label: "少充", value: 1, type: "info", index: 1 },
-    { label: "多充", value: 2, type: " success", index: 2 }
-];
-
-export const shortcuts = [
-    {
-        text: "最近一周",
-        value: () => {
-            const end = new Date();
-            const start = new Date();
-            start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
-            return [start, end];
-        }
-    },
-    {
-        text: "最近一个月",
-        value: () => {
-            const end = new Date();
-            const start = new Date();
-            start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
-            return [start, end];
-        }
-    },
-    {
-        text: "最近三个月",
-        value: () => {
-            const end = new Date();
-            const start = new Date();
-            start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
-            return [start, end];
-        }
-    },
-    {
-        text: "最近六个月",
-        value: () => {
-            const end = new Date();
-            const start = new Date();
-            start.setTime(start.getTime() - 3600 * 1000 * 24 * 180);
-            return [start, end];
-        }
-    }
-];
+    { label: "未到账", value: 0, type: "danger", index: 0 },
+    { label: "少充", value: 1, type: "info", index: 1 },
+    { label: "多充", value: 2, type: " success", index: 2 }
+];
+
+export const shortcuts = [
+    {
+        text: "最近一周",
+        value: () => {
+            const end = new Date();
+            const start = new Date();
+            start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
+            return [start, end];
+        }
+    },
+    {
+        text: "最近一个月",
+        value: () => {
+            const end = new Date();
+            const start = new Date();
+            start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
+            return [start, end];
+        }
+    },
+    {
+        text: "最近三个月",
+        value: () => {
+            const end = new Date();
+            const start = new Date();
+            start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
+            return [start, end];
+        }
+    },
+    {
+        text: "最近六个月",
+        value: () => {
+            const end = new Date();
+            const start = new Date();
+            start.setTime(start.getTime() - 3600 * 1000 * 24 * 180);
+            return [start, end];
+        }
+    }
+];
diff --git a/src/utils/svg.ts b/src/utils/svg.ts
index 0c191c9..5245259 100644
--- a/src/utils/svg.ts
+++ b/src/utils/svg.ts
@@ -1,6 +1,4 @@
-/**
- * @description Loading Svg
- */
+
 export const loadingSvg = `
 <path class="path" d="
 	M 30 15
diff --git a/src/views/ad/config/drawer.vue b/src/views/ad/config/drawer.vue
index 74cd04e..a0f5a97 100644
--- a/src/views/ad/config/drawer.vue
+++ b/src/views/ad/config/drawer.vue
@@ -9,7 +9,7 @@
             :model="drawerProps.row"
             :hide-required-asterisk="drawerProps.isView"
         >
-            <el-form-item v-for="e in formColumns" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
+            <el-form-item v-for="e in formColumns()" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
                 <template v-if="e.type === 'switch'">
                     <el-switch
                         v-model="e.value"
@@ -62,7 +62,7 @@
 </template>
 
 <script setup lang="ts" name="UserDrawer">
-import { ref, computed } from "vue";
+import { ref } from "vue";
 import { ElMessage, FormInstance } from "element-plus";
 import { ConfigList } from "@/api/interface/ad/config";
 type Options = {
@@ -104,7 +104,7 @@ const generateRules = (fields: Fields[]) => {
     );
 };
 
-const formColumns = computed((): Fields[] => {
+const formColumns = (): Fields[] => {
     return [
         {
             label: "配置编码",
@@ -120,7 +120,7 @@ const formColumns = computed((): Fields[] => {
             required: true
         },
         {
-            label: "描述",
+            label: "配置说明",
             prop: "ggpz_description",
             type: "text",
             disabled: true,
@@ -145,7 +145,7 @@ const formColumns = computed((): Fields[] => {
             required: true
         }
     ];
-});
+};
 const rules = ref();
 
 interface DrawerProps {
@@ -154,6 +154,7 @@ interface DrawerProps {
     row: Partial<ConfigList.ResList>;
     api?: (params: any) => Promise<any>;
     getTableList?: () => void;
+    successMessage?: string;
 }
 
 const drawerVisible = ref(false);
@@ -163,25 +164,25 @@ const drawerProps = ref<DrawerProps>({
     row: {}
 });
 
-// 接收父组件传过来的参数
 const acceptParams = (params: DrawerProps) => {
     drawerProps.value = params;
-    rules.value = generateRules(formColumns.value);
+    rules.value = generateRules(formColumns());
     drawerVisible.value = true;
 };
 
-// 提交数据（新增/编辑）
 const ruleFormRef = ref<FormInstance>();
 const handleSubmit = () => {
     ruleFormRef.value!.validate(async valid => {
         if (!valid) return;
         try {
             await drawerProps.value.api!(drawerProps.value.row);
-            ElMessage.success({ message: `${drawerProps.value.title}成功！` });
+            ElMessage.success({
+                message: drawerProps.value.successMessage || `${drawerProps.value.title}完成，已刷新列表`
+            });
             drawerProps.value.getTableList!();
             drawerVisible.value = false;
-        } catch (error) {
-            console.log(error);
+        } catch (_error) {
+            return;
         }
     });
 };
diff --git a/src/views/ad/config/index.vue b/src/views/ad/config/index.vue
index e1e6622..0fad340 100644
--- a/src/views/ad/config/index.vue
+++ b/src/views/ad/config/index.vue
@@ -7,24 +7,11 @@
             :request-api="getTableList"
             :data-callback="dataCallback"
         >
-            <!-- 表格操作 -->
-            <template #tableHeader="scope">
-                <el-button type="primary" style="display: none" :icon="CirclePlus" @click="openDrawer(true)">新增</el-button>
-                <el-button
-                    style="display: none"
-                    type="danger"
-                    :icon="Delete"
-                    plain
-                    :disabled="!scope.isSelected"
-                    @click="batchDelete(scope.selectedList)"
-                >
-                    批量删除配置
-                </el-button>
+            <template #empty>
+                <el-empty description="暂无广告配置" />
             </template>
-            <!-- 表格操作 -->
             <template #operation="scope">
-                <el-button type="primary" :icon="EditPen" @click="openDrawer(false, scope.row)">编辑</el-button>
-                <el-button type="danger" style="display: none" :icon="Delete" @click="deleteAccount(scope.row)">删除</el-button>
+                <el-button type="primary" link :icon="EditPen" @click="openDrawer(scope.row)">编辑</el-button>
             </template>
         </ProTable>
         <Drawer ref="drawerRef" />
@@ -33,18 +20,16 @@
 
 <script lang="tsx" setup name="ConfigList">
 import { reactive, ref } from "vue";
-import { useHandleData } from "@/hooks/useHandleData";
 import ProTable from "@/components/ProTable/index.vue";
-import { Delete, EditPen, CirclePlus } from "@element-plus/icons-vue";
+import { EditPen } from "@element-plus/icons-vue";
 import { ColumnProps, ProTableInstance } from "@/components/ProTable/interface";
 import { ConfigList } from "@/api/interface/ad/config";
-import { getList, saveData, deleteItem } from "@/api/modules/ad/config";
+import { getList, saveData } from "@/api/modules/ad/config";
 import Drawer from "./drawer.vue";
-// ProTable 实例
 const proTable = ref<ProTableInstance>();
 
 const initParam = reactive({
-    limit: 15,
+    limit: 25,
     page: 1
 });
 
@@ -65,15 +50,16 @@ const getTableList = (params: any) => {
     return getList(newParams);
 };
 
-// 表格配置项
-const columns = reactive<ColumnProps<ConfigList.ResList>[]>([
-    { type: "selection", fixed: "left", width: 50 },
+const columns = ref<ColumnProps[]>([
     {
         prop: "key",
-        label: "查询关键字",
+        label: "配置编码 / ID",
         isShow: false,
         search: {
-            el: "input"
+            el: "input",
+            props: {
+                placeholder: "请输入配置编码或 ID"
+            }
         }
     },
     {
@@ -83,42 +69,31 @@ const columns = reactive<ColumnProps<ConfigList.ResList>[]>([
     },
     {
         prop: "ggpz_code",
-        label: "配置编码"
+        label: "配置编码",
+        showOverflowTooltip: true
     },
     {
         prop: "ggpz_val",
-        label: "配置值"
+        label: "配置值",
+        showOverflowTooltip: true
     },
     {
         prop: "ggpz_description",
-        label: "描述"
+        label: "配置说明",
+        showOverflowTooltip: true
     },
-    { prop: "operation", label: "操作", fixed: "right", width: 150 }
+    { prop: "operation", label: "操作", fixed: "right", width: 90 }
 ]);
 
-// 删除信息
-const deleteAccount = async (params: ConfigList.ResList) => {
-    await useHandleData(deleteItem, { ggpz_id: String(params.ggpz_id) }, "删除所选信息");
-    proTable.value?.getTableList();
-};
-
-// 批量删除信息
-const batchDelete = async (id: any[]) => {
-    const ids = id.map((item: ConfigList.ResList) => item.ggpz_id);
-    await useHandleData(deleteItem, { ggpz_id: ids.join(",") }, "删除所选信息");
-    proTable.value?.clearSelection();
-    proTable.value?.getTableList();
-};
-
-// 打开 drawer(新增、编辑)
 const drawerRef = ref<InstanceType<typeof Drawer> | null>(null);
 
-const openDrawer = (isEdit: boolean, row: Partial<ConfigList.ResList> = {}) => {
+const openDrawer = (row: Partial<ConfigList.ResList> = {}) => {
     const params = {
-        title: isEdit ? "新增配置" : "编辑配置",
+        title: "编辑广告配置",
         row: { ...row },
         api: saveData,
-        getTableList: proTable.value?.getTableList
+        getTableList: proTable.value?.getTableList,
+        successMessage: "广告配置保存完成，已刷新列表"
     };
     drawerRef.value?.acceptParams(params as any);
 };
diff --git a/src/views/ad/group/drawer.vue b/src/views/ad/group/drawer.vue
index c4e5853..2caedf5 100644
--- a/src/views/ad/group/drawer.vue
+++ b/src/views/ad/group/drawer.vue
@@ -9,7 +9,7 @@
             :model="drawerProps.row"
             :hide-required-asterisk="drawerProps.isView"
         >
-            <el-form-item v-for="e in formColumns" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
+            <el-form-item v-for="e in formColumns()" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
                 <template v-if="e.type === 'switch'">
                     <el-switch
                         v-model="e.value"
@@ -62,7 +62,7 @@
 </template>
 
 <script setup lang="ts" name="UserDrawer">
-import { ref, computed } from "vue";
+import { ref } from "vue";
 import { ElMessage, FormInstance } from "element-plus";
 import { GroupList } from "@/api/interface/ad/group";
 type Options = {
@@ -103,7 +103,7 @@ const generateRules = (fields: Fields[]) => {
     );
 };
 
-const formColumns = computed((): Fields[] => {
+const formColumns = (): Fields[] => {
     return [
         {
             label: "分组名称",
@@ -130,7 +130,7 @@ const formColumns = computed((): Fields[] => {
             required: true
         }
     ];
-});
+};
 const rules = ref();
 
 interface DrawerProps {
@@ -139,6 +139,7 @@ interface DrawerProps {
     row: Partial<GroupList.ResList>;
     api?: (params: any) => Promise<any>;
     getTableList?: () => void;
+    successMessage?: string;
 }
 
 const drawerVisible = ref(false);
@@ -148,25 +149,25 @@ const drawerProps = ref<DrawerProps>({
     row: {}
 });
 
-// 接收父组件传过来的参数
 const acceptParams = (params: DrawerProps) => {
     drawerProps.value = params;
-    rules.value = generateRules(formColumns.value);
+    rules.value = generateRules(formColumns());
     drawerVisible.value = true;
 };
 
-// 提交数据（新增/编辑）
 const ruleFormRef = ref<FormInstance>();
 const handleSubmit = () => {
     ruleFormRef.value!.validate(async valid => {
         if (!valid) return;
         try {
             await drawerProps.value.api!(drawerProps.value.row);
-            ElMessage.success({ message: `${drawerProps.value.title}成功！` });
+            ElMessage.success({
+                message: drawerProps.value.successMessage || `${drawerProps.value.title}完成，已刷新列表`
+            });
             drawerProps.value.getTableList!();
             drawerVisible.value = false;
-        } catch (error) {
-            console.log(error);
+        } catch (_error) {
+            return;
         }
     });
 };
diff --git a/src/views/ad/group/index.vue b/src/views/ad/group/index.vue
index 9afc740..0a676df 100644
--- a/src/views/ad/group/index.vue
+++ b/src/views/ad/group/index.vue
@@ -7,9 +7,11 @@
             :request-api="getTableList"
             :data-callback="dataCallback"
         >
-            <!-- 表格操作 -->
+            <template #empty>
+                <el-empty description="暂无广告分组" />
+            </template>
             <template #tableHeader="scope">
-                <el-button type="primary" :icon="CirclePlus" @click="openDrawer(true)">新增</el-button>
+                <el-button type="primary" :icon="CirclePlus" @click="openDrawer(true)">新增广告分组</el-button>
                 <el-button
                     type="danger"
                     :icon="Delete"
@@ -17,13 +19,12 @@
                     :disabled="!scope.isSelected"
                     @click="batchDelete(scope.selectedList)"
                 >
-                    批量删除分组
+                    批量删除广告分组
                 </el-button>
             </template>
-            <!-- 表格操作 -->
             <template #operation="scope">
-                <el-button type="primary" :icon="EditPen" @click="openDrawer(false, scope.row)">编辑</el-button>
-                <el-button type="danger" :icon="Delete" @click="deleteAccount(scope.row)">删除</el-button>
+                <el-button type="primary" link :icon="EditPen" @click="openDrawer(false, scope.row)">编辑</el-button>
+                <el-button type="danger" link :icon="Delete" @click="deleteAccount(scope.row)">删除</el-button>
             </template>
         </ProTable>
         <Drawer ref="drawerRef" />
@@ -39,11 +40,10 @@ import { ColumnProps, ProTableInstance } from "@/components/ProTable/interface";
 import { GroupList } from "@/api/interface/ad/group";
 import { getList, saveData, deleteItem } from "@/api/modules/ad/group";
 import Drawer from "./drawer.vue";
-// ProTable 实例
 const proTable = ref<ProTableInstance>();
 
 const initParam = reactive({
-    limit: 15,
+    limit: 25,
     page: 1
 });
 
@@ -64,15 +64,17 @@ const getTableList = (params: any) => {
     return getList(newParams);
 };
 
-// 表格配置项
-const columns = reactive<ColumnProps<GroupList.ResList>[]>([
+const columns = ref<ColumnProps[]>([
     { type: "selection", fixed: "left", width: 50 },
     {
         prop: "key",
-        label: "查询关键字",
+        label: "分组名称 / 编码 / ID",
         isShow: false,
         search: {
-            el: "input"
+            el: "input",
+            props: {
+                placeholder: "请输入分组名称、编码或 ID"
+            }
         }
     },
     {
@@ -82,38 +84,43 @@ const columns = reactive<ColumnProps<GroupList.ResList>[]>([
     },
     {
         prop: "ggfz_name",
-        label: "分组名称"
+        label: "分组名称",
+        showOverflowTooltip: true
     },
     {
         prop: "ggfz_code",
-        label: "分组编码"
+        label: "分组编码",
+        showOverflowTooltip: true
     },
-    { prop: "operation", label: "操作", fixed: "right", width: 230 }
+    { prop: "operation", label: "操作", fixed: "right", width: 165 }
 ]);
 
-// 删除信息
 const deleteAccount = async (params: GroupList.ResList) => {
-    await useHandleData(deleteItem, { ggfz_id: String(params.ggfz_id) }, "删除所选信息");
+    await useHandleData(
+        deleteItem,
+        { ggfz_id: String(params.ggfz_id) },
+        `删除广告分组【${params.ggfz_name || params.ggfz_id}】`,
+        "广告分组删除完成，已刷新列表"
+    );
     proTable.value?.getTableList();
 };
 
-// 批量删除信息
 const batchDelete = async (id: any[]) => {
     const ids = id.map((item: GroupList.ResList) => item.ggfz_id);
-    await useHandleData(deleteItem, { ggfz_id: ids.join(",") }, "删除所选信息");
+    await useHandleData(deleteItem, { ggfz_id: ids.join(",") }, "批量删除所选广告分组", "广告分组批量删除完成，已刷新列表");
     proTable.value?.clearSelection();
     proTable.value?.getTableList();
 };
 
-// 打开 drawer(新增、编辑)
 const drawerRef = ref<InstanceType<typeof Drawer> | null>(null);
 
-const openDrawer = (isEdit: boolean, row: Partial<GroupList.ResList> = {}) => {
+const openDrawer = (isCreate: boolean, row: Partial<GroupList.ResList> = {}) => {
     const params = {
-        title: isEdit ? "新增分组" : "编辑分组",
+        title: isCreate ? "新增广告分组" : "编辑广告分组",
         row: { ...row },
         api: saveData,
-        getTableList: proTable.value?.getTableList
+        getTableList: proTable.value?.getTableList,
+        successMessage: isCreate ? "广告分组新增完成，已刷新列表" : "广告分组保存完成，已刷新列表"
     };
     drawerRef.value?.acceptParams(params as any);
 };
diff --git a/src/views/ad/list/cloneDrawer.vue b/src/views/ad/list/cloneDrawer.vue
deleted file mode 100644
index 1810316..0000000
--- a/src/views/ad/list/cloneDrawer.vue
+++ /dev/null
@@ -1,227 +0,0 @@
-<template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="720" :title="`${drawerProps.title}`">
-        <el-form
-            ref="ruleFormRef"
-            label-width="90px"
-            label-position="top"
-            label-suffix=" :"
-            :rules="rules"
-            :disabled="drawerProps.isView"
-            :model="drawerProps.row"
-            :hide-required-asterisk="drawerProps.isView"
-        >
-            <el-form-item v-for="e in formColumns" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
-                <template v-if="e.type === 'switch'">
-                    <el-switch
-                        v-model="e.value"
-                        :active-value="`${1}`"
-                        :inactive-value="`${0}`"
-                        active-text="上架"
-                        inactive-text="下架"
-                    />
-                </template>
-                <template v-if="e.type === 'radio'">
-                    <el-radio-group v-model="e.value" class="ml-4">
-                        <el-radio v-for="item in e.options" :key="item.value" :value="item.value" size="large">{{
-                            item.label
-                        }}</el-radio>
-                    </el-radio-group>
-                </template>
-                <template v-if="e.type === 'select'">
-                    <el-select filterable v-model="e.value" :placeholder="`请选择${e.label}`" clearable>
-                        <el-option
-                            v-for="(item, index) in e.options"
-                            :key="index"
-                            :label="getField(item, e.fieldNames?.label)"
-                            :value="getField(item, e.fieldNames?.value)"
-                        />
-                    </el-select>
-                    <div>{{ e.describe }}</div>
-                </template>
-                <template v-if="e.type === 'text'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
-                    <div>{{ e.describe }}</div>
-                </template>
-                <template v-if="e.type === 'text-i'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'text-num'">
-                    <el-input v-model="e.value" type="number" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'textarea'">
-                    <el-input
-                        type="textarea"
-                        v-model="e.value"
-                        maxlength="3650"
-                        :placeholder="`请输入${e.label}`"
-                        show-word-limit
-                    />
-                </template>
-            </el-form-item>
-        </el-form>
-        <template #footer>
-            <el-button @click="drawerVisible = false">取消</el-button>
-            <el-button v-show="!drawerProps.isView" type="primary" @click="handleSubmit">确定</el-button>
-        </template>
-    </el-drawer>
-</template>
-
-<script setup lang="ts" name="UserDrawer">
-import { ref, computed } from "vue";
-import { ElMessage, FormInstance } from "element-plus";
-import { adList } from "@/api/interface/ad/list";
-import { getAllList } from "@/api/modules/site/list";
-type Options = {
-    label: string;
-    value: string | number;
-};
-
-const getField = (item: any, fieldName: string | undefined) => {
-    return fieldName ? item[fieldName] : "";
-};
-type Fields = {
-    label: string;
-    prop: string;
-    type: string;
-    value: any;
-    required: boolean;
-    options?: Options[];
-    fieldNames?: { label: string; value: string };
-    describe?: string;
-};
-const generateRules = (fields: Fields[]) => {
-    return fields.reduce(
-        (acc, field) => {
-            const { type, required, label, prop } = field;
-            let message = "";
-            if (type === "select") {
-                message = `请选择${label}`;
-            }
-            if (type === "tag") {
-                message = `请选择${label}`;
-            }
-            if (type === "radio") {
-                message = `请选择${label}`;
-            }
-            if (type === "text") {
-                message = `请输入${label}`;
-            }
-            if (type === "text-i") {
-                message = `请输入${label}`;
-            }
-            if (type === "text-num") {
-                message = `请输入${label}`;
-            }
-            if (type === "textarea") {
-                message = `请输入${label}`;
-            }
-            if (type === "image") {
-                message = `请上传${label}`;
-            }
-            if (type === "image-more") {
-                message = `请上传${label}`;
-            }
-            acc[prop] = [{ required, message }];
-            return acc;
-        },
-        {} as Record<string, any>
-    );
-};
-
-const getSiteList = ref([] as any);
-getAllList().then(res => {
-    getSiteList.value = res.data.item;
-});
-
-const formColumns = computed((): Fields[] => {
-    return [
-        {
-            label: "源站点",
-            prop: "source_si_id",
-            type: "select",
-            get value() {
-                return drawerProps.value.row!.source_si_id;
-            },
-            set value(val) {
-                drawerProps.value.row!.source_si_id = val;
-            },
-            options: getSiteList.value,
-            fieldNames: { label: "si_name", value: "si_id" },
-            required: true
-        },
-        {
-            label: "目标站点 ",
-            prop: "target_si_id",
-            type: "select",
-            describe: "注意：目标站点不能跟源站点一样",
-            get value() {
-                return drawerProps.value.row!.target_si_id;
-            },
-            set value(val) {
-                drawerProps.value.row!.target_si_id = val;
-            },
-            options: getSiteList.value,
-            fieldNames: { label: "si_name", value: "si_id" },
-            required: true
-        }
-    ];
-});
-const rules = ref();
-
-interface DrawerProps {
-    title: string;
-    isView: boolean;
-    row: Partial<adList.List>;
-    api?: (params: any) => Promise<any>;
-    getTableList?: () => void;
-    clearSelection?: () => void;
-}
-
-const drawerVisible = ref(false);
-const drawerProps = ref<DrawerProps>({
-    isView: false,
-    title: "",
-    row: {}
-});
-
-// 接收父组件传过来的参数
-const acceptParams = (params: DrawerProps) => {
-    drawerProps.value = params;
-    rules.value = generateRules(formColumns.value);
-    drawerVisible.value = true;
-};
-
-// 提交数据（新增/编辑）
-const ruleFormRef = ref<FormInstance>();
-const handleSubmit = () => {
-    ruleFormRef.value!.validate(async valid => {
-        if (!valid) return;
-        try {
-            const params = { ...drawerProps.value.row };
-            if (params.target_si_id == params.source_si_id) {
-                ElMessage.warning({ message: `目标站点不能跟源站点一样！` });
-                return;
-            }
-
-            await drawerProps.value.api!(params);
-            ElMessage.success({ message: `${drawerProps.value.title}成功！` });
-            drawerProps.value.getTableList!();
-            drawerProps.value.clearSelection!();
-            drawerVisible.value = false;
-        } catch (error) {
-            console.log(error);
-        }
-    });
-};
-
-defineExpose({
-    acceptParams
-});
-</script>
-<style lang="scss">
-.el-checkbox-button__inner {
-    margin-right: 10px;
-    margin-bottom: 10px;
-    border-left-color: #dcdfe6 !important;
-}
-</style>
diff --git a/src/views/ad/list/components/Drawer.vue b/src/views/ad/list/components/Drawer.vue
index 66752f8..2b2697a 100644
--- a/src/views/ad/list/components/Drawer.vue
+++ b/src/views/ad/list/components/Drawer.vue
@@ -9,25 +9,6 @@
             :model="drawerProps.row"
             :hide-required-asterisk="drawerProps.isView"
         >
-            <!-- <div class="c-two-columns">
-                <el-form-item style="width: 48%" label="广告标题" prop="gg_wen_zi">
-                    <el-input v-model="drawerProps.row.gg_wen_zi" placeholder="请输入广告标题" clearable />
-                </el-form-item>
-                <el-form-item style="width: 48%" label="类型" prop="gg_lei_xing">
-                    <el-radio-group v-model="drawerProps.row.gg_lei_xing" style="margin-top: -4px">
-                        <el-radio v-for="item in siteType" :key="item.value" :value="item.value" size="large">{{
-                            item.label
-                        }}</el-radio>
-                    </el-radio-group>
-                </el-form-item>
-                <el-form-item style="width: 48%" label="是否显示" prop="a_status">
-                    <el-radio-group v-model="drawerProps.row.a_status">
-                        <el-radio v-for="item in statusList" :key="item.value" :value="item.value" size="large">{{
-                            item.label
-                        }}</el-radio>
-                    </el-radio-group>
-                </el-form-item>
-            </div> -->
             <div class="c-two-columns">
                 <el-form-item style="width: 48%" label="广告标题" prop="gg_wen_zi">
                     <el-input v-model="drawerProps.row.gg_wen_zi" placeholder="请输入广告标题" clearable />
@@ -90,6 +71,7 @@ interface DrawerProps {
     row: Partial<adList.ResList>;
     api?: (params: any) => Promise<any>;
     getTableList?: () => void;
+    successMessage?: string;
 }
 
 const drawerVisible = ref(false);
@@ -99,15 +81,19 @@ const drawerProps = ref<DrawerProps>({
     row: {}
 });
 
-// 接收父组件传过来的参数
 const acceptParams = (params: DrawerProps) => {
     drawerProps.value = params;
+    if (drawerProps.value.title === "新增") {
+        drawerProps.value.row.gg_lei_xing ??= 0;
+        drawerProps.value.row.gg_status ??= 0;
+        drawerProps.value.row.gg_sort ??= 0;
+    }
     drawerVisible.value = true;
 };
 
 const idList = ref();
 
-// 获取分组ID列表
+
 getAllList().then(res => {
     idList.value = res.data.items;
 });
@@ -116,33 +102,34 @@ const statusList = reactive([
     { value: 0, label: "显示" },
     { value: 1, label: "隐藏" }
 ]);
-// 广告类型：0=图片，1=文字
+
 const siteType = reactive([
     { value: 0, label: "图片" },
     { value: 1, label: "文字" }
 ]);
 
-// /rolling顶部滚动（只支持文字）/top-left(左上)/top-right（右上）/bottom-left（左下）/bottom-right（右下）
-// const adType = reactive([
-//     { value: "pause", label: "暂停" },
-//     { value: "rolling", label: "顶部滚动" },
-//     { value: "top-left", label: "左上角" },
-//     { value: "top-right", label: "右上角" },
-//     { value: "bottom-left", label: "左下角" },
-//     { value: "bottom-right", label: "右下角" }
-// ]);
-// 提交数据（新增/编辑）
+
+
+
+
+
+
+
+
+
 const ruleFormRef = ref<FormInstance>();
 const handleSubmit = () => {
     ruleFormRef.value!.validate(async valid => {
         if (!valid) return;
         try {
             await drawerProps.value.api!(drawerProps.value.row);
-            ElMessage.success({ message: `${drawerProps.value.title}广告成功！` });
+            ElMessage.success({
+                message: drawerProps.value.successMessage || `${drawerProps.value.title}广告完成，已刷新列表`
+            });
             drawerProps.value.getTableList!();
             drawerVisible.value = false;
-        } catch (error) {
-            console.log(error);
+        } catch (_error) {
+            return;
         }
     });
 };
diff --git a/src/views/ad/list/index.vue b/src/views/ad/list/index.vue
index 4e3430f..0d91a1c 100644
--- a/src/views/ad/list/index.vue
+++ b/src/views/ad/list/index.vue
@@ -7,7 +7,9 @@
             :request-api="getTableList"
             :data-callback="dataCallback"
         >
-            <!-- 表格 header 按钮 -->
+            <template #empty>
+                <el-empty description="暂无广告数据" />
+            </template>
             <template #tableHeader="scope">
                 <el-button type="primary" :icon="CirclePlus" @click="openDrawer('新增')">新增广告</el-button>
                 <el-button
@@ -20,7 +22,6 @@
                     批量删除广告
                 </el-button>
             </template>
-            <!-- 表格操作 -->
             <template #operation="scope">
                 <el-button type="primary" link :icon="EditPen" @click="openDrawer('编辑', scope.row)">编辑</el-button>
                 <el-button type="danger" link :icon="Delete" @click="deleteAccount(scope.row)">删除</el-button>
@@ -40,19 +41,17 @@ import { useHandleData } from "@/hooks/useHandleData";
 import { DelApi, ListApi, SaveApi } from "@/api/modules/ad/list";
 import Drawer from "./components/Drawer.vue";
 import { adGroupAllListApi } from "@/api/modules/ad/group";
-<Drawer ref="drawerRef" />;
 
-// 视频分类
+
 const adGroupAllList = ref([] as any);
 adGroupAllListApi().then(res => {
     adGroupAllList.value = res.data.items;
 });
 
-// ProTable 实例
 const proTable = ref<ProTableInstance>();
 
 const initParam = reactive({
-    limit: 15,
+    limit: 25,
     page: 1
 });
 
@@ -73,15 +72,17 @@ const getTableList = (params: any) => {
     return ListApi(newParams);
 };
 
-// 表格配置项
-const columns = reactive<ColumnProps<adList.ResList>[]>([
+const columns = ref<ColumnProps[]>([
     { type: "selection", fixed: "left", width: 50 },
     {
         prop: "key",
-        label: "查询关键字",
+        label: "广告标题 / ID / 分组名称",
         isShow: false,
         search: {
-            el: "input"
+            el: "input",
+            props: {
+                placeholder: "请输入广告标题、ID 或分组名称"
+            }
         }
     },
     {
@@ -91,7 +92,8 @@ const columns = reactive<ColumnProps<adList.ResList>[]>([
     },
     {
         prop: "gg_wen_zi",
-        label: "广告标题"
+        label: "广告标题",
+        showOverflowTooltip: true
     },
     {
         prop: "gg_sort",
@@ -125,17 +127,18 @@ const columns = reactive<ColumnProps<adList.ResList>[]>([
     },
     {
         prop: "ggfz_name",
-        label: "分组"
+        label: "广告分组",
+        showOverflowTooltip: true
     },
     {
         prop: "ggfz_id",
-        label: "分组",
+        label: "广告分组",
         isShow: false,
         search: { el: "select", props: { filterable: true } },
         fieldNames: { label: "ggfz_name", value: "ggfz_id" },
         enum: adGroupAllList
     },
-    // 广告类型：0=图片，1=文字
+
     {
         prop: "gg_lei_xing",
         label: "广告类型",
@@ -149,7 +152,8 @@ const columns = reactive<ColumnProps<adList.ResList>[]>([
     },
     {
         prop: "gg_tiao_zhuan_di_zhi",
-        label: "跳转地址"
+        label: "跳转地址",
+        showOverflowTooltip: true
     },
     {
         prop: "gg_status",
@@ -162,23 +166,25 @@ const columns = reactive<ColumnProps<adList.ResList>[]>([
             );
         }
     },
-    { prop: "operation", label: "操作", fixed: "right", width: 230 }
+    { prop: "operation", label: "操作", fixed: "right", width: 165 }
 ]);
 
-// 删除广告
 const deleteAccount = async (params: adList.ResList) => {
-    await useHandleData(DelApi, { gg_id: String(params.gg_id) }, `删除所选信息`);
+    await useHandleData(
+        DelApi,
+        { gg_id: String(params.gg_id) },
+        `删除广告【${params.gg_wen_zi || params.gg_id}】`,
+        "广告删除完成，已刷新列表"
+    );
     proTable.value?.getTableList();
 };
-// 批量删除广告
 const batchDelete = async (id: any[]) => {
     const ids = id.map((item: adList.ResList) => item.gg_id);
-    await useHandleData(DelApi, { gg_id: ids.join(",") }, "删除所选信息");
+    await useHandleData(DelApi, { gg_id: ids.join(",") }, "批量删除所选广告", "广告批量删除完成，已刷新列表");
     proTable.value?.clearSelection();
     proTable.value?.getTableList();
 };
 
-// 打开 drawer(新增、查看、编辑)
 const drawerRef = ref<InstanceType<typeof Drawer> | null>(null);
 const openDrawer = (title: string, row: Partial<adList.ResList> = {}) => {
     const params = {
@@ -186,7 +192,8 @@ const openDrawer = (title: string, row: Partial<adList.ResList> = {}) => {
         api: SaveApi,
         getTableList: proTable.value?.getTableList,
         isView: title === "查看",
-        row: { ...row }
+        row: { ...row },
+        successMessage: title === "新增" ? "广告新增完成，已刷新列表" : "广告保存完成，已刷新列表"
     };
     drawerRef.value?.acceptParams(params);
 };
diff --git a/src/views/ad/list/modifyDrawer.vue b/src/views/ad/list/modifyDrawer.vue
deleted file mode 100644
index 3ed7bad..0000000
--- a/src/views/ad/list/modifyDrawer.vue
+++ /dev/null
@@ -1,294 +0,0 @@
-<template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="720" :title="`${drawerProps.title}`">
-        <el-form
-            ref="ruleFormRef"
-            label-width="80px"
-            label-suffix=" :"
-            :rules="rules"
-            :disabled="drawerProps.isView"
-            :model="drawerProps.row"
-            :hide-required-asterisk="drawerProps.isView"
-        >
-            <el-form-item v-for="e in formColumns" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
-                <template v-if="e.type === 'switch'">
-                    <el-switch
-                        v-model="e.value"
-                        :active-value="`${1}`"
-                        :inactive-value="`${0}`"
-                        active-text="上架"
-                        inactive-text="下架"
-                    />
-                </template>
-                <template v-if="e.type === 'radio'">
-                    <el-radio-group v-model="e.value" class="ml-4">
-                        <el-radio v-for="item in e.options" :key="item.value" :value="item.value" size="large">{{
-                            item.label
-                        }}</el-radio>
-                    </el-radio-group>
-                </template>
-                <template v-if="e.type === 'select'">
-                    <el-select filterable v-model="e.value" :placeholder="`请选择${e.label}`" clearable>
-                        <el-option
-                            v-for="(item, index) in e.options"
-                            :key="index"
-                            :label="getField(item, e.fieldNames?.label)"
-                            :value="getField(item, e.fieldNames?.value)"
-                        />
-                    </el-select>
-                    <div>{{ e.describe }}</div>
-                </template>
-                <template v-if="e.type === 'text'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'text-i'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'text-num'">
-                    <el-input v-model="e.value" type="number" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'textarea'">
-                    <el-input
-                        type="textarea"
-                        v-model="e.value"
-                        maxlength="3650"
-                        :placeholder="`请输入${e.label}`"
-                        show-word-limit
-                    />
-                </template>
-            </el-form-item>
-        </el-form>
-        <template #footer>
-            <el-button @click="drawerVisible = false">取消</el-button>
-            <el-button v-show="!drawerProps.isView" type="primary" @click="handleSubmit">确定</el-button>
-        </template>
-    </el-drawer>
-</template>
-
-<script setup lang="ts" name="UserDrawer">
-import { ref, computed, reactive } from "vue";
-import { ElMessage, FormInstance } from "element-plus";
-import { adList } from "@/api/interface/ad/list";
-import { arrAdType } from "@/utils/serviceDict";
-import { getAllList } from "@/api/modules/site/list";
-type Options = {
-    label: string;
-    value: string | number;
-};
-
-const getField = (item: any, fieldName: string | undefined) => {
-    return fieldName ? item[fieldName] : "";
-};
-type Fields = {
-    label: string;
-    prop: string;
-    type: string;
-    value: any;
-    required: boolean;
-    options?: Options[];
-    fieldNames?: { label: string; value: string };
-    describe?: string;
-};
-const generateRules = (fields: Fields[]) => {
-    return fields.reduce(
-        (acc, field) => {
-            const { type, required, label, prop } = field;
-            let message = "";
-            if (type === "select") {
-                message = `请选择${label}`;
-            }
-            if (type === "tag") {
-                message = `请选择${label}`;
-            }
-            if (type === "radio") {
-                message = `请选择${label}`;
-            }
-            if (type === "text") {
-                message = `请输入${label}`;
-            }
-            if (type === "text-i") {
-                message = `请输入${label}`;
-            }
-            if (type === "text-num") {
-                message = `请输入${label}`;
-            }
-            if (type === "textarea") {
-                message = `请输入${label}`;
-            }
-            if (type === "image") {
-                message = `请上传${label}`;
-            }
-            if (type === "image-more") {
-                message = `请上传${label}`;
-            }
-            acc[prop] = [{ required, message }];
-            return acc;
-        },
-        {} as Record<string, any>
-    );
-};
-const getSiteList = ref([] as any);
-getAllList().then(res => {
-    getSiteList.value = res.data.item;
-});
-
-const statusList = reactive([
-    { value: 0, label: "隐藏" },
-    { value: 1, label: "显示" }
-]);
-const formColumns = computed((): Fields[] => {
-    return [
-        {
-            label: "站点",
-            prop: "si_id",
-            type: "select",
-            describe: "注意：批量选择广告修改只会改变这里选中的站点广告",
-            get value() {
-                return drawerProps.value.row!.si_id;
-            },
-            set value(val) {
-                drawerProps.value.row!.si_id = val;
-            },
-            options: getSiteList.value,
-            fieldNames: { label: "si_name", value: "si_id" },
-            required: true
-        },
-        {
-            label: "广告标题",
-            prop: "a_title",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.a_title;
-            },
-            set value(val) {
-                drawerProps.value.row!.a_title = val;
-            },
-            required: false
-        },
-        {
-            label: "封面URL",
-            prop: "cover",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.cover;
-            },
-            set value(val) {
-                drawerProps.value.row!.cover = val;
-            },
-            required: false
-        },
-        {
-            label: "跳转URL",
-            prop: "target",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.target;
-            },
-            set value(val) {
-                drawerProps.value.row!.target = val;
-            },
-            required: false
-        },
-        {
-            label: "跳转类型",
-            prop: "link_type",
-            type: "radio",
-            get value() {
-                return drawerProps.value.row!.link_type;
-            },
-            set value(val) {
-                drawerProps.value.row!.link_type = val;
-            },
-            options: arrAdType,
-            fieldNames: { label: "label", value: "value" },
-            required: false
-        },
-        {
-            label: "是否显示",
-            prop: "a_status",
-            type: "radio",
-            get value() {
-                return drawerProps.value.row!.a_status;
-            },
-            set value(val) {
-                drawerProps.value.row!.a_status = val;
-            },
-            options: statusList,
-            fieldNames: { label: "label", value: "value" },
-            required: false
-        }
-    ];
-});
-const rules = ref();
-
-interface DrawerProps {
-    title: string;
-    isView: boolean;
-    row: Partial<adList.List>;
-    api?: (params: any) => Promise<any>;
-    getTableList?: () => void;
-    clearSelection?: () => void;
-}
-
-const drawerVisible = ref(false);
-const drawerProps = ref<DrawerProps>({
-    isView: false,
-    title: "",
-    row: {}
-});
-
-// 接收父组件传过来的参数
-const acceptParams = (params: DrawerProps) => {
-    drawerProps.value = params;
-    rules.value = generateRules(formColumns.value);
-    drawerVisible.value = true;
-};
-
-// 检查对象中除了 a_id 以外的其他字段是否都为空
-function isOtherFieldsEmpty(obj): boolean {
-    // 如果 link_type 的值为 '0' 或 '1'，则不做限制
-    if (obj.link_type === 0 || obj.link_type === 1) {
-        return false;
-    }
-    if (obj.a_status === 0 || obj.a_status === 1) {
-        return false;
-    }
-    // 获取除了 a_id 以外的其他字段
-    const otherFields = Object.keys(obj).filter(key => key !== "a_id" && key !== "si_id");
-    // 检查这些字段是否都为空
-    return otherFields.every(field => !obj[field]);
-}
-
-// 提交数据（新增/编辑）
-const ruleFormRef = ref<FormInstance>();
-const handleSubmit = () => {
-    ruleFormRef.value!.validate(async valid => {
-        if (!valid) return;
-        try {
-            const params = { ...drawerProps.value.row };
-            // 检查示例对象
-            if (isOtherFieldsEmpty(params)) {
-                ElMessage.warning({ message: `字段至少有一个值不能为空！` });
-                return;
-            }
-            await drawerProps.value.api!(params);
-            ElMessage.success({ message: `${drawerProps.value.title}成功！` });
-            drawerProps.value.getTableList!();
-            drawerProps.value.clearSelection!();
-            drawerVisible.value = false;
-        } catch (error) {
-            console.log(error);
-        }
-    });
-};
-
-defineExpose({
-    acceptParams
-});
-</script>
-<style lang="scss">
-.el-checkbox-button__inner {
-    margin-right: 10px;
-    margin-bottom: 10px;
-    border-left-color: #dcdfe6 !important;
-}
-</style>
diff --git a/src/views/ad/list/replaceDrawer.vue b/src/views/ad/list/replaceDrawer.vue
deleted file mode 100644
index 1eff00d..0000000
--- a/src/views/ad/list/replaceDrawer.vue
+++ /dev/null
@@ -1,247 +0,0 @@
-<template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="720" :title="`${drawerProps.title}`">
-        <el-form
-            ref="ruleFormRef"
-            label-width="80px"
-            label-suffix=" :"
-            :rules="rules"
-            :disabled="drawerProps.isView"
-            :model="drawerProps.row"
-            :hide-required-asterisk="drawerProps.isView"
-        >
-            <el-form-item v-for="e in formColumns" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
-                <template v-if="e.type === 'switch'">
-                    <el-switch
-                        v-model="e.value"
-                        :active-value="`${1}`"
-                        :inactive-value="`${0}`"
-                        active-text="上架"
-                        inactive-text="下架"
-                    />
-                </template>
-                <template v-if="e.type === 'radio'">
-                    <el-radio-group v-model="e.value" class="ml-4">
-                        <el-radio v-for="item in e.options" :key="item.value" :value="item.value" size="large">{{
-                            item.label
-                        }}</el-radio>
-                    </el-radio-group>
-                </template>
-                <template v-if="e.type === 'select'">
-                    <el-select filterable v-model="e.value" :placeholder="`请选择${e.label}`" clearable>
-                        <el-option
-                            v-for="(item, index) in e.options"
-                            :key="index"
-                            :label="getField(item, e.fieldNames?.label)"
-                            :value="getField(item, e.fieldNames?.value)"
-                        />
-                    </el-select>
-                </template>
-                <template v-if="e.type === 'text'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
-                    <div>{{ e.describe }}</div>
-                </template>
-                <template v-if="e.type === 'text-i'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'text-num'">
-                    <el-input v-model="e.value" type="number" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'textarea'">
-                    <el-input
-                        type="textarea"
-                        v-model="e.value"
-                        maxlength="3650"
-                        :placeholder="`请输入${e.label}`"
-                        show-word-limit
-                    />
-                </template>
-            </el-form-item>
-        </el-form>
-        <template #footer>
-            <el-button @click="drawerVisible = false">取消</el-button>
-            <el-button v-show="!drawerProps.isView" type="primary" @click="handleSubmit">确定</el-button>
-        </template>
-    </el-drawer>
-</template>
-
-<script setup lang="ts" name="UserDrawer">
-import { ref, computed } from "vue";
-import { ElMessage, FormInstance } from "element-plus";
-import { adList } from "@/api/interface/ad/list";
-import { getAllList } from "@/api/modules/site/list";
-type Options = {
-    label: string;
-    value: string | number;
-};
-
-const getField = (item: any, fieldName: string | undefined) => {
-    return fieldName ? item[fieldName] : "";
-};
-type Fields = {
-    label: string;
-    prop: string;
-    type: string;
-    value: any;
-    required: boolean;
-    options?: Options[];
-    fieldNames?: { label: string; value: string };
-    describe?: string;
-};
-const generateRules = (fields: Fields[]) => {
-    return fields.reduce(
-        (acc, field) => {
-            const { type, required, label, prop } = field;
-            let message = "";
-            if (type === "select") {
-                message = `请选择${label}`;
-            }
-            if (type === "tag") {
-                message = `请选择${label}`;
-            }
-            if (type === "radio") {
-                message = `请选择${label}`;
-            }
-            if (type === "text") {
-                message = `请输入${label}`;
-            }
-            if (type === "text-i") {
-                message = `请输入${label}`;
-            }
-            if (type === "text-num") {
-                message = `请输入${label}`;
-            }
-            if (type === "textarea") {
-                message = `请输入${label}`;
-            }
-            if (type === "image") {
-                message = `请上传${label}`;
-            }
-            if (type === "image-more") {
-                message = `请上传${label}`;
-            }
-            acc[prop] = [{ required, message }];
-            return acc;
-        },
-        {} as Record<string, any>
-    );
-};
-
-const getSiteList = ref([] as any);
-getAllList().then(res => {
-    getSiteList.value = res.data.item;
-});
-const formColumns = computed((): Fields[] => {
-    return [
-        {
-            label: "站 点",
-            prop: "si_id",
-            type: "select",
-            get value() {
-                return drawerProps.value.row!.si_id;
-            },
-            set value(val) {
-                drawerProps.value.row!.si_id = val;
-            },
-            options: getSiteList.value,
-            fieldNames: { label: "si_name", value: "si_id" },
-            required: true
-        },
-        {
-            label: "字 段",
-            prop: "column",
-            type: "select",
-            get value() {
-                return drawerProps.value.row!.column;
-            },
-            set value(val) {
-                drawerProps.value.row!.column = val;
-            },
-            options: [
-                { label: "封面URL", value: "cover" },
-                { label: "跳转URL", value: "target" }
-            ],
-            fieldNames: { label: "label", value: "value" },
-            required: true
-        },
-        {
-            label: "旧内容",
-            prop: "from",
-            type: "text",
-            describe: "",
-            get value() {
-                return drawerProps.value.row!.from;
-            },
-            set value(val) {
-                drawerProps.value.row!.from = val;
-            },
-            required: true
-        },
-        {
-            label: "新内容",
-            prop: "to",
-            type: "text",
-            describe: "",
-            get value() {
-                return drawerProps.value.row!.to;
-            },
-            set value(val) {
-                drawerProps.value.row!.to = val;
-            },
-            required: true
-        }
-    ];
-});
-const rules = ref();
-
-interface DrawerProps {
-    title: string;
-    isView: boolean;
-    row: Partial<adList.List>;
-    api?: (params: any) => Promise<any>;
-    getTableList?: () => void;
-    clearSelection?: () => void;
-}
-
-const drawerVisible = ref(false);
-const drawerProps = ref<DrawerProps>({
-    isView: false,
-    title: "",
-    row: {}
-});
-
-// 接收父组件传过来的参数
-const acceptParams = (params: DrawerProps) => {
-    drawerProps.value = params;
-    rules.value = generateRules(formColumns.value);
-    drawerVisible.value = true;
-};
-
-// 提交数据（新增/编辑）
-const ruleFormRef = ref<FormInstance>();
-const handleSubmit = () => {
-    ruleFormRef.value!.validate(async valid => {
-        if (!valid) return;
-        try {
-            const params = { ...drawerProps.value.row };
-            await drawerProps.value.api!(params);
-            ElMessage.success({ message: `${drawerProps.value.title}成功！` });
-            drawerProps.value.getTableList!();
-            drawerProps.value.clearSelection!();
-            drawerVisible.value = false;
-        } catch (error) {
-            console.log(error);
-        }
-    });
-};
-
-defineExpose({
-    acceptParams
-});
-</script>
-<style lang="scss">
-.el-checkbox-button__inner {
-    margin-right: 10px;
-    margin-bottom: 10px;
-    border-left-color: #dcdfe6 !important;
-}
-</style>
diff --git a/src/views/ad/template/index.vue b/src/views/ad/template/index.vue
index bef6781..b020813 100644
--- a/src/views/ad/template/index.vue
+++ b/src/views/ad/template/index.vue
@@ -1,52 +1,26 @@
 <template>
-    <div class="table-box">
-        <ProTable ref="proTable" highlight-current-row :columns="columns" :request-api="ListApi"></ProTable>
+    <div class="module-unavailable">
+        <el-alert title="广告模板列表未部署到当前 Linux 测试服" type="warning" :closable="false" show-icon />
+        <el-card class="module-unavailable__card" shadow="never">
+            <p>当前前端旧页面仍指向 `admin/ad/template/list`，实测会直接返回控制器不存在。</p>
+            <p>`ad/group`、`ad/list`、`ad/config` 仍属于当前测试服广告主线，但 `ad/template` 不在现有后端路由中。</p>
+            <p>本页先收为说明态，避免继续暴露会误导验收的假列表。</p>
+        </el-card>
     </div>
 </template>
 
-<script lang="tsx" setup name="adTemplate">
-import { adTemplate } from "@/api/interface/ad/list";
-import ProTable from "@/components/ProTable/index.vue";
-import { ColumnProps, ProTableInstance } from "@/components/ProTable/interface";
-import { reactive, ref } from "vue";
-import { ListApi } from "@/api/modules/ad/template";
+<style scoped lang="scss">
+.module-unavailable {
+    display: grid;
+    gap: 16px;
+}
 
-// ProTable 实例
-const proTable = ref<ProTableInstance>();
+.module-unavailable__card {
+    color: var(--el-text-color-regular);
+    line-height: 1.8;
+}
 
-// 表格配置项
-const columns = reactive<ColumnProps<adTemplate.List>[]>([
-    {
-        prop: "key",
-        label: "查询关键字",
-        isShow: false,
-        search: {
-            el: "input"
-        }
-    },
-    {
-        prop: "at_id",
-        label: "ID",
-        width: 100
-    },
-    {
-        prop: "at_name",
-        label: "模板名称"
-    },
-    {
-        prop: "at_code",
-        label: "模板编码"
-    },
-
-    {
-        prop: "at_description",
-        label: "模板描述"
-    },
-    {
-        prop: "created_at",
-        label: "添加时间"
-    }
-]);
-</script>
-
-<style></style>
+.module-unavailable__card p {
+    margin: 0;
+}
+</style>
diff --git a/src/views/atlas/drawer-bf.vue b/src/views/atlas/drawer-bf.vue
deleted file mode 100644
index 075c092..0000000
--- a/src/views/atlas/drawer-bf.vue
+++ /dev/null
@@ -1,390 +0,0 @@
-<template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="720" :title="`${drawerProps.title}`">
-        <el-form
-            ref="ruleFormRef"
-            label-width="100px"
-            label-suffix=" :"
-            :rules="rules"
-            :disabled="drawerProps.isView"
-            :model="drawerProps.row"
-            :hide-required-asterisk="drawerProps.isView"
-        >
-            <el-form-item v-for="e in formColumns" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
-                <template v-if="e.type === 'switch'">
-                    <el-switch
-                        v-model="e.value"
-                        :active-value="`${1}`"
-                        :inactive-value="`${0}`"
-                        active-text="上架"
-                        inactive-text="下架"
-                    />
-                </template>
-                <template v-if="e.type === 'radio'">
-                    <el-radio-group v-model="e.value" class="ml-4">
-                        <el-radio v-for="item in e.options" :key="item.value" :value="item.value" size="large">{{
-                            item.label
-                        }}</el-radio>
-                    </el-radio-group>
-                </template>
-                <template v-if="e.type === 'select'">
-                    <el-select filterable multiple v-model="e.value" :placeholder="`请选择${e.label}`" clearable>
-                        <el-option
-                            v-for="(item, index) in e.options"
-                            :key="index"
-                            :label="getField(item, e.fieldNames?.label)"
-                            :value="getField(item, e.fieldNames?.value)"
-                        />
-                    </el-select>
-                </template>
-                <template v-if="e.type === 'text'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'text-i'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'text-num'">
-                    <el-input v-model="e.value" type="number" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'textarea-i'">
-                    <el-input
-                        type="textarea"
-                        v-model="e.value"
-                        maxlength="36500"
-                        :autosize="{ minRows: 8, maxRows: 9 }"
-                        :placeholder="`请输入${e.label}`"
-                        show-word-limit
-                    />
-                    <div style="width: 100%">{{ e.describe }}</div>
-                </template>
-                <template v-if="e.type === 'textarea'">
-                    <el-input
-                        type="textarea"
-                        v-model="e.value"
-                        maxlength="3650"
-                        :placeholder="`请输入${e.label}`"
-                        show-word-limit
-                    />
-                </template>
-                <template v-if="e.type === 'tag'">
-                    <div class="tag-more-h">
-                        <el-checkbox-group v-model="TagList" @change="placeableCheckedCitiesChange">
-                            <el-checkbox-button class="vip-power" v-for="item in getTagList" :value="item.t_id" :key="item.t_id">
-                                {{ item.t_name }}
-                            </el-checkbox-button>
-                        </el-checkbox-group>
-                    </div>
-                </template>
-                <template v-if="e.type === 'text-i'">
-                    <UploadImg disabled v-model:image-url="drawerProps.row!.at_cover" width="135px" height="135px" :file-size="3">
-                        <template #empty>
-                            <el-icon><Avatar /></el-icon>
-                            <span>请上传封面</span>
-                        </template>
-                    </UploadImg>
-                </template>
-                <template v-if="e.type === 'textarea-i'">
-                    <div :class="{ 'img-more-h': fileList.length > 0 }">
-                        <UploadImgs disabled v-model:file-list="fileList" :drag="false" border-radius="50%">
-                            <template #empty>
-                                <el-icon><Picture /></el-icon>
-                                <span>请上传照片</span>
-                            </template>
-                        </UploadImgs>
-                    </div>
-                </template>
-            </el-form-item>
-        </el-form>
-        <template #footer>
-            <el-button @click="drawerVisible = false">取消</el-button>
-            <el-button v-show="!drawerProps.isView" type="primary" @click="handleSubmit">确定</el-button>
-        </template>
-    </el-drawer>
-</template>
-
-<script setup lang="ts" name="UserDrawer">
-import { ref, computed } from "vue";
-import { ElMessage, FormInstance } from "element-plus";
-import { AtlasList } from "@/api/interface/atlas/list";
-import UploadImgs from "@/components/Upload/Imgs.vue";
-import UploadImg from "@/components/Upload/Img.vue";
-import { getTypeList } from "@/api/modules/tag/list";
-import { extractURI } from "@/utils/eleValidate";
-import { getAllList } from "@/api/modules/site/list";
-type Options = {
-    label: string;
-    value: string | number;
-};
-interface Item {
-    t_id: any;
-    uri: any;
-}
-const getField = (item: any, fieldName: string | undefined) => {
-    return fieldName ? item[fieldName] : "";
-};
-type Fields = {
-    label: string;
-    prop: string;
-    type: string;
-    value: any;
-    required: boolean;
-    options?: Options[];
-    fieldNames?: { label: string; value: string };
-    describe?: string;
-};
-const generateRules = (fields: Fields[]) => {
-    return fields.reduce(
-        (acc, field) => {
-            const { type, required, label, prop } = field;
-            let message = "";
-            if (type === "select") {
-                message = `请选择${label}`;
-            }
-            if (type === "tag") {
-                message = `请选择${label}`;
-            }
-            if (type === "radio") {
-                message = `请选择${label}`;
-            }
-            if (type === "text") {
-                message = `请输入${label}`;
-            }
-            if (type === "text-num") {
-                message = `请输入${label}`;
-            }
-            if (type === "text-i") {
-                message = `请输入${label}`;
-            }
-            if (type === "textarea-i") {
-                message = `请输入${label}`;
-            }
-            if (type === "image") {
-                message = `请上传${label}`;
-            }
-            if (type === "image-more") {
-                message = `请上传${label}`;
-            }
-            acc[prop] = [{ required, message }];
-            return acc;
-        },
-        {} as Record<string, any>
-    );
-};
-
-const fileList = ref([] as any);
-const TagList = ref([] as any);
-const getTagList = ref([] as any);
-getTypeList({ limit: 5000, page: 1, t_type: 2, t_hidden: 1 }).then(res => {
-    getTagList.value = res.data.item;
-});
-const getSiteList = ref([] as any);
-getAllList().then(res => {
-    getSiteList.value = res.data.item;
-});
-
-const formColumns = computed((): Fields[] => {
-    let newColumns = [] as any;
-    let columns = [
-        {
-            label: "名称",
-            prop: "at_name",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.at_name;
-            },
-            set value(val) {
-                drawerProps.value.row!.at_name = val;
-            },
-            required: true
-        },
-        {
-            label: "状态",
-            prop: "at_status",
-            type: "switch",
-            get value() {
-                return String(drawerProps.value.row!.at_status);
-            },
-            set value(val) {
-                drawerProps.value.row!.at_status = val;
-            },
-            required: true
-        },
-        {
-            label: "精彩站点",
-            prop: "at_wonderful_site_id",
-            type: "select",
-            get value() {
-                return drawerProps.value.row!.at_wonderful_site_id;
-            },
-            set value(val) {
-                drawerProps.value.row!.at_wonderful_site_id = val;
-            },
-            options: getSiteList.value,
-            fieldNames: { label: "si_name", value: "si_id" },
-            required: true
-        },
-        {
-            label: "推荐站点",
-            prop: "at_recommend_site_id",
-            type: "select",
-            get value() {
-                return drawerProps.value.row!.at_recommend_site_id;
-            },
-            set value(val) {
-                drawerProps.value.row!.at_recommend_site_id = val;
-            },
-            options: getSiteList.value,
-            fieldNames: { label: "si_name", value: "si_id" },
-            required: true
-        },
-        {
-            label: "封面",
-            prop: "at_cover",
-            type: "text-i",
-            get value() {
-                return drawerProps.value.row!.at_cover;
-            },
-            set value(val) {
-                drawerProps.value.row!.at_cover = val;
-            },
-            required: true
-        },
-
-        {
-            label: "标签",
-            prop: "at_tag",
-            type: "tag",
-            get value() {
-                return drawerProps.value.row!.at_tag;
-            },
-            set value(val) {
-                drawerProps.value.row!.at_tag = val;
-            },
-            options: getTagList.value,
-            fieldNames: { label: "label", value: "value" },
-            required: true
-        }
-    ];
-    newColumns = [...columns];
-    if (drawerProps.value.title === "编辑图册") {
-        let columnsSon = [
-            {
-                label: "图册资源",
-                prop: "at_source",
-                type: "textarea-i",
-                describe: "多个用逗号(,)隔开",
-                get value() {
-                    return drawerProps.value.row!.at_source;
-                },
-                set value(val) {
-                    drawerProps.value.row!.at_source = val;
-                },
-                required: false
-            }
-        ];
-        newColumns.splice(6, 0, ...columnsSon);
-    }
-
-    return newColumns;
-});
-const rules = ref();
-
-interface DrawerProps {
-    title: string;
-    isView: boolean;
-    row: Partial<AtlasList.ResList>;
-    api?: (params: any) => Promise<any>;
-    getTableList?: () => void;
-}
-
-const drawerVisible = ref(false);
-const drawerProps = ref<DrawerProps>({
-    isView: false,
-    title: "",
-    row: {}
-});
-
-// 接收父组件传过来的参数
-const acceptParams = (params: DrawerProps) => {
-    drawerProps.value = params;
-    rules.value = generateRules(formColumns.value);
-    drawerVisible.value = true;
-    if (drawerProps.value.title === "新增图册") {
-        drawerProps.value.row!.at_status = 0;
-        drawerProps.value.row!.at_status = 0;
-    }
-    TagList.value = [];
-    fileList.value = [];
-    if (drawerProps.value.row.at_cover) {
-        drawerProps.value.row.at_cover_code = drawerProps.value.row.at_cover.code;
-        const data = drawerProps.value.row.at_cover_detail;
-        drawerProps.value.row.at_cover = data;
-    }
-    if (drawerProps.value.row.at_tag) {
-        TagList.value = drawerProps.value.row.at_tag.map((obj: Item) => {
-            obj.t_id = obj.t_id;
-            return obj.t_id;
-        });
-    }
-    if (drawerProps.value.row.at_source) {
-        const data = drawerProps.value.row.at_source_detail;
-        drawerProps.value.row.at_source = data;
-        const newArray = data.map(item => ({ url: item }));
-        fileList.value = newArray;
-    }
-};
-
-//标签数组
-async function placeableCheckedCitiesChange(value) {
-    drawerProps.value.row.at_tag = value;
-    TagList.value = value;
-    drawerProps.value.row.at_tag = JSON.stringify(drawerProps.value.row.at_tag);
-}
-// 提交数据（新增/编辑）
-const ruleFormRef = ref<FormInstance>();
-const handleSubmit = () => {
-    ruleFormRef.value!.validate(async valid => {
-        if (!valid) return;
-        try {
-            const params = { ...drawerProps.value.row };
-            let arrCoverData = {
-                uri: extractURI(params.at_cover),
-                code: params.at_cover_code
-            };
-            params.at_cover = arrCoverData;
-            params.at_tag = JSON.stringify(TagList.value);
-            if (drawerProps.value.title === "编辑图册") {
-                if (Array.isArray(params.at_source)) {
-                    params.at_source = params.at_source.map(uri => ({ uri: extractURI(uri), code: params.at_cover_code }));
-                } else if (params.at_source != null) {
-                    params.at_source = params.at_source.split(",");
-                    params.at_source = params.at_source.map(uri => ({ uri: extractURI(uri), code: params.at_cover_code }));
-                }
-            }
-            await drawerProps.value.api!(params);
-            ElMessage.success({ message: `${drawerProps.value.title}成功！` });
-            drawerProps.value.getTableList!();
-            drawerVisible.value = false;
-        } catch (error) {
-            console.log(error);
-        }
-    });
-};
-
-defineExpose({
-    acceptParams
-});
-</script>
-<style lang="scss">
-.el-checkbox-button__inner {
-    margin-right: 10px;
-    margin-bottom: 10px;
-    border-left-color: #dcdfe6 !important;
-}
-.el-upload--picture-card {
-    display: none;
-}
-.img-more-h {
-    height: 300px;
-    overflow-y: scroll;
-}
-</style>
diff --git a/src/views/atlas/drawer.vue b/src/views/atlas/drawer.vue
deleted file mode 100644
index 3736bac..0000000
--- a/src/views/atlas/drawer.vue
+++ /dev/null
@@ -1,503 +0,0 @@
-<template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="720" :title="`${drawerProps.title}`">
-        <el-form
-            ref="ruleFormRef"
-            label-width="90px"
-            label-suffix=" :"
-            :rules="rules"
-            :disabled="drawerProps.isView"
-            :model="drawerProps.row"
-            :hide-required-asterisk="drawerProps.isView"
-        >
-            <el-form-item v-for="e in formColumns" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
-                <template v-if="e.type === 'switch'">
-                    <el-switch
-                        v-model="e.value"
-                        :active-value="`${1}`"
-                        :inactive-value="`${0}`"
-                        active-text="上架"
-                        inactive-text="下架"
-                    />
-                </template>
-                <template v-if="e.type === 'radio'">
-                    <el-radio-group v-model="e.value" class="ml-4">
-                        <el-radio v-for="item in e.options" :key="item.value" :value="item.value" size="large">{{
-                            item.label
-                        }}</el-radio>
-                    </el-radio-group>
-                </template>
-                <template v-if="e.type === 'select'">
-                    <el-select filterable multiple v-model="e.value" :placeholder="`请选择${e.label}`" clearable>
-                        <el-option
-                            v-for="(item, index) in e.options"
-                            :key="index"
-                            :label="getField(item, e.fieldNames?.label)"
-                            :value="getField(item, e.fieldNames?.value)"
-                        />
-                    </el-select>
-                </template>
-                <template v-if="e.type === 'text'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'text-i'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'text-num'">
-                    <el-input v-model="e.value" type="number" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'textarea-i'">
-                    <el-input
-                        
-                        v-model="e.value"
-                        maxlength="36500"
-                        :autosize="{ minRows: 8, maxRows: 9 }"
-                        :placeholder="`请输入${e.label}`"
-                        show-word-limit
-                    />
-                    <div style="width: 100%">{{ e.describe }}</div>
-                </template>
-                <template v-if="e.type === 'textarea'">
-                    <el-input
-                        type="textarea"
-                        v-model="e.value"
-                        maxlength="3650"
-                        :placeholder="`请输入${e.label}`"
-                        show-word-limit
-                    />
-                </template>
-                <template v-if="e.type === 'tag'">
-                    <div class="tag-more-s">
-                        <el-input
-                            v-model="drawerProps.row.searchText"
-                            placeholder="请输入搜索内容"
-                            clearable
-                            @input="handleSearch"
-                        />
-                        <div>
-                            <span>选中标签:</span>
-                            <div class="tag-more-h">
-                                <el-checkbox-group v-model="TagList" @change="placeableCheckedCitiesChange">
-                                    <el-checkbox-button
-                                        class="vip-power"
-                                        v-for="item in matchingObjects"
-                                        :value="item.t_id"
-                                        :key="item.t_id"
-                                    >
-                                        {{ item.t_name }}
-                                    </el-checkbox-button>
-                                </el-checkbox-group>
-                            </div>
-                        </div>
-                        <div>
-                            <span>未选中标签:</span>
-                            <div class="tag-more-h">
-                                <el-checkbox-group v-model="TagList" @change="placeableCheckedCitiesChange">
-                                    <el-checkbox-button
-                                        class="vip-power"
-                                        v-for="item in nonMatchingObjects"
-                                        :value="item.t_id"
-                                        :key="item.t_id"
-                                    >
-                                        {{ item.t_name }}
-                                    </el-checkbox-button>
-                                </el-checkbox-group>
-                            </div>
-                        </div>
-                    </div>
-                </template>
-
-                <template v-if="e.type === 'text-i'">
-                    <UploadImg disabled v-model:image-url="drawerProps.row!.at_cover" width="135px" height="135px" :file-size="3">
-                        <template #empty>
-                            <el-icon><Avatar /></el-icon>
-                            <span>请上传封面</span>
-                        </template>
-                    </UploadImg>
-                </template>
-                <template v-if="e.type === 'textarea-i'">
-                    <div :class="{ 'img-more-h': fileList.length > 0 }">
-                        <UploadImgs disabled v-model:file-list="fileList" :drag="false" border-radius="50%">
-                            <template #empty>
-                                <el-icon><Picture /></el-icon>
-                                <span>请上传照片</span>
-                            </template>
-                        </UploadImgs>
-                    </div>
-                </template>
-            </el-form-item>
-        </el-form>
-        <template #footer>
-            <el-button @click="drawerVisible = false">取消</el-button>
-            <el-button v-show="!drawerProps.isView" type="primary" @click="handleSubmit">确定</el-button>
-        </template>
-    </el-drawer>
-</template>
-
-<script setup lang="ts" name="UserDrawer">
-import { ref, computed, reactive } from "vue";
-import { ElMessage, FormInstance } from "element-plus";
-import { AtlasList } from "@/api/interface/atlas/list";
-import UploadImgs from "@/components/Upload/Imgs.vue";
-import UploadImg from "@/components/Upload/Img.vue";
-import { getTypeList } from "@/api/modules/tag/list";
-import { extractURI } from "@/utils/eleValidate";
-import { getAllList } from "@/api/modules/site/list";
-type Options = {
-    label: string;
-    value: string | number;
-};
-interface Item {
-    t_id: any;
-    uri: any;
-}
-const getField = (item: any, fieldName: string | undefined) => {
-    return fieldName ? item[fieldName] : "";
-};
-type Fields = {
-    label: string;
-    prop: string;
-    type: string;
-    value: any;
-    required: boolean;
-    options?: Options[];
-    fieldNames?: { label: string; value: string };
-    describe?: string;
-};
-const generateRules = (fields: Fields[]) => {
-    return fields.reduce(
-        (acc, field) => {
-            const { type, required, label, prop } = field;
-            let message = "";
-            if (type === "select") {
-                message = `请选择${label}`;
-            }
-            if (type === "tag") {
-                message = `请选择${label}`;
-            }
-            if (type === "radio") {
-                message = `请选择${label}`;
-            }
-            if (type === "text") {
-                message = `请输入${label}`;
-            }
-            if (type === "text-num") {
-                message = `请输入${label}`;
-            }
-            if (type === "text-i") {
-                message = `请输入${label}`;
-            }
-            if (type === "textarea-i") {
-                message = `请输入${label}`;
-            }
-            if (type === "image") {
-                message = `请上传${label}`;
-            }
-            if (type === "image-more") {
-                message = `请上传${label}`;
-            }
-            acc[prop] = [{ required, message }];
-            return acc;
-        },
-        {} as Record<string, any>
-    );
-};
-
-const fileList = ref([] as any);
-const TagList = ref([] as any);
-const getTagList = async () => {
-    try {
-        const initParam = reactive({
-            t_type: 2,
-            limit: 3650,
-            page: 1,
-            t_hidden: 1
-        });
-        const siteRes = await getTypeList(initParam);
-        arrTagList.value = siteRes.data.item;
-        arrNewTagList.value = siteRes.data.item;
-        matchingObjects.value = [];
-        matchingObjectsA.value = [];
-        // 遍历第一个数组的每个元素
-        TagList.value.forEach(index => {
-            // 遍历第二个数组的每个元素
-            arrNewTagList.value.forEach(obj => {
-                // 如果第二个数组中的元素的t_id与第一个数组中的元素相同，则将其添加到新数组中
-                if (obj.t_id === index) {
-                    matchingObjects.value = [...matchingObjects.value, obj];
-                    matchingObjectsA.value = [...matchingObjectsA.value, obj];
-                    const matchingIds = matchingObjectsA.value.map(obj => obj.t_id);
-                    TagList.value = matchingIds;
-                }
-            });
-        });
-        // 创建一个新数组，包含objectArray中id不存在于arrayA的元素
-        nonMatchingObjects.value = arrNewTagList.value.filter(obj => !TagList.value.includes(obj.t_id));
-        nonMatchingObjectsB.value = arrNewTagList.value.filter(obj => !TagList.value.includes(obj.t_id));
-    } catch (error) {
-        console.log(error);
-    }
-};
-
-const getSiteList = ref([] as any);
-getAllList().then(res => {
-    getSiteList.value = res.data.item;
-});
-
-const arrTagList = ref([] as any);
-const arrNewTagList = ref([] as any);
-const matchingObjects = ref([] as any); //选中相同
-const nonMatchingObjects = ref([] as any); //没有选中的
-const matchingObjectsA = ref([] as any); //选中相同
-const nonMatchingObjectsB = ref([] as any); //没有选中的
-
-// 处理搜索事件
-function handleSearch() {
-    // 在输入事件中实时更新过滤后的标签列表
-    filteredTagList();
-}
-function filteredTagList() {
-    if (drawerProps.value.row!.searchText.length > 0) {
-        let arrData = arrTagList.value.filter(tag =>
-            tag.t_name.toLowerCase().includes(drawerProps.value.row!.searchText.toLowerCase())
-        );
-        if (arrData.length > 0) {
-            matchingObjects.value = matchingObjects.value.filter(objA => arrData.some(objB => objB.t_id === objA.t_id));
-            nonMatchingObjects.value = nonMatchingObjects.value.filter(objA => arrData.some(objB => objB.t_id === objA.t_id));
-        } else {
-            matchingObjects.value = [];
-            nonMatchingObjects.value = [];
-        }
-    } else {
-        matchingObjects.value = matchingObjectsA.value;
-        nonMatchingObjects.value = nonMatchingObjectsB.value;
-    }
-}
-
-//标签数组
-async function placeableCheckedCitiesChange(value) {
-    matchingObjects.value = [];
-    matchingObjectsA.value = [];
-    drawerProps.value.row.at_tag = value;
-    // 遍历第一个数组的每个元素
-    TagList.value.forEach(index => {
-        // 遍历第二个数组的每个元素
-        arrNewTagList.value.forEach(obj => {
-            // 如果第二个数组中的元素的t_id与第一个数组中的元素相同，则将其添加到新数组中
-            if (obj.t_id === index) {
-                matchingObjects.value = [...matchingObjects.value, obj];
-                matchingObjectsA.value = [...matchingObjectsA.value, obj];
-                const matchingIds = matchingObjectsA.value.map(obj => obj.t_id);
-                TagList.value = matchingIds;
-            }
-        });
-    });
-    nonMatchingObjects.value = arrNewTagList.value.filter(obj => !TagList.value.includes(obj.t_id));
-    nonMatchingObjectsB.value = arrNewTagList.value.filter(obj => !TagList.value.includes(obj.t_id));
-}
-const formColumns = computed((): Fields[] => {
-    let newColumns = [] as any;
-    let columns = [
-        {
-            label: "图册名称",
-            prop: "at_name",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.at_name;
-            },
-            set value(val) {
-                drawerProps.value.row!.at_name = val;
-            },
-            required: true
-        },
-        {
-            label: "图册状态",
-            prop: "at_status",
-            type: "switch",
-            get value() {
-                return String(drawerProps.value.row!.at_status);
-            },
-            set value(val) {
-                drawerProps.value.row!.at_status = val;
-            },
-            required: true
-        },
-        {
-            label: "精彩站点",
-            prop: "at_wonderful_site_id",
-            type: "select",
-            get value() {
-                return drawerProps.value.row!.at_wonderful_site_id;
-            },
-            set value(val) {
-                drawerProps.value.row!.at_wonderful_site_id = val;
-            },
-            options: getSiteList.value,
-            fieldNames: { label: "si_name", value: "si_id" },
-            required: true
-        },
-        {
-            label: "推荐站点",
-            prop: "at_recommend_site_id",
-            type: "select",
-            get value() {
-                return drawerProps.value.row!.at_recommend_site_id;
-            },
-            set value(val) {
-                drawerProps.value.row!.at_recommend_site_id = val;
-            },
-            options: getSiteList.value,
-            fieldNames: { label: "si_name", value: "si_id" },
-            required: true
-        },
-        {
-            label: "图册封面",
-            prop: "at_cover_edit",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.at_cover_edit;
-            },
-            set value(val) {
-                drawerProps.value.row!.at_cover_edit = val;
-            },
-            required: true
-        },
-
-        {
-            label: "图册标签",
-            prop: "at_tag",
-            type: "tag",
-            get value() {
-                return drawerProps.value.row!.at_tag;
-            },
-            set value(val) {
-                drawerProps.value.row!.at_tag = val;
-            },
-            options: arrTagList.value,
-            fieldNames: { label: "label", value: "value" },
-            required: true
-        }
-    ];
-    newColumns = [...columns];
-    if (drawerProps.value.title === "编辑图册") {
-        let columnsSon = [
-            {
-                label: "图册资源",
-                prop: "at_source",
-                type: "textarea-i",
-                describe: "多个用逗号(,)隔开",
-                get value() {
-                    return drawerProps.value.row!.at_source;
-                },
-                set value(val) {
-                    drawerProps.value.row!.at_source = val;
-                },
-                required: false
-            }
-        ];
-        newColumns.splice(6, 0, ...columnsSon);
-    }
-
-    return newColumns;
-});
-const rules = ref();
-
-interface DrawerProps {
-    title: string;
-    isView: boolean;
-    row: Partial<AtlasList.ResList>;
-    api?: (params: any) => Promise<any>;
-    getTableList?: () => void;
-}
-
-const drawerVisible = ref(false);
-const drawerProps = ref<DrawerProps>({
-    isView: false,
-    title: "",
-    row: {}
-});
-
-// 接收父组件传过来的参数
-const acceptParams = (params: DrawerProps) => {
-    drawerProps.value = params;
-    rules.value = generateRules(formColumns.value);
-    drawerVisible.value = true;
-    if (drawerProps.value.title === "新增图册") {
-        drawerProps.value.row!.at_status = 0;
-    }
-    TagList.value = [];
-    fileList.value = [];
-    if (drawerProps.value.row.at_cover) {
-        drawerProps.value.row.at_cover_code = drawerProps.value.row.at_cover.code;
-        drawerProps.value.row.at_cover_edit = drawerProps.value.row.at_cover.uri;
-    }
-    if (drawerProps.value.row.at_tag) {
-        TagList.value = drawerProps.value.row.at_tag.map((obj: Item) => obj.t_id);
-    }
-    if (drawerProps.value.row.at_source) {
-        const data = drawerProps.value.row.at_source_detail;
-        drawerProps.value.row.at_source = data;
-        const newArray = data.map(item => ({ url: item }));
-        fileList.value = newArray;
-    }
-    getTagList();
-};
-
-// 提交数据（新增/编辑）
-const ruleFormRef = ref<FormInstance>();
-const handleSubmit = () => {
-    console.log(drawerProps.value.row);
-    ruleFormRef.value!.validate(async valid => {
-        if (!valid) return;
-        try {
-            const params = { ...drawerProps.value.row };
-            let arrCoverData = {
-                uri: params.at_cover_edit,
-                code: params.at_cover_code
-            };
-            params.at_cover = arrCoverData;
-            params.at_tag = JSON.stringify(TagList.value);
-            if (drawerProps.value.title === "编辑图册") {
-                if (Array.isArray(params.at_source)) {
-                    params.at_source = params.at_source.map(uri => ({ uri: extractURI(uri), code: params.at_cover_code }));
-                } else if (params.at_source != null) {
-                    params.at_source = params.at_source.split(",");
-                    params.at_source = params.at_source.map(uri => ({ uri: extractURI(uri), code: params.at_cover_code }));
-                }
-            }
-            await drawerProps.value.api!(params);
-            ElMessage.success({ message: `${drawerProps.value.title}成功！` });
-            drawerProps.value.getTableList!();
-            drawerVisible.value = false;
-        } catch (error) {
-            console.log(error);
-        }
-    });
-};
-
-defineExpose({
-    acceptParams
-});
-</script>
-<style lang="scss">
-.el-checkbox-button__inner {
-    margin-right: 10px;
-    margin-bottom: 10px;
-    border-left-color: #dcdfe6 !important;
-}
-.el-upload--picture-card {
-    display: none;
-}
-.img-more-h {
-    height: 300px;
-    overflow-y: scroll;
-}
-.tag-more-h {
-    margin-bottom: 10px;
-}
-.tag-more-s {
-    width: 100%;
-    padding: 10px;
-    border: 1px solid black;
-    box-shadow: 0 0 4px 2px rgb(0 0 0 / 90%);
-}
-</style>
diff --git a/src/views/atlas/imgDialog.vue b/src/views/atlas/imgDialog.vue
deleted file mode 100644
index 0f7ad43..0000000
--- a/src/views/atlas/imgDialog.vue
+++ /dev/null
@@ -1,233 +0,0 @@
-<template>
-    <el-dialog
-        v-model="drawerVisible"
-        :title="drawerProps.title + '--' + drawerProps.name"
-        :destroy-on-close="true"
-        width="1100px"
-        draggable
-    >
-        <el-form
-            ref="ruleFormRef"
-            label-width="0px"
-            label-suffix=" :"
-            :rules="rules"
-            :disabled="drawerProps.isView"
-            :model="drawerProps.row"
-            :hide-required-asterisk="drawerProps.isView"
-        >
-            <el-form-item v-for="e in formColumns" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
-                <template v-if="e.type === 'switch'">
-                    <el-switch v-model="e.value" />
-                </template>
-                <template v-if="e.type === 'radio'">
-                    <el-radio-group v-model="e.value" class="ml-4">
-                        <el-radio v-for="item in e.options" :key="item.value" :label="item.value" size="large">{{
-                            item.label
-                        }}</el-radio>
-                    </el-radio-group>
-                </template>
-                <template v-if="e.type === 'select'">
-                    <el-select filterable v-model="e.value" :placeholder="`请选择${e.label}`" clearable>
-                        <el-option
-                            v-for="(item, index) in e.options"
-                            :key="index"
-                            :label="getField(item, e.fieldNames?.label)"
-                            :value="getField(item, e.fieldNames?.value)"
-                        />
-                    </el-select>
-                </template>
-                <template v-if="e.type === 'tag'">
-                    <el-tag
-                        style="margin: 7px; margin-right: 10px"
-                        v-for="item in drawerProps.row!.at_tag"
-                        :key="item.t_id"
-                        :type="item.type"
-                        effect="dark"
-                    >
-                        {{ item.t_name }}
-                    </el-tag>
-                </template>
-
-                <template v-if="e.type === 'text'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'textarea'">
-                    <el-input
-                        type="textarea"
-                        :rows="10"
-                        v-model="e.value"
-                        maxlength="500000"
-                        :placeholder="`请输入${e.label}`"
-                        show-word-limit
-                    />
-                </template>
-                <template v-if="e.type === 'textareaMore'">
-                    <el-input
-                        type="textarea"
-                        v-model="e.value"
-                        maxlength="500000"
-                        :placeholder="`请输入${e.label}`"
-                        show-word-limit
-                    />
-                </template>
-                <template v-if="e.type === 'image'">
-                    <div class="c-dialog-h">
-                        <img v-for="(item, index) in e.value" :key="index" :src="item" alt="" />
-                    </div>
-                </template>
-                <template v-if="e.type === 'textarea-i'">
-                    <div :class="{ 'img-more-h': fileList.length > 0 }">
-                        <UploadImgs disabled v-model:file-list="fileList" height="150px" width="19%" :drag="false">
-                            <template #empty>
-                                <el-icon><Picture /></el-icon>
-                                <span>请上传照片</span>
-                            </template>
-                        </UploadImgs>
-                    </div>
-                </template>
-            </el-form-item>
-        </el-form>
-        <template #footer>
-            <el-button @click="drawerVisible = false">取消</el-button>
-            <el-button type="primary" @click="drawerVisible = false">确定</el-button>
-        </template>
-    </el-dialog>
-</template>
-
-<script setup lang="ts" name="UserDrawer">
-import { ref, computed } from "vue";
-import { FormInstance } from "element-plus";
-import { AtlasList } from "@/api/interface/atlas/list";
-import UploadImgs from "@/components/Upload/Imgs.vue";
-type Options = {
-    label: string;
-    value: string | number;
-};
-
-const getField = (item: any, fieldName: string | undefined) => {
-    return fieldName ? item[fieldName] : "";
-};
-
-type Fields = {
-    label: string;
-    prop: string;
-    type: string;
-    value: any;
-    required: boolean;
-    options?: Options[];
-    fieldNames?: { label: string; value: string };
-};
-const generateRules = (fields: Fields[]) => {
-    return fields.reduce(
-        (acc, field) => {
-            const { type, required, label, prop } = field;
-            let message = "";
-            if (type === "select") {
-                message = `请选择${label}`;
-            }
-            if (type === "text") {
-                message = `请输入${label}`;
-            }
-            if (type === "textarea") {
-                message = `请输入${label}`;
-            }
-            if (type === "textareaMore") {
-                message = `请输入${label}`;
-            }
-            if (type === "radio") {
-                message = `请选择${label}`;
-            }
-            acc[prop] = [{ required, message }];
-            return acc;
-        },
-        {} as Record<string, any>
-    );
-};
-
-const formColumns = computed((): Fields[] => {
-    return [
-        {
-            label: "",
-            prop: "at_source_detail",
-            // type: "image",
-            type: "textarea-i",
-            get value() {
-                return drawerProps.value.row!.at_source_detail;
-            },
-            set value(val) {
-                drawerProps.value.row!.at_source_detail = val;
-            },
-            options: drawerProps.value.row!.at_tag,
-            fieldNames: { label: "at_source_detail", value: "t_id" },
-            required: false
-        }
-    ];
-});
-const rules = ref();
-const fileList = ref([] as any);
-interface DrawerProps {
-    title: string;
-    name?: any;
-    isView: boolean;
-    row: Partial<AtlasList.ResList>;
-    api?: (params: any) => Promise<any>;
-    getTableList?: () => void;
-}
-
-const drawerVisible = ref(false);
-const drawerProps = ref<DrawerProps>({
-    isView: false,
-    title: "",
-    name: "",
-    row: {}
-});
-
-// 接收父组件传过来的参数
-const acceptParams = async (params: DrawerProps) => {
-    drawerProps.value = params;
-    rules.value = generateRules(formColumns.value);
-    drawerProps.value.name = drawerProps.value.row!.at_name;
-    drawerVisible.value = true;
-    fileList.value = [];
-    if (drawerProps.value.row.at_source) {
-        const data = drawerProps.value.row.at_source_detail;
-        drawerProps.value.row.at_source = data;
-        const newArray = data.map(item => ({ url: item }));
-        fileList.value = newArray;
-    }
-};
-
-// 提交数据（新增/编辑）
-const ruleFormRef = ref<FormInstance>();
-
-defineExpose({
-    acceptParams
-});
-</script>
-
-<style>
-.el-dialog .el-dialog__header {
-    padding: 15px 0;
-}
-.c-dialog-h {
-    display: flex;
-    flex-wrap: wrap;
-    width: 1100px;
-    max-height: 600px;
-    overflow-y: scroll;
-}
-.c-dialog-h img {
-    width: 19.05%;
-    height: 150px;
-    margin-right: 10px;
-    margin-bottom: 10px;
-}
-.img-more-h .upload .upload-image {
-    object-fit: fill !important;
-}
-.img-more-h {
-    height: 520px;
-    margin-top: 15px;
-    overflow-y: scroll;
-}
-</style>
diff --git a/src/views/atlas/index.vue b/src/views/atlas/index.vue
index 0b97d25..45d44ba 100644
--- a/src/views/atlas/index.vue
+++ b/src/views/atlas/index.vue
@@ -1,237 +1,31 @@
 <template>
-    <div class="table-box">
-        <ProTable ref="proTable" highlight-current-row :columns="columns" :request-api="getList">
-            <!-- 表格 header 按钮 -->
-            <template #tableHeader="scope">
-                <el-button type="primary" style="display: none" :icon="CirclePlus" @click="openDrawer(true)">新增</el-button>
-                <el-button
-                    type="danger"
-                    :icon="Delete"
-                    plain
-                    :disabled="!scope.isSelected"
-                    @click="batchDelete(scope.selectedList)"
-                >
-                    批量删除图册
-                </el-button>
-            </template>
-            <!-- 表格操作 -->
-            <template #operation="scope">
-                <el-button type="primary" :icon="EditPen" @click="openDrawer(false, scope.row)">编辑</el-button>
-                <el-button type="danger" :icon="Delete" @click="deleteAccount(scope.row)">删除</el-button>
-            </template>
-        </ProTable>
-        <Drawer ref="drawerRef" />
-        <TagDialog ref="tagDialogRef" />
-        <ImgDialog ref="imgDialogRef" />
+    <div class="module-unavailable">
+        <el-alert
+            title="图册管理模块未部署到当前 Linux 测试服"
+            type="warning"
+            :closable="false"
+            show-icon
+        />
+        <el-card class="module-unavailable__card" shadow="never">
+            <p>当前后端未提供 `atlas` 控制器，图册列表、编辑、删除接口都会直接返回控制器不存在。</p>
+            <p>相关页面先收为提示态，避免继续暴露一组必然失败的 CRUD 操作。</p>
+            <p>如果后续补齐图册后端，再恢复表格、抽屉和资源对话框联调。</p>
+        </el-card>
     </div>
 </template>
 
-<script setup lang="tsx" name="complexProTable">
-import { reactive, ref } from "vue";
-import { AtlasList } from "@/api/interface/atlas/list";
-import { useHandleData } from "@/hooks/useHandleData";
-import ProTable from "@/components/ProTable/index.vue";
-import { Delete, EditPen, CirclePlus } from "@element-plus/icons-vue";
-import { ProTableInstance, ColumnProps } from "@/components/ProTable/interface";
-import { getList, saveData, deleteItem } from "@/api/modules/atlas/list";
-import Drawer from "./drawer.vue";
-import TagDialog from "./tagDialog.vue";
-import ImgDialog from "./imgDialog.vue";
-import { getTypeList } from "@/api/modules/tag/list";
-import { arrSxStatus } from "@/utils/serviceDict";
-import { getAllList } from "@/api/modules/site/list";
-// ProTable 实例
-const proTable = ref<ProTableInstance>();
-const getTagList = ref([] as any);
-getTypeList({ limit: 5000, page: 1, t_type: 2, t_hidden: 1 }).then(res => {
-    getTagList.value = res.data.item;
-});
-// 表格配置项
-const columns = reactive<ColumnProps<AtlasList.ResList>[]>([
-    { type: "selection", fixed: "left", width: 50 },
-    {
-        prop: "key",
-        label: "搜索内容",
-        isShow: false,
-        search: {
-            el: "input"
-        }
-    },
-    {
-        prop: "at_id",
-        label: "ID",
-        width: 100
-    },
-    {
-        prop: "at_name",
-        label: "图册名称"
-    },
-    {
-        prop: "at_cover",
-        label: "图册封面",
-        width: 120,
-        render(scope) {
-            if (scope.row.at_cover) {
-                const data = scope.row.at_cover_detail;
-                //循环数组对某个对象key重新赋值
-                const modifiedArray = [] as any;
-                modifiedArray.push(data);
-                return (
-                    <el-image
-                        style="width: 98%; height: 30px;display: flex;align-items: center;"
-                        src={modifiedArray[0]}
-                        preview-src-list={modifiedArray}
-                        hide-on-click-modal={true}
-                        z-index={999999999}
-                        preview-teleported={true}
-                        fit="fill"
-                    />
-                );
-            }
-        }
-    },
-    {
-        prop: "at_source_detail",
-        label: "图册资源",
-        width: 120,
-        render(scope) {
-            if (scope.row.at_source_detail) {
-                return <el-tag onClick={() => openImgFun(scope.row)}>查看</el-tag>;
-            }
-        }
-    },
-    {
-        prop: "at_status",
-        label: "图册状态",
-        search: { el: "select", props: { filterable: true } },
-        enum: arrSxStatus,
-        render(scope) {
-            return (
-                <el-tag type={scope.row.at_status === 0 ? "danger" : "success"}>
-                    {scope.row.at_status === 0 ? "下架" : "上架"}
-                </el-tag>
-            );
-        }
-    },
-    {
-        prop: "at_wonderful_site_id_detail",
-        label: "精彩站点",
-        render(scope) {
-            if (scope.row.at_wonderful_site_id_detail) {
-                return <span>{scope.row.at_wonderful_site_id_detail.join(", ")}</span>;
-            }
-        }
-    },
-    {
-        prop: "at_recommend_site_id_detail",
-        label: "推荐站点",
-        render(scope) {
-            if (scope.row.at_recommend_site_id_detail) {
-                return <span>{scope.row.at_recommend_site_id_detail.join(", ")}</span>;
-            }
-        }
-    },
-    {
-        prop: "at_wonderful_site_id",
-        label: "精彩站点",
-        isShow: false,
-        search: { el: "select", props: { filterable: true } },
-        fieldNames: { label: "si_name", value: "si_id" },
-        enum: getAllList
-    },
-    {
-        prop: "at_recommend_site_id",
-        label: "推荐站点",
-        isShow: false,
-        search: { el: "select", props: { filterable: true } },
-        fieldNames: { label: "si_name", value: "si_id" },
-        enum: getAllList
-    },
-    {
-        prop: "at_tag",
-        label: "标签",
-        width: 250,
-        // showOverflowTooltip: false,
-        // align: "left",
-        render(scope) {
-            if (scope.row.at_tag_detail) {
-                return <span>{scope.row.at_tag_detail.join(", ")}</span>;
-            }
-        }
-    },
-    {
-        prop: "at_tag",
-        label: "标签",
-        isShow: false,
-        search: { el: "select", props: { filterable: true } },
-        fieldNames: { label: "t_name", value: "t_id" },
-        enum: getTagList
-    },
-
-    {
-        prop: "at_count_play",
-        label: "查看次数"
-    },
-    { prop: "created_at", label: "添加时间", width: 170 },
-    { prop: "operation", label: "操作", fixed: "right", width: 230 }
-]);
-
-// 删除图册信息
-const deleteAccount = async (params: AtlasList.ResList) => {
-    await useHandleData(deleteItem, { at_id: params.at_id }, "删除所选信息");
-    proTable.value?.getTableList();
-};
-
-// 批量删除图册信息
-const batchDelete = async (id: any[]) => {
-    const ids = id.map((item: AtlasList.ResList) => item.at_id);
-    await useHandleData(deleteItem, { at_id: ids.join(",") }, "删除所选信息");
-    proTable.value?.clearSelection();
-    proTable.value?.getTableList();
-};
-// 打开 drawer(新增、编辑)
-const drawerRef = ref<InstanceType<typeof Drawer> | null>(null);
-
-const openDrawer = (isEdit: boolean, row: Partial<AtlasList.ResList> = {}) => {
-    const params = {
-        title: isEdit ? "新增图册" : "编辑图册",
-        row: { ...row },
-        api: saveData,
-        getTableList: proTable.value?.getTableList
-    };
-    drawerRef.value?.acceptParams(params as any);
-};
-// 标签
-const tagDialogRef = ref<InstanceType<typeof TagDialog> | null>(null);
-// const openTagFun = (row: Partial<AtlasList.ResList> = {}) => {
-//     const params = {
-//         title: "图册标签",
-//         row: { ...row },
-//         getTableList: proTable.value?.getTableList
-//     };
-//     tagDialogRef.value?.acceptParams(params as any);
-// };
-// 图册资源
-const imgDialogRef = ref<InstanceType<typeof TagDialog> | null>(null);
-const openImgFun = (row: Partial<AtlasList.ResList> = {}) => {
-    const params = {
-        title: "图册资源",
-        row: { ...row },
-        getTableList: proTable.value?.getTableList
-    };
-    imgDialogRef.value?.acceptParams(params as any);
-};
-</script>
-
-<style lang="scss">
-.el-table .warning-row,
-.el-table .warning-row .el-table-fixed-column--right,
-.el-table .warning-row .el-table-fixed-column--left {
-    background-color: var(--el-color-warning-light-9);
+<style scoped lang="scss">
+.module-unavailable {
+    display: grid;
+    gap: 16px;
 }
-.el-table .success-row,
-.el-table .success-row .el-table-fixed-column--right,
-.el-table .success-row .el-table-fixed-column--left {
-    background-color: var(--el-color-success-light-9);
+
+.module-unavailable__card {
+    color: var(--el-text-color-regular);
+    line-height: 1.8;
+}
+
+.module-unavailable__card p {
+    margin: 0;
 }
 </style>
diff --git a/src/views/atlas/tagDialog.vue b/src/views/atlas/tagDialog.vue
deleted file mode 100644
index cc5c847..0000000
--- a/src/views/atlas/tagDialog.vue
+++ /dev/null
@@ -1,179 +0,0 @@
-<template>
-    <el-dialog v-model="drawerVisible" :title="drawerProps.title" :destroy-on-close="true" width="520px" draggable>
-        <el-form
-            ref="ruleFormRef"
-            label-width="50px"
-            label-suffix=" :"
-            :rules="rules"
-            :disabled="drawerProps.isView"
-            :model="drawerProps.row"
-            :hide-required-asterisk="drawerProps.isView"
-        >
-            <el-form-item v-for="e in formColumns" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
-                <template v-if="e.type === 'switch'">
-                    <el-switch v-model="e.value" />
-                </template>
-                <template v-if="e.type === 'radio'">
-                    <el-radio-group v-model="e.value" class="ml-4">
-                        <el-radio v-for="item in e.options" :key="item.value" :label="item.value" size="large">{{
-                            item.label
-                        }}</el-radio>
-                    </el-radio-group>
-                </template>
-                <template v-if="e.type === 'select'">
-                    <el-select filterable v-model="e.value" :placeholder="`请选择${e.label}`" clearable>
-                        <el-option
-                            v-for="(item, index) in e.options"
-                            :key="index"
-                            :label="getField(item, e.fieldNames?.label)"
-                            :value="getField(item, e.fieldNames?.value)"
-                        />
-                    </el-select>
-                </template>
-                <template v-if="e.type === 'tag'">
-                    <el-tag
-                        style="margin: 7px; margin-right: 10px"
-                        v-for="item in drawerProps.row!.at_tag"
-                        :key="item.t_id"
-                        :type="item.type"
-                        effect="dark"
-                    >
-                        {{ item.t_name }}
-                    </el-tag>
-                </template>
-
-                <template v-if="e.type === 'text'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'textarea'">
-                    <el-input
-                        type="textarea"
-                        :rows="10"
-                        v-model="e.value"
-                        maxlength="500000"
-                        :placeholder="`请输入${e.label}`"
-                        show-word-limit
-                    />
-                </template>
-                <template v-if="e.type === 'textareaMore'">
-                    <el-input
-                        type="textarea"
-                        v-model="e.value"
-                        maxlength="500000"
-                        :placeholder="`请输入${e.label}`"
-                        show-word-limit
-                    />
-                </template>
-            </el-form-item>
-        </el-form>
-        <template #footer>
-            <el-button @click="drawerVisible = false">取消</el-button>
-            <el-button type="primary" @click="drawerVisible = false">确定</el-button>
-        </template>
-    </el-dialog>
-</template>
-
-<script setup lang="ts" name="UserDrawer">
-import { ref, computed } from "vue";
-import { FormInstance } from "element-plus";
-import { AtlasList } from "@/api/interface/atlas/list";
-type Options = {
-    label: string;
-    value: string | number;
-};
-
-const getField = (item: any, fieldName: string | undefined) => {
-    return fieldName ? item[fieldName] : "";
-};
-
-type Fields = {
-    label: string;
-    prop: string;
-    type: string;
-    value: any;
-    required: boolean;
-    options?: Options[];
-    fieldNames?: { label: string; value: string };
-};
-const generateRules = (fields: Fields[]) => {
-    return fields.reduce(
-        (acc, field) => {
-            const { type, required, label, prop } = field;
-            let message = "";
-            if (type === "select") {
-                message = `请选择${label}`;
-            }
-            if (type === "text") {
-                message = `请输入${label}`;
-            }
-            if (type === "textarea") {
-                message = `请输入${label}`;
-            }
-            if (type === "textareaMore") {
-                message = `请输入${label}`;
-            }
-            if (type === "radio") {
-                message = `请选择${label}`;
-            }
-            acc[prop] = [{ required, message }];
-            return acc;
-        },
-        {} as Record<string, any>
-    );
-};
-
-const formColumns = computed((): Fields[] => {
-    return [
-        {
-            label: "标签",
-            prop: "t_name",
-            type: "tag",
-            get value() {
-                return drawerProps.value.row!.t_name;
-            },
-            set value(val) {
-                drawerProps.value.row!.t_name = val;
-            },
-            options: drawerProps.value.row!.at_tag,
-            fieldNames: { label: "t_name", value: "t_id" },
-            required: false
-        }
-    ];
-});
-const rules = ref();
-
-interface DrawerProps {
-    title: string;
-    isView: boolean;
-    row: Partial<AtlasList.ResList>;
-    api?: (params: any) => Promise<any>;
-    getTableList?: () => void;
-}
-
-const drawerVisible = ref(false);
-const drawerProps = ref<DrawerProps>({
-    isView: false,
-    title: "",
-    row: {}
-});
-
-// 接收父组件传过来的参数
-const acceptParams = async (params: DrawerProps) => {
-    drawerProps.value = params;
-    rules.value = generateRules(formColumns.value);
-    drawerVisible.value = true;
-};
-
-// 提交数据（新增/编辑）
-const ruleFormRef = ref<FormInstance>();
-
-defineExpose({
-    acceptParams
-});
-</script>
-
-<style>
-.el-dialog .el-dialog__header {
-    padding: 15px 0;
-}
-</style>
diff --git a/src/views/channel/statistics/drawer.vue b/src/views/channel/statistics/drawer.vue
deleted file mode 100644
index 8a6ab7f..0000000
--- a/src/views/channel/statistics/drawer.vue
+++ /dev/null
@@ -1,161 +0,0 @@
-<template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="800px" :title="`${drawerProps.title}渠道`">
-        <el-form
-            ref="ruleFormRef"
-            label-width="90px"
-            label-suffix=" :"
-            :rules="rules"
-            :disabled="drawerProps.isView"
-            :model="drawerProps.row"
-            :hide-required-asterisk="drawerProps.isView"
-        >
-            <el-form-item v-for="e in formColumns" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
-                <template v-if="e.type === 'switch'">
-                    <el-switch v-model="e.value" />
-                </template>
-                <template v-if="e.type === 'select'">
-                    <el-select v-model="e.value" :placeholder="`请选择${e.label}`" clearable>
-                        <el-option v-for="item in e.options" :key="item.value" :label="item.label" :value="item.value" />
-                    </el-select>
-                </template>
-                <template v-if="e.type === 'text'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'textarea'">
-                    <el-input
-                        type="textarea"
-                        v-model="e.value"
-                        maxlength="3650"
-                        :rows="10"
-                        :placeholder="`请输入${e.label}`"
-                        show-word-limit
-                    />
-                </template>
-            </el-form-item>
-        </el-form>
-        <template #footer>
-            <el-button @click="drawerVisible = false">取消</el-button>
-            <el-button v-show="!drawerProps.isView" type="primary" @click="handleSubmit">确定</el-button>
-        </template>
-    </el-drawer>
-</template>
-
-<script setup lang="ts" name="UserDrawer">
-import { ref, computed } from "vue";
-import { ElMessage, FormInstance } from "element-plus";
-import { ChannelStatisticsList } from "@/api/interface/channel/statistics";
-type Options = {
-    label: string;
-    value: string | number;
-};
-
-type Fields = {
-    label: string;
-    prop: string;
-    type: string;
-    value: any;
-    required: boolean;
-    options?: Options[];
-};
-const generateRules = (fields: Fields[]) => {
-    return fields.reduce(
-        (acc, field) => {
-            const { type, required, label, prop } = field;
-            let message = "";
-            if (type === "select") {
-                message = `请选择${label}`;
-            }
-            if (type === "text") {
-                message = `请输入${label}`;
-            }
-            acc[prop] = [{ required, message }];
-            return acc;
-        },
-        {} as Record<string, any>
-    );
-};
-
-const formColumns = computed((): Fields[] => {
-    return [
-        {
-            label: "渠道名称",
-            prop: "csc_name",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.csc_name;
-            },
-            set value(val) {
-                drawerProps.value.row!.csc_name = val;
-            },
-            required: true
-        },
-        {
-            label: "渠道编码",
-            prop: "csc_code",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.csc_code;
-            },
-            set value(val) {
-                drawerProps.value.row!.csc_code = val;
-            },
-            required: true
-        },
-        {
-            label: "统计代码",
-            prop: "csc_statistical_code",
-            type: "textarea",
-            get value() {
-                return drawerProps.value.row!.csc_statistical_code;
-            },
-            set value(val) {
-                drawerProps.value.row!.csc_statistical_code = val;
-            },
-            required: true
-        }
-    ];
-});
-const rules = ref();
-
-interface DrawerProps {
-    title: string;
-    isView: boolean;
-    row: Partial<ChannelStatisticsList.ResList>;
-    api?: (params: any) => Promise<any>;
-    getTableList?: () => void;
-}
-
-const drawerVisible = ref(false);
-const drawerProps = ref<DrawerProps>({
-    isView: false,
-    title: "",
-    row: {}
-});
-
-// 接收父组件传过来的参数
-const acceptParams = (params: DrawerProps) => {
-    drawerProps.value = params;
-    rules.value = generateRules(formColumns.value);
-    drawerVisible.value = true;
-};
-
-// 提交数据（新增/编辑）
-const ruleFormRef = ref<FormInstance>();
-const handleSubmit = () => {
-    ruleFormRef.value!.validate(async valid => {
-        if (!valid) return;
-        try {
-            await drawerProps.value.api!(drawerProps.value.row);
-            ElMessage.success({ message: `${drawerProps.value.title}成功！` });
-            drawerProps.value.getTableList!();
-            drawerVisible.value = false;
-        } catch (error) {
-            console.log(error);
-        }
-    });
-};
-
-defineExpose({
-    acceptParams
-});
-</script>
diff --git a/src/views/channel/statistics/index.vue b/src/views/channel/statistics/index.vue
index e311740..474936a 100644
--- a/src/views/channel/statistics/index.vue
+++ b/src/views/channel/statistics/index.vue
@@ -1,110 +1,31 @@
 <template>
-    <div class="table-box">
-        <ProTable ref="proTable" highlight-current-row :columns="columns" :request-api="ListApi">
-            <!-- 表格 header 按钮 -->
-            <template #tableHeader>
-                <el-button type="primary" :icon="CirclePlus" @click="openDrawer(true)">新增</el-button>
-                <!-- <el-button
-                    type="danger"
-                    :icon="Delete"
-                    plain
-                    :disabled="!scope.isSelected"
-                    @click="batchDelete(scope.selectedList)"
-                >
-                    批量删除
-                </el-button> -->
-            </template>
-            <!-- 表格操作 -->
-            <template #operation="scope">
-                <el-button type="primary" :icon="EditPen" @click="openDrawer(false, scope.row)">编辑</el-button>
-                <el-button type="danger" :icon="Delete" @click="deleteAccount(scope.row)">删除</el-button>
-            </template>
-        </ProTable>
-        <Drawer ref="drawerRef" />
+    <div class="module-unavailable">
+        <el-alert
+            title="渠道统计模块未部署到当前 Linux 测试服"
+            type="warning"
+            :closable="false"
+            show-icon
+        />
+        <el-card class="module-unavailable__card" shadow="never">
+            <p>当前页面依赖旧 `/admin/channel/statisticalcode/*` 接口，测试服会直接返回 `controller not exists: app\\admin\\controller\\Admin`。</p>
+            <p>本页先收为说明态，避免继续暴露渠道统计代码的列表、编辑和删除能力。</p>
+            <p>如果后续补齐渠道模块，再恢复当前列表页和抽屉。</p>
+        </el-card>
     </div>
 </template>
 
-<script setup lang="tsx" name="complexProTable">
-import { reactive, ref } from "vue";
-import { useHandleData } from "@/hooks/useHandleData";
-import { ChannelStatisticsList } from "@/api/interface/channel/statistics";
-import ProTable from "@/components/ProTable/index.vue";
-import { EditPen, CirclePlus, Delete } from "@element-plus/icons-vue";
-import { ProTableInstance, ColumnProps } from "@/components/ProTable/interface";
-import { ListApi, SaveApi, DelApi } from "@/api/modules/channel/statistics";
-
-import Drawer from "./drawer.vue";
-// ProTable 实例
-const proTable = ref<ProTableInstance>();
-
-// 表格配置项
-const columns = reactive<ColumnProps<ChannelStatisticsList.ResList>[]>([
-    { label: "关键字", search: { el: "input", key: "key" } },
-    {
-        prop: "csc_id",
-        label: "ID",
-        width: 100
-    },
-    {
-        prop: "csc_name",
-        label: "渠道名称"
-    },
-    {
-        prop: "csc_code",
-        label: "渠道编码"
-    },
-    {
-        prop: "csc_statistical_code",
-        label: "统计代码"
-    },
-    {
-        prop: "created_at",
-        label: "创建时间"
-    },
-    {
-        prop: "updated_at",
-        label: "更新时间"
-    },
-    { prop: "operation", label: "操作", fixed: "right", width: 200 }
-]);
-
-// 删除站点信息
-const deleteAccount = async (params: ChannelStatisticsList.ResList) => {
-    await useHandleData(DelApi, { csc_id: params.csc_id }, "删除所选信息");
-    proTable.value?.getTableList();
-};
-
-// 批量删除站点信息
-// const batchDelete = async (id: any[]) => {
-//     const ids = id.map((item: ChannelStatisticsList.ResList) => item.csc_id);
-//     await useHandleData(DelApi, { csc_id: ids.join(",") }, "删除所选信息");
-//     proTable.value?.clearSelection();
-//     proTable.value?.getTableList();
-// };
-
-// 打开 drawer(新增、编辑)
-const drawerRef = ref<InstanceType<typeof Drawer> | null>(null);
-
-const openDrawer = (isEdit: boolean, row: Partial<ChannelStatisticsList.ResList> = {}) => {
-    const params = {
-        title: isEdit ? "新增" : "编辑",
-        row: { ...row },
-        api: SaveApi,
-        getTableList: proTable.value?.getTableList
-    };
-    drawerRef.value?.acceptParams(params as any);
-};
-</script>
-
-<style lang="scss">
-.el-table .warning-row,
-.el-table .warning-row .el-table-fixed-column--right,
-.el-table .warning-row .el-table-fixed-column--left {
-    background-color: var(--el-color-warning-light-9);
+<style scoped lang="scss">
+.module-unavailable {
+    display: grid;
+    gap: 16px;
 }
-.el-table .success-row,
-.el-table .success-row .el-table-fixed-column--right,
-.el-table .success-row .el-table-fixed-column--left {
-    background-color: var(--el-color-success-light-9);
+
+.module-unavailable__card {
+    color: var(--el-text-color-regular);
+    line-height: 1.8;
+}
+
+.module-unavailable__card p {
+    margin: 0;
 }
 </style>
diff --git a/src/views/components/imgDialog.vue b/src/views/components/imgDialog.vue
deleted file mode 100644
index d4128a5..0000000
--- a/src/views/components/imgDialog.vue
+++ /dev/null
@@ -1,279 +0,0 @@
-<template>
-    <el-drawer
-        class="sc-sou-nav"
-        v-model="drawerVisible"
-        :title="drawerProps.title + '--' + drawerProps.name"
-        :destroy-on-close="true"
-        size="980"
-        draggable
-    >
-        <el-form
-            ref="ruleFormRef"
-            label-width="0px"
-            label-suffix=" :"
-            :rules="rules"
-            :disabled="drawerProps.isView"
-            :model="drawerProps.row"
-            :hide-required-asterisk="drawerProps.isView"
-        >
-            <el-form-item v-for="e in formColumns" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
-                <template v-if="e.type === 'image'">
-                    <div class="c-dialog-h">
-                        <img v-for="(item, index) in e.value" :key="index" :src="item" alt="" />
-                    </div>
-                </template>
-                <template v-if="e.type === 'textarea-i'">
-                    <div v-if="fileList.length == 0" style="width: 100%; height: 100px; line-height: 100px; text-align: center">
-                        正在加载中....
-                    </div>
-                    <div v-else :class="{ 'img-more-h': fileList.length > 0 }">
-                        <UploadImgs disabled v-model:file-list="fileList" height="100px" width="98px" :drag="false">
-                            <template #empty>
-                                <el-icon><Picture /></el-icon>
-                                <span>请上传照片</span>
-                            </template>
-                        </UploadImgs>
-                    </div>
-                </template>
-            </el-form-item>
-        </el-form>
-        <template #footer>
-            <el-button @click="drawerVisible = false">取消</el-button>
-            <el-button type="primary" @click="drawerVisible = false">确定</el-button>
-        </template>
-    </el-drawer>
-</template>
-
-<script setup lang="ts" name="UserDrawer">
-import { ref, computed } from "vue";
-import { FormInstance } from "element-plus";
-import { ChapterList } from "@/api/interface/manga/chapter";
-import UploadImgs from "@/components/Upload/Imgs.vue";
-import { fetchAndDecodeImage } from "@/utils/decrypt";
-
-type Options = {
-    label: string;
-    value: string | number;
-};
-
-type Fields = {
-    label: string;
-    prop: string;
-    type: string;
-    value: any;
-    required: boolean;
-    options?: Options[];
-    fieldNames?: { label: string; value: string };
-};
-const generateRules = (fields: Fields[]) => {
-    return fields.reduce(
-        (acc, field) => {
-            const { type, required, label, prop } = field;
-            let message = "";
-            if (type === "select") {
-                message = `请选择${label}`;
-            }
-            if (type === "text") {
-                message = `请输入${label}`;
-            }
-            if (type === "textarea") {
-                message = `请输入${label}`;
-            }
-            if (type === "textareaMore") {
-                message = `请输入${label}`;
-            }
-            if (type === "radio") {
-                message = `请选择${label}`;
-            }
-            acc[prop] = [{ required, message }];
-            return acc;
-        },
-        {} as Record<string, any>
-    );
-};
-
-const formColumns = computed((): Fields[] => {
-    return [
-        {
-            label: "",
-            prop: "mhzj_nei_rong",
-            type: "textarea-i",
-            get value() {
-                return drawerProps.value.row!.mhzj_nei_rong;
-            },
-            set value(val) {
-                drawerProps.value.row!.mhzj_nei_rong = val;
-            },
-            required: false
-        }
-    ];
-});
-const rules = ref();
-const fileList = ref([] as any);
-interface DrawerProps {
-    title: string;
-    name?: any;
-    isView: boolean;
-    row: Partial<ChapterList.ResList>;
-    api?: (params: any) => Promise<any>;
-    getTableList?: () => void;
-}
-
-const drawerVisible = ref(false);
-const drawerProps = ref<DrawerProps>({
-    isView: false,
-    title: "",
-    name: "",
-    row: {}
-});
-
-// 接收父组件传过来的参数
-const acceptParams = async (params: DrawerProps) => {
-    drawerProps.value = params;
-    rules.value = generateRules(formColumns.value);
-    drawerProps.value.name = drawerProps.value.row!.name;
-    drawerVisible.value = true;
-    fileList.value = [];
-    if (drawerProps.value.row.url) {
-        if (drawerProps.value.row!.encrypted == false) {
-            const data = drawerProps.value.row.url;
-            const newArray = data.map(item => ({ url: item }));
-            fileList.value = newArray;
-        } else {
-            // Assuming drawerProps.value.row.url is an array of URLs
-            const newArray = drawerProps.value.row.url.map(item => ({ url: item }));
-            // Process each URL with fetchAndDecodeImage before assigning to fileList
-            const processedArrayPromises = newArray.map(async item => {
-                const decodedUrl = await fetchAndDecodeImage(item.url);
-                return { url: decodedUrl };
-            });
-
-            // Wait for all promises to resolve
-            Promise.all(processedArrayPromises)
-                .then(processedArray => {
-                    fileList.value = processedArray;
-                })
-                .catch(error => {
-                    console.error("Error processing URLs: ", error);
-                });
-        }
-    }
-};
-// const acceptParams = async (params: DrawerProps) => {
-//     drawerProps.value = params;
-//     rules.value = generateRules(formColumns.value);
-//     drawerProps.value.name = drawerProps.value.row!.name;
-//     drawerVisible.value = true;
-//     fileList.value = [];
-//     if (drawerProps.value.row.url) {
-//         const urls = drawerProps.value.row.url;
-//         if (drawerProps.value.row.encrypted === false) {
-//             // 如果未加密，直接处理
-//             fileList.value = urls.map((url: string) => ({ url }));
-//         } else {
-//             // 如果加密，解码后处理
-//             const uniqueUrls = [...new Set(urls)]; // 去重
-//             const processedArrayPromises = uniqueUrls.map(async (url: any) => {
-//                 const decodedUrl = await fetchAndDecodeImage(url);
-//                 return { url: decodedUrl };
-//             });
-
-//             try {
-//                 const processedArray = await Promise.all(processedArrayPromises);
-//                 // 处理完后，将原始数组中的每个 URL 映射到处理后的 URL
-//                 const urlMap = new Map(uniqueUrls.map((url, index) => [url, processedArray[index].url]));
-//                 fileList.value = urls.map((url: string) => ({ url: urlMap.get(url) }));
-//             } catch (error) {
-//                 console.error("Error processing URLs: ", error);
-//             }
-//         }
-//     }
-// };
-// const acceptParams = async (params: DrawerProps) => {
-//     drawerProps.value = params;
-//     rules.value = generateRules(formColumns.value);
-//     drawerProps.value.name = drawerProps.value.row!.name;
-//     drawerVisible.value = true;
-//     fileList.value = [];
-//     if (drawerProps.value.row.url) {
-//         fileList.value = drawerProps.value.row.url;
-//         console.log(fileList.value);
-//     }
-//     // if (drawerProps.value.row.url) {
-//     //     const urls = drawerProps.value.row.url;
-//     //     if (drawerProps.value.row.encrypted === false) {
-//     //         // 如果未加密，直接处理
-//     //         fileList.value = urls.map((url: string) => ({ url }));
-//     //     } else {
-//     //         // 如果加密，解码后处理
-//     //         const uniqueUrls = [...new Set(urls)]; // 去重
-//     //         const processedArrayPromises = uniqueUrls.map(async (url: any) => {
-//     //             const decodedUrl = await fetchAndDecodeImage(url);
-//     //             return { url: decodedUrl };
-//     //         });
-
-//     //         try {
-//     //             const processedArray = await Promise.all(processedArrayPromises);
-//     //             // 处理完后，将原始数组中的每个 URL 映射到处理后的 URL
-//     //             const urlMap = new Map(uniqueUrls.map((url, index) => [url, processedArray[index].url]));
-//     //             fileList.value = urls.map((url: string) => ({ url: urlMap.get(url) }));
-//     //         } catch (error) {
-//     //             console.error("Error processing URLs: ", error);
-//     //         }
-//     //     }
-//     // }
-//     // if (drawerProps.value.row.url) {
-//     //     if (drawerProps.value.row!.encrypted == false) {
-//     //         const data = drawerProps.value.row.url;
-//     //         const newArray = data.map(item => ({ url: item }));
-//     //         fileList.value = newArray;
-//     //     } else {
-//     //         // Assuming drawerProps.value.row.url is an array of URLs
-//     //         const newArray = drawerProps.value.row.url.map(item => ({ url: item }));
-//     //         // Process each URL with fetchAndDecodeImage before assigning to fileList
-//     //         const processedArrayPromises = newArray.map(async item => {
-//     //             const decodedUrl = await fetchAndDecodeImage(item.url);
-//     //             return { url: decodedUrl };
-//     //         });
-
-//     //         // Wait for all promises to resolve
-//     //         Promise.all(processedArrayPromises)
-//     //             .then(processedArray => {
-//     //                 fileList.value = processedArray;
-//     //             })
-//     //             .catch(error => {
-//     //                 console.error("Error processing URLs: ", error);
-//     //             });
-//     //     }
-//     // }
-// };
-
-// 提交数据（新增/编辑）
-const ruleFormRef = ref<FormInstance>();
-
-defineExpose({
-    acceptParams
-});
-</script>
-
-<style lang="scss">
-.img-more-h .upload .upload-image {
-    object-fit: cover !important;
-}
-.img-more-h {
-    overflow-y: scroll;
-}
-</style>
-<style lang="scss">
-.sc-sou-nav {
-    .el-upload--picture-card {
-        display: none;
-    }
-    .el-drawer__header {
-        padding: 7px;
-    }
-    .el-drawer__body {
-        padding: 7px !important;
-    }
-}
-</style>
diff --git a/src/views/home/index.scss b/src/views/home/index.scss
index 27045dc..53f321e 100644
--- a/src/views/home/index.scss
+++ b/src/views/home/index.scss
@@ -1,12 +1,8 @@
 .home {
     display: flex;
-    align-items: center;
-    justify-content: center;
+    flex-direction: column;
+    align-items: stretch;
+    justify-content: flex-start;
     width: 100%;
-    height: 100%;
-    .home-bg {
-        width: 70%;
-        max-width: 1200px;
-        margin-bottom: 20px;
-    }
+    gap: 20px;
 }
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index e707f7c..092e35b 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -1,11 +1,107 @@
 <template>
     <div class="home card">
-        <img class="home-bg" src="@/assets/images/welcome.png" alt="welcome" />
+        <div class="home-bootstrap-actions">
+            <el-button type="primary" @click="openBootstrapCenter('overview')">打开 Bootstrap 总控台</el-button>
+            <el-button type="warning" plain @click="openBootstrapCenter({ tab: 'ops', opsFocus: { panel: 'oncall', stage: 'all', clearHostFocus: true, hostConsolePanel: 'oncall' } })">值班待办</el-button>
+            <el-button type="danger" plain @click="openBootstrapCenter({ tab: 'ops', opsFocus: { panel: 'attention', stage: 'attention', clearHostFocus: true, hostConsolePanel: 'runs' } })">异常聚焦</el-button>
+            <el-button type="info" plain @click="openBootstrapCenter('env')">查看环境模板</el-button>
+        </div>
+        <BootstrapOpsOverview />
+        <BootstrapEnvOverview action-text="前往站点页查看环境模板" @open-dialog="goSitePage" />
+        <BootstrapAdminCenter ref="bootstrapAdminCenterRef" />
     </div>
 </template>
 
-<script setup lang="ts" name="home"></script>
+<script setup lang="ts" name="home">
+import { useRouter } from "vue-router";
+import BootstrapOpsOverview from "@/views/site/bootstrapOpsOverview.vue";
+import BootstrapEnvOverview from "@/views/site/bootstrapEnvOverview.vue";
+import BootstrapAdminCenter from "@/views/site/bootstrapAdminCenter.vue";
+import { ref } from "vue";
 
+const router = useRouter();
+const bootstrapAdminCenterRef = ref<InstanceType<typeof BootstrapAdminCenter> | null>(null);
+type BootstrapFocusMode = "all" | "task" | "oncall" | "pipeline" | "import" | "release";
+type BootstrapFocusPayload = BootstrapFocusMode | BootstrapFocusMode[];
+type BootstrapComparePreset =
+    | "latest_two"
+    | "latest_applied_vs_dry_run"
+    | "latest_template_two"
+    | "latest_template_apply_vs_preview"
+    | "latest_restore_two"
+    | "latest_restore_apply_vs_preview";
+type BootstrapRestorePreset = "latest_restore_after_preview" | "latest_restore_before_preview";
+type BootstrapHistoryActionPreset = "template_family" | "restore_family" | "restore_preview_only" | "restore_apply_only";
+type BootstrapDialogPayload =
+    | BootstrapFocusPayload
+    | {
+          focusMode?: BootstrapFocusPayload;
+          comparePreset?: BootstrapComparePreset;
+          restorePreset?: BootstrapRestorePreset;
+          historyActionPreset?: BootstrapHistoryActionPreset;
+      };
+type OpsPanelKey = "queue" | "oncall" | "tasks" | "runs" | "attention" | "completed";
+type BootstrapStageKey =
+    | "all"
+    | "ready_to_register"
+    | "ready_to_apply"
+    | "ready_for_prepare"
+    | "ready_to_import"
+    | "ready_to_release_dry_run"
+    | "ready_to_publish"
+    | "attention"
+    | "published";
+type HostConsolePanelKey = "bundle" | "oncall" | "runs" | "completed";
+type OpsInspectorKind = "bundle" | "oncall" | "task" | "run" | "attention_bundle" | "failed_run" | "completed";
+type BootstrapOpsFocusPayload = {
+    panel?: OpsPanelKey;
+    stage?: BootstrapStageKey;
+    host?: string;
+    keyword?: string;
+    clearHostFocus?: boolean;
+    hostConsolePanel?: HostConsolePanelKey;
+    inspectorKind?: OpsInspectorKind | "default";
+};
+type BootstrapAdminOpenPayload =
+    | "overview"
+    | "ops"
+    | "env"
+    | {
+          tab?: "overview" | "ops" | "env";
+          opsFocus?: BootstrapOpsFocusPayload;
+          envDialog?: BootstrapDialogPayload;
+          refresh?: boolean;
+      };
+
+const openBootstrapCenter = (payload: BootstrapAdminOpenPayload = "overview") => {
+    bootstrapAdminCenterRef.value?.openDialog(payload);
+};
+
+const goSitePage = (payload: BootstrapDialogPayload = "all") => {
+    const normalizedFocus = typeof payload === "string" || Array.isArray(payload) ? payload : payload.focusMode ?? "all";
+    const comparePreset = typeof payload === "string" || Array.isArray(payload) ? undefined : payload.comparePreset;
+    const restorePreset = typeof payload === "string" || Array.isArray(payload) ? undefined : payload.restorePreset;
+    const historyActionPreset = typeof payload === "string" || Array.isArray(payload) ? undefined : payload.historyActionPreset;
+    const queryFocus = Array.isArray(normalizedFocus) ? normalizedFocus.join(",") : normalizedFocus;
+    router.push({
+        path: "/site/index",
+        query: {
+            ...(queryFocus === "all" ? {} : { bootstrapFocus: queryFocus }),
+            ...(comparePreset ? { bootstrapComparePreset: comparePreset } : {}),
+            ...(restorePreset ? { bootstrapRestorePreset: restorePreset } : {}),
+            ...(historyActionPreset ? { bootstrapHistoryActionPreset: historyActionPreset } : {})
+        }
+    });
+};
+</script>
+
 <style scoped lang="scss">
-@import "./index.scss";
+@use "./index.scss" as *;
+
+.home-bootstrap-actions {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 12px;
+    margin: 0 0 16px;
+}
 </style>
diff --git a/src/views/login/components/LoginForm.vue b/src/views/login/components/LoginForm.vue
index 73592d0..331a05d 100644
--- a/src/views/login/components/LoginForm.vue
+++ b/src/views/login/components/LoginForm.vue
@@ -67,27 +67,26 @@ const loginForm = reactive<Login.ReqLoginForm>({
     au_pwd: ""
 });
 
-// login
+
 const login = (formEl: FormInstance | undefined) => {
     if (!formEl) return;
     formEl.validate(async valid => {
         if (!valid) return;
         loading.value = true;
         try {
-            // 1.执行登录接口
+
             const { data } = await loginApi({ ...loginForm });
-            console.log(data["admin-token"]);
             userStore.setToken(data["admin-token"]);
             userStore.setUserInfo({ name: loginForm.au_name });
 
-            // 2.添加动态路由
+
             await initDynamicRouter();
 
-            // 3.清空 tabs、keepAlive 数据
+
             tabsStore.setTabs([]);
             keepAliveStore.setKeepAliveName([]);
 
-            // 4.跳转到首页
+
             router.push(HOME_URL);
             ElNotification({
                 title: getTimeState(),
@@ -101,14 +100,14 @@ const login = (formEl: FormInstance | undefined) => {
     });
 };
 
-// resetForm
+
 const resetForm = (formEl: FormInstance | undefined) => {
     if (!formEl) return;
     formEl.resetFields();
 };
 
 onMounted(() => {
-    // 监听 enter 事件（调用登录）
+
     document.onkeydown = (e: KeyboardEvent) => {
         e = (window.event as KeyboardEvent) || e;
         if (e.code === "Enter" || e.code === "enter" || e.code === "NumpadEnter") {
@@ -120,5 +119,5 @@ onMounted(() => {
 </script>
 
 <style scoped lang="scss">
-@import "../index.scss";
+@use "../index.scss" as *;
 </style>
diff --git a/src/views/login/index.scss b/src/views/login/index.scss
index 90ff14f..e173d41 100644
--- a/src/views/login/index.scss
+++ b/src/views/login/index.scss
@@ -1,83 +1,83 @@
-.login-container {
-    height: 100%;
-    min-height: 550px;
-    background-color: #eeeeee;
-    background-image: url("@/assets/images/login_bg.svg");
-    background-size: 100% 100%;
-    background-size: cover;
-    .login-box {
-        position: relative;
-        box-sizing: border-box;
-        display: flex;
-        align-items: center;
-        justify-content: space-around;
-        width: 96.5%;
-        height: 94%;
-        padding: 0 50px;
-        background-color: rgb(255 255 255 / 80%);
-        border-radius: 10px;
-        .dark {
-            position: absolute;
-            top: 13px;
-            right: 18px;
-        }
-        .login-left {
-            width: 800px;
-            margin-right: 10px;
-            .login-left-img {
-                width: 100%;
-                height: 100%;
-            }
-        }
-        .login-form {
-            width: 420px;
-            padding: 50px 40px 45px;
-            background-color: var(--el-bg-color);
-            border-radius: 10px;
-            box-shadow: rgb(0 0 0 / 10%) 0 2px 10px 2px;
-            .login-logo {
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                margin-bottom: 45px;
-                .login-icon {
-                    width: 60px;
-                    height: 60px;
-                }
-                .logo-text {
-                    padding: 0 0 0 25px;
-                    margin: 0;
-                    font-size: 42px;
-                    font-weight: bold;
-                    color: #34495e;
-                    white-space: nowrap;
-                }
-            }
-            .el-form-item {
-                margin-bottom: 40px;
-            }
-            .login-btn {
-                display: flex;
-                justify-content: space-between;
-                width: 100%;
-                margin-top: 40px;
-                white-space: nowrap;
-                .el-button {
-                    width: 185px;
-                }
-            }
-        }
-    }
-}
-
-@media screen and (width <= 1250px) {
-    .login-left {
-        display: none;
-    }
-}
-
-@media screen and (width <= 600px) {
-    .login-form {
-        width: 97% !important;
-    }
-}
+.login-container {
+    height: 100%;
+    min-height: 550px;
+    background-color: #eeeeee;
+    background-image: url("@/assets/images/login_bg.svg");
+    background-size: 100% 100%;
+    background-size: cover;
+    .login-box {
+        position: relative;
+        box-sizing: border-box;
+        display: flex;
+        align-items: center;
+        justify-content: space-around;
+        width: 96.5%;
+        height: 94%;
+        padding: 0 50px;
+        background-color: rgb(255 255 255 / 80%);
+        border-radius: 10px;
+        .dark {
+            position: absolute;
+            top: 13px;
+            right: 18px;
+        }
+        .login-left {
+            width: 800px;
+            margin-right: 10px;
+            .login-left-img {
+                width: 100%;
+                height: 100%;
+            }
+        }
+        .login-form {
+            width: 420px;
+            padding: 50px 40px 45px;
+            background-color: var(--el-bg-color);
+            border-radius: 10px;
+            box-shadow: rgb(0 0 0 / 10%) 0 2px 10px 2px;
+            .login-logo {
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                margin-bottom: 45px;
+                .login-icon {
+                    width: 60px;
+                    height: 60px;
+                }
+                .logo-text {
+                    padding: 0 0 0 25px;
+                    margin: 0;
+                    font-size: 42px;
+                    font-weight: bold;
+                    color: #34495e;
+                    white-space: nowrap;
+                }
+            }
+            .el-form-item {
+                margin-bottom: 40px;
+            }
+            .login-btn {
+                display: flex;
+                justify-content: space-between;
+                width: 100%;
+                margin-top: 40px;
+                white-space: nowrap;
+                .el-button {
+                    width: 185px;
+                }
+            }
+        }
+    }
+}
+
+@media screen and (width <= 1250px) {
+    .login-left {
+        display: none;
+    }
+}
+
+@media screen and (width <= 600px) {
+    .login-form {
+        width: 97% !important;
+    }
+}
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 74da6c8..979b541 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -1,27 +1,26 @@
-<template>
-    <div class="login-container flx-center">
-        <div class="login-box">
-            <SwitchDark class="dark" />
-            <div class="login-left">
-                <img class="login-left-img" src="@/assets/images/login_left.png" alt="login" />
-            </div>
+<template>
+    <div class="login-container flx-center">
+        <div class="login-box">
+            <SwitchDark class="dark" />
+            <div class="login-left">
+                <img class="login-left-img" src="@/assets/images/login_left.png" alt="login" />
+            </div>
             <div class="login-form">
                 <div class="login-logo">
-                    <!-- <img class="login-icon" src="@/customize/images/logo.png" alt="" /> -->
                     <h2 class="logo-text">{{ title }}</h2>
                 </div>
                 <LoginForm />
-            </div>
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts" name="login">
-import LoginForm from "./components/LoginForm.vue";
-import SwitchDark from "@/components/SwitchDark/index.vue";
-const title = import.meta.env.VITE_GLOB_APP_TITLE;
-</script>
-
-<style scoped lang="scss">
-@import "./index.scss";
-</style>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts" name="login">
+import LoginForm from "./components/LoginForm.vue";
+import SwitchDark from "@/components/SwitchDark/index.vue";
+const title = import.meta.env.VITE_GLOB_APP_TITLE;
+</script>
+
+<style scoped lang="scss">
+@use "./index.scss" as *;
+</style>
diff --git a/src/views/manga/chapter/index.vue b/src/views/manga/chapter/index.vue
index d140be5..2ec29ac 100644
--- a/src/views/manga/chapter/index.vue
+++ b/src/views/manga/chapter/index.vue
@@ -1,141 +1,31 @@
 <template>
-    <div class="table-box">
-        <ProTable
-            ref="proTable"
-            highlight-current-row
-            :columns="columns"
-            :request-api="getTableList"
-            :data-callback="dataCallback"
-        >
-        </ProTable>
-        <ImgDialog ref="imgDialogRef" />
+    <div class="module-unavailable">
+        <el-alert
+            title="漫画章节模块未部署到当前 Linux 测试服"
+            type="warning"
+            :closable="false"
+            show-icon
+        />
+        <el-card class="module-unavailable__card" shadow="never">
+            <p>当前后端未提供 `Manhua` 控制器，漫画章节接口会直接返回控制器不存在。</p>
+            <p>本页先收为说明态，避免继续暴露“可点开但一定失败”的章节列表和资源查看。</p>
+            <p>如果后续补齐漫画章节接口，再恢复当前章节页和资源弹层。</p>
+        </el-card>
     </div>
 </template>
 
-<script setup lang="tsx" name="complexProTable">
-import { reactive, ref } from "vue";
-import ProTable from "@/components/ProTable/index.vue";
-import { ProTableInstance, ColumnProps } from "@/components/ProTable/interface";
-import { ChapterList } from "@/api/interface/manga/chapter";
-import { getList } from "@/api/modules/manga/chapter";
-import ImgDialog from "../../components/imgDialog.vue";
-// import { fetchAndDecodeImage } from "@/utils/decrypt";
+<style scoped lang="scss">
+.module-unavailable {
+    display: grid;
+    gap: 16px;
+}
 
-// ProTable 实例
-const proTable = ref<ProTableInstance>();
+.module-unavailable__card {
+    color: var(--el-text-color-regular);
+    line-height: 1.8;
+}
 
-const initParam = reactive({
-    limit: 15,
-    page: 1
-});
-
-const dataCallback = (data: any) => {
-    return {
-        items: data.items,
-        total: data.total,
-        total_page: data.total_pages,
-        page: initParam.page,
-        limit: initParam.limit
-    };
-};
-
-const getTableList = async (params: any) => {
-    let newParams = JSON.parse(JSON.stringify(params));
-    initParam.page = newParams.page;
-    initParam.limit = newParams.limit;
-    return getList(newParams);
-};
-
-// 表格配置项
-const columns = reactive<ColumnProps<ChapterList.ResList>[]>([
-    { type: "selection", fixed: "left", width: 50 },
-    {
-        prop: "key",
-        label: "搜索内容",
-        isShow: false,
-        search: {
-            el: "input"
-        }
-    },
-    {
-        prop: "mhzj_id",
-        label: "ID",
-        width: 100
-    },
-    {
-        prop: "mhzj_pai_xu",
-        label: "章节序号",
-        width: 100
-    },
-    {
-        prop: "mhzj_ming_zi",
-        label: "章节标题"
-    },
-    {
-        prop: "mhzj_nei_rong",
-        label: "图册资源",
-        render(scope) {
-            if (scope.row.mhzj_nei_rong) {
-                return <el-tag onClick={() => openImgFun(scope.row)}>查看</el-tag>;
-            }
-        }
-    },
-    { prop: "mhzj_source_code", label: "源站" },
-    { prop: "created_at", label: "添加时间" }
-]);
-
-// 图册资源
-const imgDialogRef = ref<InstanceType<typeof ImgDialog> | null>(null);
-
-// const openImgFun = async (row: Partial<ChapterList.ResList> = {}) => {
-//     row.name = row.mhzj_ming_zi;
-//     row.url = row.mhzj_nei_rong_url;
-
-//     if (!row.url) {
-//         console.error("No URL provided in the row.");
-//         return;
-//     }
-
-//     const newArray = row.url.map(item => ({ url: item }));
-
-//     try {
-//         // Process each URL with fetchAndDecodeImage before assigning to fileList
-//         const processedArrayPromises = newArray.map(async item => {
-//             const decodedUrl = await fetchAndDecodeImage(item.url);
-//             console.log(decodedUrl, "decodedUrl");
-//             return { url: decodedUrl };
-//         });
-
-//         // Wait for all promises to resolve
-//         const processedArray = await Promise.all(processedArrayPromises);
-//         row.url = processedArray;
-
-//         console.log(row.url, " row.url");
-
-//         const params = {
-//             title: "图册资源",
-//             row: { ...row },
-//             getTableList: proTable.value?.getTableList
-//         };
-//         imgDialogRef.value?.acceptParams(params as any);
-//     } catch (error) {
-//         console.error("Error processing URLs: ", error);
-//     }
-// };
-
-const openImgFun = (row: Partial<ChapterList.ResList> = {}) => {
-    row.name = row.mhzj_ming_zi;
-    row.url = row.mhzj_nei_rong_url;
-    const params = {
-        title: "图册资源",
-        row: { ...row },
-        getTableList: proTable.value?.getTableList
-    };
-    imgDialogRef.value?.acceptParams(params as any);
-};
-</script>
-<style lang="scss">
-.el-upload--picture-card {
-    display: none;
+.module-unavailable__card p {
+    margin: 0;
 }
 </style>
diff --git a/src/views/manga/component/chapterDrawer.vue b/src/views/manga/component/chapterDrawer.vue
deleted file mode 100644
index d6b8d77..0000000
--- a/src/views/manga/component/chapterDrawer.vue
+++ /dev/null
@@ -1,312 +0,0 @@
-<template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="720" :title="`${drawerProps.title}`">
-        <el-form
-            ref="ruleFormRef"
-            label-width="90px"
-            label-suffix=" :"
-            :rules="rules"
-            :disabled="drawerProps.isView"
-            :model="drawerProps.row"
-            :hide-required-asterisk="drawerProps.isView"
-        >
-            <el-form-item v-for="e in formColumns" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
-                <template v-if="e.type === 'switch'">
-                    <el-switch
-                        v-model="e.value"
-                        :active-value="`${1}`"
-                        :inactive-value="`${0}`"
-                        active-text="上架"
-                        inactive-text="下架"
-                    />
-                </template>
-                <template v-if="e.type === 'switch-index'">
-                    <el-switch
-                        v-model="e.value"
-                        :active-value="`${1}`"
-                        :inactive-value="`${0}`"
-                        active-text="是"
-                        inactive-text="否"
-                    />
-                </template>
-                <template v-if="e.type === 'radio'">
-                    <el-radio-group v-model="e.value" class="ml-4">
-                        <el-radio v-for="item in e.options" :key="item.value" :label="item.value" size="large">{{
-                            item.label
-                        }}</el-radio>
-                    </el-radio-group>
-                </template>
-                <template v-if="e.type === 'select'">
-                    <el-select filterable v-model="e.value" :placeholder="`请选择${e.label}`" clearable>
-                        <el-option
-                            v-for="(item, index) in e.options"
-                            :key="index"
-                            :label="getField(item, e.fieldNames?.label)"
-                            :value="getField(item, e.fieldNames?.value)"
-                        />
-                    </el-select>
-                </template>
-                <template v-if="e.type === 'text'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'text-i'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'text-num'">
-                    <el-input v-model="e.value" type="number" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'textarea'">
-                    <el-input
-                        type="textarea"
-                        v-model="e.value"
-                        maxlength="36500"
-                        :autosize="{ minRows: 20, maxRows: 21 }"
-                        :placeholder="`请输入${e.label}`"
-                        show-word-limit
-                    />
-                </template>
-                <template v-if="e.type === 'textarea-i'">
-                    <el-input
-                        type="textarea"
-                        v-model="e.value"
-                        maxlength="36500"
-                        :autosize="{ minRows: 8, maxRows: 9 }"
-                        :placeholder="`请输入${e.label}`"
-                        show-word-limit
-                    />
-                    <div style="width: 100%">{{ e.describe }}</div>
-                </template>
-                <template v-if="e.type === 'textarea-i'">
-                    <div :class="{ 'img-more-h': fileList.length > 0 }">
-                        <UploadImgs disabled v-model:file-list="fileList" :drag="false" border-radius="50%">
-                            <template #empty>
-                                <el-icon><Picture /></el-icon>
-                                <span>请上传照片</span>
-                            </template>
-                        </UploadImgs>
-                    </div>
-                </template>
-            </el-form-item>
-        </el-form>
-        <template #footer>
-            <el-button @click="drawerVisible = false">取消</el-button>
-            <el-button v-show="!drawerProps.isView" type="primary" @click="handleSubmit">确定</el-button>
-        </template>
-    </el-drawer>
-</template>
-
-<script setup lang="ts" name="UserDrawer">
-import { ref, computed } from "vue";
-import { ElMessage, FormInstance } from "element-plus";
-import { ChapterList } from "@/api/interface/manga/chapter";
-import UploadImgs from "@/components/Upload/Imgs.vue";
-import { extractURI } from "@/utils/eleValidate";
-type Options = {
-    label: string;
-    value: string | number;
-};
-interface Item {
-    uri: any;
-    code: any;
-}
-const getField = (item: any, fieldName: string | undefined) => {
-    return fieldName ? item[fieldName] : "";
-};
-type Fields = {
-    label: string;
-    prop: string;
-    type: string;
-    value: any;
-    required: boolean;
-    options?: Options[];
-    fieldNames?: { label: string; value: string };
-    describe?: string;
-};
-const generateRules = (fields: Fields[]) => {
-    return fields.reduce(
-        (acc, field) => {
-            const { type, required, label, prop } = field;
-            let message = "";
-            if (type === "select") {
-                message = `请选择${label}`;
-            }
-            if (type === "switch") {
-                message = `请选择${label}`;
-            }
-            if (type === "switch-index") {
-                message = `请选择${label}`;
-            }
-            if (type === "tag") {
-                message = `请选择${label}`;
-            }
-            if (type === "radio") {
-                message = `请选择${label}`;
-            }
-            if (type === "text") {
-                message = `请输入${label}`;
-            }
-            if (type === "textarea-i") {
-                message = `请输入${label}`;
-            }
-            if (type === "text-i") {
-                message = `请输入${label}`;
-            }
-            if (type === "text-num") {
-                message = `请输入${label}`;
-            }
-            if (type === "image") {
-                message = `请上传${label}`;
-            }
-            if (type === "image-more") {
-                message = `请上传${label}`;
-            }
-            acc[prop] = [{ required, message }];
-            return acc;
-        },
-        {} as Record<string, any>
-    );
-};
-
-const formColumns = computed((): Fields[] => {
-    return [
-        {
-            label: "章节标题",
-            prop: "mhzj_ming_zi",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.mhzj_ming_zi;
-            },
-            set value(val) {
-                drawerProps.value.row!.mhzj_ming_zi = val;
-            },
-            required: true
-        },
-        {
-            label: "章节序号",
-            prop: "mhzj_pai_xu",
-            type: "text-num",
-            get value() {
-                return drawerProps.value.row!.mhzj_pai_xu;
-            },
-            set value(val) {
-                drawerProps.value.row!.mhzj_pai_xu = val;
-            },
-            required: true
-        },
-        // {
-        //     label: "是否VIP",
-        //     prop: "mc_vip",
-        //     type: "switch-index",
-        //     get value() {
-        //         return String(drawerProps.value.row!.mc_vip);
-        //     },
-        //     set value(val) {
-        //         drawerProps.value.row!.mc_vip = val;
-        //     },
-        //     required: true
-        // },
-
-        {
-            label: "图册资源",
-            prop: "mhzj_nei_rong",
-            type: "textarea-i",
-            describe: "多个用逗号(,)隔开",
-            get value() {
-                return drawerProps.value.row!.mhzj_nei_rong;
-            },
-            set value(val) {
-                drawerProps.value.row!.mhzj_nei_rong = val;
-            },
-            required: true
-        }
-    ];
-});
-const rules = ref();
-const fileList = ref([] as any);
-interface DrawerProps {
-    title: string;
-    isView: boolean;
-    row: Partial<ChapterList.ResList>;
-    api?: (params: any) => Promise<any>;
-    getTableList?: () => void;
-}
-
-const drawerVisible = ref(false);
-const drawerProps = ref<DrawerProps>({
-    isView: false,
-    title: "",
-    row: {}
-});
-
-// 接收父组件传过来的参数
-const acceptParams = (params: DrawerProps) => {
-    drawerProps.value = params;
-    rules.value = generateRules(formColumns.value);
-    drawerVisible.value = true;
-    fileList.value = [];
-    if (drawerProps.value.row.mhzj_nei_rong) {
-        const data = JSON.parse(drawerProps.value.row.mhzj_nei_rong);
-        drawerProps.value.row.mhzj_nei_rong = data.map((obj: Item) => {
-            obj.uri = obj.uri;
-            drawerProps.value.row.cover_code = obj.code;
-            return obj.uri;
-        });
-        const newArr = data.map(item => ({ url: item }));
-        fileList.value = newArr;
-    }
-    // if (drawerProps.value.row.mhzj_nei_rong_detail) {
-    //     const data = drawerProps.value.row.mhzj_nei_rong_detail;
-    //     const newArr = data.map(item => ({ url: item }));
-    //     drawerProps.value.row.mhzj_nei_rong = data;
-    //     fileList.value = newArr;
-    // }
-};
-
-// 提交数据（新增/编辑）
-const ruleFormRef = ref<FormInstance>();
-const handleSubmit = () => {
-    ruleFormRef.value!.validate(async valid => {
-        if (!valid) return;
-        try {
-            const params = { ...drawerProps.value.row };
-            if (Array.isArray(params.mhzj_nei_rong)) {
-                params.mhzj_nei_rong = params.mhzj_nei_rong.map(item => ({
-                    uri: item,
-                    code: params.cover_code
-                }));
-                // params.mhzj_nei_rong = params.mhzj_nei_rong.map(uri => ({ uri: extractURI(uri), code: params.cover_code }));
-                // params.mhzj_nei_rong = params.mhzj_nei_rong;
-            } else {
-                params.mhzj_nei_rong = params.mhzj_nei_rong.split(",");
-                params.mhzj_nei_rong = params.mhzj_nei_rong.map(uri => ({ uri: extractURI(uri), code: params.cover_code }));
-                params.mhzj_nei_rong = params.mhzj_nei_rong;
-            }
-
-            return;
-            await drawerProps.value.api!(params);
-            ElMessage.success({ message: `${drawerProps.value.title}成功！` });
-            drawerProps.value.getTableList!();
-            drawerVisible.value = false;
-        } catch (error) {
-            console.log(error);
-        }
-    });
-};
-
-defineExpose({
-    acceptParams
-});
-</script>
-<style lang="scss">
-.el-checkbox-button__inner {
-    margin-right: 10px;
-    margin-bottom: 10px;
-    border-left-color: #dcdfe6 !important;
-}
-.el-upload--picture-card {
-    display: none;
-}
-.img-more-h {
-    height: 430px;
-    overflow-y: scroll;
-}
-</style>
diff --git a/src/views/manga/component/imgDialog.vue b/src/views/manga/component/imgDialog.vue
deleted file mode 100644
index d9d0782..0000000
--- a/src/views/manga/component/imgDialog.vue
+++ /dev/null
@@ -1,175 +0,0 @@
-<template>
-    <el-dialog
-        v-model="drawerVisible"
-        :title="drawerProps.title + '--' + drawerProps.name"
-        :destroy-on-close="true"
-        width="1000px"
-        draggable
-    >
-        <el-form
-            ref="ruleFormRef"
-            label-width="0px"
-            label-suffix=" :"
-            :rules="rules"
-            :disabled="drawerProps.isView"
-            :model="drawerProps.row"
-            :hide-required-asterisk="drawerProps.isView"
-        >
-            <el-form-item v-for="e in formColumns" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
-                <template v-if="e.type === 'image'">
-                    <div class="c-dialog-h">
-                        <img v-for="(item, index) in e.value" :key="index" :src="item" alt="" />
-                    </div>
-                </template>
-                <template v-if="e.type === 'textarea-i'">
-                    <div :class="{ 'img-more-h': fileList.length > 0 }">
-                        <UploadImgs disabled v-model:file-list="fileList" height="120px" width="13.3%" :drag="false">
-                            <template #empty>
-                                <el-icon><Picture /></el-icon>
-                                <span>请上传照片</span>
-                            </template>
-                        </UploadImgs>
-                    </div>
-                </template>
-            </el-form-item>
-        </el-form>
-        <template #footer>
-            <el-button @click="drawerVisible = false">取消</el-button>
-            <el-button type="primary" @click="drawerVisible = false">确定</el-button>
-        </template>
-    </el-dialog>
-</template>
-
-<script setup lang="ts" name="UserDrawer">
-import { ref, computed } from "vue";
-import { FormInstance } from "element-plus";
-import { ChapterList } from "@/api/interface/manga/chapter";
-import UploadImgs from "@/components/Upload/Imgs.vue";
-type Options = {
-    label: string;
-    value: string | number;
-};
-
-type Fields = {
-    label: string;
-    prop: string;
-    type: string;
-    value: any;
-    required: boolean;
-    options?: Options[];
-    fieldNames?: { label: string; value: string };
-};
-const generateRules = (fields: Fields[]) => {
-    return fields.reduce(
-        (acc, field) => {
-            const { type, required, label, prop } = field;
-            let message = "";
-            if (type === "select") {
-                message = `请选择${label}`;
-            }
-            if (type === "text") {
-                message = `请输入${label}`;
-            }
-            if (type === "textarea") {
-                message = `请输入${label}`;
-            }
-            if (type === "textareaMore") {
-                message = `请输入${label}`;
-            }
-            if (type === "radio") {
-                message = `请选择${label}`;
-            }
-            acc[prop] = [{ required, message }];
-            return acc;
-        },
-        {} as Record<string, any>
-    );
-};
-
-const formColumns = computed((): Fields[] => {
-    return [
-        {
-            label: "",
-            prop: "mhzj_nei_rong",
-            type: "textarea-i",
-            get value() {
-                return drawerProps.value.row!.mhzj_nei_rong;
-            },
-            set value(val) {
-                drawerProps.value.row!.mhzj_nei_rong = val;
-            },
-            required: false
-        }
-    ];
-});
-const rules = ref();
-const fileList = ref([] as any);
-interface DrawerProps {
-    title: string;
-    name?: any;
-    isView: boolean;
-    row: Partial<ChapterList.ResList>;
-    api?: (params: any) => Promise<any>;
-    getTableList?: () => void;
-}
-
-const drawerVisible = ref(false);
-const drawerProps = ref<DrawerProps>({
-    isView: false,
-    title: "",
-    name: "",
-    row: {}
-});
-
-// 接收父组件传过来的参数
-const acceptParams = async (params: DrawerProps) => {
-    drawerProps.value = params;
-    rules.value = generateRules(formColumns.value);
-    drawerProps.value.name = drawerProps.value.row!.mhzj_ming_zi;
-    drawerVisible.value = true;
-    fileList.value = [];
-    if (drawerProps.value.row.mhzj_nei_rong) {
-        const data = JSON.parse(drawerProps.value.row.mhzj_nei_rong);
-        const newArray = data.map(item => ({ url: item }));
-        // const newArray = data.map(() => ({ url: "https://loremflickr.com/390/122?random=59925" }));
-        fileList.value = newArray;
-    }
-};
-
-// 提交数据（新增/编辑）
-const ruleFormRef = ref<FormInstance>();
-
-defineExpose({
-    acceptParams
-});
-</script>
-
-<style>
-.el-dialog .el-dialog__header {
-    padding: 15px 0;
-}
-.c-dialog-h {
-    display: flex;
-    flex-wrap: wrap;
-    width: 1100px;
-    max-height: 600px;
-    overflow-y: scroll;
-}
-.c-dialog-h img {
-    width: 19.05%;
-    height: 150px;
-    margin-right: 10px;
-    margin-bottom: 10px;
-}
-.img-more-h .upload .upload-image {
-    object-fit: fill !important;
-}
-.img-more-h {
-    height: 450px;
-    margin-top: 15px;
-    overflow-y: scroll;
-}
-.el-dialog {
-    --el-dialog-margin-top: 4vh !important;
-}
-</style>
diff --git a/src/views/manga/component/modifyDrawer.vue b/src/views/manga/component/modifyDrawer.vue
deleted file mode 100644
index 8415368..0000000
--- a/src/views/manga/component/modifyDrawer.vue
+++ /dev/null
@@ -1,200 +0,0 @@
-<template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="720" :title="`${drawerProps.title}`">
-        <el-form
-            ref="ruleFormRef"
-            label-width="80px"
-            label-position="top"
-            label-suffix=" :"
-            :rules="rules"
-            :disabled="drawerProps.isView"
-            :model="drawerProps.row"
-            :hide-required-asterisk="drawerProps.isView"
-        >
-            <el-form-item v-for="e in formColumns" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
-                <template v-if="e.type === 'switch'">
-                    <el-switch
-                        v-model="e.value"
-                        :active-value="`${1}`"
-                        :inactive-value="`${0}`"
-                        active-text="上架"
-                        inactive-text="下架"
-                    />
-                </template>
-                <template v-if="e.type === 'radio'">
-                    <el-radio-group v-model="e.value" class="ml-4">
-                        <el-radio v-for="item in e.options" :key="item.value" :value="item.value" size="large">{{
-                            item.label
-                        }}</el-radio>
-                    </el-radio-group>
-                </template>
-                <template v-if="e.type === 'select'">
-                    <el-select filterable multiple v-model="e.value" :placeholder="`请选择${e.label}`" clearable>
-                        <el-option
-                            v-for="(item, index) in e.options"
-                            :key="index"
-                            :label="getField(item, e.fieldNames?.label)"
-                            :value="getField(item, e.fieldNames?.value)"
-                        />
-                    </el-select>
-                </template>
-                <template v-if="e.type === 'text'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'text-i'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'text-num'">
-                    <el-input v-model="e.value" type="number" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'textarea'">
-                    <el-input
-                        type="textarea"
-                        v-model="e.value"
-                        maxlength="3650"
-                        :placeholder="`请输入${e.label}`"
-                        show-word-limit
-                    />
-                </template>
-            </el-form-item>
-        </el-form>
-        <template #footer>
-            <el-button @click="drawerVisible = false">取消</el-button>
-            <el-button v-show="!drawerProps.isView" type="primary" @click="handleSubmit">确定</el-button>
-        </template>
-    </el-drawer>
-</template>
-
-<script setup lang="ts" name="UserDrawer">
-import { ref, computed } from "vue";
-import { ElMessage, FormInstance } from "element-plus";
-import { ChapterList } from "@/api/interface/manga/chapter";
-import { arrNoticeSwitch } from "@/utils/serviceDict";
-type Options = {
-    label: string;
-    value: string | number;
-};
-
-const getField = (item: any, fieldName: string | undefined) => {
-    return fieldName ? item[fieldName] : "";
-};
-type Fields = {
-    label: string;
-    prop: string;
-    type: string;
-    value: any;
-    required: boolean;
-    options?: Options[];
-    fieldNames?: { label: string; value: string };
-};
-const generateRules = (fields: Fields[]) => {
-    return fields.reduce(
-        (acc, field) => {
-            const { type, required, label, prop } = field;
-            let message = "";
-            if (type === "select") {
-                message = `请选择${label}`;
-            }
-            if (type === "tag") {
-                message = `请选择${label}`;
-            }
-            if (type === "radio") {
-                message = `请选择${label}`;
-            }
-            if (type === "text") {
-                message = `请输入${label}`;
-            }
-            if (type === "text-i") {
-                message = `请输入${label}`;
-            }
-            if (type === "text-num") {
-                message = `请输入${label}`;
-            }
-            if (type === "textarea") {
-                message = `请输入${label}`;
-            }
-            if (type === "image") {
-                message = `请上传${label}`;
-            }
-            if (type === "image-more") {
-                message = `请上传${label}`;
-            }
-            acc[prop] = [{ required, message }];
-            return acc;
-        },
-        {} as Record<string, any>
-    );
-};
-
-const formColumns = computed((): Fields[] => {
-    return [
-        {
-            label: "是否VIP",
-            prop: "mc_vip",
-            type: "radio",
-            get value() {
-                return drawerProps.value.row!.mc_vip;
-            },
-            set value(val) {
-                drawerProps.value.row!.mc_vip = val;
-            },
-            options: arrNoticeSwitch,
-            fieldNames: { label: "label", value: "value" },
-            required: false
-        }
-    ];
-});
-const rules = ref();
-
-interface DrawerProps {
-    title: string;
-    isView: boolean;
-    row: Partial<ChapterList.ResList>;
-    api?: (params: any) => Promise<any>;
-    getTableList?: () => void;
-    clearSelection?: () => void;
-}
-
-const drawerVisible = ref(false);
-const drawerProps = ref<DrawerProps>({
-    isView: false,
-    title: "",
-    row: {}
-});
-
-// 接收父组件传过来的参数
-const acceptParams = (params: DrawerProps) => {
-    drawerProps.value = params;
-    rules.value = generateRules(formColumns.value);
-    drawerVisible.value = true;
-    drawerProps.value.row!.mc_vip = 0;
-};
-
-// 提交数据（新增/编辑）
-const ruleFormRef = ref<FormInstance>();
-const handleSubmit = () => {
-    ruleFormRef.value!.validate(async valid => {
-        if (!valid) return;
-        try {
-            const params = { ...drawerProps.value.row };
-            await drawerProps.value.api!(params);
-            ElMessage.success({ message: `${drawerProps.value.title}成功！` });
-            drawerProps.value.getTableList!();
-            drawerProps.value.clearSelection!();
-            drawerVisible.value = false;
-        } catch (error) {
-            console.log(error);
-        }
-    });
-};
-
-defineExpose({
-    acceptParams
-});
-</script>
-<style lang="scss">
-.el-checkbox-button__inner {
-    margin-right: 10px;
-    margin-bottom: 10px;
-    border-left-color: #dcdfe6 !important;
-}
-</style>
diff --git a/src/views/manga/components/chapter.vue b/src/views/manga/components/chapter.vue
deleted file mode 100644
index 40cfab0..0000000
--- a/src/views/manga/components/chapter.vue
+++ /dev/null
@@ -1,224 +0,0 @@
-<template>
-    <el-drawer v-model="drawerVisible" size="80%" title="章节列表" :destroy-on-close="true">
-        <ProTable
-            ref="proTable"
-            highlight-current-row
-            :columns="columns"
-            :request-api="getTableList"
-            :data-callback="dataCallback"
-            :init-param="initParam"
-            :is-displayed="isDisplayed"
-            :is-search-location="isSearchLocation"
-        >
-            <!-- 表格 header 按钮 -->
-            <template #tableHeader="scope">
-                <el-button type="primary" style="display: none" :icon="CirclePlus" @click="openDrawer(true)">
-                    新增漫画章节
-                </el-button>
-                <el-button
-                    style="display: none"
-                    type="danger"
-                    :icon="Delete"
-                    plain
-                    :disabled="!scope.isSelected"
-                    @click="batchDelete(scope.selectedList)"
-                >
-                    批量删除章节
-                </el-button>
-                <el-button
-                    style="display: none"
-                    type="primary"
-                    :icon="EditPen"
-                    plain
-                    :disabled="!scope.isSelected"
-                    @click="batchModify(scope.selectedList)"
-                >
-                    批量编辑漫画章节
-                </el-button>
-            </template>
-            <!-- 表格操作 -->
-            <template #operation="scope">
-                <el-button type="primary" link :icon="EditPen" @click="openDrawer(false, scope.row)">编辑</el-button>
-                <el-button type="danger" style="display: none" link :icon="Delete" @click="deleteAccount(scope.row)">
-                    删除
-                </el-button>
-            </template>
-        </ProTable>
-        <template #footer>
-            <el-button @click="drawerVisible = false">取消</el-button>
-            <el-button @click="drawerVisible = false" type="primary">确定</el-button>
-        </template>
-        <ChapterDrawer ref="chapterDrawerRef" />
-        <ModifyDrawer ref="modifyDrawerRef" />
-        <ImgDialog ref="imgDialogRef" />
-    </el-drawer>
-</template>
-
-<script setup lang="tsx">
-import { ref, reactive } from "vue";
-import ProTable from "@/components/ProTable/index.vue";
-import { ColumnProps, ProTableInstance } from "@/components/ProTable/interface";
-import { useHandleData } from "@/hooks/useHandleData";
-import { Delete, EditPen, CirclePlus } from "@element-plus/icons-vue";
-import { ChapterList } from "@/api/interface/manga/chapter";
-import { getList, saveData, deleteItem, batchData } from "@/api/modules/manga/chapter";
-import ChapterDrawer from "../component/chapterDrawer.vue";
-import ModifyDrawer from "../component/modifyDrawer.vue";
-import ImgDialog from "../../components/imgDialog.vue";
-// ProTable 实例
-const proTable = ref<ProTableInstance>();
-
-// 如果表格需要初始化请求参数，直接定义传给 ProTable(之后每次请求都会自动带上该参数，此参数更改之后也会一直带上，改变此参数会自动刷新表格数据)
-const initParam = reactive({
-    mhxq_id: 0,
-    limit: 25,
-    page: 1
-});
-
-const dataCallback = (data: any) => {
-    return {
-        items: data.items,
-        total: data.total,
-        total_page: data.total_pages,
-        page: initParam.page,
-        limit: initParam.limit
-    };
-};
-
-const getTableList = async (params: any) => {
-    let newParams = JSON.parse(JSON.stringify(params));
-    initParam.page = newParams.page;
-    initParam.limit = newParams.limit;
-    return getList(newParams);
-};
-
-const isDisplayed = ref<any>(false);
-const isSearchLocation = ref<any>(false);
-
-// 表格配置项
-const columns = reactive<ColumnProps<ChapterList.ResList>[]>([
-    // { type: "selection", fixed: "left", width: 50 },
-    {
-        prop: "key",
-        label: "搜索内容",
-        isShow: false,
-        search: {
-            el: "input"
-        }
-    },
-    {
-        prop: "mhzj_id",
-        label: "ID",
-        width: 100
-    },
-    {
-        prop: "mhzj_pai_xu",
-        label: "章节序号",
-        width: 100
-    },
-    {
-        prop: "mhzj_ming_zi",
-        label: "章节标题"
-    },
-    {
-        prop: "mhzj_nei_rong",
-        label: "图册资源",
-        render(scope) {
-            if (scope.row.mhzj_nei_rong) {
-                return <el-tag onClick={() => openImgFun(scope.row)}>查看</el-tag>;
-            }
-        }
-    },
-    { prop: "mhzj_source_code", label: "源站" },
-    { prop: "created_at", label: "添加时间" }
-    // { prop: "operation", label: "操作", fixed: "right", width: 200 }
-]);
-
-const drawerVisible = ref(false);
-// 接收父组件传过来的参数
-const acceptParams = (data: any) => {
-    drawerVisible.value = true;
-    initParam.mhxq_id = data.mhxq_id;
-};
-
-// 删除章节
-const deleteAccount = async (params: ChapterList.ResList) => {
-    await useHandleData(deleteItem, { mhzj_id: params.mhzj_id, mhxq_id: initParam.mhxq_id }, "删除所选信息");
-    proTable.value?.getTableList();
-};
-
-// 批量删除章节
-const batchDelete = async (id: any[]) => {
-    const ids = id.map((item: ChapterList.ResList) => item.mhzj_id);
-    await useHandleData(deleteItem, { mhzj_id: ids.join(","), mhxq_id: initParam.mhxq_id }, "删除所选信息");
-    proTable.value?.clearSelection();
-    proTable.value?.getTableList();
-};
-
-// 打开 drawer(新增、编辑)
-const chapterDrawerRef = ref<InstanceType<typeof ChapterDrawer> | null>(null);
-
-const openDrawer = (isEdit: boolean, row: Partial<ChapterList.ResList> = {}) => {
-    row.mhxq_id = initParam.mhxq_id;
-    const params = {
-        title: isEdit ? "新增漫画章节" : "编辑漫画章节",
-        row: { ...row },
-        api: saveData,
-        getTableList: proTable.value?.getTableList
-    };
-    chapterDrawerRef.value?.acceptParams(params as any);
-};
-
-// 批量修改视频信息
-const modifyDrawerRef = ref<InstanceType<typeof ModifyDrawer> | null>(null);
-const batchModify = async (id: any[], row: Partial<ChapterList.ResList> = {}) => {
-    const ids = id.map((item: ChapterList.ResList) => item.mhxq_id);
-    row.mhzj_id = ids.join(",");
-    row.mhxq_id = initParam.mhxq_id;
-    const params = {
-        title: "批量编辑漫画章节",
-        row: { ...row },
-        api: batchData,
-        getTableList: proTable.value?.getTableList,
-        clearSelection: proTable.value?.clearSelection
-    };
-    modifyDrawerRef.value?.acceptParams(params as any);
-};
-
-// 图册资源
-const imgDialogRef = ref<InstanceType<typeof ImgDialog> | null>(null);
-const openImgFun = (row: Partial<ChapterList.ResList> = {}) => {
-    row.name = row.mhzj_ming_zi;
-    row.url = row.mhzj_nei_rong_url;
-    const params = {
-        title: "图册资源",
-        row: { ...row },
-        getTableList: proTable.value?.getTableList
-    };
-    imgDialogRef.value?.acceptParams(params as any);
-};
-
-defineExpose({
-    acceptParams
-});
-</script>
-<style lang="scss" scoped>
-.demo-form-inline {
-    .el-form-item {
-        width: 420px;
-    }
-    :deep(.el-form-item__content) {
-        display: flex;
-        flex-wrap: nowrap;
-        align-items: flex-start;
-        .tips {
-            margin-left: 10px;
-            font-size: 12px;
-            color: #999999;
-        }
-    }
-}
-.btn-group {
-    text-align: center;
-}
-</style>
diff --git a/src/views/manga/drawer.vue b/src/views/manga/drawer.vue
deleted file mode 100644
index a22e0ff..0000000
--- a/src/views/manga/drawer.vue
+++ /dev/null
@@ -1,481 +0,0 @@
-<template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="720" :title="`${drawerProps.title}`">
-        <el-form
-            ref="ruleFormRef"
-            label-width="90px"
-            label-suffix=" :"
-            :rules="rules"
-            :disabled="drawerProps.isView"
-            :model="drawerProps.row"
-            :hide-required-asterisk="drawerProps.isView"
-        >
-            <el-form-item v-for="e in formColumns" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
-                <template v-if="e.type === 'switch'">
-                    <el-switch
-                        v-model="e.value"
-                        :active-value="`${1}`"
-                        :inactive-value="`${0}`"
-                        active-text="上架"
-                        inactive-text="下架"
-                    />
-                </template>
-                <template v-if="e.type === 'switch-index'">
-                    <el-switch
-                        v-model="e.value"
-                        :active-value="`${1}`"
-                        :inactive-value="`${0}`"
-                        active-text="是"
-                        inactive-text="否"
-                    />
-                </template>
-                <template v-if="e.type === 'radio'">
-                    <el-radio-group v-model="e.value" class="ml-4">
-                        <el-radio v-for="item in e.options" :key="item.value" :value="item.value" size="large">{{
-                            item.label
-                        }}</el-radio>
-                    </el-radio-group>
-                </template>
-                <template v-if="e.type === 'select'">
-                    <el-select filterable v-model="e.value" :placeholder="`请选择${e.label}`" clearable>
-                        <el-option
-                            v-for="(item, index) in e.options"
-                            :key="index"
-                            :label="getField(item, e.fieldNames?.label)"
-                            :value="getField(item, e.fieldNames?.value)"
-                        />
-                    </el-select>
-                </template>
-                <template v-if="e.type === 'text'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'text-i'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'text-num'">
-                    <el-input v-model="e.value" type="number" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'textarea'">
-                    <el-input
-                        type="textarea"
-                        v-model="e.value"
-                        :rows="5"
-                        maxlength="3650"
-                        :placeholder="`请输入${e.label}`"
-                        show-word-limit
-                    />
-                </template>
-                <template v-if="e.type === 'tag'">
-                    <div class="tag-more-s">
-                        <el-input
-                            v-model="drawerProps.row.searchText"
-                            placeholder="请输入搜索内容"
-                            clearable
-                            @input="handleSearch"
-                        />
-                        <div>
-                            <span>选中标签:</span>
-                            <div class="tag-more-h">
-                                <el-checkbox-group v-model="TagList" @change="placeableCheckedCitiesChange">
-                                    <el-checkbox-button
-                                        class="vip-power"
-                                        v-for="item in matchingObjects"
-                                        :value="item.t_id"
-                                        :key="item.t_id"
-                                    >
-                                        {{ item.t_name }}
-                                    </el-checkbox-button>
-                                </el-checkbox-group>
-                            </div>
-                        </div>
-                        <div>
-                            <span>未选中标签:</span>
-                            <div class="tag-more-h">
-                                <el-checkbox-group v-model="TagList" @change="placeableCheckedCitiesChange">
-                                    <el-checkbox-button
-                                        class="vip-power"
-                                        v-for="item in nonMatchingObjects"
-                                        :value="item.t_id"
-                                        :key="item.t_id"
-                                    >
-                                        {{ item.t_name }}
-                                    </el-checkbox-button>
-                                </el-checkbox-group>
-                            </div>
-                        </div>
-                    </div>
-                </template>
-                <template v-if="e.type === 'text-i'">
-                    <UploadImg disabled v-model:image-url="drawerProps.row!.m_cover" width="135px" height="135px" :file-size="3">
-                        <template #empty>
-                            <el-icon><Avatar /></el-icon>
-                            <span>请上传封面</span>
-                        </template>
-                    </UploadImg>
-                </template>
-            </el-form-item>
-        </el-form>
-        <template #footer>
-            <el-button @click="drawerVisible = false">取消</el-button>
-            <el-button v-show="!drawerProps.isView" type="primary" @click="handleSubmit">确定</el-button>
-        </template>
-    </el-drawer>
-</template>
-
-<script setup lang="ts" name="UserDrawer">
-import { ref, computed, reactive } from "vue";
-import { ElMessage, FormInstance } from "element-plus";
-import { MangaList } from "@/api/interface/manga/list";
-import { arrNovelType } from "@/utils/serviceDict";
-import { getTypeList } from "@/api/modules/tag/list";
-import UploadImg from "@/components/Upload/Img.vue";
-// import { extractURI } from "@/utils/eleValidate";
-type Options = {
-    label: string;
-    value: string | number;
-};
-interface Item {
-    t_id: any;
-    uri: any;
-}
-const getField = (item: any, fieldName: string | undefined) => {
-    return fieldName ? item[fieldName] : "";
-};
-type Fields = {
-    label: string;
-    prop: string;
-    type: string;
-    value: any;
-    required: boolean;
-    options?: Options[];
-    fieldNames?: { label: string; value: string };
-};
-const generateRules = (fields: Fields[]) => {
-    return fields.reduce(
-        (acc, field) => {
-            const { type, required, label, prop } = field;
-            let message = "";
-            if (type === "select") {
-                message = `请选择${label}`;
-            }
-            if (type === "tag") {
-                message = `请选择${label}`;
-            }
-            if (type === "radio") {
-                message = `请选择${label}`;
-            }
-            if (type === "textarea") {
-                message = `请输入${label}`;
-            }
-            if (type === "text") {
-                message = `请输入${label}`;
-            }
-            if (type === "text-i") {
-                message = `请输入${label}`;
-            }
-            if (type === "text-num") {
-                message = `请输入${label}`;
-            }
-            if (type === "image") {
-                message = `请上传${label}`;
-            }
-            if (type === "image-more") {
-                message = `请上传${label}`;
-            }
-            acc[prop] = [{ required, message }];
-            return acc;
-        },
-        {} as Record<string, any>
-    );
-};
-
-const TagList = ref([] as any);
-const arrTagList = ref([] as any);
-const arrNewTagList = ref([] as any);
-const matchingObjects = ref([] as any); //选中相同
-const nonMatchingObjects = ref([] as any); //没有选中的
-const matchingObjectsA = ref([] as any); //选中相同
-const nonMatchingObjectsB = ref([] as any); //没有选中的
-const getTagList = async () => {
-    try {
-        const initParam = reactive({
-            t_type: 1,
-            limit: 3650,
-            page: 1,
-            t_hidden: 1
-        });
-        const siteRes = await getTypeList(initParam);
-        arrTagList.value = siteRes.data.item;
-        arrNewTagList.value = siteRes.data.item;
-        matchingObjects.value = [];
-        matchingObjectsA.value = [];
-        // 遍历第一个数组的每个元素
-        TagList.value.forEach(index => {
-            // 遍历第二个数组的每个元素
-            arrNewTagList.value.forEach(obj => {
-                // 如果第二个数组中的元素的t_id与第一个数组中的元素相同，则将其添加到新数组中
-                if (obj.t_id === index) {
-                    matchingObjects.value = [...matchingObjects.value, obj];
-                    matchingObjectsA.value = [...matchingObjectsA.value, obj];
-                    const matchingIds = matchingObjectsA.value.map(obj => obj.t_id);
-                    TagList.value = matchingIds;
-                }
-            });
-        });
-        // 创建一个新数组，包含objectArray中id不存在于arrayA的元素
-        nonMatchingObjects.value = arrNewTagList.value.filter(obj => !TagList.value.includes(obj.t_id));
-        nonMatchingObjectsB.value = arrNewTagList.value.filter(obj => !TagList.value.includes(obj.t_id));
-    } catch (error) {
-        console.log(error);
-    }
-};
-
-// 处理搜索事件
-function handleSearch() {
-    // 在输入事件中实时更新过滤后的标签列表
-    filteredTagList();
-}
-function filteredTagList() {
-    if (drawerProps.value.row!.searchText.length > 0) {
-        let arrData = arrTagList.value.filter(tag =>
-            tag.t_name.toLowerCase().includes(drawerProps.value.row!.searchText.toLowerCase())
-        );
-        if (arrData.length > 0) {
-            matchingObjects.value = matchingObjects.value.filter(objA => arrData.some(objB => objB.t_id === objA.t_id));
-            nonMatchingObjects.value = nonMatchingObjects.value.filter(objA => arrData.some(objB => objB.t_id === objA.t_id));
-        } else {
-            matchingObjects.value = [];
-            nonMatchingObjects.value = [];
-        }
-    } else {
-        matchingObjects.value = matchingObjectsA.value;
-        nonMatchingObjects.value = nonMatchingObjectsB.value;
-    }
-}
-
-//标签数组
-async function placeableCheckedCitiesChange(value) {
-    matchingObjects.value = [];
-    matchingObjectsA.value = [];
-    drawerProps.value.row.m_tags = value;
-    // 遍历第一个数组的每个元素
-    TagList.value.forEach(index => {
-        // 遍历第二个数组的每个元素
-        arrNewTagList.value.forEach(obj => {
-            // 如果第二个数组中的元素的t_id与第一个数组中的元素相同，则将其添加到新数组中
-            if (obj.t_id === index) {
-                matchingObjects.value = [...matchingObjects.value, obj];
-                matchingObjectsA.value = [...matchingObjectsA.value, obj];
-                const matchingIds = matchingObjectsA.value.map(obj => obj.t_id);
-                TagList.value = matchingIds;
-            }
-        });
-    });
-    nonMatchingObjects.value = arrNewTagList.value.filter(obj => !TagList.value.includes(obj.t_id));
-    nonMatchingObjectsB.value = arrNewTagList.value.filter(obj => !TagList.value.includes(obj.t_id));
-}
-
-const formColumns = computed((): Fields[] => {
-    return [
-        {
-            label: "漫画名称",
-            prop: "m_name",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.m_name;
-            },
-            set value(val) {
-                drawerProps.value.row!.m_name = val;
-            },
-            required: true
-        },
-        {
-            label: "漫画作者",
-            prop: "m_author",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.m_author;
-            },
-            set value(val) {
-                drawerProps.value.row!.m_author = val;
-            },
-            required: true
-        },
-        {
-            label: "来源 ID",
-            prop: "m_source_id",
-            type: "text-num",
-            get value() {
-                return drawerProps.value.row!.m_source_id;
-            },
-            set value(val) {
-                drawerProps.value.row!.m_source_id = val;
-            },
-            required: true
-        },
-        {
-            label: "阅 读 数",
-            prop: "m_hits",
-            type: "text-num",
-            get value() {
-                return drawerProps.value.row!.m_hits;
-            },
-            set value(val) {
-                drawerProps.value.row!.m_hits = val;
-            },
-            required: true
-        },
-        {
-            label: "漫画状态",
-            prop: "m_status",
-            type: "switch",
-            get value() {
-                return String(drawerProps.value.row!.m_status);
-            },
-            set value(val) {
-                drawerProps.value.row!.m_status = val;
-            },
-            required: true
-        },
-        {
-            label: "漫画类型",
-            prop: "m_type",
-            type: "radio",
-            get value() {
-                return drawerProps.value.row!.m_type;
-            },
-            set value(val) {
-                drawerProps.value.row!.m_type = val;
-            },
-            options: arrNovelType,
-            fieldNames: { label: "label", value: "value" },
-            required: true
-        },
-        // {
-        //     label: "首页轮播状态",
-        //     prop: "m_slide_status",
-        //     type: "switch-index",
-        //     get value() {
-        //         return String(drawerProps.value.row!.m_slide_status);
-        //     },
-        //     set value(val) {
-        //         drawerProps.value.row!.m_slide_status = val;
-        //     },
-        //     required: true
-        // },
-
-        {
-            label: "漫画封面",
-            prop: "m_cover_edit",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.m_cover_edit;
-            },
-            set value(val) {
-                drawerProps.value.row!.m_cover_edit = val;
-            },
-            required: true
-        },
-        {
-            label: "漫画描述",
-            prop: "m_description",
-            type: "textarea",
-            get value() {
-                return drawerProps.value.row!.m_description;
-            },
-            set value(val) {
-                drawerProps.value.row!.m_description = val;
-            },
-            required: true
-        },
-        {
-            label: "漫画标签",
-            prop: "m_tags",
-            type: "tag",
-            get value() {
-                return drawerProps.value.row!.m_tags;
-            },
-            set value(val) {
-                drawerProps.value.row!.m_tags = val;
-            },
-            options: arrTagList.value,
-            fieldNames: { label: "label", value: "value" },
-            required: true
-        }
-    ];
-});
-const rules = ref();
-
-interface DrawerProps {
-    title: string;
-    isView: boolean;
-    row: Partial<MangaList.ResList>;
-    api?: (params: any) => Promise<any>;
-    getTableList?: () => void;
-}
-
-const drawerVisible = ref(false);
-const drawerProps = ref<DrawerProps>({
-    isView: false,
-    title: "",
-    row: {}
-});
-
-// 接收父组件传过来的参数
-const acceptParams = (params: DrawerProps) => {
-    drawerProps.value = params;
-    rules.value = generateRules(formColumns.value);
-    drawerVisible.value = true;
-    TagList.value = [];
-    if (drawerProps.value.title === "新增漫画") {
-        drawerProps.value.row!.m_type = 0;
-    }
-    if (drawerProps.value.row.m_cover) {
-        drawerProps.value.row.m_cover_code = drawerProps.value.row.m_cover.code;
-        drawerProps.value.row.m_cover_edit = drawerProps.value.row.m_cover.uri;
-    }
-    if (drawerProps.value.row.m_tags) {
-        TagList.value = drawerProps.value.row.m_tags.map((obj: Item) => obj.t_id).map(Number);
-    }
-    getTagList();
-};
-
-// 提交数据（新增/编辑）
-const ruleFormRef = ref<FormInstance>();
-const handleSubmit = () => {
-    ruleFormRef.value!.validate(async valid => {
-        if (!valid) return;
-        try {
-            const params = { ...drawerProps.value.row };
-            let arrData = {
-                uri: params.m_cover_edit,
-                code: params.m_cover_code
-            };
-            params.m_cover = arrData;
-            params.m_tags = TagList.value;
-            await drawerProps.value.api!(params);
-            ElMessage.success({ message: `${drawerProps.value.title}成功！` });
-            drawerProps.value.getTableList!();
-            drawerVisible.value = false;
-        } catch (error) {
-            console.log(error);
-        }
-    });
-};
-
-defineExpose({
-    acceptParams
-});
-</script>
-<style lang="scss">
-.el-checkbox-button__inner {
-    margin-right: 10px;
-    margin-bottom: 10px;
-    border-left-color: #dcdfe6 !important;
-}
-.tag-more-s {
-    width: 100%;
-    padding: 10px;
-    border: 1px solid black;
-    box-shadow: 0 0 4px 2px rgb(0 0 0 / 90%);
-}
-</style>
diff --git a/src/views/manga/fenlei/index.vue b/src/views/manga/fenlei/index.vue
index c46ca04..3329c5b 100644
--- a/src/views/manga/fenlei/index.vue
+++ b/src/views/manga/fenlei/index.vue
@@ -1,72 +1,31 @@
 <template>
-    <div class="table-box">
-        <ProTable
-            ref="proTable"
-            highlight-current-row
-            :columns="columns"
-            :request-api="getTableList"
-            :data-callback="dataCallback"
-        >
-        </ProTable>
+    <div class="module-unavailable">
+        <el-alert
+            title="漫画分类模块未部署到当前 Linux 测试服"
+            type="warning"
+            :closable="false"
+            show-icon
+        />
+        <el-card class="module-unavailable__card" shadow="never">
+            <p>当前后端未提供 `Manhua` 控制器，漫画分类接口会直接返回控制器不存在。</p>
+            <p>本页先保留为说明态，避免把缺模块误判成前端筛选或表格故障。</p>
+            <p>如果后续补齐漫画分类接口，再恢复当前列表页即可。</p>
+        </el-card>
     </div>
 </template>
 
-<script setup lang="tsx" name="complexProTable">
-import { reactive, ref } from "vue";
-import { fenLeiList } from "@/api/interface/manga/fenlei";
-import ProTable from "@/components/ProTable/index.vue";
-import { ProTableInstance, ColumnProps } from "@/components/ProTable/interface";
-import { getList } from "@/api/modules/manga/fenlei";
+<style scoped lang="scss">
+.module-unavailable {
+    display: grid;
+    gap: 16px;
+}
 
-// ProTable 实例
-const proTable = ref<ProTableInstance>();
+.module-unavailable__card {
+    color: var(--el-text-color-regular);
+    line-height: 1.8;
+}
 
-const initParam = reactive({
-    limit: 15,
-    page: 1
-});
-
-const dataCallback = (data: any) => {
-    return {
-        items: data.items,
-        total: data.total,
-        total_page: data.total_pages,
-        page: initParam.page,
-        limit: initParam.limit
-    };
-};
-
-const getTableList = (params: any) => {
-    let newParams = JSON.parse(JSON.stringify(params));
-    initParam.page = newParams.page;
-    initParam.limit = newParams.limit;
-    return getList(newParams);
-};
-
-// 表格配置项
-const columns = reactive<ColumnProps<fenLeiList.ResList>[]>([
-    { type: "selection", fixed: "left", width: 50 },
-    {
-        prop: "key",
-        label: "搜索内容",
-        isShow: false,
-        search: {
-            el: "input"
-        }
-    },
-    {
-        prop: "mhfl_id",
-        label: "ID",
-        width: 100
-    },
-    {
-        prop: "mhfl_ming_zi",
-        label: "分类名称"
-    },
-
-    {
-        prop: "mhfl_source_code",
-        label: "来源"
-    }
-]);
-</script>
+.module-unavailable__card p {
+    margin: 0;
+}
+</style>
diff --git a/src/views/manga/index.vue b/src/views/manga/index.vue
index fde3302..c01f4b0 100644
--- a/src/views/manga/index.vue
+++ b/src/views/manga/index.vue
@@ -1,200 +1,31 @@
 <template>
-    <div class="table-box">
-        <ProTable
-            ref="proTable"
-            highlight-current-row
-            :columns="columns"
-            :request-api="getTableList"
-            :data-callback="dataCallback"
-        >
-            <!-- 表格 header 按钮 -->
-            <template #tableHeader="scope">
-                <el-button type="primary" style="display: none" :icon="CirclePlus" @click="openDrawer(true)">新增</el-button>
-                <el-button
-                    style="display: none"
-                    type="danger"
-                    :icon="Delete"
-                    plain
-                    :disabled="!scope.isSelected"
-                    @click="batchDelete(scope.selectedList)"
-                >
-                    批量删除漫画
-                </el-button>
-            </template>
-            <!-- 表格操作 -->
-            <template #operation="scope">
-                <el-button type="success" link :icon="ChatLineSquare" @click="openChapterDrawer(scope.row)">章节</el-button>
-                <el-button type="primary" style="display: none" link :icon="EditPen" @click="openDrawer(false, scope.row)">
-                    编辑
-                </el-button>
-                <el-button type="danger" style="display: none" link :icon="Delete" @click="deleteAccount(scope.row)">
-                    删除
-                </el-button>
-            </template>
-        </ProTable>
-        <Drawer ref="drawerRef" />
-        <ChapterDrawer ref="chapterDrawerRef" />
+    <div class="module-unavailable">
+        <el-alert
+            title="漫画管理模块未部署到当前 Linux 测试服"
+            type="warning"
+            :closable="false"
+            show-icon
+        />
+        <el-card class="module-unavailable__card" shadow="never">
+            <p>当前后端未提供 `Manhua` 控制器，漫画列表接口会直接返回控制器不存在。</p>
+            <p>本页先收为说明态，避免继续暴露会误导验收的假列表。</p>
+            <p>如果后续测试服补齐漫画模块，再恢复列表、章节抽屉和编辑链路。</p>
+        </el-card>
     </div>
 </template>
 
-<script setup lang="tsx" name="complexProTable">
-import { reactive, ref } from "vue";
-import { MangaList } from "@/api/interface/manga/list";
-import { useHandleData } from "@/hooks/useHandleData";
-import ProTable from "@/components/ProTable/index.vue";
-import { Delete, EditPen, CirclePlus, ChatLineSquare } from "@element-plus/icons-vue";
-import { ProTableInstance, ColumnProps } from "@/components/ProTable/interface";
-import { getList, saveData, deleteItem } from "@/api/modules/manga/list";
-import Drawer from "./drawer.vue";
-import ChapterDrawer from "./components/chapter.vue";
-import { getAllList } from "@/api/modules/manga/fenlei";
-import { LOSE_STR_KEY, LOGIN_URL } from "@/config";
-import router from "@/routers";
-import { h } from "vue";
-import { AsyncImageComponent } from "@/utils/decrypt";
-// ProTable 实例
-const proTable = ref<ProTableInstance>();
-
-//漫画分类
-const getFenLeiList = ref([] as any);
-getAllList().then(res => {
-    if (res.code === LOSE_STR_KEY) {
-        router.replace(LOGIN_URL);
-        return;
-    }
-    getFenLeiList.value = res.data.items;
-});
-
-const initParam = reactive({
-    limit: 15,
-    page: 1
-});
-
-const dataCallback = (data: any) => {
-    return {
-        items: data.items,
-        total: data.total,
-        total_page: data.total_pages,
-        page: initParam.page,
-        limit: initParam.limit
-    };
-};
-
-const getTableList = async (params: any) => {
-    let newParams = JSON.parse(JSON.stringify(params));
-    initParam.page = newParams.page;
-    initParam.limit = newParams.limit;
-    return await getList(newParams);
-};
-
-// 表格配置项
-const columns = reactive<ColumnProps<MangaList.ResList>[]>([
-    // { type: "selection", fixed: "left", width: 50 },
-    {
-        prop: "key",
-        label: "搜索内容",
-        isShow: false,
-        search: {
-            el: "input"
-        }
-    },
-    {
-        prop: "mhxq_id",
-        label: "ID",
-        width: 100
-    },
-    {
-        prop: "mhxq_ming_zi",
-        label: "名称",
-        width: 150
-    },
-    {
-        prop: "https_cover_url",
-        label: "封面",
-        width: 120,
-        render(scope) {
-            return h(AsyncImageComponent, { url: scope.row.https_cover_url });
-        }
-    },
-    {
-        prop: "mhxq_zhuang_tai",
-        label: "状态"
-    },
-    {
-        prop: "mhfl_id",
-        label: "分类",
-        width: 100,
-        fieldNames: { label: "mhfl_ming_zi", value: "mhfl_id" },
-        enum: getFenLeiList
-    },
-    {
-        prop: "mhxq_zuo_zhe",
-        label: "作者"
-    },
-
-    {
-        prop: "mhxq_biao_qian",
-        label: "标签",
-        width: 250,
-        render(scope) {
-            if (scope.row.mhxq_biao_qian) {
-                if (Array.isArray(scope.row.mhxq_biao_qian)) {
-                    return <span>{scope.row.mhxq_biao_qian.join(", ")}</span>;
-                } else {
-                    const data = JSON.parse(scope.row.mhxq_biao_qian);
-                    return <span>{data.join(", ")}</span>;
-                }
-            }
-        }
-    },
-    { prop: "mhxq_geng_xin_shi_jian", label: "最后更新时间", width: 120 },
-    { prop: "mhxq_jian_jie", label: "描述", width: 170 },
-    { prop: "created_at", label: "添加时间", width: 170 },
-    { prop: "operation", label: "操作", fixed: "right", width: 120 }
-]);
-
-// 删除漫画信息
-const deleteAccount = async (params: MangaList.ResList) => {
-    await useHandleData(deleteItem, { mhxq_id: params.mhxq_id }, "删除所选信息");
-    proTable.value?.getTableList();
-};
-
-// 批量删除漫画信息
-const batchDelete = async (id: any[]) => {
-    const ids = id.map((item: MangaList.ResList) => item.mhxq_id);
-    await useHandleData(deleteItem, { mhxq_id: ids.join(",") }, "删除所选信息");
-    proTable.value?.clearSelection();
-    proTable.value?.getTableList();
-};
-// 打开 drawer(新增、编辑)
-const drawerRef = ref<InstanceType<typeof Drawer> | null>(null);
-
-const openDrawer = (isEdit: boolean, row: Partial<MangaList.ResList> = {}) => {
-    const params = {
-        title: isEdit ? "新增漫画" : "编辑漫画",
-        row: { ...row },
-        api: saveData,
-        getTableList: proTable.value?.getTableList
-    };
-    drawerRef.value?.acceptParams(params as any);
-};
-
-// 章节
-const chapterDrawerRef = ref<InstanceType<typeof ChapterDrawer> | null>(null);
-const openChapterDrawer = (row: Partial<MangaList.ResList> = {}) => {
-    chapterDrawerRef.value?.acceptParams(row as any);
-};
-</script>
-
-<style lang="scss">
-.el-table .warning-row,
-.el-table .warning-row .el-table-fixed-column--right,
-.el-table .warning-row .el-table-fixed-column--left {
-    background-color: var(--el-color-warning-light-9);
+<style scoped lang="scss">
+.module-unavailable {
+    display: grid;
+    gap: 16px;
 }
-.el-table .success-row,
-.el-table .success-row .el-table-fixed-column--right,
-.el-table .success-row .el-table-fixed-column--left {
-    background-color: var(--el-color-success-light-9);
+
+.module-unavailable__card {
+    color: var(--el-text-color-regular);
+    line-height: 1.8;
+}
+
+.module-unavailable__card p {
+    margin: 0;
 }
 </style>
diff --git a/src/views/manga/tagDialog.vue b/src/views/manga/tagDialog.vue
deleted file mode 100644
index df0c56a..0000000
--- a/src/views/manga/tagDialog.vue
+++ /dev/null
@@ -1,179 +0,0 @@
-<template>
-    <el-dialog v-model="drawerVisible" :title="drawerProps.title" :destroy-on-close="true" width="520px" draggable>
-        <el-form
-            ref="ruleFormRef"
-            label-width="50px"
-            label-suffix=" :"
-            :rules="rules"
-            :disabled="drawerProps.isView"
-            :model="drawerProps.row"
-            :hide-required-asterisk="drawerProps.isView"
-        >
-            <el-form-item v-for="e in formColumns" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
-                <template v-if="e.type === 'switch'">
-                    <el-switch v-model="e.value" />
-                </template>
-                <template v-if="e.type === 'radio'">
-                    <el-radio-group v-model="e.value" class="ml-4">
-                        <el-radio v-for="item in e.options" :key="item.value" :label="item.value" size="large">{{
-                            item.label
-                        }}</el-radio>
-                    </el-radio-group>
-                </template>
-                <template v-if="e.type === 'select'">
-                    <el-select filterable v-model="e.value" :placeholder="`请选择${e.label}`" clearable>
-                        <el-option
-                            v-for="(item, index) in e.options"
-                            :key="index"
-                            :label="getField(item, e.fieldNames?.label)"
-                            :value="getField(item, e.fieldNames?.value)"
-                        />
-                    </el-select>
-                </template>
-                <template v-if="e.type === 'tag'">
-                    <el-tag
-                        style="margin: 7px; margin-right: 10px"
-                        v-for="item in drawerProps.row!.m_tags"
-                        :key="item.t_id"
-                        :type="item.type"
-                        effect="dark"
-                    >
-                        {{ item.t_name }}
-                    </el-tag>
-                </template>
-
-                <template v-if="e.type === 'text'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'textarea'">
-                    <el-input
-                        type="textarea"
-                        :rows="10"
-                        v-model="e.value"
-                        maxlength="500000"
-                        :placeholder="`请输入${e.label}`"
-                        show-word-limit
-                    />
-                </template>
-                <template v-if="e.type === 'textareaMore'">
-                    <el-input
-                        type="textarea"
-                        v-model="e.value"
-                        maxlength="500000"
-                        :placeholder="`请输入${e.label}`"
-                        show-word-limit
-                    />
-                </template>
-            </el-form-item>
-        </el-form>
-        <template #footer>
-            <el-button @click="drawerVisible = false">取消</el-button>
-            <el-button type="primary" @click="drawerVisible = false">确定</el-button>
-        </template>
-    </el-dialog>
-</template>
-
-<script setup lang="ts" name="UserDrawer">
-import { ref, computed } from "vue";
-import { FormInstance } from "element-plus";
-import { MangaList } from "@/api/interface/manga/list";
-type Options = {
-    label: string;
-    value: string | number;
-};
-
-const getField = (item: any, fieldName: string | undefined) => {
-    return fieldName ? item[fieldName] : "";
-};
-
-type Fields = {
-    label: string;
-    prop: string;
-    type: string;
-    value: any;
-    required: boolean;
-    options?: Options[];
-    fieldNames?: { label: string; value: string };
-};
-const generateRules = (fields: Fields[]) => {
-    return fields.reduce(
-        (acc, field) => {
-            const { type, required, label, prop } = field;
-            let message = "";
-            if (type === "select") {
-                message = `请选择${label}`;
-            }
-            if (type === "text") {
-                message = `请输入${label}`;
-            }
-            if (type === "textarea") {
-                message = `请输入${label}`;
-            }
-            if (type === "textareaMore") {
-                message = `请输入${label}`;
-            }
-            if (type === "radio") {
-                message = `请选择${label}`;
-            }
-            acc[prop] = [{ required, message }];
-            return acc;
-        },
-        {} as Record<string, any>
-    );
-};
-
-const formColumns = computed((): Fields[] => {
-    return [
-        {
-            label: "标签",
-            prop: "t_name",
-            type: "tag",
-            get value() {
-                return drawerProps.value.row!.t_name;
-            },
-            set value(val) {
-                drawerProps.value.row!.t_name = val;
-            },
-            options: drawerProps.value.row!.m_tags,
-            fieldNames: { label: "t_name", value: "t_id" },
-            required: false
-        }
-    ];
-});
-const rules = ref();
-
-interface DrawerProps {
-    title: string;
-    isView: boolean;
-    row: Partial<MangaList.ResList>;
-    api?: (params: any) => Promise<any>;
-    getTableList?: () => void;
-}
-
-const drawerVisible = ref(false);
-const drawerProps = ref<DrawerProps>({
-    isView: false,
-    title: "",
-    row: {}
-});
-
-// 接收父组件传过来的参数
-const acceptParams = async (params: DrawerProps) => {
-    drawerProps.value = params;
-    rules.value = generateRules(formColumns.value);
-    drawerVisible.value = true;
-};
-
-// 提交数据（新增/编辑）
-const ruleFormRef = ref<FormInstance>();
-
-defineExpose({
-    acceptParams
-});
-</script>
-
-<style>
-.el-dialog .el-dialog__header {
-    padding: 15px 0;
-}
-</style>
diff --git a/src/views/miUser/drawer.vue b/src/views/miUser/drawer.vue
deleted file mode 100644
index 1d84805..0000000
--- a/src/views/miUser/drawer.vue
+++ /dev/null
@@ -1,224 +0,0 @@
-<template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="720" :title="`${drawerProps.title}`">
-        <el-form
-            ref="ruleFormRef"
-            label-width="100px"
-            label-suffix=" :"
-            :rules="rules"
-            :disabled="drawerProps.isView"
-            :model="drawerProps.row"
-            :hide-required-asterisk="drawerProps.isView"
-        >
-            <el-form-item v-for="e in formColumns" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
-                <template v-if="e.type === 'switch'">
-                    <el-switch
-                        v-model="e.value"
-                        :active-value="`${1}`"
-                        :inactive-value="`${0}`"
-                        active-text="正常"
-                        inactive-text="禁用"
-                    />
-                </template>
-                <template v-if="e.type === 'radio'">
-                    <el-radio-group v-model="e.value" class="ml-4">
-                        <el-radio v-for="item in e.options" :key="item.value" :label="item.value" size="large">{{
-                            item.label
-                        }}</el-radio>
-                    </el-radio-group>
-                </template>
-                <template v-if="e.type === 'select'">
-                    <el-select filterable v-model="e.value" :placeholder="`请选择${e.label}`" clearable>
-                        <el-option
-                            v-for="(item, index) in e.options"
-                            :key="index"
-                            :label="getField(item, e.fieldNames?.label)"
-                            :value="getField(item, e.fieldNames?.value)"
-                        />
-                    </el-select>
-                </template>
-                <template v-if="e.type === 'text'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'text-num'">
-                    <el-input v-model="e.value" type="number" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'textarea'">
-                    <el-input
-                        type="textarea"
-                        v-model="e.value"
-                        maxlength="3650"
-                        :placeholder="`请输入${e.label}`"
-                        show-word-limit
-                    />
-                </template>
-                <template v-if="e.type === 'time'">
-                    <el-date-picker v-model="e.value" type="date" placeholder="选择日期" value-format="YYYY-MM-DD">
-                    </el-date-picker>
-                </template>
-            </el-form-item>
-        </el-form>
-        <template #footer>
-            <el-button @click="drawerVisible = false">取消</el-button>
-            <el-button v-show="!drawerProps.isView" type="primary" @click="handleSubmit">确定</el-button>
-        </template>
-    </el-drawer>
-</template>
-
-<script setup lang="ts" name="UserDrawer">
-import { ref, computed } from "vue";
-import { ElMessage, FormInstance } from "element-plus";
-import { MiUserList } from "@/api/interface/miUser/list";
-// import { formateDate } from "@/utils/dateForMatter";
-type Options = {
-    label: string;
-    value: string | number;
-};
-
-const getField = (item: any, fieldName: string | undefined) => {
-    return fieldName ? item[fieldName] : "";
-};
-type Fields = {
-    label: string;
-    prop: string;
-    type: string;
-    value: any;
-    required: boolean;
-    options?: Options[];
-    fieldNames?: { label: string; value: string };
-};
-const generateRules = (fields: Fields[]) => {
-    return fields.reduce(
-        (acc, field) => {
-            const { type, required, label, prop } = field;
-            let message = "";
-            if (type === "select") {
-                message = `请选择${label}`;
-            }
-            if (type === "time") {
-                message = `请选择${label}`;
-            }
-            if (type === "text") {
-                message = `请输入${label}`;
-            }
-            if (type === "text-num") {
-                message = `请输入${label}`;
-            }
-            acc[prop] = [{ required, message }];
-            return acc;
-        },
-        {} as Record<string, any>
-    );
-};
-
-const formColumns = computed((): Fields[] => {
-    let newColumns = [] as any;
-    let columns = [
-        {
-            label: "用户昵称",
-            prop: "mu_nickname",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.mu_nickname;
-            },
-            set value(val) {
-                drawerProps.value.row!.mu_nickname = val;
-            },
-            required: false
-        },
-        {
-            label: "用户邮箱",
-            prop: "mu_email",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.mu_email;
-            },
-            set value(val) {
-                drawerProps.value.row!.mu_email = val;
-            },
-            required: true
-        },
-
-        {
-            label: "用户状态",
-            prop: "mu_status",
-            type: "switch",
-            get value() {
-                return String(drawerProps.value.row!.mu_status);
-            },
-            set value(val) {
-                drawerProps.value.row!.mu_status = val;
-            },
-            required: true
-        },
-        {
-            label: "用户推ID",
-            prop: "mu_referrer_id",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.mu_referrer_id;
-            },
-            set value(val) {
-                drawerProps.value.row!.mu_referrer_id = val;
-            },
-            required: true
-        },
-        {
-            label: "VIP过期时间",
-            prop: "mu_vip_expired",
-            type: "time",
-            get value() {
-                return String(drawerProps.value.row!.mu_vip_expired);
-            },
-            set value(val) {
-                drawerProps.value.row!.mu_vip_expired = val;
-            },
-            required: false
-        }
-    ];
-    newColumns = [...columns];
-    return newColumns;
-});
-const rules = ref();
-
-interface DrawerProps {
-    title: string;
-    isView: boolean;
-    row: Partial<MiUserList.ResList>;
-    api?: (params: any) => Promise<any>;
-    getTableList?: () => void;
-}
-
-const drawerVisible = ref(false);
-const drawerProps = ref<DrawerProps>({
-    isView: false,
-    title: "",
-    row: {}
-});
-
-// 接收父组件传过来的参数
-const acceptParams = (params: DrawerProps) => {
-    drawerProps.value = params;
-    rules.value = generateRules(formColumns.value);
-    drawerVisible.value = true;
-};
-
-// 提交数据（新增/编辑）
-const ruleFormRef = ref<FormInstance>();
-const handleSubmit = () => {
-    ruleFormRef.value!.validate(async valid => {
-        if (!valid) return;
-        try {
-            await drawerProps.value.api!(drawerProps.value.row);
-            ElMessage.success({ message: `${drawerProps.value.title}成功！` });
-            drawerProps.value.getTableList!();
-            drawerVisible.value = false;
-        } catch (error) {
-            console.log(error);
-        }
-    });
-};
-
-defineExpose({
-    acceptParams
-});
-</script>
diff --git a/src/views/miUser/index.vue b/src/views/miUser/index.vue
index e67578b..ca9fed0 100644
--- a/src/views/miUser/index.vue
+++ b/src/views/miUser/index.vue
@@ -1,194 +1,31 @@
 <template>
-    <div class="table-box">
-        <ProTable ref="proTable" highlight-current-row :columns="columns" :request-api="getTableList">
-            <!-- 表格 header 按钮 -->
-            <template #tableHeader="scope">
-                <el-button type="primary" style="display: none" :icon="CirclePlus" @click="openDrawer(true)">新增</el-button>
-                <el-button
-                    type="danger"
-                    :icon="Delete"
-                    plain
-                    :disabled="!scope.isSelected"
-                    @click="batchDelete(scope.selectedList)"
-                >
-                    批量删除用户
-                </el-button>
-            </template>
-            <!-- 表格操作 -->
-            <template #operation="scope">
-                <el-button type="primary" :icon="EditPen" @click="openDrawer(false, scope.row)">编辑</el-button>
-                <el-button type="danger" :icon="Delete" @click="deleteAccount(scope.row)">删除</el-button>
-            </template>
-        </ProTable>
-        <Drawer ref="drawerRef" />
+    <div class="module-unavailable">
+        <el-alert
+            title="用户管理模块未部署到当前 Linux 测试服"
+            type="warning"
+            :closable="false"
+            show-icon
+        />
+        <el-card class="module-unavailable__card" shadow="never">
+            <p>当前后端未提供 `miaouser` 控制器，用户列表、编辑、删除接口都会直接返回控制器不存在。</p>
+            <p>本页已收为提示态，避免把后端缺模块误判成前端运行故障。</p>
+            <p>如果后续测试服补齐该模块，再恢复列表和抽屉联调即可。</p>
+        </el-card>
     </div>
 </template>
 
-<script setup lang="tsx" name="complexPro用户le">
-import { reactive, ref } from "vue";
-import { MiUserList } from "@/api/interface/miUser/list";
-import { useHandleData } from "@/hooks/useHandleData";
-import ProTable from "@/components/ProTable/index.vue";
-import { Delete, EditPen, CirclePlus } from "@element-plus/icons-vue";
-import { ProTableInstance, ColumnProps } from "@/components/ProTable/interface";
-import { getList, saveData, deleteItem } from "@/api/modules/miUser/list";
-import Drawer from "./drawer.vue";
-import { shortcuts, arrUserStatus, arrPermissionStatus } from "@/utils/serviceDict";
-import { getAllList } from "@/api/modules/site/list";
-// Pro用户le 实例
-const proTable = ref<ProTableInstance>();
-
-const getTableList = (params: any) => {
-    let newParams = JSON.parse(JSON.stringify(params));
-    if (newParams.createTime && newParams.createTime.length > 0) {
-        newParams.createTime && (newParams.mu_start_time = newParams.createTime[0] + " 00:00:00");
-        newParams.createTime && (newParams.mu_end_time = newParams.createTime[1] + " 23:59:59");
-    }
-    delete newParams.createTime;
-    return getList(newParams);
-};
-
-// 表格配置项
-const columns = reactive<ColumnProps<MiUserList.ResList>[]>([
-    { type: "selection", fixed: "left", width: 50 },
-    {
-        prop: "key",
-        label: "搜索内容",
-        isShow: false,
-        search: {
-            el: "input"
-        }
-    },
-    {
-        prop: "mu_id",
-        label: "ID",
-        width: 100
-    },
-    {
-        prop: "mu_nickname",
-        label: "用户昵称"
-    },
-    {
-        prop: "mu_status",
-        label: "用户状态",
-        search: { el: "select", props: { filterable: true } },
-        enum: arrUserStatus,
-        render(scope) {
-            return (
-                <el-tag type={scope.row.mu_status === 0 ? "danger" : "success"}>
-                    {scope.row.mu_status === 0 ? "禁用" : "启用"}
-                </el-tag>
-            );
-        }
-    },
-    {
-        prop: "si_id",
-        label: "站点",
-        search: { el: "select", props: { filterable: true } },
-        fieldNames: { label: "si_name", value: "si_id" },
-        enum: getAllList
-    },
-    {
-        prop: "mu_email_verified",
-        label: "邮箱是否验证 ",
-        search: { el: "select", props: { filterable: true } },
-        enum: arrPermissionStatus,
-        render(scope) {
-            return (
-                <el-tag type={scope.row.mu_email_verified === 0 ? "danger" : "success"}>
-                    {scope.row.mu_email_verified === 0 ? "否" : "是"}
-                </el-tag>
-            );
-        }
-    },
-    {
-        prop: "mu_vip",
-        label: "是否VIP",
-        enum: arrPermissionStatus,
-        isShow: false,
-        search: { el: "select", props: { filterable: true } },
-        render(scope) {
-            return <el-tag type={scope.row.mu_vip === 0 ? "danger" : "success"}>{scope.row.mu_vip === 0 ? "否" : "是"}</el-tag>;
-        }
-    },
-
-    {
-        prop: "mu_email",
-        label: "邮箱"
-    },
-    {
-        prop: "mu_channel_code",
-        label: "渠道代码",
-        render(scope) {
-            if (scope.row.mu_channel_code.length > 0) {
-                return <p>{scope.row.mu_channel_code} </p>;
-            }
-            return "--";
-        }
-    },
-    {
-        prop: "mu_channel_domain",
-        label: "渠道域名",
-        render(scope) {
-            if (scope.row.mu_channel_domain.length > 0) {
-                return <p>{scope.row.mu_channel_domain} </p>;
-            }
-            return "--";
-        }
-    },
-    {
-        prop: "createTime",
-        label: "创建时间",
-        width: 180,
-        isShow: false,
-        search: {
-            el: "date-picker",
-            span: 2,
-            props: { type: "daterange", valueFormat: "YYYY-MM-DD", shortcuts: shortcuts, clearable: true },
-            defaultValue: []
-        }
-    },
-    { prop: "mu_vip_expired", label: "VIP过期时间" },
-    { prop: "created_at", label: "添加时间" },
-    { prop: "operation", label: "操作", fixed: "right", width: 230 }
-]);
-
-// 删除用户信息
-const deleteAccount = async (params: MiUserList.ResList) => {
-    await useHandleData(deleteItem, { mu_id: params.mu_id }, "删除所选信息");
-    proTable.value?.getTableList();
-};
-
-// 批量删除用户信息
-const batchDelete = async (id: any[]) => {
-    const ids = id.map((item: MiUserList.ResList) => item.mu_id);
-    await useHandleData(deleteItem, { mu_id: ids.join(",") }, "删除所选信息");
-    proTable.value?.clearSelection();
-    proTable.value?.getTableList();
-};
-// 打开 drawer(新增、编辑)
-const drawerRef = ref<InstanceType<typeof Drawer> | null>(null);
-
-const openDrawer = (isEdit: boolean, row: Partial<MiUserList.ResList> = {}) => {
-    const params = {
-        title: isEdit ? "新增用户" : "编辑用户",
-        row: { ...row },
-        api: saveData,
-        getTableList: proTable.value?.getTableList
-    };
-    drawerRef.value?.acceptParams(params as any);
-};
-</script>
-
-<style lang="scss">
-.el-用户le .warning-row,
-.el-用户le .warning-row .el-用户le-fixed-column--right,
-.el-用户le .warning-row .el-用户le-fixed-column--left {
-    background-color: var(--el-color-warning-light-9);
+<style scoped lang="scss">
+.module-unavailable {
+    display: grid;
+    gap: 16px;
 }
-.el-用户le .success-row,
-.el-用户le .success-row .el-用户le-fixed-column--right,
-.el-用户le .success-row .el-用户le-fixed-column--left {
-    background-color: var(--el-color-success-light-9);
+
+.module-unavailable__card {
+    color: var(--el-text-color-regular);
+    line-height: 1.8;
+}
+
+.module-unavailable__card p {
+    margin: 0;
 }
 </style>
diff --git a/src/views/novel/chapter/index.vue b/src/views/novel/chapter/index.vue
index bfc1dbc..757ccf0 100644
--- a/src/views/novel/chapter/index.vue
+++ b/src/views/novel/chapter/index.vue
@@ -1,91 +1,30 @@
 <template>
-    <div class="table-box">
-        <ProTable
-            ref="proTable"
-            highlight-current-row
-            :columns="columns"
-            :request-api="getTableList"
-            :data-callback="dataCallback"
-        >
-        </ProTable>
+    <div class="page-box">
+        <el-alert
+            title="当前测试服未部署小说章节管理"
+            type="warning"
+            :closable="false"
+            show-icon
+        />
+        <div class="page-box__body">
+            <p>当前页面依赖的 `/xiaoshuo/zhangjie/list`、`/admin/novel/chapter/save`、`/admin/novel/chapter/del` 都不是测试服现有后端主线。</p>
+            <p>如果后续要恢复这一页，需要先补齐章节接口，再重新接回列表、保存和删除动作。</p>
+        </div>
     </div>
 </template>
 
-<script setup lang="tsx" name="complexProTable">
-import { reactive, ref } from "vue";
-import ProTable from "@/components/ProTable/index.vue";
-import { ProTableInstance, ColumnProps } from "@/components/ProTable/interface";
-import { ChapterList } from "@/api/interface/novel/chapter";
-import { getList } from "@/api/modules/novel/chapter";
-
-// ProTable 实例
-const proTable = ref<ProTableInstance>();
-
-const initParam = reactive({
-    limit: 15,
-    page: 1
-});
-
-const dataCallback = (data: any) => {
-    return {
-        items: data.items,
-        total: data.total,
-        total_page: data.total_pages,
-        page: initParam.page,
-        limit: initParam.limit
-    };
-};
-
-const getTableList = (params: any) => {
-    let newParams = JSON.parse(JSON.stringify(params));
-    initParam.page = newParams.page;
-    initParam.limit = newParams.limit;
-    return getList(newParams);
-};
-
-// 表格配置项
-const columns = reactive<ColumnProps<ChapterList.ResList>[]>([
-    { type: "selection", fixed: "left", width: 50 },
-    {
-        prop: "key",
-        label: "搜索内容",
-        isShow: false,
-        search: {
-            el: "input"
-        }
-    },
-    {
-        prop: "xszj_id",
-        label: "ID",
-        width: 80
-    },
-    {
-        prop: "xszj_pai_xu",
-        label: "章节序号",
-        width: 100
-    },
-    {
-        prop: "xszj_ming_zi",
-        label: "章节标题"
-    },
-    {
-        prop: "xszj_nei_rong",
-        label: "章节内容",
-        showOverflowTooltip: true,
-        render(scope) {
-            return (
-                <div class="fixed-width" v-html={scope.row.xszj_nei_rong}>
-                    {scope.row.xszj_nei_rong}
-                </div>
-            );
-        }
-    },
-    { prop: "created_at", label: "添加时间", width: 170 }
-]);
-</script>
-
 <style lang="scss">
-.el-upload--picture-card {
-    display: none;
+.page-box {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+.page-box__body {
+    padding: 20px 24px;
+    border-radius: 8px;
+    background: var(--el-fill-color-light);
+    color: var(--el-text-color-regular);
+    line-height: 1.8;
 }
 </style>
diff --git a/src/views/novel/component/chapterDrawer.vue b/src/views/novel/component/chapterDrawer.vue
deleted file mode 100644
index 96af7c5..0000000
--- a/src/views/novel/component/chapterDrawer.vue
+++ /dev/null
@@ -1,229 +0,0 @@
-<template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="720" :title="`${drawerProps.title}`">
-        <el-form
-            ref="ruleFormRef"
-            label-width="90px"
-            label-suffix=" :"
-            :rules="rules"
-            :disabled="drawerProps.isView"
-            :model="drawerProps.row"
-            :hide-required-asterisk="drawerProps.isView"
-        >
-            <el-form-item v-for="e in formColumns" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
-                <template v-if="e.type === 'switch'">
-                    <el-switch
-                        v-model="e.value"
-                        :active-value="`${1}`"
-                        :inactive-value="`${0}`"
-                        active-text="上架"
-                        inactive-text="下架"
-                    />
-                </template>
-                <template v-if="e.type === 'switch-index'">
-                    <el-switch
-                        v-model="e.value"
-                        :active-value="`${1}`"
-                        :inactive-value="`${0}`"
-                        active-text="是"
-                        inactive-text="否"
-                    />
-                </template>
-                <template v-if="e.type === 'radio'">
-                    <el-radio-group v-model="e.value" class="ml-4">
-                        <el-radio v-for="item in e.options" :key="item.value" :label="item.value" size="large">{{
-                            item.label
-                        }}</el-radio>
-                    </el-radio-group>
-                </template>
-                <template v-if="e.type === 'select'">
-                    <el-select filterable v-model="e.value" :placeholder="`请选择${e.label}`" clearable>
-                        <el-option
-                            v-for="(item, index) in e.options"
-                            :key="index"
-                            :label="getField(item, e.fieldNames?.label)"
-                            :value="getField(item, e.fieldNames?.value)"
-                        />
-                    </el-select>
-                </template>
-                <template v-if="e.type === 'text'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'text-i'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'text-num'">
-                    <el-input v-model="e.value" type="number" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'textarea'">
-                    <el-input
-                        type="textarea"
-                        v-model="e.value"
-                        maxlength="36500"
-                        :autosize="{ minRows: 25, maxRows: 32 }"
-                        :placeholder="`请输入${e.label}`"
-                        show-word-limit
-                    />
-                </template>
-            </el-form-item>
-        </el-form>
-        <template #footer>
-            <el-button @click="drawerVisible = false">取消</el-button>
-            <el-button v-show="!drawerProps.isView" type="primary" @click="handleSubmit">确定</el-button>
-        </template>
-    </el-drawer>
-</template>
-
-<script setup lang="ts" name="UserDrawer">
-import { ref, computed } from "vue";
-import { ElMessage, FormInstance } from "element-plus";
-import { ChapterList } from "@/api/interface/novel/chapter";
-type Options = {
-    label: string;
-    value: string | number;
-};
-
-const getField = (item: any, fieldName: string | undefined) => {
-    return fieldName ? item[fieldName] : "";
-};
-type Fields = {
-    label: string;
-    prop: string;
-    type: string;
-    value: any;
-    required: boolean;
-    options?: Options[];
-    fieldNames?: { label: string; value: string };
-};
-const generateRules = (fields: Fields[]) => {
-    return fields.reduce(
-        (acc, field) => {
-            const { type, required, label, prop } = field;
-            let message = "";
-            if (type === "select") {
-                message = `请选择${label}`;
-            }
-            if (type === "tag") {
-                message = `请选择${label}`;
-            }
-            if (type === "radio") {
-                message = `请选择${label}`;
-            }
-            if (type === "text") {
-                message = `请输入${label}`;
-            }
-            if (type === "text-i") {
-                message = `请输入${label}`;
-            }
-            if (type === "text-num") {
-                message = `请输入${label}`;
-            }
-            if (type === "image") {
-                message = `请上传${label}`;
-            }
-            if (type === "image-more") {
-                message = `请上传${label}`;
-            }
-            acc[prop] = [{ required, message }];
-            return acc;
-        },
-        {} as Record<string, any>
-    );
-};
-
-const formColumns = computed((): Fields[] => {
-    return [
-        {
-            label: "章节标题",
-            prop: "nc_title",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.nc_title;
-            },
-            set value(val) {
-                drawerProps.value.row!.nc_title = val;
-            },
-            required: true
-        },
-        {
-            label: "章节序号",
-            prop: "nc_index",
-            type: "text-num",
-            get value() {
-                return drawerProps.value.row!.nc_index;
-            },
-            set value(val) {
-                drawerProps.value.row!.nc_index = val;
-            },
-            required: true
-        },
-        {
-            label: "阅读次数",
-            prop: "nc_hits",
-            type: "text-num",
-            get value() {
-                return drawerProps.value.row!.nc_hits;
-            },
-            set value(val) {
-                drawerProps.value.row!.nc_hits = val;
-            },
-            required: false
-        },
-        {
-            label: "章节内容",
-            prop: "nc_content",
-            type: "textarea",
-            get value() {
-                return drawerProps.value.row!.nc_content;
-            },
-            set value(val) {
-                drawerProps.value.row!.nc_content = val;
-            },
-            required: true
-        }
-    ];
-});
-const rules = ref();
-
-interface DrawerProps {
-    title: string;
-    isView: boolean;
-    row: Partial<ChapterList.ResList>;
-    api?: (params: any) => Promise<any>;
-    getTableList?: () => void;
-}
-
-const drawerVisible = ref(false);
-const drawerProps = ref<DrawerProps>({
-    isView: false,
-    title: "",
-    row: {}
-});
-
-// 接收父组件传过来的参数
-const acceptParams = (params: DrawerProps) => {
-    drawerProps.value = params;
-    rules.value = generateRules(formColumns.value);
-    drawerVisible.value = true;
-};
-
-// 提交数据（新增/编辑）
-const ruleFormRef = ref<FormInstance>();
-const handleSubmit = () => {
-    ruleFormRef.value!.validate(async valid => {
-        if (!valid) return;
-        try {
-            const params = { ...drawerProps.value.row };
-            await drawerProps.value.api!(params);
-            ElMessage.success({ message: `${drawerProps.value.title}成功！` });
-            drawerProps.value.getTableList!();
-            drawerVisible.value = false;
-        } catch (error) {
-            console.log(error);
-        }
-    });
-};
-
-defineExpose({
-    acceptParams
-});
-</script>
diff --git a/src/views/novel/components/chapter.vue b/src/views/novel/components/chapter.vue
deleted file mode 100644
index 79a2be5..0000000
--- a/src/views/novel/components/chapter.vue
+++ /dev/null
@@ -1,181 +0,0 @@
-<template>
-    <el-drawer v-model="drawerVisible" size="80%" title="章节列表" :destroy-on-close="true">
-        <ProTable
-            ref="proTable"
-            highlight-current-row
-            :columns="columns"
-            :request-api="getTableList"
-            :data-callback="dataCallback"
-            :init-param="initParam"
-            :is-displayed="isDisplayed"
-            :is-search-location="isSearchLocation"
-        >
-            <!-- 表格 header 按钮 -->
-            <template #tableHeader="scope">
-                <el-button type="primary" style="display: none" :icon="CirclePlus" @click="openDrawer(true)">
-                    新增小说章节
-                </el-button>
-                <el-button
-                    style="display: none"
-                    type="danger"
-                    :icon="Delete"
-                    plain
-                    :disabled="!scope.isSelected"
-                    @click="batchDelete(scope.selectedList)"
-                >
-                    批量删除章节
-                </el-button>
-            </template>
-            <!-- 表格操作 -->
-            <template #operation="scope">
-                <el-button type="primary" link :icon="EditPen" @click="openDrawer(false, scope.row)">编辑</el-button>
-                <el-button type="danger" link :icon="Delete" @click="deleteAccount(scope.row)">删除</el-button>
-            </template>
-        </ProTable>
-        <template #footer>
-            <el-button @click="drawerVisible = false">取消</el-button>
-            <el-button @click="drawerVisible = false" type="primary">确定</el-button>
-        </template>
-        <ChapterDrawer ref="chapterDrawerRef" />
-    </el-drawer>
-</template>
-
-<script setup lang="tsx" name="UserDrawer">
-import { ref, reactive } from "vue";
-import ProTable from "@/components/ProTable/index.vue";
-import { ColumnProps, ProTableInstance } from "@/components/ProTable/interface";
-import { useHandleData } from "@/hooks/useHandleData";
-import { Delete, EditPen, CirclePlus } from "@element-plus/icons-vue";
-import { ChapterList } from "@/api/interface/novel/chapter";
-import { getList, saveData, deleteItem } from "@/api/modules/novel/chapter";
-import ChapterDrawer from "../component/chapterDrawer.vue";
-// ProTable 实例
-const proTable = ref<ProTableInstance>();
-
-// 如果表格需要初始化请求参数，直接定义传给 ProTable(之后每次请求都会自动带上该参数，此参数更改之后也会一直带上，改变此参数会自动刷新表格数据)
-const initParam = reactive({
-    xsxq_id: 0,
-    limit: 15,
-    page: 1
-});
-
-const dataCallback = (data: any) => {
-    return {
-        items: data.items,
-        total: data.total,
-        total_page: data.total_pages,
-        page: initParam.page,
-        limit: initParam.limit
-    };
-};
-
-const getTableList = (params: any) => {
-    let newParams = JSON.parse(JSON.stringify(params));
-    initParam.page = newParams.page;
-    initParam.limit = newParams.limit;
-    return getList(newParams);
-};
-
-const isDisplayed = ref<any>(false);
-const isSearchLocation = ref<any>(false);
-
-// 表格配置项
-const columns = reactive<ColumnProps<ChapterList.ResList>[]>([
-    { type: "selection", fixed: "left", width: 50 },
-    {
-        prop: "key",
-        label: "搜索内容",
-        isShow: false,
-        search: {
-            el: "input"
-        }
-    },
-    {
-        prop: "xszj_id",
-        label: "ID",
-        width: 80
-    },
-    {
-        prop: "xszj_pai_xu",
-        label: "章节序号",
-        width: 100
-    },
-    {
-        prop: "xszj_ming_zi",
-        label: "章节标题"
-    },
-    {
-        prop: "xszj_nei_rong",
-        label: "章节内容",
-        showOverflowTooltip: true,
-        render(scope) {
-            return (
-                <div class="fixed-width" v-html={scope.row.xszj_nei_rong}>
-                    {scope.row.xszj_nei_rong}
-                </div>
-            );
-        }
-    },
-    { prop: "created_at", label: "添加时间", width: 170 }
-    // { prop: "operation", label: "操作", fixed: "right", width: 200 }
-]);
-
-const drawerVisible = ref(false);
-// 接收父组件传过来的参数
-const acceptParams = (xsxq_id: number) => {
-    drawerVisible.value = true;
-    initParam.xsxq_id = xsxq_id;
-};
-
-// 删除章节
-const deleteAccount = async (params: ChapterList.ResList) => {
-    await useHandleData(deleteItem, { xszj_id: params.xszj_id, xsxq_id: initParam.xsxq_id }, "删除所选信息");
-    proTable.value?.getTableList();
-};
-
-// 批量删除章节
-const batchDelete = async (id: any[]) => {
-    const ids = id.map((item: ChapterList.ResList) => item.xszj_id);
-    await useHandleData(deleteItem, { xszj_id: ids.join(","), xsxq_id: initParam.xsxq_id }, "删除所选信息");
-    proTable.value?.clearSelection();
-    proTable.value?.getTableList();
-};
-
-// 打开 drawer(新增、编辑)
-const chapterDrawerRef = ref<InstanceType<typeof ChapterDrawer> | null>(null);
-
-const openDrawer = (isEdit: boolean, row: Partial<ChapterList.ResList> = {}) => {
-    row.xsxq_id = initParam.xsxq_id;
-    const params = {
-        title: isEdit ? "新增小说章节" : "编辑小说章节",
-        row: { ...row },
-        api: saveData,
-        getTableList: proTable.value?.getTableList
-    };
-    chapterDrawerRef.value?.acceptParams(params as any);
-};
-
-defineExpose({
-    acceptParams
-});
-</script>
-<style lang="scss" scoped>
-.demo-form-inline {
-    .el-form-item {
-        width: 420px;
-    }
-    :deep(.el-form-item__content) {
-        display: flex;
-        flex-wrap: nowrap;
-        align-items: flex-start;
-        .tips {
-            margin-left: 10px;
-            font-size: 12px;
-            color: #999999;
-        }
-    }
-}
-.btn-group {
-    text-align: center;
-}
-</style>
diff --git a/src/views/novel/drawer.vue b/src/views/novel/drawer.vue
deleted file mode 100644
index 9a34806..0000000
--- a/src/views/novel/drawer.vue
+++ /dev/null
@@ -1,457 +0,0 @@
-<template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="720" :title="`${drawerProps.title}`">
-        <el-form
-            ref="ruleFormRef"
-            label-width="90px"
-            label-suffix=" :"
-            :rules="rules"
-            :disabled="drawerProps.isView"
-            :model="drawerProps.row"
-            :hide-required-asterisk="drawerProps.isView"
-        >
-            <el-form-item v-for="e in formColumns" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
-                <template v-if="e.type === 'switch'">
-                    <el-switch
-                        v-model="e.value"
-                        :active-value="`${1}`"
-                        :inactive-value="`${0}`"
-                        active-text="上架"
-                        inactive-text="下架"
-                    />
-                </template>
-                <template v-if="e.type === 'switch-index'">
-                    <el-switch
-                        v-model="e.value"
-                        :active-value="`${1}`"
-                        :inactive-value="`${0}`"
-                        active-text="是"
-                        inactive-text="否"
-                    />
-                </template>
-                <template v-if="e.type === 'radio'">
-                    <el-radio-group v-model="e.value" class="ml-4">
-                        <el-radio v-for="item in e.options" :key="item.value" :value="item.value" size="large">{{
-                            item.label
-                        }}</el-radio>
-                    </el-radio-group>
-                </template>
-                <template v-if="e.type === 'select'">
-                    <el-select filterable v-model="e.value" :placeholder="`请选择${e.label}`" clearable>
-                        <el-option
-                            v-for="(item, index) in e.options"
-                            :key="index"
-                            :label="getField(item, e.fieldNames?.label)"
-                            :value="getField(item, e.fieldNames?.value)"
-                        />
-                    </el-select>
-                </template>
-                <template v-if="e.type === 'text'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'text-i'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'text-num'">
-                    <el-input v-model="e.value" type="number" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'textarea'">
-                    <el-input
-                        type="textarea"
-                        v-model="e.value"
-                        maxlength="3650"
-                        :placeholder="`请输入${e.label}`"
-                        show-word-limit
-                    />
-                </template>
-                <template v-if="e.type === 'tag'">
-                    <div class="tag-more-s">
-                        <el-input
-                            v-model="drawerProps.row.searchText"
-                            placeholder="请输入搜索内容"
-                            clearable
-                            @input="handleSearch"
-                        />
-                        <div>
-                            <span>选中标签:</span>
-                            <div class="tag-more-h">
-                                <el-checkbox-group v-model="TagList" @change="placeableCheckedCitiesChange">
-                                    <el-checkbox-button
-                                        class="vip-power"
-                                        v-for="item in matchingObjects"
-                                        :value="item.t_id"
-                                        :key="item.t_id"
-                                    >
-                                        {{ item.t_name }}
-                                    </el-checkbox-button>
-                                </el-checkbox-group>
-                            </div>
-                        </div>
-                        <div>
-                            <span>未选中标签:</span>
-                            <div class="tag-more-h">
-                                <el-checkbox-group v-model="TagList" @change="placeableCheckedCitiesChange">
-                                    <el-checkbox-button
-                                        class="vip-power"
-                                        v-for="item in nonMatchingObjects"
-                                        :value="item.t_id"
-                                        :key="item.t_id"
-                                    >
-                                        {{ item.t_name }}
-                                    </el-checkbox-button>
-                                </el-checkbox-group>
-                            </div>
-                        </div>
-                    </div>
-                </template>
-                <template v-if="e.type === 'text-i'">
-                    <UploadImg disabled v-model:image-url="drawerProps.row!.n_cover" width="135px" height="135px" :file-size="3">
-                        <template #empty>
-                            <el-icon><Avatar /></el-icon>
-                            <span>请上传封面</span>
-                        </template>
-                    </UploadImg>
-                </template>
-            </el-form-item>
-        </el-form>
-        <template #footer>
-            <el-button @click="drawerVisible = false">取消</el-button>
-            <el-button v-show="!drawerProps.isView" type="primary" @click="handleSubmit">确定</el-button>
-        </template>
-    </el-drawer>
-</template>
-
-<script setup lang="ts" name="UserDrawer">
-import { ref, computed, reactive } from "vue";
-import { ElMessage, FormInstance } from "element-plus";
-import { NovelList } from "@/api/interface/novel/list";
-import { arrNovelType } from "@/utils/serviceDict";
-import { getTypeList } from "@/api/modules/tag/list";
-import UploadImg from "@/components/Upload/Img.vue";
-import { extractURI } from "@/utils/eleValidate";
-type Options = {
-    label: string;
-    value: string | number;
-};
-
-interface Item {
-    t_id: any;
-    uri: any;
-}
-const getField = (item: any, fieldName: string | undefined) => {
-    return fieldName ? item[fieldName] : "";
-};
-type Fields = {
-    label: string;
-    prop: string;
-    type: string;
-    value: any;
-    required: boolean;
-    options?: Options[];
-    fieldNames?: { label: string; value: string };
-};
-const generateRules = (fields: Fields[]) => {
-    return fields.reduce(
-        (acc, field) => {
-            const { type, required, label, prop } = field;
-            let message = "";
-            if (type === "select") {
-                message = `请选择${label}`;
-            }
-            if (type === "tag") {
-                message = `请选择${label}`;
-            }
-            if (type === "radio") {
-                message = `请选择${label}`;
-            }
-            if (type === "text") {
-                message = `请输入${label}`;
-            }
-            if (type === "text-i") {
-                message = `请输入${label}`;
-            }
-            if (type === "text-num") {
-                message = `请输入${label}`;
-            }
-            if (type === "image") {
-                message = `请上传${label}`;
-            }
-            if (type === "image-more") {
-                message = `请上传${label}`;
-            }
-            acc[prop] = [{ required, message }];
-            return acc;
-        },
-        {} as Record<string, any>
-    );
-};
-
-const TagList = ref([] as any);
-const arrTagList = ref([] as any);
-const arrNewTagList = ref([] as any);
-const matchingObjects = ref([] as any); //选中相同
-const nonMatchingObjects = ref([] as any); //没有选中的
-const matchingObjectsA = ref([] as any); //选中相同
-const nonMatchingObjectsB = ref([] as any); //没有选中的
-const getTagList = async () => {
-    try {
-        const initParam = reactive({
-            t_type: 3,
-            limit: 3650,
-            page: 1,
-            t_hidden: 1
-        });
-        const siteRes = await getTypeList(initParam);
-        arrTagList.value = siteRes.data.item;
-        arrNewTagList.value = siteRes.data.item;
-        matchingObjects.value = [];
-        matchingObjectsA.value = [];
-        // 遍历第一个数组的每个元素
-        TagList.value.forEach(index => {
-            // 遍历第二个数组的每个元素
-            arrNewTagList.value.forEach(obj => {
-                // 如果第二个数组中的元素的t_id与第一个数组中的元素相同，则将其添加到新数组中
-                if (obj.t_id === index) {
-                    matchingObjects.value = [...matchingObjects.value, obj];
-                    matchingObjectsA.value = [...matchingObjectsA.value, obj];
-                    const matchingIds = matchingObjectsA.value.map(obj => obj.t_id);
-                    TagList.value = matchingIds;
-                }
-            });
-        });
-        // 创建一个新数组，包含objectArray中id不存在于arrayA的元素
-        nonMatchingObjects.value = arrNewTagList.value.filter(obj => !TagList.value.includes(obj.t_id));
-        nonMatchingObjectsB.value = arrNewTagList.value.filter(obj => !TagList.value.includes(obj.t_id));
-    } catch (error) {
-        console.log(error);
-    }
-};
-
-// 处理搜索事件
-function handleSearch() {
-    // 在输入事件中实时更新过滤后的标签列表
-    filteredTagList();
-}
-function filteredTagList() {
-    if (drawerProps.value.row!.searchText.length > 0) {
-        let arrData = arrTagList.value.filter(tag =>
-            tag.t_name.toLowerCase().includes(drawerProps.value.row!.searchText.toLowerCase())
-        );
-        if (arrData.length > 0) {
-            matchingObjects.value = matchingObjects.value.filter(objA => arrData.some(objB => objB.t_id === objA.t_id));
-            nonMatchingObjects.value = nonMatchingObjects.value.filter(objA => arrData.some(objB => objB.t_id === objA.t_id));
-        } else {
-            matchingObjects.value = [];
-            nonMatchingObjects.value = [];
-        }
-    } else {
-        matchingObjects.value = matchingObjectsA.value;
-        nonMatchingObjects.value = nonMatchingObjectsB.value;
-    }
-}
-
-//标签数组
-async function placeableCheckedCitiesChange(value) {
-    matchingObjects.value = [];
-    matchingObjectsA.value = [];
-    drawerProps.value.row.n_tags = value;
-    // 遍历第一个数组的每个元素
-    TagList.value.forEach(index => {
-        // 遍历第二个数组的每个元素
-        arrNewTagList.value.forEach(obj => {
-            // 如果第二个数组中的元素的t_id与第一个数组中的元素相同，则将其添加到新数组中
-            if (obj.t_id === index) {
-                matchingObjects.value = [...matchingObjects.value, obj];
-                matchingObjectsA.value = [...matchingObjectsA.value, obj];
-                const matchingIds = matchingObjectsA.value.map(obj => obj.t_id);
-                TagList.value = matchingIds;
-            }
-        });
-    });
-    nonMatchingObjects.value = arrNewTagList.value.filter(obj => !TagList.value.includes(obj.t_id));
-    nonMatchingObjectsB.value = arrNewTagList.value.filter(obj => !TagList.value.includes(obj.t_id));
-}
-const formColumns = computed((): Fields[] => {
-    return [
-        {
-            label: "小说名称",
-            prop: "n_name",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.n_name;
-            },
-            set value(val) {
-                drawerProps.value.row!.n_name = val;
-            },
-            required: true
-        },
-        {
-            label: "小说作者",
-            prop: "n_author",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.n_author;
-            },
-            set value(val) {
-                drawerProps.value.row!.n_author = val;
-            },
-            required: true
-        },
-        {
-            label: "来源 ID",
-            prop: "n_source_id",
-            type: "text-num",
-            get value() {
-                return drawerProps.value.row!.n_source_id;
-            },
-            set value(val) {
-                drawerProps.value.row!.n_source_id = val;
-            },
-            required: true
-        },
-        {
-            label: "小说状态",
-            prop: "n_at_status",
-            type: "switch",
-            get value() {
-                return String(drawerProps.value.row!.n_at_status);
-            },
-            set value(val) {
-                drawerProps.value.row!.n_at_status = val;
-            },
-            required: true
-        },
-        {
-            label: "小说类型",
-            prop: "n_type",
-            type: "radio",
-            get value() {
-                return drawerProps.value.row!.n_type;
-            },
-            set value(val) {
-                drawerProps.value.row!.n_type = val;
-            },
-            options: arrNovelType,
-            fieldNames: { label: "label", value: "value" },
-            required: true
-        },
-        // {
-        //     label: "首页轮播状态",
-        //     prop: "n_slide_status",
-        //     type: "switch-index",
-        //     get value() {
-        //         return String(drawerProps.value.row!.n_slide_status);
-        //     },
-        //     set value(val) {
-        //         drawerProps.value.row!.n_slide_status = val;
-        //     },
-        //     required: true
-        // },
-
-        // {
-        //     label: "封面",
-        //     prop: "n_cover",
-        //     type: "text-i",
-        //     get value() {
-        //         return drawerProps.value.row!.n_cover;
-        //     },
-        //     set value(val) {
-        //         drawerProps.value.row!.n_cover = val;
-        //     },
-        //     required: true
-        // },
-        {
-            label: "小说标签",
-            prop: "n_tags",
-            type: "tag",
-            get value() {
-                return drawerProps.value.row!.n_tags;
-            },
-            set value(val) {
-                drawerProps.value.row!.n_tags = val;
-            },
-            options: arrTagList.value,
-            fieldNames: { label: "label", value: "value" },
-            required: true
-        }
-    ];
-});
-const rules = ref();
-
-interface DrawerProps {
-    title: string;
-    isView: boolean;
-    row: Partial<NovelList.ResList>;
-    api?: (params: any) => Promise<any>;
-    getTableList?: () => void;
-}
-
-const drawerVisible = ref(false);
-const drawerProps = ref<DrawerProps>({
-    isView: false,
-    title: "",
-    row: {}
-});
-
-// 接收父组件传过来的参数
-const acceptParams = (params: DrawerProps) => {
-    drawerProps.value = params;
-    rules.value = generateRules(formColumns.value);
-    drawerVisible.value = true;
-    TagList.value = [];
-    if (drawerProps.value.title === "新增小说") {
-        drawerProps.value.row!.n_type = 0;
-    }
-    if (drawerProps.value.row.n_cover) {
-        drawerProps.value.row.n_cover_code = drawerProps.value.row.n_cover.code;
-        drawerProps.value.row.n_cover = drawerProps.value.row.n_cover_detail;
-    }
-    if (drawerProps.value.row.n_tags) {
-        TagList.value = drawerProps.value.row.n_tags.map((obj: Item) => obj.t_id).map(Number);
-    }
-    getTagList();
-};
-
-// 提交数据（新增/编辑）
-const ruleFormRef = ref<FormInstance>();
-const handleSubmit = () => {
-    ruleFormRef.value!.validate(async valid => {
-        if (!valid) return;
-        try {
-            const params = { ...drawerProps.value.row };
-            let arrData = {
-                uri: extractURI(params.n_cover),
-                code: params.n_cover_code
-            };
-
-            params.n_cover = arrData;
-            params.n_tags = TagList.value;
-            await drawerProps.value.api!(params);
-            ElMessage.success({ message: `${drawerProps.value.title}成功！` });
-            drawerProps.value.getTableList!();
-            drawerVisible.value = false;
-        } catch (error) {
-            console.log(error);
-        }
-    });
-};
-
-defineExpose({
-    acceptParams
-});
-</script>
-<style lang="scss">
-.el-checkbox-button__inner {
-    margin-right: 10px;
-    margin-bottom: 10px;
-    border-left-color: #dcdfe6 !important;
-}
-.tag-more-h {
-    margin-bottom: 10px;
-}
-.tag-more-s {
-    width: 100%;
-    padding: 10px;
-    border: 1px solid black;
-    box-shadow: 0 0 4px 2px rgb(0 0 0 / 90%);
-}
-</style>
diff --git a/src/views/novel/fenlei/index.vue b/src/views/novel/fenlei/index.vue
index fce8243..84c73e6 100644
--- a/src/views/novel/fenlei/index.vue
+++ b/src/views/novel/fenlei/index.vue
@@ -7,6 +7,9 @@
             :request-api="getTableList"
             :data-callback="dataCallback"
         >
+            <template #empty>
+                <el-empty description="暂无小说分类" />
+            </template>
         </ProTable>
     </div>
 </template>
@@ -18,17 +21,14 @@ import ProTable from "@/components/ProTable/index.vue";
 import { ProTableInstance, ColumnProps } from "@/components/ProTable/interface";
 import { getList } from "@/api/modules/novel/fenlei";
 
-// ProTable 实例
 const proTable = ref<ProTableInstance>();
 
 const initParam = reactive({
-    limit: 15,
+    limit: 25,
     page: 1
 });
 
 const dataCallback = (data: any) => {
-    console.log(data);
-    // 转换为数组
     const arr = Object.entries(data.all).map(([xsfl_id, xsfl_name]) => ({ xsfl_id: Number(xsfl_id), xsfl_name }));
     return {
         items: arr,
@@ -46,15 +46,17 @@ const getTableList = (params: any) => {
     return getList(newParams);
 };
 
-// 表格配置项
-const columns = reactive<ColumnProps<fenLeiList.ResList>[]>([
+const columns = ref<ColumnProps[]>([
     { type: "selection", fixed: "left", width: 50 },
     {
         prop: "key",
-        label: "搜索内容",
+        label: "分类名称 / ID",
         isShow: false,
         search: {
-            el: "input"
+            el: "input",
+            props: {
+                placeholder: "请输入分类名称或 ID"
+            }
         }
     },
     {
@@ -64,12 +66,8 @@ const columns = reactive<ColumnProps<fenLeiList.ResList>[]>([
     },
     {
         prop: "xsfl_name",
-        label: "分类名称"
-    },
-
-    // {
-    //     prop: "xsfl_pinyin",
-    //     label: "拼音"
-    // }
+        label: "分类名称",
+        showOverflowTooltip: true
+    }
 ]);
 </script>
diff --git a/src/views/novel/index.vue b/src/views/novel/index.vue
index 9a519c9..332df40 100644
--- a/src/views/novel/index.vue
+++ b/src/views/novel/index.vue
@@ -7,86 +7,34 @@
             :request-api="getTableList"
             :data-callback="dataCallback"
         >
-            <!-- 表格 header 按钮 -->
-            <template #tableHeader="scope">
-                <el-button type="primary" :icon="CirclePlus" @click="openSetDrawerRef(true)">批量设置</el-button>
-                <el-button type="primary" style="display: none" :icon="CirclePlus" @click="openDrawer(true)">新增</el-button>
-                <el-button
-                    style="display: none"
-                    type="danger"
-                    :icon="Delete"
-                    plain
-                    :disabled="!scope.isSelected"
-                    @click="batchDelete(scope.selectedList)"
-                >
-                    批量删除小说
-                </el-button>
+            <template #empty>
+                <el-empty description="暂无小说数据" />
             </template>
-            <!-- 表格操作 -->
-            <template #operation="scope">
-                <el-button type="success" link :icon="ChatLineSquare" @click="openChapterDrawer(scope.row)">章节</el-button>
-                <el-button type="primary" style="display: none" link :icon="EditPen" @click="openDrawer(false, scope.row)">
-                    编辑
-                </el-button>
-                <el-button type="danger" style="display: none" link :icon="Delete" @click="deleteAccount(scope.row)">
-                    删除
-                </el-button>
+            <template #tableHeader>
+                <el-button type="primary" :icon="CirclePlus" @click="openSetDrawerRef">批量设置等级</el-button>
             </template>
         </ProTable>
-        <Drawer ref="drawerRef" />
         <SetDrawer ref="setDrawerRef" />
-        <ChapterDrawer ref="chapterDrawerRef" />
     </div>
 </template>
 
 <script setup lang="tsx" name="complexProTable">
-import { defineComponent, onMounted, h } from "vue";
 import { reactive, ref } from "vue";
 import { NovelList } from "@/api/interface/novel/list";
-import { useHandleData } from "@/hooks/useHandleData";
 import ProTable from "@/components/ProTable/index.vue";
-import { Delete, EditPen, CirclePlus, ChatLineSquare } from "@element-plus/icons-vue";
+import { CirclePlus } from "@element-plus/icons-vue";
 import { ProTableInstance, ColumnProps } from "@/components/ProTable/interface";
-import { getList, saveData, deleteItem,levelSet } from "@/api/modules/novel/list";
-import Drawer from "./drawer.vue";
+import { getList, levelSet } from "@/api/modules/novel/list";
 import SetDrawer from "./setDrawer.vue";
-import ChapterDrawer from "./components/chapter.vue";
-import { getAllList } from "@/api/modules/novel/fenlei";
-// import { LOSE_STR_KEY, LOGIN_URL } from "@/config";
-import router from "@/routers";
-import { getEndpointAllApi } from "@/api/modules/system/endpoint";
 
-//端点列表
-const Endpoints = ref([] as any);
-// ProTable 实例
 const proTable = ref<ProTableInstance>();
 
-//小说分类
-// const getFenLeiList = ref([] as any);
-// getAllList().then(res => {
-//     if (res.code === LOSE_STR_KEY) {
-//         router.replace(LOGIN_URL);
-//         return;
-//     }
-//     getFenLeiList.value = res.data.items;
-// });
-
 const initParam = reactive({
-    limit: 15,
+    limit: 25,
     page: 1
 });
 
 const dataCallback = (data: any) => {
-    console.log(data)
-    // data.items.forEach((item: any) => {
-    //     const DataString = JSON.parse(item.xsxq_feng_mian);
-    //     const found = Endpoints.value.find(item2 => item2.zydd_code === DataString.code);
-    //     if (found && found.zydd_domain) {
-    //         item["https_cover_url"] = found.zydd_domain + DataString.uri;
-    //     } else {
-    //         item["https_cover_url"] = import.meta.env.VITE_API_URL + DataString.uri;
-    //     }
-    // });
     return {
         items: data.data,
         total: data.total,
@@ -98,48 +46,30 @@ const dataCallback = (data: any) => {
 };
 
 const getTableList = async (params: any) => {
-    // 获取 getEndpointAllApi 的返回值
-    // const Configs = await getEndpointAllApi();
-    // Endpoints.value = Configs.data.items;
     let newParams = JSON.parse(JSON.stringify(params));
     initParam.page = newParams.page;
     initParam.limit = newParams.limit;
     return getList(newParams);
 };
 
-/**
-
-created_at
-: 
-{$date: {…}}
-
- */
-
-// 表格配置项
-const columns = reactive<ColumnProps<NovelList.ResList>[]>([
+const columns = ref<ColumnProps[]>([
     { type: "selection", fixed: "left", width: 50 },
     {
         prop: "key",
-        label: "搜索内容",
+        label: "小说名称 / ID",
         isShow: false,
         search: {
-            el: "input"
+            el: "input",
+            props: {
+                placeholder: "请输入小说名称或 ID"
+            }
         }
     },
-    // {
-    //     prop: "n_id",
-    //     label: "id",
-    //     width: 100
-    // },
-    // {
-    //     prop: "n_source_id",
-    //     label: "源id",
-    //     width: 100
-    // },
     {
         prop: "n_name",
-        label: "名称",
-        width: 120
+        label: "小说名称",
+        width: 180,
+        showOverflowTooltip: true
     },
     {
         prop: "n_level",
@@ -149,8 +79,9 @@ const columns = reactive<ColumnProps<NovelList.ResList>[]>([
     
     {
         prop: "n_name_pinyin",
-        label: "拼音",
-        width: 120
+        label: "拼音标识",
+        width: 150,
+        showOverflowTooltip: true
     },
     
     {
@@ -169,151 +100,42 @@ const columns = reactive<ColumnProps<NovelList.ResList>[]>([
     },
     {
         prop: "n_author",
-        label: "作者"
+        label: "作者",
+        showOverflowTooltip: true
     },
     
     {
         prop: "n_category",
-        label: "分类",
-        width: 120,
-        //fieldNames: { label: "xsfl_name", value: "xsfl_id" },
-        //enum: getFenLeiList
+        label: "小说分类",
+        width: 140,
+        showOverflowTooltip: true
     },
 
     {
         prop: "n_description",
-        label: "描述"
+        label: "小说简介",
+        showOverflowTooltip: true
     },
-    // {
-    //     prop: "n_site_name",
-    //     label: "源站"
-    // },
     {
         prop: "n_latest_chapter_name",
-        label: "最新章节"
+        label: "最新章节",
+        showOverflowTooltip: true
     },   
 
-    // { prop: "xsxq_source_code", label: "源码", width: 200 },
-    // { prop: "xsxq_zi_shu", label: "字数", width: 150 },
-    // { prop: "xsxq_jie_shao", label: "描述", width: 200 },
-    // { prop: "xsxq_geng_xin_shi_jian", label: "最后更新时间", width: 170 },
-    // { prop: "created_at", label: "添加时间", width: 170 },
-    { prop: "n_update_time", label: "更新时间", width: 170 },
-    // { prop: "operation", label: "操作", fixed: "right", width: 100 }
+    { prop: "n_update_time", label: "更新时间", width: 170 }
 ]);
 
-// 删除小说信息
-const deleteAccount = async (params: NovelList.ResList) => {
-    await useHandleData(deleteItem, { xsxq_id: params.xsxq_id }, "删除所选信息");
-    proTable.value?.getTableList();
-};
-
-// 批量删除小说信息
-const batchDelete = async (id: any[]) => {
-    const ids = id.map((item: NovelList.ResList) => item.xsxq_id);
-    await useHandleData(deleteItem, { xsxq_id: ids.join(",") }, "删除所选信息");
-    proTable.value?.clearSelection();
-    proTable.value?.getTableList();
-};
-// 打开 drawer(新增、编辑)
-const drawerRef = ref<InstanceType<typeof Drawer> | null>(null);
-const openDrawer = (isEdit: boolean, row: Partial<NovelList.ResList> = {}) => {
-    const params = {
-        title: isEdit ? "新增小说" : "编辑小说",
-        row: { ...row },
-        api: saveData,
-        getTableList: proTable.value?.getTableList
-    };
-    drawerRef.value?.acceptParams(params as any);
-};
-
-// 批量设置推荐等级
 const setDrawerRef = ref<InstanceType<typeof SetDrawer> | null>(null);
-const openSetDrawerRef = (isEdit: boolean, row: Partial<NovelList.ResList> = {}) => {
+const openSetDrawerRef = () => {
     const params = {
-        title: "批量设置",
-        row: { ...row },
+        title: "批量设置小说等级",
+        row: {},
         api: levelSet,
-        getTableList: proTable.value?.getTableList
+        getTableList: proTable.value?.getTableList,
+        successMessage: "小说等级批量设置完成，已刷新列表"
     };
     setDrawerRef.value?.acceptParams(params as any);
 };
-
-// 章节
-const chapterDrawerRef = ref<InstanceType<typeof ChapterDrawer> | null>(null);
-const openChapterDrawer = (row: Partial<NovelList.ResList> = {}) => {
-    chapterDrawerRef.value?.acceptParams(row.xsxq_id!);
-};
-
-// 异步加载图片组件
-const AsyncImageComponent = defineComponent({
-    props: {
-        url: {
-            type: String,
-            required: true
-        }
-    },
-    setup(props) {
-        const imageUrl = ref("");
-        const isLoading = ref(true);
-        const error = ref(null);
-
-        onMounted(async () => {
-            try {
-                const data = await fetchImageData(props.url);
-                const decodedImage = decode(data);
-                imageUrl.value = decodedImage;
-                isLoading.value = false;
-            } catch (err) {
-                console.error("Error converting image to base64:", err);
-                error.value = err;
-                isLoading.value = false;
-            }
-        });
-
-        return () => {
-            if (isLoading.value) {
-                return h("el-image", { src: "Loading..." });
-            }
-
-            if (error.value) {
-                return h("el-image", { src: "无法加载" });
-            }
-            return (
-                <el-image
-                    style="width: 98%; height: 30px;display: flex;align-items: center;"
-                    src={imageUrl.value}
-                    preview-src-list={[imageUrl.value]}
-                    hide-on-click-modal={true}
-                    z-index={999999999}
-                    preview-teleported={true}
-                    // fit="contain"
-                    fit="cover"
-                />
-            );
-        };
-    }
-});
-
-// 获取图片数据
-async function fetchImageData(url) {
-    const response = await fetch(url);
-    const data = await response.arrayBuffer();
-    return data;
-}
-
-// 解码图片函数
-function decode(data, key = 0x88) {
-    let binary = "";
-    let bytes = new Uint8Array(data);
-    let len = bytes.byteLength;
-    for (let i = 0; i < len; i++) {
-        binary += String.fromCharCode(bytes[i] ^ key);
-    }
-    let src = window.btoa(binary);
-    let image = "data:image/jpeg;base64," + src;
-    return image;
-}
 </script>
 
 <style lang="scss">
diff --git a/src/views/novel/setDrawer.vue b/src/views/novel/setDrawer.vue
index c238ea9..f9c23d6 100644
--- a/src/views/novel/setDrawer.vue
+++ b/src/views/novel/setDrawer.vue
@@ -1,5 +1,5 @@
 <template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="720" :title="`${drawerProps.title}`">
+    <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="720" :title="drawerProps.title">
         <el-form
             ref="ruleFormRef"
             label-width="150px"
@@ -9,109 +9,18 @@
             :model="drawerProps.row"
             :hide-required-asterisk="drawerProps.isView"
         >
-            <el-form-item v-for="e in formColumns" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
-                <!-- <template v-if="e.type === 'switch'">
-                    <el-switch
-                        v-model="e.value"
-                        :active-value="`${1}`"
-                        :inactive-value="`${0}`"
-                        active-text="上架"
-                        inactive-text="下架"
-                    />
-                </template>
-                <template v-if="e.type === 'switch-index'">
-                    <el-switch
-                        v-model="e.value"
-                        :active-value="`${1}`"
-                        :inactive-value="`${0}`"
-                        active-text="是"
-                        inactive-text="否"
-                    />
-                </template> -->
-                <!-- <template v-if="e.type === 'radio'">
-                    <el-radio-group v-model="e.value" class="ml-4">
-                        <el-radio v-for="item in e.options" :key="item.value" :value="item.value" size="large">{{
-                            item.label
-                        }}</el-radio>
-                    </el-radio-group>
-                </template>
-                <template v-if="e.type === 'select'">
-                    <el-select filterable v-model="e.value" :placeholder="`请选择${e.label}`" clearable>
-                        <el-option
-                            v-for="(item, index) in e.options"
-                            :key="index"
-                            :label="getField(item, e.fieldNames?.label)"
-                            :value="getField(item, e.fieldNames?.value)"
-                        />
-                    </el-select>
-                </template> -->
-                <template v-if="e.type === 'text'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label},多个使用, 分割`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'text-i'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'text-num'">
-                    <el-input v-model="e.value" type="number" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'textarea'">
-                    <el-input
-                        type="textarea"
-                        :rows="20"
-                        v-model="e.value"
-                        maxlength="365000"
-                        :placeholder="`请输入${e.label},多个使用, 分割`"
-                        show-word-limit
-                    />
-                </template>
-                <!-- <template v-if="e.type === 'tag'">
-                    <div class="tag-more-s">
-                        <el-input
-                            v-model="drawerProps.row.searchText"
-                            placeholder="请输入搜索内容"
-                            clearable
-                            @input="handleSearch"
-                        />
-                        <div>
-                            <span>选中标签:</span>
-                            <div class="tag-more-h">
-                                <el-checkbox-group v-model="TagList" @change="placeableCheckedCitiesChange">
-                                    <el-checkbox-button
-                                        class="vip-power"
-                                        v-for="item in matchingObjects"
-                                        :value="item.t_id"
-                                        :key="item.t_id"
-                                    >
-                                        {{ item.t_name }}
-                                    </el-checkbox-button>
-                                </el-checkbox-group>
-                            </div>
-                        </div>
-                        <div>
-                            <span>未选中标签:</span>
-                            <div class="tag-more-h">
-                                <el-checkbox-group v-model="TagList" @change="placeableCheckedCitiesChange">
-                                    <el-checkbox-button
-                                        class="vip-power"
-                                        v-for="item in nonMatchingObjects"
-                                        :value="item.t_id"
-                                        :key="item.t_id"
-                                    >
-                                        {{ item.t_name }}
-                                    </el-checkbox-button>
-                                </el-checkbox-group>
-                            </div>
-                        </div>
-                    </div>
-                </template> -->
-                <!-- <template v-if="e.type === 'text-i'">
-                    <UploadImg disabled v-model:image-url="drawerProps.row!.n_cover" width="135px" height="135px" :file-size="3">
-                        <template #empty>
-                            <el-icon><Avatar /></el-icon>
-                            <span>请上传封面</span>
-                        </template>
-                    </UploadImg>
-                </template> -->
+            <el-form-item label="推荐等级" prop="n_level" required>
+                <el-input v-model="drawerProps.row.n_level" type="number" placeholder="请输入推荐等级" clearable />
+            </el-form-item>
+            <el-form-item label="小说名称" prop="keywords" required>
+                <el-input
+                    v-model="drawerProps.row.keywords"
+                    type="textarea"
+                    :rows="16"
+                    maxlength="365000"
+                    placeholder="请输入小说名称，多个使用英文逗号分隔"
+                    show-word-limit
+                />
             </el-form-item>
         </el-form>
         <template #footer>
@@ -121,169 +30,15 @@
     </el-drawer>
 </template>
 
-<script setup lang="ts" name="UserDrawer">
-import { ref, computed, reactive } from "vue";
+<script setup lang="ts" name="NovelLevelBatchDrawer">
+import { reactive, ref } from "vue";
 import { ElMessage, FormInstance } from "element-plus";
-// import { NovelList } from "@/api/interface/novel/list";
-import { arrNovelType } from "@/utils/serviceDict";
-// import { getTypeList } from "@/api/modules/tag/list";
-// import UploadImg from "@/components/Upload/Img.vue";
-import { extractURI } from "@/utils/eleValidate";
-type Options = {
-    label: string;
-    value: string | number;
-};
+import { NovelList } from "@/api/interface/novel/list";
 
-interface Item {
-    t_id: any;
-    uri: any;
-}
-// const getField = (item: any, fieldName: string | undefined) => {
-//     return fieldName ? item[fieldName] : "";
-// };
-type Fields = {
-    label: string;
-    prop: string;
-    type: string;
-    value: any;
-    required: boolean;
-    options?: Options[];
-    fieldNames?: { label: string; value: string };
-};
-const generateRules = (fields: Fields[]) => {
-    return fields.reduce((acc, field) => {
-        const { type, required, label, prop } = field;
-        let message = "";
-
-        if (type === "text") {
-            message = `请输入${label}`;
-        }
-
-        if (type === "text-num") {
-            message = `请输入${label}`;
-        }
-
-        acc[prop] = [{ required, message }];
-        return acc;
-    }, {} as Record<string, any>);
-};
-
-const TagList = ref([] as any);
-const arrTagList = ref([] as any);
-const arrNewTagList = ref([] as any);
-const matchingObjects = ref([] as any); //选中相同
-const nonMatchingObjects = ref([] as any); //没有选中的
-const matchingObjectsA = ref([] as any); //选中相同
-const nonMatchingObjectsB = ref([] as any); //没有选中的
-// const getTagList = async () => {
-//     try {
-//         const initParam = reactive({
-//             t_type: 3,
-//             limit: 3650,
-//             page: 1,
-//             t_hidden: 1
-//         });
-//         const siteRes = await getTypeList(initParam);
-//         arrTagList.value = siteRes.data.item;
-//         arrNewTagList.value = siteRes.data.item;
-//         matchingObjects.value = [];
-//         matchingObjectsA.value = [];
-//         // 遍历第一个数组的每个元素
-//         TagList.value.forEach(index => {
-//             // 遍历第二个数组的每个元素
-//             arrNewTagList.value.forEach(obj => {
-//                 // 如果第二个数组中的元素的t_id与第一个数组中的元素相同，则将其添加到新数组中
-//                 if (obj.t_id === index) {
-//                     matchingObjects.value = [...matchingObjects.value, obj];
-//                     matchingObjectsA.value = [...matchingObjectsA.value, obj];
-//                     const matchingIds = matchingObjectsA.value.map(obj => obj.t_id);
-//                     TagList.value = matchingIds;
-//                 }
-//             });
-//         });
-//         // 创建一个新数组，包含objectArray中id不存在于arrayA的元素
-//         nonMatchingObjects.value = arrNewTagList.value.filter(obj => !TagList.value.includes(obj.t_id));
-//         nonMatchingObjectsB.value = arrNewTagList.value.filter(obj => !TagList.value.includes(obj.t_id));
-//     } catch (error) {
-//         console.log(error);
-//     }
-// };
-
-// 处理搜索事件
-function handleSearch() {
-    // 在输入事件中实时更新过滤后的标签列表
-    filteredTagList();
-}
-function filteredTagList() {
-    if (drawerProps.value.row!.searchText.length > 0) {
-        let arrData = arrTagList.value.filter(tag =>
-            tag.t_name.toLowerCase().includes(drawerProps.value.row!.searchText.toLowerCase())
-        );
-        if (arrData.length > 0) {
-            matchingObjects.value = matchingObjects.value.filter(objA => arrData.some(objB => objB.t_id === objA.t_id));
-            nonMatchingObjects.value = nonMatchingObjects.value.filter(objA => arrData.some(objB => objB.t_id === objA.t_id));
-        } else {
-            matchingObjects.value = [];
-            nonMatchingObjects.value = [];
-        }
-    } else {
-        matchingObjects.value = matchingObjectsA.value;
-        nonMatchingObjects.value = nonMatchingObjectsB.value;
-    }
-}
-
-//标签数组
-async function placeableCheckedCitiesChange(value) {
-    matchingObjects.value = [];
-    matchingObjectsA.value = [];
-    drawerProps.value.row.n_tags = value;
-    // 遍历第一个数组的每个元素
-    TagList.value.forEach(index => {
-        // 遍历第二个数组的每个元素
-        arrNewTagList.value.forEach(obj => {
-            // 如果第二个数组中的元素的t_id与第一个数组中的元素相同，则将其添加到新数组中
-            if (obj.t_id === index) {
-                matchingObjects.value = [...matchingObjects.value, obj];
-                matchingObjectsA.value = [...matchingObjectsA.value, obj];
-                const matchingIds = matchingObjectsA.value.map(obj => obj.t_id);
-                TagList.value = matchingIds;
-            }
-        });
-    });
-    nonMatchingObjects.value = arrNewTagList.value.filter(obj => !TagList.value.includes(obj.t_id));
-    nonMatchingObjectsB.value = arrNewTagList.value.filter(obj => !TagList.value.includes(obj.t_id));
-}
-const formColumns = computed((): Fields[] => {
-    return [
-    {
-            label: "推荐等级",
-            prop: "n_level",
-            type: "text-num",
-            get value() {
-                return drawerProps.value.row!.n_level;
-            },
-            set value(val) {
-                drawerProps.value.row!.n_level = val;
-            },
-            required: true
-        },
-        {
-            label: "小说名字",
-            prop: "keywords",
-            type: "textarea",
-            get value() {
-                return drawerProps.value.row!.keywords;
-            },
-            set value(val) {
-                drawerProps.value.row!.keywords = val;
-            },
-            required: true
-        },
-
-        
-    ];
+const rules = reactive({
+    n_level: [{ required: true, message: "请输入推荐等级" }],
+    keywords: [{ required: true, message: "请输入小说名称" }]
 });
-const rules = ref();
 
 interface DrawerProps {
     title: string;
@@ -291,6 +46,7 @@ interface DrawerProps {
     row: Partial<NovelList.ResList>;
     api?: (params: any) => Promise<any>;
     getTableList?: () => void;
+    successMessage?: string;
 }
 
 const drawerVisible = ref(false);
@@ -300,45 +56,27 @@ const drawerProps = ref<DrawerProps>({
     row: {}
 });
 
-// 接收父组件传过来的参数
 const acceptParams = (params: DrawerProps) => {
-    drawerProps.value = params;
-    rules.value = generateRules(formColumns.value);
+    drawerProps.value = {
+        ...params,
+        row: { ...params.row }
+    };
     drawerVisible.value = true;
-    TagList.value = [];
-    if (drawerProps.value.title === "新增小说") {
-        drawerProps.value.row!.n_type = 0;
-    }
-    if (drawerProps.value.row.n_cover) {
-        drawerProps.value.row.n_cover_code = drawerProps.value.row.n_cover.code;
-        drawerProps.value.row.n_cover = drawerProps.value.row.n_cover_detail;
-    }
-    if (drawerProps.value.row.n_tags) {
-        TagList.value = drawerProps.value.row.n_tags.map((obj: Item) => obj.t_id).map(Number);
-    }
-    // getTagList();
 };
 
-// 提交数据（新增/编辑）
 const ruleFormRef = ref<FormInstance>();
 const handleSubmit = () => {
     ruleFormRef.value!.validate(async valid => {
         if (!valid) return;
         try {
-            const params = { ...drawerProps.value.row };
-            // let arrData = {
-            //     uri: extractURI(params.n_cover),
-            //     code: params.n_cover_code
-            // };
-
-            // params.n_cover = arrData;
-            // params.n_tags = TagList.value;
-            await drawerProps.value.api!(params);
-            ElMessage.success({ message: `${drawerProps.value.title}成功！` });
+            await drawerProps.value.api!({ ...drawerProps.value.row });
+            ElMessage.success({
+                message: drawerProps.value.successMessage || `${drawerProps.value.title}完成，已刷新列表`
+            });
             drawerProps.value.getTableList!();
             drawerVisible.value = false;
-        } catch (error) {
-            console.log(error);
+        } catch (_error) {
+            return;
         }
     });
 };
@@ -347,19 +85,3 @@ defineExpose({
     acceptParams
 });
 </script>
-<style lang="scss">
-.el-checkbox-button__inner {
-    margin-right: 10px;
-    margin-bottom: 10px;
-    border-left-color: #dcdfe6 !important;
-}
-.tag-more-h {
-    margin-bottom: 10px;
-}
-.tag-more-s {
-    width: 100%;
-    padding: 10px;
-    border: 1px solid black;
-    box-shadow: 0 0 4px 2px rgb(0 0 0 / 90%);
-}
-</style>
diff --git a/src/views/resource/endpoint/components/Drawer.vue b/src/views/resource/endpoint/components/Drawer.vue
deleted file mode 100644
index fb0d44e..0000000
--- a/src/views/resource/endpoint/components/Drawer.vue
+++ /dev/null
@@ -1,100 +0,0 @@
-<template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="720" :title="`${drawerProps.title}资源端点`">
-        <el-form
-            ref="ruleFormRef"
-            label-width="90px"
-            label-position="top"
-            label-suffix=" :"
-            :rules="rules"
-            :disabled="drawerProps.isView"
-            :model="drawerProps.row"
-            :hide-required-asterisk="drawerProps.isView"
-        >
-            <el-form-item label="端点名称" prop="zydd_ming_zi">
-                <el-input
-                    type="text"
-                    disabled
-                    v-model="drawerProps.row.zydd_ming_zi"
-                    placeholder="请输入资源访问端点域名"
-                    clearable
-                />
-            </el-form-item>
-            <el-form-item label="端点编码" prop="zydd_code">
-                <el-input
-                    type="text"
-                    disabled
-                    v-model="drawerProps.row.zydd_code"
-                    placeholder="请输入资源访问端点域名"
-                    clearable
-                />
-            </el-form-item>
-            <el-form-item label="端点域名" prop="zydd_domain">
-                <el-input type="textarea" v-model="drawerProps.row.zydd_domain" placeholder="请输入资源访问端点域名" clearable />
-            </el-form-item>
-            <!-- <el-form-item label="端点类型" prop="re_type">
-                <el-switch
-                    v-model="drawerProps.row.re_type"
-                    :active-value="`${1}`"
-                    :inactive-value="`${0}`"
-                    active-text="VIP"
-                    inactive-text="普通"
-                />
-            </el-form-item> -->
-        </el-form>
-        <template #footer>
-            <el-button @click="drawerVisible = false">取消</el-button>
-            <el-button v-show="!drawerProps.isView" type="primary" @click="handleSubmit">确定</el-button>
-        </template>
-    </el-drawer>
-</template>
-
-<script setup lang="tsx" name="Drawer">
-import { ref, reactive } from "vue";
-import { ElMessage, FormInstance } from "element-plus";
-import { Endpoint } from "@/api/interface/system/endpoint";
-
-const rules = reactive({
-    zydd_domain: [{ required: true, message: "请输入端点域名" }]
-});
-
-interface DrawerProps {
-    title: string;
-    isView: boolean;
-    row: Partial<Endpoint.List>;
-    api?: (params: any) => Promise<any>;
-    getTableList?: () => void;
-}
-
-const drawerVisible = ref(false);
-const drawerProps = ref<DrawerProps>({
-    isView: false,
-    title: "",
-    row: {}
-});
-
-// 接收父组件传过来的参数
-const acceptParams = (params: DrawerProps) => {
-    drawerProps.value = params;
-    drawerVisible.value = true;
-};
-
-// 提交数据（新增/编辑）
-const ruleFormRef = ref<FormInstance>();
-const handleSubmit = () => {
-    ruleFormRef.value!.validate(async valid => {
-        if (!valid) return;
-        try {
-            const params = { ...drawerProps.value.row };
-            await drawerProps.value.api!(params);
-            ElMessage.success({ message: `${drawerProps.value.title}资源端点成功！` });
-            drawerProps.value.getTableList!();
-            drawerVisible.value = false;
-        } catch (error) {
-            console.log(error);
-        }
-    });
-};
-defineExpose({
-    acceptParams
-});
-</script>
diff --git a/src/views/resource/endpoint/index.vue b/src/views/resource/endpoint/index.vue
index ab72a89..6595f31 100644
--- a/src/views/resource/endpoint/index.vue
+++ b/src/views/resource/endpoint/index.vue
@@ -1,172 +1,31 @@
 <template>
-    <div class="table-box">
-        <!-- <ProTable ref="proTable" highlight-current-row :columns="columns" :request-api="ListApi"> -->
-        <ProTable
-            title="端点列表"
-            ref="proTable"
-            row-key="id"
-            :indent="20"
-            :columns="columns"
-            :request-api="getTableList"
-            :init-param="initParam"
-            :data-callback="dataCallback"
-            :request-auto="true"
-            :search-col="{ xs: 1, sm: 1, md: 2, lg: 3, xl: 3 }"
-        >
-            <!-- 表格 header 按钮 -->
-            <template #tableHeader="scope">
-                <el-button type="primary" style="display: none" :icon="CirclePlus" @click="openDrawer('新增')">
-                    新增资源端点
-                </el-button>
-                <el-button
-                    style="display: none"
-                    type="danger"
-                    :icon="Delete"
-                    plain
-                    :disabled="!scope.isSelected"
-                    @click="batchDelete(scope.selectedList)"
-                >
-                    批量删除端点
-                </el-button>
-            </template>
-            <!-- 表格操作 -->
-            <template #operation="scope">
-                <el-button type="primary" :icon="EditPen" @click="openDrawer('编辑', scope.row)"> 编辑 </el-button>
-                <el-button
-                    type="danger"
-                    style="display: none"
-                    v-if="scope.row.pid != 0"
-                    link
-                    :icon="Delete"
-                    @click="deleteAccount(scope.row)"
-                >
-                    删除
-                </el-button>
-            </template>
-        </ProTable>
-        <Drawer ref="drawerRef" />
+    <div class="module-unavailable">
+        <el-alert
+            title="资源端点模块未部署到当前 Linux 测试服"
+            type="warning"
+            :closable="false"
+            show-icon
+        />
+        <el-card class="module-unavailable__card" shadow="never">
+            <p>当前端点页混用了 `/system/zydd/*` 和 `/admin/resource/endpoint/*` 旧链路，测试服带真实 `admin-token` 访问也会直接返回控制器不存在。</p>
+            <p>本页先收为说明态，避免继续暴露端点列表、编辑和删除这些无法真实联调的历史能力。</p>
+            <p>如果后续补齐资源端点后端，再恢复当前列表页和抽屉。</p>
+        </el-card>
     </div>
 </template>
 
-<script lang="tsx" setup name="endpoint">
-import ProTable from "@/components/ProTable/index.vue";
-import { DelApi, ListApi, SaveApi } from "@/api/modules/system/endpoint";
-import { reactive, ref } from "vue";
-import { ColumnProps, ProTableInstance } from "@/components/ProTable/interface";
-import { Endpoint } from "@/api/interface/system/endpoint";
-import { CirclePlus, EditPen, Delete } from "@element-plus/icons-vue";
-import Drawer from "./components/Drawer.vue";
-import { useHandleData } from "@/hooks/useHandleData";
+<style scoped lang="scss">
+.module-unavailable {
+    display: grid;
+    gap: 16px;
+}
 
-// ProTable 实例
-const proTable = ref<ProTableInstance>();
+.module-unavailable__card {
+    color: var(--el-text-color-regular);
+    line-height: 1.8;
+}
 
-const initParam = reactive({
-    limit: 15,
-    page: 1
-});
-
-const getTableList = (params: any) => {
-    let newParams = JSON.parse(JSON.stringify(params));
-    initParam.page = newParams.page;
-    initParam.limit = newParams.limit;
-    return ListApi(newParams);
-};
-
-const dataCallback = (data: any) => {
-    // const groupedData = groupBySgId(data.item);
-    // let arrNewData = [] as any;
-    // arrNewData = groupedData.map((item, index) => ({
-    //     ...item,
-    //     id: index + 1, // 这里id是从1开始计数
-    //     pid: 0
-    // }));
-    return {
-        items: data.items,
-        limit: initParam.limit,
-        page: initParam.page,
-        total: data.total,
-        total_page: data.total_page
-    };
-};
-//树结构
-// function groupBySgId(data) {
-//     const groupMap = new Map();
-//     data.forEach(item => {
-//         const { reg_id, reg_name } = item;
-//         if (!groupMap.has(reg_id)) {
-//             groupMap.set(reg_id, {
-//                 reg_id,
-//                 reg_name,
-//                 re_type: 2,
-//                 re_domain: "",
-//                 created_at: "",
-//                 children: []
-//             });
-//         }
-//         item.reg_name = "";
-//         groupMap.get(reg_id).children.push(item);
-//     });
-//     return Array.from(groupMap.values());
-// }
-
-// 表格配置项
-const columns = reactive<ColumnProps<Endpoint.List>[]>([
-    { type: "selection", fixed: "left", width: 50 },
-    {
-        prop: "key",
-        label: "查询关键字",
-        isShow: false,
-        search: {
-            el: "input"
-        }
-    },
-    {
-        prop: "zydd_id",
-        label: "ID",
-        width: 100
-    },
-    {
-        prop: "zydd_ming_zi",
-        label: "名称"
-    },
-    {
-        prop: "zydd_code",
-        label: "编码"
-    },
-    {
-        prop: "zydd_domain",
-        label: "资源访问端点域名"
-    },
-
-    { prop: "operation", label: "操作", width: 230 }
-]);
-
-// 打开 drawer(新增、查看、编辑)
-const drawerRef = ref<InstanceType<typeof Drawer> | null>(null);
-const openDrawer = (title: string, row: Partial<Endpoint.List> = {}) => {
-    const params = {
-        title,
-        api: SaveApi,
-        getTableList: proTable.value?.getTableList,
-        isView: title === "查看",
-        row: { ...row }
-    };
-    drawerRef.value?.acceptParams(params);
-};
-
-// 删除资源端点
-const deleteAccount = async (params: Endpoint.List) => {
-    await useHandleData(DelApi, { re_id: params.re_id }, `删除所选信息`);
-    proTable.value?.getTableList();
-};
-// 批量删除
-const batchDelete = async (id: any[]) => {
-    const ids = id.map((item: Endpoint.List) => item.re_id);
-    await useHandleData(DelApi, { re_id: ids.join(",") }, "删除所选信息");
-    proTable.value?.clearSelection();
-    proTable.value?.getTableList();
-};
-</script>
-
-<style></style>
+.module-unavailable__card p {
+    margin: 0;
+}
+</style>
diff --git a/src/views/resource/endpointGroup/components/Drawer.vue b/src/views/resource/endpointGroup/components/Drawer.vue
deleted file mode 100644
index 7fb2a1b..0000000
--- a/src/views/resource/endpointGroup/components/Drawer.vue
+++ /dev/null
@@ -1,87 +0,0 @@
-<template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="720px" :title="`${drawerProps.title}资源端点分组`">
-        <el-form
-            ref="ruleFormRef"
-            label-width="90px"
-            label-position="top"
-            label-suffix=" :"
-            :rules="rules"
-            :disabled="drawerProps.isView"
-            :model="drawerProps.row"
-            :hide-required-asterisk="drawerProps.isView"
-        >
-            <el-form-item label="分组名称" prop="reg_name">
-                <el-input v-model="drawerProps.row.reg_name" placeholder="请输入资源端点分组名称" clearable />
-            </el-form-item>
-            <el-form-item label="分组编码" prop="reg_code">
-                <el-input v-model="drawerProps.row.reg_code" placeholder="请输入资源端点分组编码" clearable />
-            </el-form-item>
-            <el-form-item label="分组描述" prop="reg_description">
-                <el-input
-                    type="textarea"
-                    v-model="drawerProps.row.reg_description"
-                    placeholder="请输入资源端点分组描述"
-                    clearable
-                />
-            </el-form-item>
-        </el-form>
-        <template #footer>
-            <el-button @click="drawerVisible = false">取消</el-button>
-            <el-button v-show="!drawerProps.isView" type="primary" @click="handleSubmit">确定</el-button>
-        </template>
-    </el-drawer>
-</template>
-
-<script setup lang="tsx" name="Drawer">
-import { ref, reactive } from "vue";
-import { ElMessage, FormInstance } from "element-plus";
-import { EndpointGroup } from "@/api/interface/system/endpointGroup";
-
-const rules = reactive({
-    reg_code: [{ required: true, message: "请输入资源端点分组编码" }],
-    reg_name: [{ required: true, message: "请输入资源端点分组名称" }]
-});
-
-interface DrawerProps {
-    title: string;
-    isView: boolean;
-    row: Partial<EndpointGroup.List>;
-    api?: (params: any) => Promise<any>;
-    getTableList?: () => void;
-}
-
-const drawerVisible = ref(false);
-const drawerProps = ref<DrawerProps>({
-    isView: false,
-    title: "",
-    row: {}
-});
-
-// 接收父组件传过来的参数
-const acceptParams = (params: DrawerProps) => {
-    drawerProps.value = params;
-    drawerVisible.value = true;
-};
-
-// 提交数据（新增/编辑）
-const ruleFormRef = ref<FormInstance>();
-const handleSubmit = () => {
-    ruleFormRef.value!.validate(async valid => {
-        if (!valid) return;
-        try {
-            if (drawerProps.value.row.reg_description?.length == 0) {
-                delete drawerProps.value.row.reg_description;
-            }
-            await drawerProps.value.api!(drawerProps.value.row);
-            ElMessage.success({ message: `${drawerProps.value.title}资源端点分组成功！` });
-            drawerProps.value.getTableList!();
-            drawerVisible.value = false;
-        } catch (error) {
-            console.log(error);
-        }
-    });
-};
-defineExpose({
-    acceptParams
-});
-</script>
diff --git a/src/views/resource/endpointGroup/index.vue b/src/views/resource/endpointGroup/index.vue
index 1a66283..9797c2a 100644
--- a/src/views/resource/endpointGroup/index.vue
+++ b/src/views/resource/endpointGroup/index.vue
@@ -1,127 +1,31 @@
 <template>
-    <div class="table-box">
-        <ProTable ref="proTable" highlight-current-row :columns="columns" :request-api="ListApi">
-            <!-- 表格 header 按钮 -->
-            <template #tableHeader="scope">
-                <el-button type="primary" :icon="CirclePlus" @click="openDrawer('新增')">新增资源端点分组</el-button>
-                <el-button
-                    type="danger"
-                    :icon="Delete"
-                    plain
-                    :disabled="!scope.isSelected"
-                    @click="batchDelete(scope.selectedList)"
-                >
-                    批量删除端点分组
-                </el-button>
-            </template>
-            <!-- 表格操作 -->
-            <template #operation="scope">
-                <el-button type="primary" link :icon="EditPen" @click="openDrawer('编辑', scope.row)">编辑</el-button>
-                <el-button type="danger" link :icon="Delete" @click="deleteAccount(scope.row)">删除</el-button>
-            </template>
-        </ProTable>
-        <Drawer ref="drawerRef" />
+    <div class="module-unavailable">
+        <el-alert
+            title="资源端点分组模块未部署到当前 Linux 测试服"
+            type="warning"
+            :closable="false"
+            show-icon
+        />
+        <el-card class="module-unavailable__card" shadow="never">
+            <p>当前端点分组页依赖旧 `/admin/resource/endpoint/group/*` 接口，测试服带真实 `admin-token` 访问也会直接返回控制器不存在。</p>
+            <p>本页先收为说明态，避免继续暴露端点分组新增、编辑和删除这些无法真实落库的历史能力。</p>
+            <p>如果后续补齐资源端点分组后端，再恢复当前列表页和抽屉。</p>
+        </el-card>
     </div>
 </template>
 
-<script lang="tsx" setup name="endpointGroup">
-import { EndpointGroup } from "@/api/interface/system/endpointGroup";
-import ProTable from "@/components/ProTable/index.vue";
-import { ColumnProps, ProTableInstance } from "@/components/ProTable/interface";
-import { reactive, ref } from "vue";
-import { DelApi, ListApi, SaveApi } from "@/api/modules/system/endpointGroup";
-import { CirclePlus, EditPen, Delete } from "@element-plus/icons-vue";
-import Drawer from "./components/Drawer.vue";
-import { useHandleData } from "@/hooks/useHandleData";
-// import { useRouter } from "vue-router";
-// const router = useRouter();
-// ProTable 实例
-const proTable = ref<ProTableInstance>();
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-// let index = 0;
-// 表格配置项
-const columns = reactive<ColumnProps<EndpointGroup.List>[]>([
-    { type: "selection", fixed: "left", width: 50 },
-    {
-        prop: "reg_name",
-        label: "查询关键字",
-        isShow: false,
-        search: {
-            el: "input"
-        }
-    },
-    {
-        prop: "reg_id",
-        label: "ID",
-        width: 100
-    },
-    // {
-    //     prop: "reg_id",
-    //     label: "端点列表跳转",
-    //     width: 120,
-    //     render(scope) {
-    //         if (scope.row.reg_id) {
-    //             const data = scope.row.reg_id;
-    //             return (
-    //                 <el-tag onClick={() => JumpFum(data)} style="cursor:pointer;">
-    //                     点击跳转
-    //                 </el-tag>
-    //             );
-    //         }
-    //     }
-    // },
-    {
-        prop: "reg_name",
-        label: "端点分组名称"
-    },
-    {
-        prop: "reg_code",
-        label: "端点分组编码"
-    },
-    {
-        prop: "reg_description",
-        label: "描述"
-    },
-    {
-        prop: "created_at",
-        label: "添加时间"
-    },
+<style scoped lang="scss">
+.module-unavailable {
+    display: grid;
+    gap: 16px;
+}
 
-    { prop: "operation", label: "操作", width: 230 }
-]);
+.module-unavailable__card {
+    color: var(--el-text-color-regular);
+    line-height: 1.8;
+}
 
-// 打开 drawer(新增、查看、编辑)
-const drawerRef = ref<InstanceType<typeof Drawer> | null>(null);
-const openDrawer = (title: string, row: Partial<EndpointGroup.List> = {}) => {
-    const params = {
-        title,
-        api: SaveApi,
-        getTableList: proTable.value?.getTableList,
-        isView: title === "查看",
-        row: { ...row }
-    };
-    drawerRef.value?.acceptParams(params);
-};
-// 删除资源端点分组
-const deleteAccount = async (params: EndpointGroup.List) => {
-    await useHandleData(DelApi, { reg_id: params.reg_id }, `删除【${params.reg_name}】的资源端点分组`);
-    proTable.value?.getTableList();
-};
-// 批量删除
-const batchDelete = async (id: any[]) => {
-    const ids = id.map((item: EndpointGroup.List) => item.reg_id);
-    await useHandleData(DelApi, { reg_id: ids.join(",") }, "删除所选信息");
-    proTable.value?.clearSelection();
-    proTable.value?.getTableList();
-};
-
-// const JumpFum = val => {
-//     index++;
-//     let Data = {
-//         id: val
-//     };
-//     router.push({ path: "/resource/endpoint/list", query: Data });
-// };
-</script>
-
-<style></style>
+.module-unavailable__card p {
+    margin: 0;
+}
+</style>
diff --git a/src/views/searchGroup/drawer.vue b/src/views/searchGroup/drawer.vue
deleted file mode 100644
index 6e08a9d..0000000
--- a/src/views/searchGroup/drawer.vue
+++ /dev/null
@@ -1,178 +0,0 @@
-<template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="720" :title="`${drawerProps.title}`">
-        <el-form
-            ref="ruleFormRef"
-            label-width="60px"
-            label-position="top"
-            label-suffix=" :"
-            :rules="rules"
-            :disabled="drawerProps.isView"
-            :model="drawerProps.row"
-            :hide-required-asterisk="drawerProps.isView"
-        >
-            <el-form-item v-for="e in formColumns" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
-                <template v-if="e.type === 'switch'">
-                    <el-switch
-                        v-model="e.value"
-                        :active-value="`${1}`"
-                        :inactive-value="`${0}`"
-                        active-text="开启"
-                        inactive-text="关闭"
-                    />
-                </template>
-                <template v-if="e.type === 'radio'">
-                    <el-radio-group v-model="e.value" class="ml-4">
-                        <el-radio v-for="item in e.options" :key="item.value" :label="item.value" size="large">{{
-                            item.label
-                        }}</el-radio>
-                    </el-radio-group>
-                </template>
-                <template v-if="e.type === 'select'">
-                    <el-select filterable v-model="e.value" :placeholder="`请选择${e.label}`" clearable>
-                        <el-option
-                            v-for="(item, index) in e.options"
-                            :key="index"
-                            :label="getField(item, e.fieldNames?.label)"
-                            :value="getField(item, e.fieldNames?.value)"
-                        />
-                    </el-select>
-                </template>
-                <template v-if="e.type === 'text'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'text-num'">
-                    <el-input v-model="e.value" type="number" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'textarea'">
-                    <el-input
-                        type="textarea"
-                        v-model="e.value"
-                        maxlength="3650"
-                        :placeholder="`请输入${e.label}`"
-                        show-word-limit
-                    />
-                </template>
-            </el-form-item>
-        </el-form>
-        <template #footer>
-            <el-button @click="drawerVisible = false">取消</el-button>
-            <el-button v-show="!drawerProps.isView" type="primary" @click="handleSubmit">确定</el-button>
-        </template>
-    </el-drawer>
-</template>
-
-<script setup lang="ts" name="UserDrawer">
-import { ref, computed } from "vue";
-import { ElMessage, FormInstance } from "element-plus";
-import { SearchGroupList } from "@/api/interface/searchGroup/list";
-
-type Options = {
-    label: string;
-    value: string | number;
-};
-
-const getField = (item: any, fieldName: string | undefined) => {
-    return fieldName ? item[fieldName] : "";
-};
-type Fields = {
-    label: string;
-    prop: string;
-    type: string;
-    value: any;
-    required: boolean;
-    options?: Options[];
-    fieldNames?: { label: string; value: string };
-};
-const generateRules = (fields: Fields[]) => {
-    return fields.reduce(
-        (acc, field) => {
-            const { type, required, label, prop } = field;
-            let message = "";
-            if (type === "select") {
-                message = `请选择${label}`;
-            }
-            if (type === "text") {
-                message = `请输入${label}`;
-            }
-            if (type === "text-num") {
-                message = `请输入${label}`;
-            }
-            acc[prop] = [{ required, message }];
-            return acc;
-        },
-        {} as Record<string, any>
-    );
-};
-
-const formColumns = computed((): Fields[] => {
-    return [
-        {
-            label: "名称",
-            prop: "sg_name",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.sg_name;
-            },
-            set value(val) {
-                drawerProps.value.row!.sg_name = val;
-            },
-            required: true
-        },
-        {
-            label: "排序",
-            prop: "sg_order",
-            type: "text-num",
-            get value() {
-                return drawerProps.value.row!.sg_order;
-            },
-            set value(val) {
-                drawerProps.value.row!.sg_order = val;
-            },
-            required: true
-        }
-    ];
-});
-const rules = ref();
-
-interface DrawerProps {
-    title: string;
-    isView: boolean;
-    row: Partial<SearchGroupList.ResList>;
-    api?: (params: any) => Promise<any>;
-    getTableList?: () => void;
-}
-
-const drawerVisible = ref(false);
-const drawerProps = ref<DrawerProps>({
-    isView: false,
-    title: "",
-    row: {}
-});
-
-// 接收父组件传过来的参数
-const acceptParams = (params: DrawerProps) => {
-    drawerProps.value = params;
-    rules.value = generateRules(formColumns.value);
-    drawerVisible.value = true;
-};
-
-// 提交数据（新增/编辑）
-const ruleFormRef = ref<FormInstance>();
-const handleSubmit = () => {
-    ruleFormRef.value!.validate(async valid => {
-        if (!valid) return;
-        try {
-            await drawerProps.value.api!(drawerProps.value.row);
-            ElMessage.success({ message: `${drawerProps.value.title}成功！` });
-            drawerProps.value.getTableList!();
-            drawerVisible.value = false;
-        } catch (error) {
-            console.log(error);
-        }
-    });
-};
-
-defineExpose({
-    acceptParams
-});
-</script>
diff --git a/src/views/searchGroup/index.vue b/src/views/searchGroup/index.vue
index 8fa6201..b6a1bc0 100644
--- a/src/views/searchGroup/index.vue
+++ b/src/views/searchGroup/index.vue
@@ -1,148 +1,31 @@
 <template>
-    <div class="table-box">
-        <ProTable ref="proTable" highlight-current-row :columns="columns" :request-api="getList">
-            <!-- 表格 header 按钮 -->
-            <template #tableHeader="scope">
-                <el-button type="primary" :icon="CirclePlus" @click="openDrawer(true)">新增</el-button>
-                <el-button
-                    type="danger"
-                    :icon="Delete"
-                    plain
-                    :disabled="!scope.isSelected"
-                    @click="batchDelete(scope.selectedList)"
-                >
-                    批量删除搜索分组
-                </el-button>
-            </template>
-            <!-- 表格操作 -->
-            <template #operation="scope">
-                <el-button type="primary" :icon="EditPen" @click="openDrawer(false, scope.row)">编辑</el-button>
-                <el-button type="danger" :icon="Delete" @click="deleteAccount(scope.row)">删除</el-button>
-            </template>
-        </ProTable>
-        <Drawer ref="drawerRef" />
+    <div class="module-unavailable">
+        <el-alert
+            title="搜索分组模块未部署到当前 Linux 测试服"
+            type="warning"
+            :closable="false"
+            show-icon
+        />
+        <el-card class="module-unavailable__card" shadow="never">
+            <p>当前后端未提供 `Search` 控制器，搜索分组接口会直接返回控制器不存在。</p>
+            <p>本页先收为说明态，避免继续暴露会误导验收的搜索分组 CRUD。</p>
+            <p>如果后续补齐搜索分组模块，再恢复当前列表页和抽屉联调。</p>
+        </el-card>
     </div>
 </template>
 
-<script setup lang="tsx" name="complexProTable">
-import { reactive, ref } from "vue";
-import { SearchGroupList } from "@/api/interface/searchGroup/list";
-import { useHandleData } from "@/hooks/useHandleData";
-import ProTable from "@/components/ProTable/index.vue";
-import { Delete, EditPen, CirclePlus } from "@element-plus/icons-vue";
-import { ProTableInstance, ColumnProps } from "@/components/ProTable/interface";
-import { getList, saveData, deleteItem } from "@/api/modules/searchGroup/list";
-import Drawer from "./drawer.vue";
-// ProTable 实例
-const proTable = ref<ProTableInstance>();
-
-// 表格配置项
-const columns = reactive<ColumnProps<SearchGroupList.ResList>[]>([
-    { type: "selection", fixed: "left", width: 50 },
-    {
-        prop: "key",
-        label: "搜索内容",
-        isShow: false,
-        search: {
-            el: "input"
-        }
-    },
-    {
-        prop: "sg_id",
-        label: "ID",
-        width: 100
-    },
-    {
-        prop: "sg_name",
-        label: "名称"
-    },
-    {
-        prop: "sg_order",
-        label: "排序"
-    },
-    { prop: "created_at", label: "添加时间" },
-    { prop: "operation", label: "操作", fixed: "right", width: 230 }
-]);
-import { ElMessageBox, ElMessage } from "element-plus";
-// 删除搜索分组信息
-const deleteAccount = async (params: SearchGroupList.ResList) => {
-    // 第一步验证
-    ElMessageBox.confirm(`是否删除该分组,如果删除则该分组下的所有搜索词也会被删除?`, "温馨提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        center: true,
-        draggable: true,
-        type: "warning"
-    })
-
-        .then(() => {
-            // 第二步验证
-            useHandleData(deleteItem, { sg_id: params.sg_id }, "确认删除该分组?")
-                .then(() => {
-                    proTable.value?.getTableList(); // 操作成功后刷新表格
-                })
-                .catch(() => {
-                    // 第二步操作取消
-                    ElMessage({
-                        type: "info",
-                        message: "删除操作已取消"
-                    });
-                });
-        });
-};
-
-// 批量删除搜索分组信息
-const batchDelete = async (id: any[]) => {
-    const ids = id.map((item: SearchGroupList.ResList) => item.sg_id);
-    // await useHandleData(deleteItem, { sg_id: ids.join(",") }, "删除所选信息");
-    // 第一步验证
-    ElMessageBox.confirm(`是否删除该分组,如果删除则该分组下的所有搜索词也会被删除?`, "温馨提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        center: true,
-        draggable: true,
-        type: "warning"
-    })
-
-        .then(() => {
-            // 第二步验证
-            useHandleData(deleteItem, { sg_id: ids.join(",") }, "确认删除该分组?")
-                .then(() => {
-                    proTable.value?.clearSelection();
-                    proTable.value?.getTableList();
-                })
-                .catch(() => {
-                    // 第二步操作取消
-                    ElMessage({
-                        type: "info",
-                        message: "删除操作已取消"
-                    });
-                });
-        });
-};
-// 打开 drawer(新增、编辑)
-const drawerRef = ref<InstanceType<typeof Drawer> | null>(null);
-
-const openDrawer = (isEdit: boolean, row: Partial<SearchGroupList.ResList> = {}) => {
-    const params = {
-        title: isEdit ? "新增搜索分组" : "编辑搜索分组",
-        row: { ...row },
-        api: saveData,
-        getTableList: proTable.value?.getTableList
-    };
-    drawerRef.value?.acceptParams(params as any);
-};
-</script>
-
-<style lang="scss">
-.el-table .warning-row,
-.el-table .warning-row .el-table-fixed-column--right,
-.el-table .warning-row .el-table-fixed-column--left {
-    background-color: var(--el-color-warning-light-9);
+<style scoped lang="scss">
+.module-unavailable {
+    display: grid;
+    gap: 16px;
 }
-.el-table .success-row,
-.el-table .success-row .el-table-fixed-column--right,
-.el-table .success-row .el-table-fixed-column--left {
-    background-color: var(--el-color-success-light-9);
+
+.module-unavailable__card {
+    color: var(--el-text-color-regular);
+    line-height: 1.8;
+}
+
+.module-unavailable__card p {
+    margin: 0;
 }
 </style>
diff --git a/src/views/searchKey/drawer.vue b/src/views/searchKey/drawer.vue
deleted file mode 100644
index 9151599..0000000
--- a/src/views/searchKey/drawer.vue
+++ /dev/null
@@ -1,198 +0,0 @@
-<template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="520" :title="`${drawerProps.title}`">
-        <el-form
-            ref="ruleFormRef"
-            label-width="60px"
-            label-suffix=" :"
-            :rules="rules"
-            :disabled="drawerProps.isView"
-            :model="drawerProps.row"
-            :hide-required-asterisk="drawerProps.isView"
-        >
-            <el-form-item v-for="e in formColumns" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
-                <template v-if="e.type === 'switch'">
-                    <el-switch
-                        v-model="e.value"
-                        :active-value="`${1}`"
-                        :inactive-value="`${0}`"
-                        active-text="开启"
-                        inactive-text="关闭"
-                    />
-                </template>
-                <template v-if="e.type === 'radio'">
-                    <el-radio-group v-model="e.value" class="ml-4">
-                        <el-radio v-for="item in e.options" :key="item.value" :label="item.value" size="large">{{
-                            item.label
-                        }}</el-radio>
-                    </el-radio-group>
-                </template>
-                <template v-if="e.type === 'select'">
-                    <el-select filterable v-model="e.value" :placeholder="`请选择${e.label}`" clearable>
-                        <el-option
-                            v-for="(item, index) in e.options"
-                            :key="index"
-                            :label="getField(item, e.fieldNames?.label)"
-                            :value="getField(item, e.fieldNames?.value)"
-                        />
-                    </el-select>
-                </template>
-                <template v-if="e.type === 'text'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'text-num'">
-                    <el-input v-model="e.value" type="number" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'textarea'">
-                    <el-input
-                        type="textarea"
-                        v-model="e.value"
-                        maxlength="3650"
-                        :placeholder="`请输入${e.label}`"
-                        show-word-limit
-                    />
-                </template>
-            </el-form-item>
-        </el-form>
-        <template #footer>
-            <el-button @click="drawerVisible = false">取消</el-button>
-            <el-button v-show="!drawerProps.isView" type="primary" @click="handleSubmit">确定</el-button>
-        </template>
-    </el-drawer>
-</template>
-
-<script setup lang="ts" name="UserDrawer">
-import { ref, computed } from "vue";
-import { ElMessage, FormInstance } from "element-plus";
-import { SearchKeyList } from "@/api/interface/searchKey/list";
-import { arrPlanSwitch } from "@/utils/serviceDict";
-type Options = {
-    label: string;
-    value: string | number;
-};
-
-const getField = (item: any, fieldName: string | undefined) => {
-    return fieldName ? item[fieldName] : "";
-};
-type Fields = {
-    label: string;
-    prop: string;
-    type: string;
-    value: any;
-    required: boolean;
-    options?: Options[];
-    fieldNames?: { label: string; value: string };
-};
-const generateRules = (fields: Fields[]) => {
-    return fields.reduce(
-        (acc, field) => {
-            const { type, required, label, prop } = field;
-            let message = "";
-            if (type === "select") {
-                message = `请选择${label}`;
-            }
-            if (type === "text") {
-                message = `请输入${label}`;
-            }
-            if (type === "text-num") {
-                message = `请输入${label}`;
-            }
-            acc[prop] = [{ required, message }];
-            return acc;
-        },
-        {} as Record<string, any>
-    );
-};
-
-const formColumns = computed((): Fields[] => {
-    return [
-        {
-            label: "名称",
-            prop: "sw_title",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.sw_title;
-            },
-            set value(val) {
-                drawerProps.value.row!.sw_title = val;
-            },
-            required: true
-        },
-        {
-            label: "状态",
-            prop: "sw_status",
-            type: "radio",
-            get value() {
-                return drawerProps.value.row!.sw_status;
-            },
-            set value(val) {
-                drawerProps.value.row!.sw_status = val;
-            },
-            options: arrPlanSwitch,
-            required: true
-        },
-        {
-            label: "地址",
-            prop: "sw_html_path",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.sw_html_path;
-            },
-            set value(val) {
-                drawerProps.value.row!.sw_html_path = val;
-            },
-            required: false
-        }
-    ];
-});
-const rules = ref();
-
-interface DrawerProps {
-    title: string;
-    isView: boolean;
-    row: Partial<SearchKeyList.ResList>;
-    api?: (params: any) => Promise<any>;
-    getTableList?: () => void;
-}
-
-const drawerVisible = ref(false);
-const drawerProps = ref<DrawerProps>({
-    isView: false,
-    title: "",
-    row: {}
-});
-
-// 接收父组件传过来的参数
-const acceptParams = (params: DrawerProps) => {
-    drawerProps.value = params;
-    rules.value = generateRules(formColumns.value);
-    drawerVisible.value = true;
-};
-
-// 提交数据（新增/编辑）
-const ruleFormRef = ref<FormInstance>();
-const handleSubmit = () => {
-    ruleFormRef.value!.validate(async valid => {
-        if (!valid) return;
-        try {
-            const params = { ...drawerProps.value.row };
-            if (drawerProps.value.title == "编辑SEO关键词") {
-                // params.sw_status = String(drawerProps.value.row?.sw_status);
-                if (drawerProps.value.row?.sw_html_path == null) {
-                    delete params.sw_html_path;
-                }
-            }
-
-            await drawerProps.value.api!(params);
-            ElMessage.success({ message: `${drawerProps.value.title}成功！` });
-            drawerProps.value.getTableList!();
-            drawerVisible.value = false;
-        } catch (error) {
-            console.log(error);
-        }
-    });
-};
-
-defineExpose({
-    acceptParams
-});
-</script>
diff --git a/src/views/searchKey/index.vue b/src/views/searchKey/index.vue
index 551eb07..5a0f420 100644
--- a/src/views/searchKey/index.vue
+++ b/src/views/searchKey/index.vue
@@ -1,144 +1,31 @@
 <template>
-    <div class="table-box">
-        <ProTable
-            title="缓存列表"
-            ref="proTable"
-            row-key="id"
-            :indent="20"
-            :columns="columns"
-            :request-api="getTableList"
-            :data-callback="dataCallback"
-            :request-auto="true"
-            :search-col="{ xs: 1, sm: 1, md: 2, lg: 3, xl: 3 }"
-        >
-            <!-- 表格 header 按钮 -->
-            <template #tableHeader="scope">
-                <el-button type="primary" :icon="CirclePlus" @click="openDrawer(true)">新增</el-button>
-                <el-button
-                    type="danger"
-                    :icon="Delete"
-                    plain
-                    :disabled="!scope.isSelected"
-                    @click="batchDelete(scope.selectedList)"
-                >
-                    批量删除关键词
-                </el-button>
-            </template>
-            <!-- 表格操作 -->
-            <template #operation="scope">
-                <el-button type="primary" :icon="EditPen" @click="openDrawer(false, scope.row)">编辑</el-button>
-                <el-button type="danger" :icon="Delete" @click="deleteAccount(scope.row)">删除</el-button>
-            </template>
-        </ProTable>
-        <Drawer ref="drawerRef" />
+    <div class="module-unavailable">
+        <el-alert
+            title="SEO 关键词模块未部署到当前 Linux 测试服"
+            type="warning"
+            :closable="false"
+            show-icon
+        />
+        <el-card class="module-unavailable__card" shadow="never">
+            <p>当前后端没有可用的关键词管理接口，`/system/keyword/list` 实测会直接返回控制器不存在。</p>
+            <p>本页先收为说明态，避免继续展示一套无法真实读写的关键词管理页。</p>
+            <p>如果后续补齐关键词接口，再恢复列表、抽屉和批量删除操作。</p>
+        </el-card>
     </div>
 </template>
 
-<script setup lang="tsx" name="complexProTable">
-import { reactive, ref } from "vue";
-import { SearchKeyList } from "@/api/interface/searchKey/list";
-import { useHandleData } from "@/hooks/useHandleData";
-import ProTable from "@/components/ProTable/index.vue";
-import { Delete, EditPen, CirclePlus } from "@element-plus/icons-vue";
-import { ProTableInstance, ColumnProps } from "@/components/ProTable/interface";
-import { getList, saveData, deleteItem } from "@/api/modules/searchKey/list";
-import Drawer from "./drawer.vue";
-import { arrPlanSwitch } from "@/utils/serviceDict";
-// ProTable 实例
-const proTable = ref<ProTableInstance>();
-const initParam = reactive({
-    limit: 15,
-    page: 1
-});
-const dataCallback = (data: any) => {
-    return {
-        items: data.items,
-        total: data.total,
-        total_page: data.total_pages,
-        page: initParam.page,
-        limit: initParam.limit
-    };
-};
-
-const getTableList = (params: any) => {
-    let newParams = JSON.parse(JSON.stringify(params));
-    initParam.page = newParams.page;
-    initParam.limit = newParams.limit;
-    return getList(newParams);
-};
-
-// 表格配置项
-const columns = reactive<ColumnProps<SearchKeyList.ResList>[]>([
-    { type: "selection", fixed: "left", width: 50 },
-    {
-        prop: "key",
-        label: "搜索内容",
-        isShow: false,
-        search: {
-            el: "input"
-        }
-    },
-    {
-        prop: "sw_id",
-        label: "ID",
-        width: 100
-    },
-    {
-        prop: "sw_title",
-        label: "名称"
-    },
-    {
-        prop: "sw_status",
-        label: "状态",
-        tag: true,
-        enum: arrPlanSwitch,
-        render(scope) {
-            return <el-tag type={scope.row.sw_status ? "success" : "info"}>{scope.row.sw_status == 1 ? "开启" : "关闭"}</el-tag>;
-        }
-    },
-    {
-        prop: "sw_html_path",
-        label: "地址"
-    },
-    { prop: "operation", label: "操作", fixed: "right", width: 230 }
-]);
-
-// 删除搜索词信息
-const deleteAccount = async (params: SearchKeyList.ResList) => {
-    await useHandleData(deleteItem, { sw_id: String(params.sw_id) }, "删除所选信息");
-    proTable.value?.getTableList();
-};
-
-// 批量删除搜索词信息
-const batchDelete = async (id: any[]) => {
-    const ids = id.map((item: SearchKeyList.ResList) => item.sw_id);
-    await useHandleData(deleteItem, { sw_id: ids.join(",") }, "删除所选信息");
-    proTable.value?.clearSelection();
-    proTable.value?.getTableList();
-};
-// 打开 drawer(新增、编辑)
-const drawerRef = ref<InstanceType<typeof Drawer> | null>(null);
-
-const openDrawer = (isEdit: boolean, row: Partial<SearchKeyList.ResList> = {}) => {
-    const params = {
-        title: isEdit ? "新增SEO关键词" : "编辑SEO关键词",
-        row: { ...row },
-        api: saveData,
-        getTableList: proTable.value?.getTableList
-    };
-    drawerRef.value?.acceptParams(params as any);
-};
-</script>
-
-<style lang="scss">
-.el-table .warning-row,
-.el-table .warning-row .el-table-fixed-column--right,
-.el-table .warning-row .el-table-fixed-column--left {
-    background-color: var(--el-color-warning-light-9);
+<style scoped lang="scss">
+.module-unavailable {
+    display: grid;
+    gap: 16px;
 }
-.el-table .success-row,
-.el-table .success-row .el-table-fixed-column--right,
-.el-table .success-row .el-table-fixed-column--left {
-    background-color: var(--el-color-success-light-9);
+
+.module-unavailable__card {
+    color: var(--el-text-color-regular);
+    line-height: 1.8;
+}
+
+.module-unavailable__card p {
+    margin: 0;
 }
 </style>
diff --git a/src/views/site/batchStrategyDialog.vue b/src/views/site/batchStrategyDialog.vue
new file mode 100644
index 0000000..9528bae
--- /dev/null
+++ b/src/views/site/batchStrategyDialog.vue
@@ -0,0 +1,109 @@
+<template>
+    <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="720" :title="drawerProps.title">
+        <el-form
+            ref="ruleFormRef"
+            label-width="150px"
+            label-suffix=" :"
+            :rules="rules"
+            :disabled="drawerProps.isView"
+            :model="drawerProps.row"
+            :hide-required-asterisk="drawerProps.isView"
+        >
+            <el-form-item label="策略包" prop="strategy_profile" required>
+                <el-select v-model="drawerProps.row.strategy_profile" placeholder="请选择要批量套用的策略包">
+                    <el-option label="标准 standard" value="standard" />
+                    <el-option label="流量 traffic" value="traffic" />
+                    <el-option label="扩张 expand" value="expand" />
+                    <el-option label="封闭 closed" value="closed" />
+                </el-select>
+            </el-form-item>
+            <el-form-item label="选中站点" prop="domains" required>
+                <el-input
+                    v-model="drawerProps.row.domains"
+                    type="textarea"
+                    :rows="12"
+                    maxlength="365000"
+                    placeholder="请选择至少一个站点"
+                    show-word-limit
+                    disabled
+                />
+            </el-form-item>
+        </el-form>
+        <template #footer>
+            <el-button @click="drawerVisible = false">取消</el-button>
+            <el-button v-show="!drawerProps.isView" type="primary" @click="handleSubmit">确定</el-button>
+        </template>
+    </el-drawer>
+</template>
+
+<script setup lang="ts" name="SiteBatchStrategyDrawer">
+import { reactive, ref } from "vue";
+import { ElMessage, FormInstance } from "element-plus";
+
+type BatchStrategyRow = {
+    strategy_profile: "standard" | "traffic" | "expand" | "closed";
+    d_ids: number[];
+    domains: string;
+};
+
+const rules = reactive({
+    strategy_profile: [{ required: true, message: "请选择策略包" }],
+    domains: [{ required: true, message: "请先选择至少一个站点" }]
+});
+
+interface DrawerProps {
+    title: string;
+    isView: boolean;
+    row: BatchStrategyRow;
+    api?: (params: any) => Promise<any>;
+    getTableList?: () => void;
+    successMessage?: string;
+}
+
+const drawerVisible = ref(false);
+const drawerProps = ref<DrawerProps>({
+    isView: false,
+    title: "",
+    row: {
+        strategy_profile: "standard",
+        d_ids: [],
+        domains: ""
+    }
+});
+
+const acceptParams = (params: DrawerProps) => {
+    drawerProps.value = {
+        ...params,
+        row: {
+            strategy_profile: params.row.strategy_profile ?? "standard",
+            d_ids: [...(params.row.d_ids ?? [])],
+            domains: params.row.domains ?? ""
+        }
+    };
+    drawerVisible.value = true;
+};
+
+const ruleFormRef = ref<FormInstance>();
+const handleSubmit = () => {
+    ruleFormRef.value!.validate(async valid => {
+        if (!valid) return;
+        try {
+            await drawerProps.value.api!({
+                d_ids: drawerProps.value.row.d_ids,
+                strategy_profile: drawerProps.value.row.strategy_profile
+            });
+            ElMessage.success({
+                message: drawerProps.value.successMessage || `${drawerProps.value.title}完成，已刷新站点列表`
+            });
+            drawerProps.value.getTableList?.();
+            drawerVisible.value = false;
+        } catch (_error) {
+            return;
+        }
+    });
+};
+
+defineExpose({
+    acceptParams
+});
+</script>
diff --git a/src/views/site/bootstrapAdminCenter.vue b/src/views/site/bootstrapAdminCenter.vue
new file mode 100644
index 0000000..643bddc
--- /dev/null
+++ b/src/views/site/bootstrapAdminCenter.vue
@@ -0,0 +1,4038 @@
+<template>
+    <el-dialog
+        v-model="visible"
+        fullscreen
+        append-to-body
+        destroy-on-close
+        class="bootstrap-admin-center"
+    >
+        <template #header>
+            <div class="bootstrap-admin-center__header">
+                <div>
+                    <div class="bootstrap-admin-center__title">Bootstrap 后台总控台</div>
+                    <div class="bootstrap-admin-center__subtitle">
+                        把新域名启动包的 `Ops / Env / Portal` 入口收进同一块后台工作区，值班时不再来回跳页面。
+                    </div>
+                </div>
+                <div class="bootstrap-admin-center__actions">
+                    <el-button :loading="loading" @click="loadSummary">刷新总控台</el-button>
+                    <el-button type="primary" plain @click="domainSupplyDialogRef?.openDialog()">一体化供给</el-button>
+                    <el-button type="primary" plain @click="openPortal('/_seo_copy_release/index.html')">门户首页</el-button>
+                    <el-button type="warning" plain @click="openPortal('/_seo_copy_release/bootstrap/oncall/index.html')">值班入口</el-button>
+                    <el-button type="success" plain @click="openPortal('/_seo_copy_release/runtime-acceptance/index.html')">运行时验收</el-button>
+                    <el-button type="info" plain @click="openPortal('/_seo_copy_release/tasks/index.html')">任务健康页</el-button>
+                </div>
+            </div>
+        </template>
+
+        <div class="bootstrap-admin-center__body">
+            <el-alert
+                :type="opsExists() ? 'success' : 'warning'"
+                :closable="false"
+                show-icon
+                :title="opsExists() ? 'Bootstrap 主线 portal 已接入后台总控台' : 'Bootstrap 主线 portal 当前缺失或未生成'"
+                :description="portalDescription()"
+            />
+
+            <el-alert
+                class="bootstrap-admin-center__alert"
+                :type="envRisk() ? 'warning' : 'success'"
+                :closable="false"
+                show-icon
+                :title="envRisk() ? 'Bootstrap 环境模板存在 allowlist 风险或偏移' : 'Bootstrap 环境模板已进入安全匹配态'"
+                :description="envDescription()"
+            />
+
+            <el-card shadow="never" class="bootstrap-admin-center__context-card">
+                <div class="bootstrap-admin-center__context-top">
+                    <div>
+                        <div class="bootstrap-admin-center__context-title">{{ currentContext().heading }}</div>
+                        <div class="bootstrap-admin-center__context-subtitle">
+                            {{ currentContext().title }}
+                        </div>
+                    </div>
+                    <div class="bootstrap-admin-center__context-actions">
+                        <el-button
+                            v-for="action in currentContext().actions"
+                            :key="action.key"
+                            :type="action.type"
+                            plain
+                            @click="actionHandlers[action.key as keyof typeof actionHandlers]?.()"
+                        >
+                            {{ action.label }}
+                        </el-button>
+                    </div>
+                </div>
+                <div class="bootstrap-admin-center__context-tags">
+                    <el-tag
+                        v-for="tag in currentContext().tags"
+                        :key="tag.key"
+                        size="small"
+                        :type="tag.type"
+                        effect="plain"
+                    >
+                        {{ tag.label }}
+                    </el-tag>
+                </div>
+                <div class="bootstrap-admin-center__context-summary">
+                    {{ currentContext().summary }}
+                </div>
+            </el-card>
+
+            <div class="bootstrap-admin-center__metric-grid">
+                <button
+                    v-for="card in workbenchCards()"
+                    :key="card.key"
+                    type="button"
+                    class="bootstrap-admin-center__metric-card"
+                    :class="`bootstrap-admin-center__metric-card--${card.state}`"
+                    @click="metricCardHandlers[(card.target === 'ops' ? card.key : card.target) as keyof typeof metricCardHandlers]?.(card)"
+                >
+                    <div class="bootstrap-admin-center__metric-label">{{ card.label }}</div>
+                    <div class="bootstrap-admin-center__metric-value">{{ card.value }}</div>
+                    <div class="bootstrap-admin-center__metric-meta">{{ card.meta }}</div>
+                </button>
+            </div>
+
+            <div class="bootstrap-admin-center__snapshot-grid">
+                <el-card shadow="never" class="bootstrap-admin-center__snapshot-card">
+                    <template #header>
+                        <div class="bootstrap-admin-center__snapshot-header">
+                            <span>最新 Host</span>
+                            <el-tag size="small" effect="plain">{{ latestBundle()?.handoff_stage_label || "-" }}</el-tag>
+                        </div>
+                    </template>
+                    <div class="bootstrap-admin-center__snapshot-title">{{ latestBundle()?.host || "-" }}</div>
+                    <div class="bootstrap-admin-center__snapshot-desc">{{ latestBundle()?.handoff_summary || "暂无 bundle 摘要" }}</div>
+                    <div class="bootstrap-admin-center__snapshot-meta">
+                        <span>下一步：{{ latestBundle()?.handoff_next_step || "-" }}</span>
+                        <span>Import：{{ latestBundle()?.pipeline_import_mode || "off" }}</span>
+                    </div>
+                    <div class="bootstrap-admin-center__snapshot-actions">
+                        <el-button link type="primary" @click="actionHandlers['latest-host']?.()">进入 Host 主线</el-button>
+                    </div>
+                </el-card>
+
+                <el-card shadow="never" class="bootstrap-admin-center__snapshot-card">
+                    <template #header>
+                        <div class="bootstrap-admin-center__snapshot-header">
+                            <span>值班待办</span>
+                            <el-tag size="small" type="warning">{{ latestOncall()?.priority_label || "-" }}</el-tag>
+                        </div>
+                    </template>
+                    <div class="bootstrap-admin-center__snapshot-title">{{ latestOncall()?.host || "-" }}</div>
+                    <div class="bootstrap-admin-center__snapshot-desc">{{ latestOncall()?.summary || "暂无 oncall 摘要" }}</div>
+                    <div class="bootstrap-admin-center__snapshot-meta">
+                        <span>待办：{{ latestOncall()?.todo_title || "-" }}</span>
+                        <span>Owner：{{ latestOncall()?.owner_label || "-" }}</span>
+                    </div>
+                    <div class="bootstrap-admin-center__snapshot-actions">
+                        <el-button link type="warning" @click="actionHandlers['latest-oncall']?.()">进入值班待办</el-button>
+                    </div>
+                </el-card>
+
+                <el-card shadow="never" class="bootstrap-admin-center__snapshot-card">
+                    <template #header>
+                        <div class="bootstrap-admin-center__snapshot-header">
+                            <span>环境模板</span>
+                            <el-tag size="small" :type="envExactMatch() ? 'success' : 'warning'">
+                                {{ envExactMatch() ? "精确匹配" : "存在偏移" }}
+                            </el-tag>
+                        </div>
+                    </template>
+                    <div class="bootstrap-admin-center__snapshot-title">{{ envProfile().closest_template_name || "-" }}</div>
+                    <div class="bootstrap-admin-center__snapshot-desc">
+                        {{ latestEnvAction()?.status ? `最近动作：${latestEnvAction()?.status}` : "当前还没有最近动作记录" }}
+                    </div>
+                    <div class="bootstrap-admin-center__snapshot-meta">
+                        <span>偏移：{{ envProfile().drift_count || 0 }}</span>
+                        <span>最近时间：{{ latestEnvAction()?.action_at || "-" }}</span>
+                    </div>
+                    <div class="bootstrap-admin-center__snapshot-actions">
+                        <el-button link type="info" @click="actionHandlers['env-latest']?.()">查看环境动作</el-button>
+                    </div>
+                </el-card>
+
+                <el-card shadow="never" class="bootstrap-admin-center__snapshot-card">
+                    <template #header>
+                        <div class="bootstrap-admin-center__snapshot-header">
+                            <span>供给 / 繁殖主链</span>
+                            <el-tag
+                                size="small"
+                                :type="effectiveBreedingMainlineCard().tagType"
+                            >
+                                {{ effectiveBreedingMainlineCard().label || "-" }}
+                            </el-tag>
+                        </div>
+                    </template>
+                    <div class="bootstrap-admin-center__snapshot-title">{{ effectiveBreedingMainlineCard().title }}</div>
+                    <div class="bootstrap-admin-center__snapshot-desc">
+                        {{ effectiveBreedingMainlineCard().summary || "当前还没有形成明确的供给 / 繁殖主链控制对象。" }}
+                    </div>
+                    <div class="bootstrap-admin-center__snapshot-meta">
+                        <span v-for="item in effectiveBreedingMainlineCard().stageMeta" :key="item">{{ item }}</span>
+                    </div>
+                    <div class="bootstrap-admin-center__snapshot-actions">
+                        <el-button
+                            v-for="item in effectiveBreedingMainlineCard().actions"
+                            :key="`overview-action-${item.key}`"
+                            link
+                            :type="item.type"
+                            @click="item.mode === 'host' ? openSupplyHostInOps(item.host || '') : actionHandlers[(item.action || '') as keyof typeof actionHandlers]?.()"
+                        >
+                            {{ item.label }}
+                        </el-button>
+                    </div>
+                </el-card>
+
+                <el-card shadow="never" class="bootstrap-admin-center__snapshot-card">
+                    <template #header>
+                        <div class="bootstrap-admin-center__snapshot-header">
+                            <span>已完成 Host</span>
+                            <el-tag size="small" type="success">{{ opsSummary().bootstrap_completed_portal?.latest_entry?.handoff_stage_label || "-" }}</el-tag>
+                        </div>
+                    </template>
+                    <div class="bootstrap-admin-center__snapshot-title">{{ opsSummary().bootstrap_completed_portal?.latest_entry?.host || "-" }}</div>
+                    <div class="bootstrap-admin-center__snapshot-desc">
+                        {{ opsSummary().bootstrap_completed_portal?.latest_entry?.summary || "暂无已完成启动包摘要" }}
+                    </div>
+                    <div class="bootstrap-admin-center__snapshot-meta">
+                        <span>发布：{{ opsSummary().bootstrap_completed_portal?.latest_entry?.publish_result_status || "-" }}</span>
+                        <span>更新：{{ opsSummary().bootstrap_completed_portal?.latest_entry?.updated_at || "-" }}</span>
+                    </div>
+                    <div class="bootstrap-admin-center__snapshot-actions">
+                        <el-button link type="success" @click="actionHandlers['latest-completed']?.()">进入已完成主线</el-button>
+                    </div>
+                </el-card>
+
+                <el-card shadow="never" class="bootstrap-admin-center__snapshot-card">
+                    <template #header>
+                        <div class="bootstrap-admin-center__snapshot-header">
+                            <span>最新运行时验收</span>
+                            <el-tag size="small" :type="latestRuntimeRun()?.status === 'passed' ? 'success' : 'danger'">
+                                {{ latestRuntimeRun()?.status || "-" }}
+                            </el-tag>
+                        </div>
+                    </template>
+                    <div class="bootstrap-admin-center__snapshot-title">{{ latestRuntimeRun()?.host || "-" }}</div>
+                    <div class="bootstrap-admin-center__snapshot-desc">
+                        {{ latestRuntimeRun()?.summary || "暂无运行时验收摘要" }}
+                    </div>
+                    <div class="bootstrap-admin-center__snapshot-meta">
+                        <span>套件：{{ latestRuntimeRun()?.suite_count || 0 }}</span>
+                        <span>失败：{{ latestRuntimeRun()?.failed_suites || 0 }}</span>
+                    </div>
+                    <div class="bootstrap-admin-center__snapshot-actions">
+                        <el-button link type="warning" @click="openRuntimeHostInOps(latestRuntimeRun()?.host || '')">进入 Ops 主线</el-button>
+                        <el-button link type="success" @click="actionHandlers['latest-runtime-run']?.()">查看运行时验收</el-button>
+                    </div>
+                </el-card>
+
+                <el-card shadow="never" class="bootstrap-admin-center__snapshot-card">
+                    <template #header>
+                        <div class="bootstrap-admin-center__snapshot-header">
+                            <span>失败 Host</span>
+                            <el-tag size="small" type="danger">
+                                {{ latestRuntimeFailedHost()?.top_failure_category || "-" }}
+                            </el-tag>
+                        </div>
+                    </template>
+                    <div class="bootstrap-admin-center__snapshot-title">{{ latestRuntimeFailedHost()?.host || "-" }}</div>
+                    <div class="bootstrap-admin-center__snapshot-desc">
+                        {{ latestRuntimeFailedHost()?.likely_issue || "当前没有失败 host" }}
+                    </div>
+                    <div class="bootstrap-admin-center__snapshot-meta">
+                        <span>样本：{{ latestRuntimeFailedHost()?.configured_samples_count || 0 }}</span>
+                        <span>失败套件：{{ latestRuntimeFailedHost()?.failed_suites || 0 }}</span>
+                    </div>
+                    <div class="bootstrap-admin-center__snapshot-actions">
+                        <el-button link type="warning" @click="openRuntimeHostInOps(latestRuntimeFailedHost())">进入 Ops 主线</el-button>
+                        <el-button link type="danger" @click="actionHandlers['latest-runtime-failed-host']?.()">接手失败 Host</el-button>
+                    </div>
+                </el-card>
+            </div>
+
+            <el-tabs v-model="activeTab" class="bootstrap-admin-center__tabs">
+                <el-tab-pane label="总控概览" name="overview">
+                    <div class="bootstrap-admin-center__quick-grid">
+                        <button
+                            v-for="action in quickActions()"
+                            :key="action.key"
+                            type="button"
+                            class="bootstrap-admin-center__quick-card"
+                            @click="actionHandlers[action.key as keyof typeof actionHandlers]?.()"
+                        >
+                            <div class="bootstrap-admin-center__quick-title">{{ action.label }}</div>
+                            <div class="bootstrap-admin-center__quick-meta">{{ action.meta }}</div>
+                        </button>
+                            <button type="button" class="bootstrap-admin-center__quick-card" @click="domainSupplyDialogRef?.openDialog()">
+                            <div class="bootstrap-admin-center__quick-title">一体化供给</div>
+                            <div class="bootstrap-admin-center__quick-meta">下载统一模板并生成站点导入文件 + 启动包批量文件</div>
+                        </button>
+                    </div>
+                </el-tab-pane>
+
+                <el-tab-pane label="Bootstrap Ops" name="ops">
+                    <BootstrapOpsOverview
+                        ref="bootstrapOpsOverviewRef"
+                        v-if="visible && activeTab === 'ops'"
+                        @focus-change="payload => currentOpsFocus = payload"
+                    />
+                </el-tab-pane>
+
+                <el-tab-pane label="运行时验收" name="runtime">
+                    <div class="bootstrap-admin-center__runtime-pane">
+                    <div class="bootstrap-admin-center__runtime-grid">
+                            <el-card shadow="never" class="bootstrap-admin-center__runtime-card">
+                                <template #header>
+                                    <div class="bootstrap-admin-center__snapshot-header">
+                                        <span>运行时验收总览</span>
+                                        <el-tag size="small" :type="runtimeReady() ? 'success' : 'warning'">
+                                            {{ runtimeReady() ? "ready" : "missing" }}
+                                        </el-tag>
+                                    </div>
+                                </template>
+                                <div class="bootstrap-admin-center__runtime-stats">
+                                    <div><strong>Runs</strong><span>{{ runtimePortal().runs_count || 0 }}</span></div>
+                                    <div><strong>Hosts</strong><span>{{ runtimePortal().hosts_count || 0 }}</span></div>
+                                    <div><strong>Failed Hosts</strong><span>{{ runtimePortal().failed_hosts_count || 0 }}</span></div>
+                                </div>
+                                <div class="bootstrap-admin-center__runtime-actions">
+                                    <el-button type="success" plain @click="openPortal('/_seo_copy_release/runtime-acceptance/index.html')">打开运行时验收页</el-button>
+                                    <el-button
+                                        v-if="runtimePortal().rerun_failed_hosts_command"
+                                        plain
+                                        @click="async () => {
+                                            if (!runtimePortal().rerun_failed_hosts_command) {
+                                                ElMessage.warning('当前没有可复制内容');
+                                                return;
+                                            }
+                                            try {
+                                                await clipboard.writeText(runtimePortal().rerun_failed_hosts_command || '');
+                                                ElMessage.success('失败 Host 队列重跑命令已复制');
+                                            } catch (_error) {
+                                                ElMessage.error('复制失败，请手动复制');
+                                            }
+                                        }"
+                                    >
+                                        复制失败队列命令
+                                    </el-button>
+                                </div>
+                            </el-card>
+
+                            <el-card shadow="never" class="bootstrap-admin-center__runtime-card">
+                                <template #header>
+                                    <div class="bootstrap-admin-center__snapshot-header">
+                                        <span>最近任务</span>
+                                        <el-tag size="small" :type="latestRuntimeTask()?.status === 'success' ? 'success' : 'warning'">
+                                            {{ latestRuntimeTask()?.status || "-" }}
+                                        </el-tag>
+                                    </div>
+                                </template>
+                                <div class="bootstrap-admin-center__snapshot-title">{{ latestRuntimeTask()?.task_slug || "-" }}</div>
+                                <div class="bootstrap-admin-center__snapshot-desc">{{ latestRuntimeTask()?.summary || "暂无运行时任务摘要" }}</div>
+                                <div class="bootstrap-admin-center__runtime-actions">
+                                    <el-button type="info" plain @click="openPortal('/_seo_copy_release/tasks/index.html')">打开任务健康页</el-button>
+                                </div>
+                            </el-card>
+
+                        </div>
+
+                        <el-card shadow="never" class="bootstrap-admin-center__runtime-card">
+                            <template #header>
+                                <div class="bootstrap-admin-center__snapshot-header">
+                                    <span>失败 Host 队列</span>
+                                    <el-tag size="small" type="danger">{{ runtimeFailedHosts().length }}</el-tag>
+                                </div>
+                            </template>
+                            <div v-if="!runtimeFailedHosts().length" class="bootstrap-admin-center__runtime-empty">
+                                当前没有失败 host，运行时验收队列处于干净态。
+                            </div>
+                            <div v-else class="bootstrap-admin-center__runtime-host-list">
+                                <button
+                                    v-for="host in runtimeFailedHosts()"
+                                    :key="host.host"
+                                    type="button"
+                                    class="bootstrap-admin-center__runtime-host"
+                                    @click="selectRuntimeHost(host)"
+                                >
+                                    <div class="bootstrap-admin-center__runtime-host-top">
+                                        <div class="bootstrap-admin-center__runtime-host-title">{{ host.host || "-" }}</div>
+                                        <el-tag size="small" type="danger">{{ host.top_failure_category || "unknown" }}</el-tag>
+                                    </div>
+                                    <div class="bootstrap-admin-center__runtime-host-summary">
+                                        {{ host.likely_issue || "暂无失败摘要" }}
+                                    </div>
+                                    <div class="bootstrap-admin-center__runtime-host-meta">
+                                        <span>样本 {{ host.configured_samples_count || 0 }}</span>
+                                        <span>失败套件 {{ host.failed_suites || 0 }}</span>
+                                        <span>{{ host.top_failed_suites?.join(" / ") || "-" }}</span>
+                                    </div>
+                                    <div class="bootstrap-admin-center__runtime-host-actions">
+                                        <el-button link type="danger" @click.stop="selectRuntimeHost(host)">设为检查器</el-button>
+                                        <el-button link type="warning" @click.stop="openRuntimeHostInOps(host)">进入 Ops</el-button>
+                                        <el-button
+                                            link
+                                            type="warning"
+                                            @click.stop="host.detail_slug ? openPortal(`/_seo_copy_release/runtime-acceptance/hosts/${host.detail_slug}.html`) : ElMessage.warning('当前失败 Host 详情页还未生成')"
+                                        >
+                                            查看详情
+                                        </el-button>
+                                        <el-button
+                                            v-if="host.remediation_action"
+                                            link
+                                            type="primary"
+                                            @click.stop="async () => {
+                                                if (!host.remediation_action) {
+                                                    ElMessage.warning('当前没有可复制内容');
+                                                    return;
+                                                }
+                                                try {
+                                                    await clipboard.writeText(host.remediation_action);
+                                                    ElMessage.success('Host 分类接手命令已复制');
+                                                } catch (_error) {
+                                                    ElMessage.error('复制失败，请手动复制');
+                                                }
+                                            }"
+                                        >
+                                            复制接手命令
+                                        </el-button>
+                                    </div>
+                                </button>
+                            </div>
+                        </el-card>
+
+                        <div class="bootstrap-admin-center__runtime-grid">
+                            <el-card shadow="never" class="bootstrap-admin-center__runtime-card">
+                                <template #header>
+                                    <div class="bootstrap-admin-center__snapshot-header">
+                                        <span>Host Coverage</span>
+                                        <el-tag size="small" effect="plain">{{ runtimeHostTotals().length }}</el-tag>
+                                    </div>
+                                </template>
+                                <div v-if="!runtimeHostTotals().length" class="bootstrap-admin-center__runtime-empty">
+                                    当前没有 host coverage 统计。
+                                </div>
+                                <div v-else class="bootstrap-admin-center__runtime-host-list">
+                                    <button
+                                    v-for="host in runtimeHostTotals()"
+                                        :key="host.host"
+                                        type="button"
+                                        class="bootstrap-admin-center__runtime-host"
+                                    @click="selectRuntimeHost(host.host || '')"
+                                    >
+                                        <div class="bootstrap-admin-center__runtime-host-top">
+                                            <div class="bootstrap-admin-center__runtime-host-title">{{ host.host || "-" }}</div>
+                                            <el-tag size="small" :type="(host.failed || 0) > 0 ? 'danger' : 'success'">
+                                                {{ (host.failed || 0) > 0 ? "failed" : "passed" }}
+                                            </el-tag>
+                                        </div>
+                                        <div class="bootstrap-admin-center__runtime-host-meta">
+                                            <span>Runs {{ host.runs || 0 }}</span>
+                                            <span>Passed {{ host.passed || 0 }}</span>
+                                            <span>Failed {{ host.failed || 0 }}</span>
+                                        </div>
+                                        <div class="bootstrap-admin-center__runtime-host-actions">
+                                            <el-button link type="warning" @click.stop="openRuntimeHostInOps(host.host || '')">进入 Ops</el-button>
+                                            <el-button link type="danger" @click.stop="selectRuntimeHost(host.host || '')">设为检查器</el-button>
+                                        </div>
+                                    </button>
+                                </div>
+                            </el-card>
+
+
+                            <el-card shadow="never" class="bootstrap-admin-center__runtime-card">
+                                <template #header>
+                                    <div class="bootstrap-admin-center__snapshot-header">
+                                        <span>运行时检查器</span>
+                                        <el-tag size="small" :type="runtimeInspectorTagType()">
+                                            {{ runtimeInspectorTag() }}
+                                        </el-tag>
+                                    </div>
+                                </template>
+                                <div class="bootstrap-admin-center__snapshot-title">{{ runtimeInspectorTitle() }}</div>
+                                <div class="bootstrap-admin-center__snapshot-desc">
+                                    {{ runtimeInspectorSummary() }}
+                                </div>
+                                <div class="bootstrap-admin-center__runtime-inspector-meta">
+                                    <span v-for="item in runtimeInspectorMeta()" :key="item">{{ item }}</span>
+                                </div>
+                                <div class="bootstrap-admin-center__runtime-actions">
+                                    <el-button
+                                        v-if="runtimeInspectorOpsHost()"
+                                        type="warning"
+                                        plain
+                                        @click="openRuntimeHostInOps()"
+                                    >
+                                        进入 Ops Host 主线
+                                    </el-button>
+                                    <el-button
+                                        v-if="effectiveRuntimeInspectorHost()?.detail_slug"
+                                        type="warning"
+                                        plain
+                                        @click="openPortal(`/_seo_copy_release/runtime-acceptance/hosts/${effectiveRuntimeInspectorHost()?.detail_slug}.html`)"
+                                    >
+                                        打开 Host 详情
+                                    </el-button>
+                                    <el-button
+                                        v-if="effectiveRuntimeInspectorRun()?.detail_slug"
+                                        type="success"
+                                        plain
+                                        @click="openPortal(`/_seo_copy_release/runtime-acceptance/details/${effectiveRuntimeInspectorRun()?.detail_slug}.html`)"
+                                    >
+                                        打开 Run 详情
+                                    </el-button>
+                                    <el-button
+                                        v-if="runtimeInspectorCommand()"
+                                        plain
+                                        @click="async () => {
+                                            if (!runtimeInspectorCommand()) {
+                                                ElMessage.warning('当前没有可复制内容');
+                                                return;
+                                            }
+                                            try {
+                                                await clipboard.writeText(runtimeInspectorCommand());
+                                                ElMessage.success('运行时接手命令已复制');
+                                            } catch (_error) {
+                                                ElMessage.error('复制失败，请手动复制');
+                                            }
+                                        }"
+                                    >
+                                        复制接手命令
+                                    </el-button>
+                                    <el-button
+                                        plain
+                                        @click="runtimeInspectorHost = null; runtimeInspectorRun = null"
+                                    >
+                                        重置检查器
+                                    </el-button>
+                                </div>
+                            </el-card>
+                        </div>
+                    </div>
+                </el-tab-pane>
+
+                <el-tab-pane label="一体化供给" name="supply">
+                    <div class="bootstrap-admin-center__runtime-pane">
+                        <div class="bootstrap-admin-center__runtime-grid">
+                            <el-card shadow="never" class="bootstrap-admin-center__runtime-card">
+                                <template #header>
+                                    <div class="bootstrap-admin-center__snapshot-header">
+                                        <span>一体化供给总览</span>
+                                        <el-tag size="small" :type="supplyReady() ? 'success' : 'warning'">
+                                            {{ supplyReady() ? "ready" : "missing" }}
+                                        </el-tag>
+                                    </div>
+                                </template>
+                                <div class="bootstrap-admin-center__runtime-stats">
+                                    <div><strong>Runs</strong><span>{{ domainSupplySummary().runs_count || 0 }}</span></div>
+                                    <div><strong>Hosts</strong><span>{{ supplyHostTotals().length }}</span></div>
+                                    <div><strong>Failed Hosts</strong><span>{{ supplyFailedHosts().length }}</span></div>
+                                </div>
+                                <div class="bootstrap-admin-center__runtime-actions">
+                                    <el-button type="primary" plain @click="domainSupplyDialogRef?.openDialog()">打开供给工作台</el-button>
+                                    <el-button
+                                        v-if="effectiveSupplyInspectorHost()?.host"
+                                        type="warning"
+                                        plain
+                                        @click="openSupplyHostInOps(effectiveSupplyInspectorHost())"
+                                    >
+                                        进入 Ops Host 主线
+                                    </el-button>
+                                </div>
+                            </el-card>
+                            <el-card shadow="never" class="bootstrap-admin-center__runtime-card">
+                                <template #header>
+                                    <div class="bootstrap-admin-center__snapshot-header">
+                                        <span>供给调度任务</span>
+                                        <el-tag
+                                            size="small"
+                                            :type="latestSupplyTask()?.status === 'success' ? 'success' : latestSupplyTask()?.status === 'error' ? 'danger' : 'warning'"
+                                        >
+                                            {{ latestSupplyTask()?.status || "-" }}
+                                        </el-tag>
+                                    </div>
+                                </template>
+                                <div class="bootstrap-admin-center__snapshot-title">{{ latestSupplyTask()?.task_slug || "-" }}</div>
+                                <div class="bootstrap-admin-center__snapshot-desc">{{ latestSupplyTask()?.summary || "暂无供给调度任务摘要" }}</div>
+                                <div class="bootstrap-admin-center__runtime-actions">
+                                    <el-button type="primary" plain @click="actionHandlers['latest-supply-run']?.()">查看供给运行</el-button>
+                                    <el-button type="info" plain @click="actionHandlers['latest-supply-task']?.()">打开任务健康页</el-button>
+                                </div>
+                            </el-card>
+
+                            <el-card shadow="never" class="bootstrap-admin-center__runtime-card">
+                                <template #header>
+                                    <div class="bootstrap-admin-center__snapshot-header">
+                                        <div class="bootstrap-admin-center__snapshot-header">
+                                            <span>供给编排任务</span>
+                                            <el-tag
+                                                size="small"
+                                                :type="latestSupplyOrchestrationTask()?.status === 'success' ? 'success' : latestSupplyOrchestrationTask()?.status === 'error' || latestSupplyOrchestrationTask()?.status === 'needs_attention' ? 'danger' : 'warning'"
+                                            >
+                                                {{ latestSupplyOrchestrationTask()?.status || "-" }}
+                                            </el-tag>
+                                        </div>
+                                    </div>
+                                </template>
+                                <div class="bootstrap-admin-center__snapshot-title">{{ latestSupplyOrchestrationTask()?.task_slug || "-" }}</div>
+                                <div class="bootstrap-admin-center__snapshot-desc">
+                                    {{ latestSupplyOrchestrationTask()?.summary || "暂无供给编排任务摘要" }}
+                                </div>
+                                <div class="bootstrap-admin-center__runtime-actions">
+                                    <el-button type="success" plain @click="actionHandlers['latest-supply-orchestration-task']?.()">
+                                        打开编排任务
+                                    </el-button>
+                                    <el-button type="primary" plain @click="actionHandlers['latest-supply-run']?.()">查看供给运行</el-button>
+                                </div>
+                            </el-card>
+
+
+                            <el-card shadow="never" class="bootstrap-admin-center__runtime-card">
+                                <template #header>
+                                    <div class="bootstrap-admin-center__snapshot-header">
+                                        <span>供给 / 繁殖主链控制对象</span>
+                                        <el-tag
+                                            size="small"
+                                            :type="effectiveBreedingMainlineCard().tagType"
+                                        >
+                                            {{ effectiveBreedingMainlineCard().label || "待判断" }}
+                                        </el-tag>
+                                    </div>
+                                </template>
+                                <div class="bootstrap-admin-center__snapshot-title">
+                                    {{ effectiveBreedingMainlineCard().title }}
+                                </div>
+                                <div class="bootstrap-admin-center__snapshot-desc">
+                                    {{ effectiveBreedingMainlineCard().summary || "系统暂时还没有判断出当前更高层主链该怎么沿链路推进。" }}
+                                </div>
+                                <div class="bootstrap-admin-center__runtime-inspector-meta">
+                                    <span v-for="item in effectiveBreedingMainlineCard().stageMeta" :key="`stage-${item}`">{{ item }}</span>
+                                </div>
+                                <div class="bootstrap-admin-center__runtime-inspector-meta">
+                                    <span v-for="item in effectiveBreedingMainlineCard().statusMeta" :key="`status-${item}`">{{ item }}</span>
+                                </div>
+                                <div class="bootstrap-admin-center__runtime-actions">
+                                    <el-button
+                                        v-for="item in effectiveBreedingMainlineCard().actions"
+                                        :key="`supply-action-${item.key}`"
+                                        :type="item.type"
+                                        plain
+                                        @click="item.mode === 'host' ? openSupplyHostInOps(item.host || '') : actionHandlers[(item.action || '') as keyof typeof actionHandlers]?.()"
+                                    >
+                                        {{ item.label }}
+                                    </el-button>
+                                </div>
+                            </el-card>
+
+                            <el-card shadow="never" class="bootstrap-admin-center__runtime-card">
+                                <template #header>
+                                    <div class="bootstrap-admin-center__snapshot-header">
+                                        <span>供给主线工作台</span>
+                                        <el-tag
+                                            size="small"
+                                            :type="supplyMainlineWorkbench()?.tag_type === 'danger' ? 'danger' : supplyMainlineWorkbench()?.tag_type === 'success' ? 'success' : supplyMainlineWorkbench()?.tag_type === 'info' ? 'info' : 'warning'"
+                                        >
+                                            {{ supplyMainlineWorkbench()?.label || "待判断" }}
+                                        </el-tag>
+                                    </div>
+                                </template>
+                                <div class="bootstrap-admin-center__snapshot-title">
+                                    {{ supplyMainlineWorkbench()?.title || "当前供给主线工作台" }}
+                                </div>
+                                <div class="bootstrap-admin-center__snapshot-desc">
+                                    {{ supplyMainlineWorkbench()?.summary || "系统暂时还没有判断出当前供给主线整体该先看 task、run，还是已经进入业务接手。" }}
+                                </div>
+                                <div class="bootstrap-admin-center__runtime-inspector-meta">
+                                    <span>焦点 {{ supplyMainlineWorkbench()?.focus_label || "-" }}</span>
+                                    <span>来源 {{ supplyMainlineWorkbench()?.source_label || "-" }}</span>
+                                    <span>阶段 {{ supplyMainlineWorkbench()?.phase_label || "-" }}</span>
+                                    <span>主线 {{ supplyMainlineWorkbench()?.mainline_label || "-" }}</span>
+                                    <span>调度 {{ supplyMainlineWorkbench()?.dispatch_label || "-" }}</span>
+                                    <span>Run {{ supplyMainlineWorkbench()?.latest_run_id || "-" }}</span>
+                                    <span>Lead {{ supplyMainlineWorkbench()?.lead_host || "-" }}</span>
+                                </div>
+                                <div class="bootstrap-admin-center__runtime-inspector-meta">
+                                    <span>Review {{ supplyMainlineWorkbench()?.review_required ? "必须" : (supplyMainlineWorkbench()?.can_skip_review ? "可跳过" : "待判断") }}</span>
+                                    <span>Blockers {{ supplyMainlineWorkbench()?.blockers_count || 0 }}</span>
+                                    <span>队列 {{ supplyMainlineWorkbench()?.queue_count || 0 }}</span>
+                                    <span>Hosts {{ supplyMainlineWorkbench()?.hosts_count || 0 }}</span>
+                                    <span>当前动作 {{ supplyMainlineWorkbench()?.current_action_label || "-" }}</span>
+                                    <span>下一动作 {{ supplyMainlineWorkbench()?.next_action_label || "-" }}</span>
+                                </div>
+                                <div class="bootstrap-admin-center__runtime-actions">
+                                    <el-button
+                                        v-if="supplyMainlineWorkbench()?.primary_action"
+                                        :type="supplyMainlineWorkbench()?.tag_type === 'danger' ? 'danger' : supplyMainlineWorkbench()?.tag_type === 'success' ? 'success' : 'warning'"
+                                        plain
+                                        @click="actionHandlers[supplyMainlineWorkbench().primary_action as keyof typeof actionHandlers]?.()"
+                                    >
+                                        {{ supplyMainlineWorkbench()?.primary_action_label || "执行当前主线动作" }}
+                                    </el-button>
+                                    <el-button
+                                        v-if="supplyMainlineWorkbench()?.secondary_action"
+                                        plain
+                                        @click="actionHandlers[supplyMainlineWorkbench().secondary_action as keyof typeof actionHandlers]?.()"
+                                    >
+                                        {{ supplyMainlineWorkbench()?.secondary_action_label || "执行下一主线动作" }}
+                                    </el-button>
+                                    <el-button
+                                        v-if="supplyMainlineWorkbench()?.tertiary_action"
+                                        plain
+                                        @click="actionHandlers[supplyMainlineWorkbench().tertiary_action as keyof typeof actionHandlers]?.()"
+                                    >
+                                        {{ supplyMainlineWorkbench()?.tertiary_action_label || "执行后续动作" }}
+                                    </el-button>
+                                    <el-button
+                                        v-if="supplyMainlineWorkbench()?.lead_host"
+                                        type="warning"
+                                        plain
+                                        @click="openSupplyHostInOps(supplyMainlineWorkbench().lead_host)"
+                                    >
+                                        进入 {{ supplyMainlineWorkbench()?.lead_host }}
+                                    </el-button>
+                                </div>
+                            </el-card>
+
+                            <el-card shadow="never" class="bootstrap-admin-center__runtime-card">
+                                <template #header>
+                                    <div class="bootstrap-admin-center__snapshot-header">
+                                        <span>供给主编排建议</span>
+                                        <el-tag size="small" :type="supplyBatchPlan().tagType">
+                                            {{ supplyBatchPlan().label }}
+                                        </el-tag>
+                                    </div>
+                                </template>
+                                <div class="bootstrap-admin-center__snapshot-title">{{ supplyBatchPlan().title }}</div>
+                                <div class="bootstrap-admin-center__snapshot-desc">{{ supplyBatchPlan().summary }}</div>
+                                <div class="bootstrap-admin-center__runtime-inspector-meta">
+                                    <span v-for="item in supplyBatchPlan().meta" :key="item">{{ item }}</span>
+                                </div>
+                                <div class="bootstrap-admin-center__runtime-actions">
+                                    <el-button
+                                        v-if="supplyBatchPlan().primaryAction"
+                                        :type="supplyBatchPlan().primaryActionType"
+                                        plain
+                                        @click="actionHandlers[supplyBatchPlan().primaryAction as keyof typeof actionHandlers]?.()"
+                                    >
+                                        {{ supplyBatchPlan().primaryActionLabel }}
+                                    </el-button>
+                                    <el-button
+                                        v-if="supplyBatchPlan().secondaryAction"
+                                        plain
+                                        @click="actionHandlers[supplyBatchPlan().secondaryAction as keyof typeof actionHandlers]?.()"
+                                    >
+                                        {{ supplyBatchPlan().secondaryActionLabel }}
+                                    </el-button>
+                                    <el-button
+                                        v-if="supplyBatchPlan().tertiaryAction"
+                                        plain
+                                        @click="actionHandlers[supplyBatchPlan().tertiaryAction as keyof typeof actionHandlers]?.()"
+                                    >
+                                        {{ supplyBatchPlan().tertiaryActionLabel }}
+                                    </el-button>
+                                </div>
+                            </el-card>
+
+                            <el-card shadow="never" class="bootstrap-admin-center__runtime-card">
+                                <template #header>
+                                    <div class="bootstrap-admin-center__snapshot-header">
+                                        <span>业务控制塔</span>
+                                        <el-tag
+                                            size="small"
+                                            :type="supplyBusinessControlTower()?.tag_type === 'danger' ? 'danger' : supplyBusinessControlTower()?.tag_type === 'success' ? 'success' : supplyBusinessControlTower()?.tag_type === 'info' ? 'info' : 'warning'"
+                                        >
+                                            {{ supplyBusinessControlTower()?.label || "待判断" }}
+                                        </el-tag>
+                                    </div>
+                                </template>
+                                <div class="bootstrap-admin-center__snapshot-title">
+                                    {{ supplyBusinessControlTower()?.label || "当前还没有形成明确的供给业务承接结论" }}
+                                </div>
+                                <div class="bootstrap-admin-center__snapshot-desc">
+                                    {{ supplyBusinessControlTower()?.summary || "系统暂时还没有判断出这批供给结果当前该怎么接、先做什么、下一步去哪条主线。" }}
+                                </div>
+                                <div class="bootstrap-admin-center__runtime-inspector-meta">
+                                    <span>阶段 {{ supplyBusinessControlTower()?.phase_label || "-" }}</span>
+                                    <span>主线 {{ supplyBusinessControlTower()?.mainline_label || "-" }}</span>
+                                    <span>Review {{ supplyBusinessControlTower()?.review_required ? "必须" : (supplyBusinessControlTower()?.can_skip_review ? "可跳过" : "待判断") }}</span>
+                                    <span>Blockers {{ supplyBusinessControlTower()?.blockers_count || 0 }}</span>
+                                    <span>当前动作 {{ supplyBusinessControlTower()?.current_action_label || "-" }}</span>
+                                    <span>下一动作 {{ supplyBusinessControlTower()?.next_action_label || "-" }}</span>
+                                    <span>Lead {{ supplyBusinessControlTower()?.lead_host || "-" }}</span>
+                                </div>
+                                <div class="bootstrap-admin-center__runtime-tags" v-if="supplyBusinessControlTower()?.blocking_gate_labels?.length">
+                                    <span v-for="label in supplyBusinessControlTower().blocking_gate_labels" :key="label">{{ label }}</span>
+                                </div>
+                                <div class="bootstrap-admin-center__runtime-actions">
+                                    <el-button
+                                        v-if="supplyBusinessControlTower()?.primary_action"
+                                        :type="supplyBusinessControlTower()?.tag_type === 'danger' ? 'danger' : supplyBusinessControlTower()?.tag_type === 'success' ? 'success' : 'warning'"
+                                        plain
+                                        @click="actionHandlers[supplyBusinessControlTower().primary_action as keyof typeof actionHandlers]?.()"
+                                    >
+                                        {{ supplyBusinessControlTower()?.primary_action_label || "执行当前主建议" }}
+                                    </el-button>
+                                    <el-button
+                                        v-if="supplyBusinessControlTower()?.secondary_action"
+                                        plain
+                                        @click="actionHandlers[supplyBusinessControlTower().secondary_action as keyof typeof actionHandlers]?.()"
+                                    >
+                                        {{ supplyBusinessControlTower()?.secondary_action_label || "执行下一动作" }}
+                                    </el-button>
+                                    <el-button
+                                        v-if="supplyBusinessControlTower()?.tertiary_action"
+                                        plain
+                                        @click="actionHandlers[supplyBusinessControlTower().tertiary_action as keyof typeof actionHandlers]?.()"
+                                    >
+                                        {{ supplyBusinessControlTower()?.tertiary_action_label || "执行后续动作" }}
+                                    </el-button>
+                                    <el-button
+                                        v-if="supplyBusinessControlTower()?.lead_host"
+                                        type="warning"
+                                        plain
+                                        @click="openSupplyHostInOps(supplyBusinessControlTower().lead_host)"
+                                    >
+                                        进入 {{ supplyBusinessControlTower().lead_host }}
+                                    </el-button>
+                                </div>
+                            </el-card>
+
+                            <el-card shadow="never" class="bootstrap-admin-center__runtime-card">
+                                <template #header>
+                                    <div class="bootstrap-admin-center__snapshot-header">
+                                        <span>业务动作链</span>
+                                        <el-tag size="small" effect="plain">
+                                            {{ supplyBusinessActionQueue().length }}
+                                        </el-tag>
+                                    </div>
+                                </template>
+                                <div v-if="!supplyBusinessActionQueue().length" class="bootstrap-admin-center__runtime-empty">
+                                    当前还没有形成明确的业务动作队列。
+                                </div>
+                                <div v-else class="bootstrap-admin-center__runtime-host-list">
+                                    <button
+                                        v-for="step in supplyBusinessActionQueue()"
+                                        :key="`supply-action-${step.key || step.index}`"
+                                        type="button"
+                                        class="bootstrap-admin-center__runtime-host"
+                                        @click="step.action && actionHandlers[step.action as keyof typeof actionHandlers]?.()"
+                                    >
+                                        <div class="bootstrap-admin-center__runtime-host-top">
+                                            <div class="bootstrap-admin-center__runtime-host-title">
+                                                {{ step.index }}. {{ step.label || "业务动作" }}
+                                            </div>
+                                            <div style="display:flex; gap:8px; align-items:center;">
+                                                <el-tag
+                                                    size="small"
+                                                    effect="plain"
+                                                    :type="step.status === 'current' ? 'warning' : 'info'"
+                                                >
+                                                    {{ step.status_label || "-" }}
+                                                </el-tag>
+                                                <el-tag
+                                                    size="small"
+                                                    :type="step.tag_type === 'danger' ? 'danger' : step.tag_type === 'success' ? 'success' : step.tag_type === 'info' ? 'info' : 'warning'"
+                                                >
+                                                    {{ step.label || "-" }}
+                                                </el-tag>
+                                            </div>
+                                        </div>
+                                        <div class="bootstrap-admin-center__runtime-host-summary">
+                                            {{ step.summary || "当前没有业务动作摘要" }}
+                                        </div>
+                                        <div class="bootstrap-admin-center__runtime-host-meta">
+                                            <span>Lead {{ step.lead_host || "-" }}</span>
+                                            <span>动作 {{ step.action_label || "-" }}</span>
+                                        </div>
+                                        <div class="bootstrap-admin-center__runtime-host-actions">
+                                            <el-button
+                                                v-if="step.action"
+                                                link
+                                                :type="step.status === 'current' ? 'warning' : 'primary'"
+                                                @click.stop="actionHandlers[step.action as keyof typeof actionHandlers]?.()"
+                                            >
+                                                {{ step.action_label || "执行当前动作" }}
+                                            </el-button>
+                                            <el-button
+                                                v-if="step.lead_host"
+                                                link
+                                                type="warning"
+                                                @click.stop="openSupplyHostInOps(step.lead_host)"
+                                            >
+                                                进入 {{ step.lead_host }}
+                                            </el-button>
+                                        </div>
+                                    </button>
+                                </div>
+                            </el-card>
+
+                            <el-card shadow="never" class="bootstrap-admin-center__runtime-card">
+                                <template #header>
+                                    <div class="bootstrap-admin-center__snapshot-header">
+                                        <span>业务顺序链</span>
+                                        <el-tag size="small" effect="plain">
+                                            {{ supplyBusinessSequence().length }}
+                                        </el-tag>
+                                    </div>
+                                </template>
+                                <div v-if="!supplyBusinessSequence().length" class="bootstrap-admin-center__runtime-empty">
+                                    当前还没有形成明确的业务顺序链。
+                                </div>
+                                <div v-else class="bootstrap-admin-center__runtime-host-list">
+                                    <button
+                                        v-for="step in supplyBusinessSequence()"
+                                        :key="`business-seq-${step.stage || step.index}`"
+                                        type="button"
+                                        class="bootstrap-admin-center__runtime-host"
+                                        @click="step.primary_action && actionHandlers[step.primary_action as keyof typeof actionHandlers]?.()"
+                                    >
+                                        <div class="bootstrap-admin-center__runtime-host-top">
+                                            <div class="bootstrap-admin-center__runtime-host-title">
+                                                {{ step.index }}. {{ step.stage_label || step.stage || "业务主线" }}
+                                            </div>
+                                            <div style="display:flex; gap:8px; align-items:center;">
+                                                <el-tag
+                                                    size="small"
+                                                    effect="plain"
+                                                    :type="step.status === 'current' ? 'warning' : 'info'"
+                                                >
+                                                    {{ step.status_label || "-" }}
+                                                </el-tag>
+                                                <el-tag
+                                                    size="small"
+                                                    :type="step.tag_type === 'danger' ? 'danger' : step.tag_type === 'success' ? 'success' : step.tag_type === 'info' ? 'info' : 'warning'"
+                                                >
+                                                    {{ step.stage_label || step.stage || "-" }}
+                                                </el-tag>
+                                            </div>
+                                        </div>
+                                        <div class="bootstrap-admin-center__runtime-host-summary">
+                                            {{ step.summary || "当前没有业务顺序摘要" }}
+                                        </div>
+                                        <div class="bootstrap-admin-center__runtime-host-meta">
+                                            <span>Lead {{ step.lead_host || "-" }}</span>
+                                            <span>动作 {{ step.primary_action_label || "-" }}</span>
+                                        </div>
+                                        <div class="bootstrap-admin-center__runtime-host-actions">
+                                            <el-button
+                                                v-if="step.primary_action"
+                                                link
+                                                :type="step.status === 'current' ? 'warning' : 'primary'"
+                                                @click.stop="actionHandlers[step.primary_action as keyof typeof actionHandlers]?.()"
+                                            >
+                                                {{ step.primary_action_label || "执行该步" }}
+                                            </el-button>
+                                            <el-button
+                                                v-if="step.lead_host"
+                                                link
+                                                type="warning"
+                                                @click.stop="openSupplyHostInOps(step.lead_host)"
+                                            >
+                                                进入 {{ step.lead_host }}
+                                            </el-button>
+                                        </div>
+                                    </button>
+                                </div>
+                            </el-card>
+
+                            <el-card shadow="never" class="bootstrap-admin-center__runtime-card">
+                                <template #header>
+                                    <div class="bootstrap-admin-center__snapshot-header">
+                                        <span>业务接手队列</span>
+                                        <el-tag size="small" effect="plain">
+                                            {{ supplyBusinessTakeoverQueue().length }}
+                                        </el-tag>
+                                    </div>
+                                </template>
+                                <div v-if="!supplyBusinessTakeoverQueue().length" class="bootstrap-admin-center__runtime-empty">
+                                    当前还没有形成明确的业务接手队列。
+                                </div>
+                                <div v-else class="bootstrap-admin-center__runtime-host-list">
+                                    <button
+                                        v-for="item in supplyBusinessTakeoverQueue()"
+                                        :key="`business-queue-${item.host || item.order}`"
+                                        type="button"
+                                        class="bootstrap-admin-center__runtime-host"
+                                        @click="item.host && openSupplyHostInOps(item.host)"
+                                    >
+                                        <div class="bootstrap-admin-center__runtime-host-top">
+                                            <div class="bootstrap-admin-center__runtime-host-title">
+                                                {{ item.order }}. {{ item.host || "-" }}
+                                            </div>
+                                            <div style="display:flex; gap:8px; align-items:center;">
+                                                <el-tag
+                                                    size="small"
+                                                    effect="plain"
+                                                    :type="item.tag_type === 'danger' ? 'danger' : item.tag_type === 'success' ? 'success' : item.tag_type === 'info' ? 'info' : 'warning'"
+                                                >
+                                                    {{ item.bucket_label || "-" }}
+                                                </el-tag>
+                                                <el-tag
+                                                    size="small"
+                                                    :type="item.failed_count ? 'danger' : 'success'"
+                                                >
+                                                    {{ item.latest_status || (item.failed_count ? "failed" : "ready") }}
+                                                </el-tag>
+                                            </div>
+                                        </div>
+                                        <div class="bootstrap-admin-center__runtime-host-summary">
+                                            {{ item.latest_message || "当前 Host 已进入业务接手队列。" }}
+                                        </div>
+                                        <div class="bootstrap-admin-center__runtime-host-meta">
+                                            <span>当前 {{ item.current_stage_label || "-" }}</span>
+                                            <span>下一步 {{ item.next_stage_label || "-" }}</span>
+                                            <span>主线 {{ item.resolved_ops_panel || "-" }}/{{ item.resolved_host_console_panel || "-" }}</span>
+                                            <span>{{ (item.strategy_profiles || []).join(" / ") || "-" }}</span>
+                                        </div>
+                                        <div class="bootstrap-admin-center__runtime-host-actions">
+                                            <el-button
+                                                link
+                                                type="danger"
+                                                @click.stop="item.host && selectSupplyHost(item.host)"
+                                            >
+                                                设为检查器
+                                            </el-button>
+                                            <el-button
+                                                v-if="item.host"
+                                                link
+                                                type="warning"
+                                                @click.stop="openSupplyHostInOps(item.host)"
+                                            >
+                                                {{ item.recommended_action_label || "进入 Ops" }}
+                                            </el-button>
+                                        </div>
+                                    </button>
+                                </div>
+                            </el-card>
+
+                            <el-card shadow="never" class="bootstrap-admin-center__runtime-card">
+                                <template #header>
+                                    <div class="bootstrap-admin-center__snapshot-header">
+                                        <span>业务顺序承接</span>
+                                        <el-tag
+                                            size="small"
+                                            :type="supplyMainlineSequencePlan()?.tag_type === 'danger' ? 'danger' : supplyMainlineSequencePlan()?.tag_type === 'success' ? 'success' : supplyMainlineSequencePlan()?.tag_type === 'info' ? 'info' : 'warning'"
+                                        >
+                                            {{ supplyNextBusinessAction()?.next_stage_label || supplyMainlineSequencePlan()?.next_stage_label || "待承接" }}
+                                        </el-tag>
+                                    </div>
+                                </template>
+                                <div class="bootstrap-admin-center__snapshot-title">
+                                    {{ supplyMainlineSequencePlan()?.title || "当前批次业务顺序承接" }}
+                                </div>
+                                <div class="bootstrap-admin-center__snapshot-desc">
+                                    {{ supplyMainlineSequencePlan()?.summary || "当前还没有形成明确的业务顺序承接。" }}
+                                </div>
+                                <div class="bootstrap-admin-center__runtime-inspector-meta">
+                                    <span>当前 {{ supplyMainlineSequencePlan()?.current_stage_label || "-" }}</span>
+                                    <span>下一步 {{ supplyNextBusinessAction()?.next_stage_label || supplyMainlineSequencePlan()?.next_stage_label || "-" }}</span>
+                                    <span>最终 {{ supplyMainlineSequencePlan()?.final_stage_label || "-" }}</span>
+                                    <span>顺序 {{ supplyMainlineSequencePlan()?.projected_route_count || 0 }}</span>
+                                </div>
+                                <div class="bootstrap-admin-center__runtime-actions">
+                                    <el-button
+                                        v-if="supplyMainlineSequencePlan()?.current_action"
+                                        :type="supplyMainlineSequencePlan()?.tag_type === 'danger' ? 'danger' : supplyMainlineSequencePlan()?.tag_type === 'success' ? 'success' : 'warning'"
+                                        plain
+                                        @click="actionHandlers[supplyMainlineSequencePlan().current_action as keyof typeof actionHandlers]?.()"
+                                    >
+                                        {{ supplyMainlineSequencePlan()?.current_action_label || "执行当前承接" }}
+                                    </el-button>
+                                    <el-button
+                                        v-if="supplyNextBusinessAction()?.action"
+                                        plain
+                                        @click="actionHandlers[supplyNextBusinessAction().action as keyof typeof actionHandlers]?.()"
+                                    >
+                                        后续：{{ supplyNextBusinessAction()?.action_label || supplyNextBusinessAction()?.next_stage_label || "执行后续承接" }}
+                                    </el-button>
+                                    <el-button
+                                        v-if="supplyMainlineSequencePlan()?.lead_host"
+                                        type="warning"
+                                        plain
+                                        @click="openSupplyHostInOps(supplyMainlineSequencePlan().lead_host)"
+                                    >
+                                        进入 {{ supplyMainlineSequencePlan().lead_host }}
+                                    </el-button>
+                                </div>
+                            </el-card>
+
+                            <el-card shadow="never" class="bootstrap-admin-center__runtime-card">
+                                <template #header>
+                                    <div class="bootstrap-admin-center__snapshot-header">
+                                        <span>业务主线计划</span>
+                                        <el-tag
+                                            size="small"
+                                            :type="supplyMainlinePlan()?.tag_type === 'danger' ? 'danger' : supplyMainlinePlan()?.tag_type === 'success' ? 'success' : supplyMainlinePlan()?.tag_type === 'info' ? 'info' : 'warning'"
+                                        >
+                                            {{ supplyMainlinePlan()?.current_stage_label || "待主线编排" }}
+                                        </el-tag>
+                                    </div>
+                                </template>
+                                <div class="bootstrap-admin-center__snapshot-title">
+                                    {{ supplyMainlinePlan()?.title || "当前批次业务主线计划" }}
+                                </div>
+                                <div class="bootstrap-admin-center__snapshot-desc">
+                                    {{ supplyMainlinePlan()?.summary || "当前还没有形成明确的业务主线计划。" }}
+                                </div>
+                                <div class="bootstrap-admin-center__runtime-inspector-meta">
+                                    <span>总阶段 {{ supplyMainlinePlan()?.total_stages || 0 }}</span>
+                                    <span>剩余 {{ supplyMainlinePlan()?.remaining_stages || 0 }}</span>
+                                    <span>下一主线 {{ supplyMainlinePlan()?.next_stage_label || "-" }}</span>
+                                    <span>预计下一主线 {{ supplyProjectedNextMainlineStage()?.stage_label || "-" }}</span>
+                                    <span>最终主线 {{ supplyMainlinePlan()?.final_stage_label || "-" }}</span>
+                                </div>
+                                <div class="bootstrap-admin-center__runtime-actions">
+                                    <el-button
+                                        v-if="supplyMainlinePlan()?.current_action"
+                                        :type="supplyMainlinePlan()?.tag_type === 'danger' ? 'danger' : supplyMainlinePlan()?.tag_type === 'success' ? 'success' : 'warning'"
+                                        plain
+                                        @click="actionHandlers[supplyMainlinePlan().current_action as keyof typeof actionHandlers]?.()"
+                                    >
+                                        {{ supplyMainlinePlan()?.current_action_label || "执行当前主线" }}
+                                    </el-button>
+                                    <el-button
+                                        v-if="supplyMainlinePlan()?.next_action"
+                                        plain
+                                        @click="actionHandlers[supplyMainlinePlan().next_action as keyof typeof actionHandlers]?.()"
+                                    >
+                                        后续：{{ supplyMainlinePlan()?.next_action_label || supplyMainlinePlan()?.next_stage_label || "执行后续主线" }}
+                                    </el-button>
+                                    <el-button
+                                        v-if="supplyMainlinePlan()?.lead_host"
+                                        type="warning"
+                                        plain
+                                        @click="openSupplyHostInOps(supplyMainlinePlan().lead_host)"
+                                    >
+                                        进入 {{ supplyMainlinePlan().lead_host }}
+                                    </el-button>
+                                </div>
+                            </el-card>
+
+                            <el-card shadow="never" class="bootstrap-admin-center__runtime-card">
+                                <template #header>
+                                    <div class="bootstrap-admin-center__snapshot-header">
+                                        <span>预计主线推进路线</span>
+                                        <el-tag size="small" effect="plain">
+                                            {{ supplyProjectedMainlineRoute().length || supplyMainlineRoute().length }}
+                                        </el-tag>
+                                    </div>
+                                </template>
+                                <div v-if="!supplyProjectedMainlineRoute().length && !supplyMainlineRoute().length" class="bootstrap-admin-center__runtime-empty">
+                                    当前还没有形成明确的预计主线推进路线。
+                                </div>
+                                <div v-else class="bootstrap-admin-center__runtime-host-list">
+                                    <button
+                                        v-for="stage in (supplyProjectedMainlineRoute().length ? supplyProjectedMainlineRoute() : supplyMainlineRoute())"
+                                        :key="`route-${stage.stage || stage.index}`"
+                                        type="button"
+                                        class="bootstrap-admin-center__runtime-host"
+                                        @click="stage.primary_action && actionHandlers[stage.primary_action as keyof typeof actionHandlers]?.()"
+                                    >
+                                        <div class="bootstrap-admin-center__runtime-host-top">
+                                            <div class="bootstrap-admin-center__runtime-host-title">
+                                                {{ stage.index }}. {{ stage.stage_label || stage.stage || "主线阶段" }}
+                                            </div>
+                                            <el-tag
+                                                size="small"
+                                                :type="stage.tag_type === 'danger' ? 'danger' : stage.tag_type === 'success' ? 'success' : stage.tag_type === 'info' ? 'info' : 'warning'"
+                                            >
+                                                {{ stage.stage_label || stage.stage || "-" }}
+                                            </el-tag>
+                                        </div>
+                                        <div class="bootstrap-admin-center__runtime-host-summary">
+                                            {{ stage.summary || "当前没有路线摘要" }}
+                                        </div>
+                                        <div class="bootstrap-admin-center__runtime-host-meta">
+                                            <span>Lead {{ stage.lead_host || "-" }}</span>
+                                            <span>当前主线 {{ supplyMainlinePlan()?.current_stage_label || "-" }}</span>
+                                            <span>预计下一主线 {{ supplyProjectedNextMainlineStage()?.stage_label || supplyNextMainlineStage()?.stage_label || "-" }}</span>
+                                        </div>
+                                        <div class="bootstrap-admin-center__runtime-host-actions">
+                                            <el-button
+                                                v-if="stage.primary_action"
+                                                link
+                                                :type="stage.tag_type === 'danger' ? 'danger' : stage.tag_type === 'success' ? 'success' : 'primary'"
+                                                @click.stop="actionHandlers[stage.primary_action as keyof typeof actionHandlers]?.()"
+                                            >
+                                                {{ stage.primary_action_label || "执行当前路线" }}
+                                            </el-button>
+                                            <el-button
+                                                v-if="stage.lead_host"
+                                                link
+                                                type="warning"
+                                                @click.stop="openSupplyHostInOps(stage.lead_host)"
+                                            >
+                                                进入 {{ stage.lead_host }}
+                                            </el-button>
+                                        </div>
+                                    </button>
+                                </div>
+                            </el-card>
+
+                            <el-card shadow="never" class="bootstrap-admin-center__runtime-card">
+                                <template #header>
+                                    <div class="bootstrap-admin-center__snapshot-header">
+                                        <span>业务主线承接</span>
+                                        <el-tag
+                                            size="small"
+                                            :type="supplyHandoffPlan()?.tag_type === 'danger' ? 'danger' : supplyHandoffPlan()?.tag_type === 'success' ? 'success' : supplyHandoffPlan()?.tag_type === 'info' ? 'info' : 'warning'"
+                                        >
+                                            {{ supplyHandoffPlan()?.current_focus_label || "待承接" }}
+                                        </el-tag>
+                                    </div>
+                                </template>
+                                <div class="bootstrap-admin-center__snapshot-title">
+                                    {{ supplyHandoffPlan()?.title || "当前批次业务主线承接" }}
+                                </div>
+                                <div class="bootstrap-admin-center__snapshot-desc">
+                                    {{ supplyHandoffPlan()?.summary || "当前还没有形成明确的业务主线承接计划。" }}
+                                </div>
+                                <div class="bootstrap-admin-center__runtime-inspector-meta">
+                                    <span>当前目标 {{ supplyHandoffPlan()?.current_target_label || "-" }}</span>
+                                    <span>后续承接 {{ supplyHandoffPlan()?.followup_focus_label || "-" }}</span>
+                                    <span>最终阶段 {{ supplyHandoffPlan()?.final_lane_label || "-" }}</span>
+                                </div>
+                                <div class="bootstrap-admin-center__runtime-actions">
+                                    <el-button
+                                        v-if="supplyHandoffPlan()?.current_action"
+                                        :type="supplyHandoffPlan()?.tag_type === 'danger' ? 'danger' : supplyHandoffPlan()?.tag_type === 'success' ? 'success' : 'warning'"
+                                        plain
+                                        @click="actionHandlers[supplyHandoffPlan().current_action as keyof typeof actionHandlers]?.()"
+                                    >
+                                        {{ supplyHandoffPlan()?.current_action_label || "执行当前承接" }}
+                                    </el-button>
+                                    <el-button
+                                        v-if="supplyHandoffPlan()?.followup_action"
+                                        plain
+                                        @click="actionHandlers[supplyHandoffPlan().followup_action as keyof typeof actionHandlers]?.()"
+                                    >
+                                        后续：{{ supplyHandoffPlan()?.followup_action_label || supplyHandoffPlan()?.followup_focus_label || "执行后续承接" }}
+                                    </el-button>
+                                    <el-button
+                                        v-if="supplyHandoffPlan()?.lead_host"
+                                        type="warning"
+                                        plain
+                                        @click="openSupplyHostInOps(supplyHandoffPlan().lead_host)"
+                                    >
+                                        进入 {{ supplyHandoffPlan().lead_host }}
+                                    </el-button>
+                                </div>
+                            </el-card>
+
+                            <el-card shadow="never" class="bootstrap-admin-center__runtime-card">
+                                <template #header>
+                                    <div class="bootstrap-admin-center__snapshot-header">
+                                        <span>批量调度总计划</span>
+                                        <el-tag
+                                            size="small"
+                                            :type="supplyDispatchPlan()?.tag_type === 'danger' ? 'danger' : supplyDispatchPlan()?.tag_type === 'success' ? 'success' : supplyDispatchPlan()?.tag_type === 'info' ? 'info' : 'warning'"
+                                        >
+                                            {{ supplyDispatchPlan()?.current_lane_label || "待调度" }}
+                                        </el-tag>
+                                    </div>
+                                </template>
+                                <div class="bootstrap-admin-center__snapshot-title">
+                                    {{ supplyDispatchPlan()?.title || "当前批次调度总计划" }}
+                                </div>
+                                <div class="bootstrap-admin-center__snapshot-desc">
+                                    {{ supplyDispatchPlan()?.summary || "当前还没有形成明确的批量调度总计划。" }}
+                                </div>
+                                <div class="bootstrap-admin-center__runtime-inspector-meta">
+                                    <span>总阶段 {{ supplyDispatchPlan()?.total_stages || 0 }}</span>
+                                    <span>剩余 {{ supplyDispatchPlan()?.remaining_stages || 0 }}</span>
+                                    <span>下一阶段 {{ supplyDispatchPlan()?.next_lane_label || "-" }}</span>
+                                    <span>最终阶段 {{ supplyDispatchPlan()?.final_lane_label || "-" }}</span>
+                                </div>
+                                <div class="bootstrap-admin-center__runtime-actions">
+                                    <el-button
+                                        v-if="supplyDispatchPlan()?.current_action"
+                                        :type="supplyDispatchPlan()?.tag_type === 'danger' ? 'danger' : supplyDispatchPlan()?.tag_type === 'success' ? 'success' : 'warning'"
+                                        plain
+                                        @click="actionHandlers[supplyDispatchPlan().current_action as keyof typeof actionHandlers]?.()"
+                                    >
+                                        {{ supplyDispatchPlan()?.current_action_label || "执行当前计划" }}
+                                    </el-button>
+                                    <el-button
+                                        v-if="supplyDispatchPlan()?.next_action"
+                                        plain
+                                        @click="actionHandlers[supplyDispatchPlan().next_action as keyof typeof actionHandlers]?.()"
+                                    >
+                                        下一阶段：{{ supplyDispatchPlan()?.next_action_label || supplyDispatchPlan()?.next_lane_label || "执行下一阶段" }}
+                                    </el-button>
+                                    <el-button
+                                        v-if="supplyDispatchPlan()?.lead_host"
+                                        type="warning"
+                                        plain
+                                        @click="openSupplyHostInOps(supplyDispatchPlan().lead_host)"
+                                    >
+                                        进入 {{ supplyDispatchPlan().lead_host }}
+                                    </el-button>
+                                </div>
+                            </el-card>
+
+                            <el-card shadow="never" class="bootstrap-admin-center__runtime-card">
+                                <template #header>
+                                    <div class="bootstrap-admin-center__snapshot-header">
+                                        <span>当前编排阶段</span>
+                                        <el-tag
+                                            size="small"
+                                            :type="supplyOrchestrationPhase()?.tag_type === 'danger' ? 'danger' : supplyOrchestrationPhase()?.tag_type === 'success' ? 'success' : supplyOrchestrationPhase()?.tag_type === 'info' ? 'info' : 'warning'"
+                                        >
+                                            {{ supplyOrchestrationPhase()?.label || "待编排" }}
+                                        </el-tag>
+                                    </div>
+                                </template>
+                                <div class="bootstrap-admin-center__snapshot-title">
+                                    {{ supplyOrchestrationPhase()?.label || "待编排" }}
+                                </div>
+                                <div class="bootstrap-admin-center__snapshot-desc">
+                                    {{ supplyOrchestrationPhase()?.summary || "当前还没有明确的供给编排阶段。" }}
+                                </div>
+                                <div class="bootstrap-admin-center__runtime-inspector-meta">
+                                    <span>步骤 {{ supplyOrchestrationSequence().length }}</span>
+                                    <span>下一动作 {{ supplyNextAction()?.action || "-" }}</span>
+                                    <span>Lead {{ supplyNextAction()?.lead_host || "-" }}</span>
+                                </div>
+                                <div class="bootstrap-admin-center__runtime-actions">
+                                    <el-button
+                                        v-if="supplyNextAction()?.action"
+                                        :type="supplyNextAction()?.tag_type === 'danger' ? 'danger' : supplyNextAction()?.tag_type === 'success' ? 'success' : 'warning'"
+                                        plain
+                                        @click="actionHandlers[supplyNextAction().action as keyof typeof actionHandlers]?.()"
+                                    >
+                                        {{ supplyNextAction()?.action_label || "执行下一动作" }}
+                                    </el-button>
+                                    <el-button
+                                        v-if="supplyNextAction()?.lead_host"
+                                        type="warning"
+                                        plain
+                                        @click="openSupplyHostInOps(supplyNextAction().lead_host)"
+                                    >
+                                        进入 {{ supplyNextAction().lead_host }}
+                                    </el-button>
+                                </div>
+                            </el-card>
+
+                            <el-card shadow="never" class="bootstrap-admin-center__runtime-card">
+                                <template #header>
+                                    <div class="bootstrap-admin-center__snapshot-header">
+                                        <span>当前调度阶段</span>
+                                        <el-tag
+                                            size="small"
+                                            :type="supplyDispatchStage()?.tag_type === 'danger' ? 'danger' : supplyDispatchStage()?.tag_type === 'success' ? 'success' : supplyDispatchStage()?.tag_type === 'info' ? 'info' : 'warning'"
+                                        >
+                                            {{ supplyDispatchStage()?.lane_label || "待调度" }}
+                                        </el-tag>
+                                    </div>
+                                </template>
+                                <div class="bootstrap-admin-center__snapshot-title">
+                                    {{ supplyDispatchStage()?.title || supplyDispatchStage()?.label || "待调度" }}
+                                </div>
+                                <div class="bootstrap-admin-center__snapshot-desc">
+                                    {{ supplyDispatchStage()?.summary || "当前还没有形成明确的供给调度链。" }}
+                                </div>
+                                <div class="bootstrap-admin-center__runtime-inspector-meta">
+                                    <span>阶段 {{ supplyDispatchOrder().length }}</span>
+                                    <span>当前 lane {{ supplyDispatchStage()?.lane_label || "-" }}</span>
+                                    <span>下一阶段 {{ supplyNextDispatchStage()?.lane_label || "-" }}</span>
+                                    <span>Lead {{ supplyDispatchStage()?.lead_host || "-" }}</span>
+                                </div>
+                                <div class="bootstrap-admin-center__runtime-actions">
+                                    <el-button
+                                        v-if="supplyDispatchStage()?.action"
+                                        :type="supplyDispatchStage()?.tag_type === 'danger' ? 'danger' : supplyDispatchStage()?.tag_type === 'success' ? 'success' : 'warning'"
+                                        plain
+                                        @click="actionHandlers[supplyDispatchStage().action as keyof typeof actionHandlers]?.()"
+                                    >
+                                        {{ supplyDispatchStage()?.action_label || "执行当前调度" }}
+                                    </el-button>
+                                    <el-button
+                                        v-if="supplyNextDispatchStage()?.primary_action"
+                                        plain
+                                        @click="actionHandlers[supplyNextDispatchStage().primary_action as keyof typeof actionHandlers]?.()"
+                                    >
+                                        下一阶段：{{ supplyNextDispatchStage()?.primary_action_label || supplyNextDispatchStage()?.lane_label || "执行下一阶段" }}
+                                    </el-button>
+                                </div>
+                            </el-card>
+
+                            <el-card shadow="never" class="bootstrap-admin-center__runtime-card">
+                                <template #header>
+                                    <div class="bootstrap-admin-center__snapshot-header">
+                                        <span>批量调度顺序</span>
+                                        <el-tag size="small" effect="plain">
+                                            {{ supplyDispatchOrder().length || supplyOrchestrationSequence().length }}
+                                        </el-tag>
+                                    </div>
+                                </template>
+                                <div v-if="!supplyDispatchOrder().length && !supplyOrchestrationSequence().length" class="bootstrap-admin-center__runtime-empty">
+                                    当前还没有可执行的编排顺序，系统会在供给任务、供给运行或 Host 分桶形成后自动补齐。
+                                </div>
+                                <div v-else-if="supplyDispatchOrder().length" class="bootstrap-admin-center__runtime-host-list">
+                                    <button
+                                        v-for="(stage, index) in supplyDispatchOrder().slice(0, 5)"
+                                        :key="stage.lane || `dispatch-stage-${index}`"
+                                        type="button"
+                                        class="bootstrap-admin-center__runtime-host"
+                                        @click="stage.primary_action && actionHandlers[stage.primary_action as keyof typeof actionHandlers]?.()"
+                                    >
+                                        <div class="bootstrap-admin-center__runtime-host-top">
+                                            <div class="bootstrap-admin-center__runtime-host-title">
+                                                {{ index + 1 }}. {{ stage.title || stage.lane_label || "调度阶段" }}
+                                            </div>
+                                            <el-tag
+                                                size="small"
+                                                :type="stage.tag_type === 'danger' ? 'danger' : stage.tag_type === 'success' ? 'success' : stage.tag_type === 'info' ? 'info' : 'warning'"
+                                            >
+                                                {{ stage.lane_label || stage.lane || "-" }}
+                                            </el-tag>
+                                        </div>
+                                        <div class="bootstrap-admin-center__runtime-host-summary">
+                                            {{ stage.summary || "当前没有阶段摘要" }}
+                                        </div>
+                                        <div class="bootstrap-admin-center__runtime-host-meta">
+                                            <span>步骤数 {{ stage.count || 0 }}</span>
+                                            <span>Lead {{ stage.lead_host || "-" }}</span>
+                                            <span v-if="stage.resolved_ops_panel || stage.resolved_host_console_panel">
+                                                主线 {{ stage.resolved_ops_panel || "-" }}/{{ stage.resolved_host_console_panel || "-" }}
+                                            </span>
+                                        </div>
+                                        <div class="bootstrap-admin-center__runtime-host-actions">
+                                            <el-button
+                                                v-if="stage.primary_action"
+                                                link
+                                                :type="stage.tag_type === 'danger' ? 'danger' : stage.tag_type === 'success' ? 'success' : 'primary'"
+                                                @click.stop="actionHandlers[stage.primary_action as keyof typeof actionHandlers]?.()"
+                                            >
+                                                {{ stage.primary_action_label || "执行这一阶段" }}
+                                            </el-button>
+                                            <el-button
+                                                v-if="stage.lead_host"
+                                                link
+                                                type="warning"
+                                                @click.stop="openSupplyHostInOps(stage.lead_host)"
+                                            >
+                                                进入 {{ stage.lead_host }}
+                                            </el-button>
+                                        </div>
+                                    </button>
+                                </div>
+                                <div v-else class="bootstrap-admin-center__runtime-host-list">
+                                    <button
+                                        v-for="(step, index) in supplyOrchestrationSequence().slice(0, 5)"
+                                        :key="step.key || `${step.bucket_key || 'step'}-${index}`"
+                                        type="button"
+                                        class="bootstrap-admin-center__runtime-host"
+                                        @click="step.action && actionHandlers[step.action as keyof typeof actionHandlers]?.()"
+                                    >
+                                        <div class="bootstrap-admin-center__runtime-host-top">
+                                            <div class="bootstrap-admin-center__runtime-host-title">
+                                                {{ index + 1 }}. {{ step.title || step.label || "编排步骤" }}
+                                            </div>
+                                            <el-tag
+                                                size="small"
+                                                :type="step.tag_type === 'danger' ? 'danger' : step.tag_type === 'success' ? 'success' : step.tag_type === 'info' ? 'info' : 'warning'"
+                                            >
+                                                {{ step.label || step.bucket_key || "-" }}
+                                            </el-tag>
+                                        </div>
+                                        <div class="bootstrap-admin-center__runtime-host-summary">
+                                            {{ step.summary || "当前没有步骤摘要" }}
+                                        </div>
+                                        <div class="bootstrap-admin-center__runtime-host-meta">
+                                            <span v-for="item in step.meta || []" :key="item">{{ item }}</span>
+                                            <span v-if="step.resolved_ops_panel || step.resolved_host_console_panel">
+                                                主线 {{ step.resolved_ops_panel || "-" }}/{{ step.resolved_host_console_panel || "-" }}
+                                            </span>
+                                        </div>
+                                        <div class="bootstrap-admin-center__runtime-host-actions">
+                                            <el-button
+                                                v-if="step.action"
+                                                link
+                                                :type="step.tag_type === 'danger' ? 'danger' : step.tag_type === 'success' ? 'success' : 'primary'"
+                                                @click.stop="actionHandlers[step.action as keyof typeof actionHandlers]?.()"
+                                            >
+                                                {{ step.action_label || "执行这一步" }}
+                                            </el-button>
+                                            <el-button
+                                                v-if="step.lead_host"
+                                                link
+                                                type="warning"
+                                                @click.stop="openSupplyHostInOps(step.lead_host)"
+                                            >
+                                                进入 {{ step.lead_host }}
+                                            </el-button>
+                                        </div>
+                                    </button>
+                                </div>
+                            </el-card>
+
+                            <el-card shadow="never" class="bootstrap-admin-center__runtime-card">
+                                <template #header>
+                                    <div class="bootstrap-admin-center__snapshot-header">
+                                        <span>业务主线编排链</span>
+                                        <el-tag size="small" effect="plain">
+                                            {{ supplyMainlineChain().length }}
+                                        </el-tag>
+                                    </div>
+                                </template>
+                                <div v-if="!supplyMainlineChain().length" class="bootstrap-admin-center__runtime-empty">
+                                    当前还没有形成明确的业务主线编排链。
+                                </div>
+                                <div v-else class="bootstrap-admin-center__runtime-host-list">
+                                    <button
+                                        v-for="stage in supplyMainlineChain()"
+                                        :key="stage.stage || stage.index"
+                                        type="button"
+                                        class="bootstrap-admin-center__runtime-host"
+                                        @click="stage.primary_action && actionHandlers[stage.primary_action as keyof typeof actionHandlers]?.()"
+                                    >
+                                        <div class="bootstrap-admin-center__runtime-host-top">
+                                            <div class="bootstrap-admin-center__runtime-host-title">
+                                                {{ stage.index }}. {{ stage.stage_label || stage.stage || "业务主线" }}
+                                            </div>
+                                            <el-tag
+                                                size="small"
+                                                :type="stage.tag_type === 'danger' ? 'danger' : stage.tag_type === 'success' ? 'success' : stage.tag_type === 'info' ? 'info' : 'warning'"
+                                            >
+                                                {{ stage.stage_label || stage.stage || "-" }}
+                                            </el-tag>
+                                        </div>
+                                        <div class="bootstrap-admin-center__runtime-host-summary">
+                                            {{ stage.summary || "当前没有业务主线摘要" }}
+                                        </div>
+                                        <div class="bootstrap-admin-center__runtime-host-meta">
+                                            <span>步骤 {{ stage.count || 0 }}</span>
+                                            <span>Lead {{ stage.lead_host || "-" }}</span>
+                                            <span v-if="stage.resolved_ops_panel || stage.resolved_host_console_panel">
+                                                主线 {{ stage.resolved_ops_panel || "-" }}/{{ stage.resolved_host_console_panel || "-" }}
+                                            </span>
+                                        </div>
+                                        <div class="bootstrap-admin-center__runtime-host-actions">
+                                            <el-button
+                                                v-if="stage.primary_action"
+                                                link
+                                                :type="stage.tag_type === 'danger' ? 'danger' : stage.tag_type === 'success' ? 'success' : 'primary'"
+                                                @click.stop="actionHandlers[stage.primary_action as keyof typeof actionHandlers]?.()"
+                                            >
+                                                {{ stage.primary_action_label || "执行当前主线" }}
+                                            </el-button>
+                                            <el-button
+                                                v-if="stage.lead_host"
+                                                link
+                                                type="warning"
+                                                @click.stop="openSupplyHostInOps(stage.lead_host)"
+                                            >
+                                                进入 {{ stage.lead_host }}
+                                            </el-button>
+                                        </div>
+                                    </button>
+                                </div>
+                            </el-card>
+
+                            <el-card shadow="never" class="bootstrap-admin-center__runtime-card">
+                                <template #header>
+                                    <div class="bootstrap-admin-center__snapshot-header">
+                                        <span>最近供给运行</span>
+                                        <el-tag size="small" :type="latestSupplyRun()?.status === 'success' ? 'success' : 'warning'">
+                                            {{ latestSupplyRun()?.status || "-" }}
+                                        </el-tag>
+                                    </div>
+                                </template>
+                                <div class="bootstrap-admin-center__snapshot-title">{{ latestSupplyRun()?.run_id || "-" }}</div>
+                                <div class="bootstrap-admin-center__snapshot-desc">
+                                    {{ latestSupplyRun()?.hosts?.join(" / ") || "暂无最近供给运行" }}
+                                </div>
+                                <div class="bootstrap-admin-center__runtime-actions">
+                                    <el-button
+                                        type="info"
+                                        plain
+                                        @click="
+                                            latestSupplyRun()?.run_id
+                                                ? (
+                                                      activeTab = 'supply',
+                                                      (supplyInspectorRun = latestSupplyRun()),
+                                                      (supplyInspectorHost = null)
+                                                  )
+                                                : undefined
+                                        "
+                                    >
+                                        设为检查器
+                                    </el-button>
+                                    <el-button type="primary" plain @click="domainSupplyDialogRef?.openDialog()">查看供给记录</el-button>
+                                </div>
+                            </el-card>
+
+                            <el-card shadow="never" class="bootstrap-admin-center__runtime-card">
+                                <template #header>
+                                    <div class="bootstrap-admin-center__snapshot-header">
+                                        <span>最近供给编排任务</span>
+                                        <el-tag
+                                            size="small"
+                                            :type="latestSupplyOrchestrationTask()?.status === 'success' ? 'success' : latestSupplyOrchestrationTask()?.status === 'error' || latestSupplyOrchestrationTask()?.status === 'needs_attention' ? 'danger' : 'warning'"
+                                        >
+                                            {{ latestSupplyOrchestrationTask()?.status || "-" }}
+                                        </el-tag>
+                                    </div>
+                                </template>
+                                <div class="bootstrap-admin-center__snapshot-title">{{ latestSupplyOrchestrationTask()?.task_slug || "-" }}</div>
+                                <div class="bootstrap-admin-center__snapshot-desc">
+                                    {{ latestSupplyOrchestrationTask()?.summary || "暂无最近供给编排任务" }}
+                                </div>
+                                <div class="bootstrap-admin-center__runtime-actions">
+                                    <el-button type="success" plain @click="actionHandlers['latest-supply-orchestration-task']?.()">
+                                        打开编排任务
+                                    </el-button>
+                                    <el-button type="info" plain @click="actionHandlers['latest-supply-task']?.()">查看供给调度任务</el-button>
+                                </div>
+                            </el-card>
+                        </div>
+
+                        <el-card shadow="never" class="bootstrap-admin-center__runtime-card">
+                            <template #header>
+                                <div class="bootstrap-admin-center__snapshot-header">
+                                    <span>失败 Host 队列</span>
+                                    <el-tag size="small" type="danger">{{ supplyFailedHosts().length }}</el-tag>
+                                </div>
+                            </template>
+                            <div v-if="!supplyFailedHosts().length" class="bootstrap-admin-center__runtime-empty">
+                                当前没有失败供给 Host，一体化供给队列处于干净态。
+                            </div>
+                            <div v-else class="bootstrap-admin-center__runtime-host-list">
+                                <button
+                                    v-for="host in supplyFailedHosts()"
+                                    :key="host.host"
+                                    type="button"
+                                    class="bootstrap-admin-center__runtime-host"
+                                    @click="selectSupplyHost(host)"
+                                >
+                                    <div class="bootstrap-admin-center__runtime-host-top">
+                                        <div class="bootstrap-admin-center__runtime-host-title">{{ host.host || "-" }}</div>
+                                        <el-tag size="small" type="danger">{{ host.latest_status || "failed" }}</el-tag>
+                                    </div>
+                                    <div class="bootstrap-admin-center__runtime-host-summary">
+                                        {{ host.latest_message || "最近供给记录包含失败项" }}
+                                    </div>
+                                    <div class="bootstrap-admin-center__runtime-host-meta">
+                                        <span>Runs {{ host.runs || 0 }}</span>
+                                        <span>成功 {{ host.success_count || 0 }}</span>
+                                        <span>失败 {{ host.failed_count || 0 }}</span>
+                                        <span>{{ (host.strategy_profiles || []).join(" / ") || "-" }}</span>
+                                    </div>
+                                    <div class="bootstrap-admin-center__runtime-host-actions">
+                                        <el-button link type="danger" @click.stop="selectSupplyHost(host)">设为检查器</el-button>
+                                        <el-button link type="warning" @click.stop="openSupplyHostInOps(host)">进入 Ops</el-button>
+                                    </div>
+                                </button>
+                            </div>
+                        </el-card>
+
+                        <div class="bootstrap-admin-center__quick-grid">
+                            <button
+                                v-for="bucket in supplyOrchestrationBuckets()"
+                                :key="bucket.key"
+                                type="button"
+                                class="bootstrap-admin-center__quick-card"
+                                :class="{ 'is-active': activeSupplyBucket === bucket.key }"
+                                @click="activeSupplyBucket = bucket.key"
+                            >
+                                <div class="bootstrap-admin-center__quick-title">
+                                    {{ bucket.label }}
+                                    <el-tag size="small" effect="plain">{{ bucket.count }}</el-tag>
+                                </div>
+                                <div class="bootstrap-admin-center__quick-meta">{{ bucket.meta }}</div>
+                            </button>
+                        </div>
+
+                        <el-card shadow="never" class="bootstrap-admin-center__runtime-card">
+                            <template #header>
+                                <div class="bootstrap-admin-center__snapshot-header">
+                                    <span>批量接手建议</span>
+                                    <el-tag size="small" :type="activeSupplyBucketPlan().tagType">
+                                        {{ activeSupplyBucketPlan().label }}
+                                    </el-tag>
+                                </div>
+                            </template>
+                            <div class="bootstrap-admin-center__snapshot-title">{{ activeSupplyBucketPlan().title }}</div>
+                            <div class="bootstrap-admin-center__snapshot-desc">{{ activeSupplyBucketPlan().summary }}</div>
+                            <div class="bootstrap-admin-center__runtime-inspector-meta">
+                                <span v-for="item in activeSupplyBucketPlan().meta" :key="item">{{ item }}</span>
+                            </div>
+                            <div class="bootstrap-admin-center__runtime-actions">
+                                <el-button
+                                    v-if="activeSupplyBucketLeadHost()"
+                                    type="warning"
+                                    plain
+                                    @click="activeSupplyBucketLeadHost()?.host ? openSupplyHostInOps(activeSupplyBucketLeadHost()) : ElMessage.warning('当前分桶没有可接手的 Host')"
+                                >
+                                    接手这一桶首个 Host
+                                </el-button>
+                                <el-button
+                                    v-if="activeSupplyBucketLeadHost()"
+                                    type="info"
+                                    plain
+                                    @click="selectSupplyHost(activeSupplyBucketLeadHost())"
+                                >
+                                    设为检查器
+                                </el-button>
+                                <el-button plain @click="activeSupplyBucket = 'all'">重置分桶</el-button>
+                            </div>
+                        </el-card>
+
+                        <div class="bootstrap-admin-center__runtime-grid">
+                            <el-card shadow="never" class="bootstrap-admin-center__runtime-card">
+                                <template #header>
+                                    <div class="bootstrap-admin-center__snapshot-header">
+                                        <span>Host Coverage</span>
+                                        <el-tag size="small" effect="plain">{{ filteredSupplyHostTotals().length }}</el-tag>
+                                    </div>
+                                </template>
+                                <div v-if="!filteredSupplyHostTotals().length" class="bootstrap-admin-center__runtime-empty">
+                                    当前还没有供给 Host 覆盖统计。
+                                </div>
+                                <div v-else class="bootstrap-admin-center__runtime-host-list">
+                                    <button
+                                        v-for="host in filteredSupplyHostTotals()"
+                                        :key="host.host"
+                                        type="button"
+                                        class="bootstrap-admin-center__runtime-host"
+                                        @click="selectSupplyHost(host)"
+                                    >
+                                        <div class="bootstrap-admin-center__runtime-host-top">
+                                            <div class="bootstrap-admin-center__runtime-host-title">{{ host.host || "-" }}</div>
+                                            <el-tag size="small" :type="(host.failed_count || 0) > 0 ? 'danger' : 'success'">
+                                                {{ (host.failed_count || 0) > 0 ? "attention" : "queue" }}
+                                            </el-tag>
+                                        </div>
+                                        <div class="bootstrap-admin-center__runtime-host-meta">
+                                            <span>Runs {{ host.runs || 0 }}</span>
+                                            <span>成功 {{ host.success_count || 0 }}</span>
+                                            <span>失败 {{ host.failed_count || 0 }}</span>
+                                            <span>{{ resolveOpsFocusForSupplyHost(host).panel }}/{{ resolveOpsFocusForSupplyHost(host).hostConsolePanel }}</span>
+                                        </div>
+                                        <div class="bootstrap-admin-center__runtime-host-actions">
+                                            <el-button link type="danger" @click.stop="selectSupplyHost(host)">设为检查器</el-button>
+                                            <el-button link type="warning" @click.stop="openSupplyHostInOps(host)">进入 Ops</el-button>
+                                        </div>
+                                    </button>
+                                </div>
+                            </el-card>
+
+                            <el-card shadow="never" class="bootstrap-admin-center__runtime-card">
+                                <template #header>
+                                    <div class="bootstrap-admin-center__snapshot-header">
+                                        <span>供给检查器</span>
+                                        <el-tag size="small" :type="supplyInspectorTagType()">
+                                            {{ supplyInspectorTag() }}
+                                        </el-tag>
+                                    </div>
+                                </template>
+                                <div class="bootstrap-admin-center__snapshot-title">{{ supplyInspectorTitle() }}</div>
+                                <div class="bootstrap-admin-center__snapshot-desc">{{ supplyInspectorSummary() }}</div>
+                                <div class="bootstrap-admin-center__runtime-inspector-meta">
+                                    <span v-for="item in supplyInspectorMeta()" :key="item">{{ item }}</span>
+                                </div>
+                                <div class="bootstrap-admin-center__runtime-actions">
+                                    <el-button
+                                        v-if="effectiveSupplyInspectorHost()?.host"
+                                        type="warning"
+                                        plain
+                                        @click="openSupplyHostInOps(effectiveSupplyInspectorHost())"
+                                    >
+                                        进入 Ops Host 主线
+                                    </el-button>
+                                    <el-button
+                                        v-if="effectiveSupplyInspectorRun()?.summary_html_path"
+                                        type="success"
+                                        plain
+                                        @click="(() => {
+                                            const run = effectiveSupplyInspectorRun();
+                                            if (!run?.summary_html_path) {
+                                                ElMessage.warning('当前没有可打开的产物');
+                                                return;
+                                            }
+                                            openPortal(run.summary_html_path, BASE_URL);
+                                        })()"
+                                    >
+                                        打开 Run 详情
+                                    </el-button>
+                                    <el-button plain @click="domainSupplyDialogRef?.openDialog()">打开供给工作台</el-button>
+                                    <el-button
+                                        plain
+                                        @click="supplyInspectorHost = null; supplyInspectorRun = null"
+                                    >
+                                        重置检查器
+                                    </el-button>
+                                </div>
+                            </el-card>
+                        </div>
+                    </div>
+                </el-tab-pane>
+
+                <el-tab-pane label="环境模板" name="env">
+                    <div class="bootstrap-admin-center__env-pane">
+                        <BootstrapEnvOverview
+                            v-if="visible && activeTab === 'env'"
+                            action-text="打开环境模板详细面板"
+                            @open-dialog="payload => bootstrapEnvDialogRef?.openDialog(payload)"
+                        />
+                        <div class="bootstrap-admin-center__env-actions">
+                            <el-button type="warning" @click="bootstrapEnvDialogRef?.openDialog()">打开环境模板详细面板</el-button>
+                        </div>
+                    </div>
+                </el-tab-pane>
+            </el-tabs>
+        </div>
+
+        <BootstrapEnvDialog ref="bootstrapEnvDialogRef" />
+        <DomainSupplyDialog
+            ref="domainSupplyDialogRef"
+            @open-ops-host="async payload => {
+                if (!payload?.host) {
+                    ElMessage.warning('当前没有可接手的 Host');
+                    return;
+                }
+                await openSupplyHostInOps(payload.host);
+                const sourceLabel = payload.source === 'history-row' ? '历史运行' : '本次供给';
+                ElMessage.success(`已从${sourceLabel}切到 ${payload.host} 的 Ops Host 主线`);
+            }"
+        />
+    </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { computed, nextTick, ref } from "vue";
+import { ElMessage } from "element-plus";
+import { useRouter } from "vue-router";
+import { SiteList } from "@/api/interface/site/list";
+import { getBootstrapWorkbenchSummary } from "@/api/modules/site/list";
+import BootstrapOpsOverview, { type BootstrapOpsOverviewFocusState } from "./bootstrapOpsOverview.vue";
+import BootstrapEnvOverview from "./bootstrapEnvOverview.vue";
+import BootstrapEnvDialog from "./bootstrapEnvDialog.vue";
+import DomainSupplyDialog from "./domainSupplyDialog.vue";
+
+const BASE_URL = import.meta.env.VITE_API_URL as string;
+
+type WorkbenchTab = "overview" | "ops" | "runtime" | "supply" | "env";
+type MetricCardState = "neutral" | "warning" | "success" | "danger";
+type OpsPanelKey = "queue" | "oncall" | "tasks" | "runs" | "attention" | "completed";
+type BootstrapStageKey =
+    | "all"
+    | "ready_to_register"
+    | "ready_to_apply"
+    | "ready_for_prepare"
+    | "ready_to_import"
+    | "ready_to_release_dry_run"
+    | "ready_to_publish"
+    | "attention"
+    | "published";
+type HostConsolePanelKey = "bundle" | "oncall" | "runs" | "completed" | "supply";
+type OpsInspectorKind = "bundle" | "oncall" | "task" | "run" | "attention_bundle" | "failed_run" | "completed" | "supply";
+type SupplyOrchestrationBucketKey = "all" | "attention" | "oncall" | "bundle" | "completed" | "supply";
+type SupplyBatchPlanAction =
+    | "open-supply-dialog"
+    | "latest-host"
+    | "latest-oncall"
+    | "latest-completed"
+    | "latest-supply-task"
+    | "latest-supply-orchestration-task"
+    | "latest-supply-run"
+    | "bucket-attention"
+    | "bucket-oncall"
+    | "bucket-bundle"
+    | "bucket-supply"
+    | "bucket-completed";
+type BootstrapFocusMode = "all" | "task" | "oncall" | "pipeline" | "import" | "release";
+type BootstrapFocusPayload = BootstrapFocusMode | BootstrapFocusMode[];
+type BootstrapComparePreset =
+    | "latest_two"
+    | "latest_applied_vs_dry_run"
+    | "latest_template_two"
+    | "latest_template_apply_vs_preview"
+    | "latest_restore_two"
+    | "latest_restore_apply_vs_preview";
+type BootstrapRestorePreset = "latest_restore_after_preview" | "latest_restore_before_preview";
+type BootstrapHistoryActionPreset = "template_family" | "restore_family" | "restore_preview_only" | "restore_apply_only";
+type BootstrapDialogPayload =
+    | BootstrapFocusPayload
+    | {
+          focusMode?: BootstrapFocusPayload;
+          comparePreset?: BootstrapComparePreset;
+          restorePreset?: BootstrapRestorePreset;
+          historyActionPreset?: BootstrapHistoryActionPreset;
+      };
+type BootstrapOpsFocusPayload = {
+    panel?: OpsPanelKey;
+    stage?: BootstrapStageKey;
+    host?: string;
+    keyword?: string;
+    clearHostFocus?: boolean;
+    hostConsolePanel?: HostConsolePanelKey;
+    inspectorKind?: OpsInspectorKind | "default";
+};
+type BootstrapAdminOpenPayload =
+    | WorkbenchTab
+    | {
+          tab?: WorkbenchTab;
+          opsFocus?: BootstrapOpsFocusPayload;
+          envDialog?: BootstrapDialogPayload;
+          refresh?: boolean;
+      };
+type BootstrapAdminMetricCard = {
+    key: string;
+    label: string;
+    value: string;
+    meta: string;
+    state: MetricCardState;
+    target: "ops" | "runtime" | "env" | "portal" | "supply";
+    actionKey?: string;
+};
+type BreedingMainlineActionButton = {
+    key: string;
+    label: string;
+    action?: string;
+    host?: string;
+    type: "primary" | "info" | "warning" | "danger" | "success";
+    mode: "mainline" | "host";
+};
+type BreedingMainlineControlChain = {
+    controlObject: string;
+    currentPhase: string;
+    currentStatus: string;
+    nextStep: string;
+    summary: string;
+    tagType: "danger" | "success" | "info" | "warning";
+    title: string;
+    stageMeta: string[];
+    statusMeta: string[];
+    actions: BreedingMainlineActionButton[];
+};
+
+const asText = (value: unknown, fallback = "-"): string =>
+    typeof value === "string" && value.trim().length > 0 ? value : fallback;
+const asList = <T>(value: unknown): T[] => (Array.isArray(value) ? value : []);
+
+const visible = ref(false);
+const loading = ref(false);
+const activeTab = ref<WorkbenchTab>("overview");
+const bootstrapOpsOverviewRef = ref<InstanceType<typeof BootstrapOpsOverview> | null>(null);
+const bootstrapEnvDialogRef = ref<InstanceType<typeof BootstrapEnvDialog> | null>(null);
+const domainSupplyDialogRef = ref<InstanceType<typeof DomainSupplyDialog> | null>(null);
+const currentOpsFocus = ref<BootstrapOpsOverviewFocusState | null>(null);
+const runtimeInspectorHost = ref<SiteList.BootstrapRuntimeAcceptanceFailedHost | null>(null);
+const runtimeInspectorRun = ref<SiteList.BootstrapRuntimeAcceptanceRun | null>(null);
+const router = useRouter();
+const defaultEnvSummary: SiteList.BootstrapEnvTemplateListData = {
+    env_file: "",
+    warning: "",
+    allow_all_risk: false,
+    templates: [],
+    current_values: [],
+    current_profile: {
+        closest_template_key: "",
+        closest_template_name: "",
+        exact_match: false,
+        drift_count: 0,
+        matched_key_count: 0,
+        drift_items: [],
+        label: ""
+    },
+    latest_action: {},
+    action_history: [],
+    action_history_summary: {
+        total_count: 0,
+        applied_count: 0,
+        dry_run_count: 0,
+        latest_action_at: "",
+        status_buckets: [],
+        group_buckets: [],
+        source_buckets: [],
+        template_buckets: []
+    }
+};
+
+const summary = ref<SiteList.BootstrapAdminWorkbenchSummary>({
+    generated_at: "",
+    portal_root: "",
+    bootstrap_ops: {},
+    bootstrap_env: defaultEnvSummary,
+    domain_supply: {}
+});
+
+const opsSummary = () => summary.value.bootstrap_ops ?? {};
+const envSummary = () => summary.value.bootstrap_env ?? defaultEnvSummary;
+const domainSupplySummary = () => summary.value.domain_supply ?? {};
+const breedingMainline = () => summary.value.breeding_mainline ?? {};
+const breedingMainlineWorkbench = () => summary.value.breeding_mainline_workbench ?? {};
+const breedingMainlineProgram = () => summary.value.breeding_mainline_program ?? {};
+const breedingMainlineOrchestration = () => summary.value.breeding_mainline_orchestration ?? {};
+const breedingMainlineExecutionPlan = () => summary.value.breeding_mainline_execution_plan ?? {};
+const breedingMainlineExecutionChain = () => summary.value.breeding_mainline_execution_chain ?? {};
+const breedingMainlineRunbook = () => summary.value.breeding_mainline_runbook ?? {};
+const breedingMainlineDispatch = () => summary.value.breeding_mainline_dispatch ?? {};
+const breedingMainlineScheduler = () => summary.value.breeding_mainline_scheduler ?? {};
+const breedingMainlineController = () => summary.value.breeding_mainline_controller ?? {};
+const effectiveBreedingMainline = (): SiteList.BreedingMainlineSummary => {
+    if (breedingMainlineController().label) return breedingMainlineController();
+    if (breedingMainlineScheduler().label) return breedingMainlineScheduler();
+    if (breedingMainlineDispatch().label) return breedingMainlineDispatch();
+    if (breedingMainlineRunbook().label) return breedingMainlineRunbook();
+    if (breedingMainlineExecutionChain().label) return breedingMainlineExecutionChain();
+    if (breedingMainlineExecutionPlan().label) return breedingMainlineExecutionPlan();
+    if (breedingMainlineOrchestration().label) return breedingMainlineOrchestration();
+    if (breedingMainlineProgram().label) return breedingMainlineProgram();
+    if (breedingMainlineWorkbench().label) return breedingMainlineWorkbench();
+    return breedingMainline();
+};
+const effectiveBreedingMainlineSequence = () =>
+    asList<SiteList.BreedingMainlineExecutionChainStep>(breedingMainlineController().execution_sequence || breedingMainlineController().steps);
+const effectiveBreedingMainlineHandoff = () =>
+    asList<SiteList.BreedingMainlineExecutionChainStep>(breedingMainlineController().handoff_chain || breedingMainlineRunbook().steps);
+const effectiveBreedingMainlinePrimaryAction = () =>
+    breedingMainlineController().resolved_entry_action || breedingMainlineController().entry_action || effectiveBreedingMainline().primary_action || "";
+const effectiveBreedingMainlineSecondaryAction = () =>
+    breedingMainlineController().resolved_followup_action || breedingMainlineController().followup_action || effectiveBreedingMainline().secondary_action || "";
+const effectiveBreedingMainlineResolvedSummary = () =>
+    breedingMainlineController().resolved_entry_summary ||
+    effectiveBreedingMainlineExecutionPathSummary() ||
+    breedingMainlineController().entry_summary ||
+    effectiveBreedingMainline().summary ||
+    "";
+const effectiveBreedingMainlineTagType = (): "danger" | "success" | "info" | "warning" => {
+    if (effectiveBreedingMainline().tag_type === "danger") return "danger";
+    if (effectiveBreedingMainline().tag_type === "success") return "success";
+    if (effectiveBreedingMainline().tag_type === "info") return "info";
+    return "warning";
+};
+const effectiveBreedingMainlineState = (): MetricCardState => {
+    if (effectiveBreedingMainline().tag_type === "danger") return "danger";
+    if (effectiveBreedingMainline().tag_type === "success") return "success";
+    if (effectiveBreedingMainline().tag_type === "info") return "neutral";
+    return "warning";
+};
+/**
+ * 解析繁殖主链动作展示所需的统一标签上下文。
+ */
+const effectiveBreedingMainlineActionContext = () => ({
+    currentActionLabel:
+        breedingMainlineController().resolved_current_action_label ||
+        breedingMainlineController().resolved_entry_action_label ||
+        breedingMainlineController().entry_action_label ||
+        effectiveBreedingMainline().primary_action_label ||
+        effectiveBreedingMainline().current_action_label ||
+        "",
+    nextActionLabel:
+        breedingMainlineController().resolved_next_action_label ||
+        breedingMainlineController().resolved_followup_action_label ||
+        breedingMainlineController().followup_action_label ||
+        effectiveBreedingMainline().secondary_action_label ||
+        effectiveBreedingMainline().next_action_label ||
+        "",
+    leadHost: breedingMainlineController().resolved_entry_host || breedingMainlineController().entry_host || effectiveBreedingMainline().lead_host || ""
+});
+const effectiveBreedingMainlineStageMeta = () => {
+    const actionContext = effectiveBreedingMainlineActionContext();
+    return [
+        `当前阶段 ${breedingMainlineController().current_stage_label || effectiveBreedingMainline().focus_label || "-"}`,
+        `下一阶段 ${breedingMainlineController().next_stage_label || effectiveBreedingMainline().next_action_label || "-"}`,
+        `当前路径 ${effectiveBreedingMainlineExecutionPathCurrentLabel() || "-"}`,
+        `下一路径 ${effectiveBreedingMainlineExecutionPathNextLabel() || "-"}`,
+        `最终阶段 ${breedingMainlineController().final_stage_label || "-"}`,
+        `Lead ${actionContext.leadHost || "-"}`
+    ].filter(Boolean);
+};
+const effectiveBreedingMainlineStatusMeta = () => {
+    const actionContext = effectiveBreedingMainlineActionContext();
+    return [
+        `当前动作 ${actionContext.currentActionLabel || "-"}`,
+        `下一动作 ${actionContext.nextActionLabel || "-"}`,
+        `Blockers ${effectiveBreedingMainline().blockers_count || 0}`,
+        `队列 ${effectiveBreedingMainline().queue_count || 0}`,
+        ...effectiveBreedingMainlineSequence().map(item => `顺序 ${item.label || "-"}`),
+        ...effectiveBreedingMainlineHandoff().map(item => `承接 ${item.label || "-"}`),
+        ...asList<string>(breedingMainlineController().meta).map(item => String(item))
+    ].filter(Boolean);
+};
+const effectiveBreedingMainlineActions = () => {
+    const actionContext = effectiveBreedingMainlineActionContext();
+    const actions: BreedingMainlineActionButton[] = [];
+
+    if (effectiveBreedingMainlinePrimaryAction()) {
+        actions.push({
+            key: "primary",
+            label: actionContext.currentActionLabel || "执行主链动作",
+            action: effectiveBreedingMainlinePrimaryAction(),
+            type: effectiveBreedingMainlineTagType() === "info" ? "warning" : effectiveBreedingMainlineTagType(),
+            mode: "mainline"
+        });
+    }
+    if (effectiveBreedingMainlineSecondaryAction()) {
+        actions.push({
+            key: "secondary",
+            label: actionContext.nextActionLabel || "执行下一动作",
+            action: effectiveBreedingMainlineSecondaryAction(),
+            type: "info",
+            mode: "mainline"
+        });
+    }
+    if (actionContext.leadHost) {
+        actions.push({
+            key: "host",
+            label: `进入 ${actionContext.leadHost}`,
+            host: actionContext.leadHost,
+            type: "warning",
+            mode: "host"
+        });
+    }
+
+    return actions;
+};
+const effectiveBreedingMainlineControlChain = (): BreedingMainlineControlChain => {
+    const mainlineSummary = effectiveBreedingMainline();
+    const actionContext = effectiveBreedingMainlineActionContext();
+    const controlObject = asText(mainlineSummary.label || mainlineSummary.focus_label || mainlineSummary.source_label || mainlineSummary.program_label, "当前供给 / 繁殖主链控制对象");
+    const currentPhase = asText(
+        breedingMainlineController().current_stage_label ||
+        mainlineSummary.focus_label ||
+        mainlineSummary.program_label ||
+        mainlineSummary.title,
+        "当前阶段待识别"
+    );
+    const nextStep = asText(actionContext.nextActionLabel || breedingMainlineController().next_stage_label || mainlineSummary.next_action_label, "暂无下一步");
+    const stageMeta = effectiveBreedingMainlineStageMeta();
+    const statusMeta = effectiveBreedingMainlineStatusMeta();
+    const actions = effectiveBreedingMainlineActions();
+    const resolvedSummary = effectiveBreedingMainlineResolvedSummary();
+    const fallbackSummary = `当前控制对象 ${controlObject}，${currentPhase}，${nextStep}。`;
+
+    return {
+        controlObject,
+        currentPhase,
+        currentStatus: actionContext.currentActionLabel || "待执行动作",
+        nextStep,
+        summary: resolvedSummary || fallbackSummary,
+        tagType: effectiveBreedingMainlineTagType(),
+        title: mainlineSummary.title || controlObject,
+        stageMeta,
+        statusMeta,
+        actions
+    };
+};
+const effectiveBreedingMainlineCard = () => {
+    const chain = effectiveBreedingMainlineControlChain();
+    return {
+        label: chain.controlObject,
+        title: chain.title,
+        summary: chain.summary,
+        tagType: chain.tagType,
+        stageMeta: chain.stageMeta,
+        statusMeta: chain.statusMeta,
+        actions: chain.actions
+    };
+};
+const effectiveBreedingMainlineActionCandidates = () => {
+    const candidates: Array<{ key: string; label: string; action: string }> = [];
+    const pushCandidate = (key: string, label: string, action?: string) => {
+        if (!action) return;
+        if (candidates.some(item => item.action === action)) return;
+        candidates.push({ key, label: label || "执行主链动作", action });
+    };
+
+    effectiveBreedingMainlineActions()
+        .filter(item => item.mode === "mainline" && item.action)
+        .forEach(item => pushCandidate(`card-${item.key}`, item.label, item.action));
+
+    pushCandidate("path-current", effectiveBreedingMainlineExecutionPathCurrentLabel() || "执行当前路径", effectiveBreedingMainlineExecutionPathCurrentAction() || "");
+    pushCandidate("path-next", effectiveBreedingMainlineExecutionPathNextLabel() || "执行下一路径", effectiveBreedingMainlineExecutionPathNextAction() || "");
+    pushCandidate(
+        "path-first",
+        effectiveBreedingMainlineExecutionPath().find(item => item.is_current)?.label || effectiveBreedingMainlineExecutionPath()[0]?.label || "执行主线路径",
+        effectiveBreedingMainlineExecutionPath().find(item => item.is_current)?.action || effectiveBreedingMainlineExecutionPath()[0]?.action || ""
+    );
+    pushCandidate(
+        "route-first",
+        effectiveBreedingMainlineExecutionRoute().find(item => item.is_current)?.label || effectiveBreedingMainlineExecutionRoute()[0]?.label || "执行主线路由",
+        effectiveBreedingMainlineExecutionRoute().find(item => item.is_current)?.action || effectiveBreedingMainlineExecutionRoute()[0]?.action || ""
+    );
+    pushCandidate(
+        "rank-first",
+        effectiveBreedingMainlineExecutionRank().find(item => item.is_current)?.label || effectiveBreedingMainlineExecutionRank()[0]?.label || "执行主线顺位",
+        effectiveBreedingMainlineExecutionRank().find(item => item.is_current)?.action || effectiveBreedingMainlineExecutionRank()[0]?.action || ""
+    );
+    pushCandidate(
+        "priority-first",
+        effectiveBreedingMainlinePriorityOrder().find(item => item.is_current)?.label || effectiveBreedingMainlinePriorityOrder()[0]?.label || "执行主线优先级",
+        effectiveBreedingMainlinePriorityOrder().find(item => item.is_current)?.action || effectiveBreedingMainlinePriorityOrder()[0]?.action || ""
+    );
+    pushCandidate(
+        "action-first",
+        effectiveBreedingMainlineActionOrder().find(item => item.is_current)?.label || effectiveBreedingMainlineActionOrder()[0]?.label || "执行主线动作",
+        effectiveBreedingMainlineActionOrder().find(item => item.is_current)?.action || effectiveBreedingMainlineActionOrder()[0]?.action || ""
+    );
+    pushCandidate("scheduler-primary", breedingMainlineScheduler().primary_action_label || "执行调度主动作", breedingMainlineScheduler().primary_action);
+    pushCandidate("scheduler-secondary", breedingMainlineScheduler().secondary_action_label || "执行调度次动作", breedingMainlineScheduler().secondary_action);
+    pushCandidate("dispatch-primary", breedingMainlineDispatch().primary_action_label || "执行分发主动作", breedingMainlineDispatch().primary_action);
+    pushCandidate("dispatch-secondary", breedingMainlineDispatch().secondary_action_label || "执行分发次动作", breedingMainlineDispatch().secondary_action);
+    pushCandidate("runbook-primary", breedingMainlineRunbook().primary_action_label || "执行 runbook 主动作", breedingMainlineRunbook().primary_action);
+    pushCandidate("runbook-secondary", breedingMainlineRunbook().secondary_action_label || "执行 runbook 次动作", breedingMainlineRunbook().secondary_action);
+    pushCandidate("chain-primary", breedingMainlineExecutionChain().primary_action_label || "执行链路主动作", breedingMainlineExecutionChain().primary_action);
+    pushCandidate("chain-secondary", breedingMainlineExecutionChain().secondary_action_label || "执行链路次动作", breedingMainlineExecutionChain().secondary_action);
+
+    return candidates;
+};
+const effectiveBreedingMainlineQuickActionEntry = () => effectiveBreedingMainlineActionCandidates()[0] ?? null;
+const effectiveBreedingMainlineQuickActionFollowup = () => effectiveBreedingMainlineActionCandidates()[1] ?? null;
+const effectiveBreedingMainlineMetricMeta = () => {
+    const card = effectiveBreedingMainlineCard();
+    const actionContext = effectiveBreedingMainlineActionContext();
+
+    if (card.summary) return card.summary;
+    if (effectiveBreedingMainlineQuickActionEntry()?.label) {
+        return `${effectiveBreedingMainlineQuickActionEntry()?.label} / ${actionContext.leadHost || "-"}`;
+    }
+    if (breedingMainlineController().current_stage_label || effectiveBreedingMainline().focus_label) {
+        return `${breedingMainlineController().current_stage_label || effectiveBreedingMainline().focus_label || ""} -> ${breedingMainlineController().next_stage_label || effectiveBreedingMainline().next_action_label || "-"}`;
+    }
+    return "暂无供给 / 繁殖主链控制对象";
+};
+const effectiveBreedingMainlineQuickActionMeta = () =>
+    `${effectiveBreedingMainlineCard().label || "-"} / ${effectiveBreedingMainlineQuickActionEntry()?.label || effectiveBreedingMainlineCard().summary || "-"}`;
+const effectiveBreedingMainlineEntry = () => ({
+    metric: {
+        key: "supply-mainline",
+        label: "供给 / 繁殖主链",
+        value: effectiveBreedingMainlineCard().label || "-",
+        meta: effectiveBreedingMainlineMetricMeta(),
+        state: effectiveBreedingMainlineState(),
+        target: "supply" as const,
+        actionKey: "latest-supply-mainline"
+    },
+    quickAction: {
+        key: "latest-supply-mainline",
+        label: "查看供给 / 繁殖主链",
+        meta: effectiveBreedingMainlineQuickActionMeta()
+    },
+    contexts: {
+        supply: {
+            title: `一体化供给 / ${effectiveBreedingMainlineContext().title}`,
+            summary: effectiveBreedingMainlineContext().summary
+        },
+        overview: {
+            title: `总控概览 / ${effectiveBreedingMainlineContext().title}`,
+            summary: effectiveBreedingMainlineContext().summary
+        }
+    }
+});
+const effectiveBreedingMainlineContextTitle = () => {
+    const chain = effectiveBreedingMainlineControlChain();
+    if (chain.controlObject) {
+        return chain.controlObject;
+    }
+    if (supplyInspectorTitle()) {
+        return supplyInspectorTitle();
+    }
+    if (latestSupplyRun()?.run_id) {
+        return `最近供给 ${latestSupplyRun()?.run_id}`;
+    }
+    return "暂无运行";
+};
+const effectiveBreedingMainlineContextSummary = () => {
+    const chain = effectiveBreedingMainlineControlChain();
+    const actionContext = effectiveBreedingMainlineActionContext();
+
+    if (effectiveSupplyInspectorHost()?.host) {
+        return `当前控制对象 ${chain.controlObject}，检查器 ${effectiveSupplyInspectorHost()?.host} / ${supplyInspectorSummary()}。当前动作 ${actionContext.currentActionLabel || "-"}，下一动作 ${actionContext.nextActionLabel || "-"}，Lead ${actionContext.leadHost || "-"}.`;
+    }
+    if (latestSupplyRun()?.run_id) {
+        return `当前供给主链控制对象 ${chain.controlObject}，${chain.summary || `runs ${domainSupplySummary().runs_count || 0}，hosts ${supplyHostTotals().length}`}。当前动作 ${actionContext.currentActionLabel || "-"}，下一动作 ${actionContext.nextActionLabel || "-"}.`;
+    }
+    return `当前控制对象 ${chain.controlObject}，runs ${domainSupplySummary().runs_count || 0}，hosts ${supplyHostTotals().length}，失败 Host ${supplyFailedHosts().length}。当前动作 ${actionContext.currentActionLabel || "-"}，下一动作 ${actionContext.nextActionLabel || "-"}.`;
+};
+const effectiveBreedingMainlineContext = () => ({
+    title: effectiveBreedingMainlineContextTitle(),
+    summary: effectiveBreedingMainlineContextSummary()
+});
+const effectiveBreedingMainlineActionOrder = () =>
+    asList<SiteList.BreedingMainlineActionStep>(breedingMainlineController().action_order);
+const effectiveBreedingMainlinePriorityOrder = () =>
+    asList<SiteList.BreedingMainlinePriorityStep>(breedingMainlineController().priority_order);
+const effectiveBreedingMainlineExecutionRank = () =>
+    asList<SiteList.BreedingMainlineExecutionRankStep>(breedingMainlineController().execution_rank);
+const effectiveBreedingMainlineExecutionRoute = () =>
+    asList<SiteList.BreedingMainlineExecutionRouteStep>(breedingMainlineController().execution_route);
+const effectiveBreedingMainlineExecutionPath = () =>
+    asList<SiteList.BreedingMainlineExecutionPathStep>(breedingMainlineController().execution_path);
+const effectiveBreedingMainlineExecutionPathSummary = () => breedingMainlineController().execution_path_summary || "";
+const effectiveBreedingMainlineExecutionPathCurrentLabel = () =>
+    breedingMainlineController().execution_path_current_label ||
+    effectiveBreedingMainlineExecutionPath().find(item => item.is_current)?.label ||
+    effectiveBreedingMainlineExecutionPath()[0]?.label ||
+    "";
+const effectiveBreedingMainlineExecutionPathCurrentAction = () =>
+    breedingMainlineController().execution_path_current_action ||
+    effectiveBreedingMainlineExecutionPath().find(item => item.is_current)?.action ||
+    effectiveBreedingMainlineExecutionPath()[0]?.action ||
+    "";
+const effectiveBreedingMainlineExecutionPathNextLabel = () =>
+    breedingMainlineController().execution_path_next_label ||
+    effectiveBreedingMainlineExecutionPath().find(item => item.is_next)?.label ||
+    effectiveBreedingMainlineExecutionPath()[1]?.label ||
+    "";
+const effectiveBreedingMainlineExecutionPathNextAction = () =>
+    breedingMainlineController().execution_path_next_action ||
+    effectiveBreedingMainlineExecutionPath().find(item => item.is_next)?.action ||
+    effectiveBreedingMainlineExecutionPath()[1]?.action ||
+    "";
+const envProfile = () => envSummary().current_profile ?? {
+    closest_template_key: "",
+    closest_template_name: "",
+    exact_match: false,
+    drift_count: 0,
+    matched_key_count: 0,
+    drift_items: [],
+    label: ""
+};
+const latestBundle = () => opsSummary().bootstrap_portal?.latest_bundle;
+const latestOncall = () => opsSummary().bootstrap_oncall_portal?.latest_entry;
+const latestTask = () => opsSummary().tasks_portal?.latest_task;
+const runtimePortal = () => opsSummary().runtime_acceptance_portal ?? {};
+const latestRuntimeRun = () => opsSummary().latest_runtime_acceptance ?? runtimePortal().latest_run;
+const latestRuntimeTask = () => opsSummary().latest_runtime_acceptance_task;
+const latestSupplyTask = () => opsSummary().latest_domain_supply_task;
+const latestSupplyOrchestrationTask = () => opsSummary().latest_domain_supply_orchestration_task;
+const runtimeFailedHosts = () => runtimePortal().failed_hosts ?? [];
+const runtimeHostTotals = () => runtimePortal().host_totals ?? [];
+const latestRuntimeFailedHost = () => runtimeFailedHosts()[0] ?? null;
+const latestSupplyRun = () => domainSupplySummary().latest_run ?? null;
+const supplyMainlineProgram = () => domainSupplySummary().mainline_program ?? {};
+const supplyMainlineEntry = () => domainSupplySummary().mainline_entry ?? {};
+const supplyMainlineWorkbench = () => domainSupplySummary().mainline_workbench ?? {};
+const latestSupplyOpsHost = () =>
+    latestSupplyRun()?.hosts?.[0] ||
+    latestSupplyRun()?.items_preview?.[0]?.bundle_host ||
+    latestSupplyRun()?.items_preview?.[0]?.site_domain ||
+    latestSupplyRun()?.items_preview?.[0]?.host ||
+    "";
+const supplyHostTotals = () => domainSupplySummary().host_totals ?? [];
+const supplyFailedHosts = () => supplyHostTotals().filter(item => (item.failed_count || 0) > 0);
+const latestSupplyFailedHost = () => domainSupplySummary().latest_failed_host ?? supplyFailedHosts()[0] ?? null;
+const supplyMainlineControlTower = () => domainSupplySummary().mainline_control_tower ?? {};
+const supplyOrchestrationSummary = () => domainSupplySummary().orchestration_summary ?? {};
+const supplyOrchestrationSequence = () => supplyOrchestrationSummary().sequence ?? [];
+const supplyOrchestrationPhase = () => supplyOrchestrationSummary().phase ?? {};
+const supplyNextAction = () => supplyOrchestrationSummary().next_action ?? {};
+const supplyHandoffPlan = () => supplyOrchestrationSummary().handoff_plan ?? {};
+const supplyMainlinePlan = () => supplyOrchestrationSummary().mainline_plan ?? {};
+const supplyMainlineChain = () => supplyOrchestrationSummary().mainline_chain ?? [];
+const supplyMainlineRoute = () => supplyOrchestrationSummary().mainline_route ?? [];
+const supplyProjectedMainlineRoute = () => supplyOrchestrationSummary().projected_mainline_route ?? [];
+const supplyNextMainlineStage = () => supplyOrchestrationSummary().next_mainline_stage ?? {};
+const supplyProjectedNextMainlineStage = () => supplyOrchestrationSummary().projected_next_mainline_stage ?? {};
+const supplyNextBusinessAction = () => supplyOrchestrationSummary().next_business_action ?? {};
+const supplyMainlineSequencePlan = () => supplyOrchestrationSummary().mainline_sequence_plan ?? {};
+const supplyBusinessSequence = () => supplyOrchestrationSummary().business_sequence ?? [];
+const supplyBusinessTakeoverQueue = () => supplyOrchestrationSummary().business_takeover_queue ?? [];
+const supplyBusinessControlTower = () => supplyOrchestrationSummary().business_control_tower ?? {};
+const supplyBusinessActionQueue = () => supplyOrchestrationSummary().business_action_queue ?? [];
+const supplyDispatchPlan = () => supplyOrchestrationSummary().dispatch_plan ?? {};
+const supplyDispatchStage = () => supplyOrchestrationSummary().dispatch_stage ?? {};
+const supplyNextDispatchStage = () => supplyOrchestrationSummary().next_dispatch_stage ?? {};
+const supplyDispatchChain = () => supplyOrchestrationSummary().dispatch_chain ?? [];
+const supplyDispatchOrder = () => supplyOrchestrationSummary().dispatch_order ?? [];
+const latestEnvAction = () => {
+    const latest = envSummary().latest_action;
+    return latest && !Array.isArray(latest) && Object.keys(latest).length > 0 ? latest as SiteList.BootstrapEnvLatestAction : null;
+};
+const opsExists = () => !!opsSummary().bootstrap_portal?.exists;
+const envRisk = () => !!envSummary().allow_all_risk || (envProfile().drift_count || 0) > 0;
+const envExactMatch = () => !!envProfile().exact_match;
+const runtimeReady = () => (opsSummary().runtime_acceptance || "") === "ready" || !!runtimePortal().exists;
+const effectiveRuntimeInspectorHost = () => runtimeInspectorHost.value ?? latestRuntimeFailedHost();
+const effectiveRuntimeInspectorRun = () => runtimeInspectorRun.value ?? latestRuntimeRun();
+const supplyReady = () => !!domainSupplySummary().exists && (domainSupplySummary().runs_count || 0) > 0;
+const supplyInspectorHost = ref<SiteList.DomainSupplyHostSummary | null>(null);
+const supplyInspectorRun = ref<SiteList.DomainSupplyRunSummaryItem | null>(null);
+const activeSupplyBucket = ref<SupplyOrchestrationBucketKey>("all");
+const effectiveSupplyInspectorHost = () => supplyInspectorHost.value ?? latestSupplyFailedHost() ?? supplyHostTotals()[0] ?? null;
+const effectiveSupplyInspectorRun = () => supplyInspectorRun.value ?? latestSupplyRun() ?? null;
+
+const runtimeInspectorTag = () => {
+    if (effectiveRuntimeInspectorHost()?.host) {
+        return effectiveRuntimeInspectorHost()?.top_failure_category || "failed_host";
+    }
+    return effectiveRuntimeInspectorRun()?.status || "runtime";
+};
+
+const runtimeInspectorTagType = () => {
+    if (effectiveRuntimeInspectorHost()?.host) {
+        return "danger";
+    }
+    return effectiveRuntimeInspectorRun()?.status === "passed" ? "success" : "warning";
+};
+
+const runtimeInspectorTitle = () => {
+    if (effectiveRuntimeInspectorHost()?.host) {
+        return effectiveRuntimeInspectorHost()?.host || "-";
+    }
+    return effectiveRuntimeInspectorRun()?.run_name || effectiveRuntimeInspectorRun()?.host || "暂无运行时检查器";
+};
+
+const runtimeInspectorSummary = () => {
+    if (effectiveRuntimeInspectorHost()?.host) {
+        return effectiveRuntimeInspectorHost()?.likely_issue || "当前 host 还没有失败摘要";
+    }
+    return effectiveRuntimeInspectorRun()?.summary || "当前还没有选中的运行时验收记录。";
+};
+
+const runtimeInspectorMeta = () => {
+    if (effectiveRuntimeInspectorHost()?.host) {
+        const host = effectiveRuntimeInspectorHost();
+        return [
+            `样本 ${host.configured_samples_count || 0}`,
+            `失败套件 ${host.failed_suites || 0}`,
+            `失败分类 ${host.top_failure_category || "-"}`,
+            `Top Suites ${host.top_failed_suites?.join(" / ") || "-"}`
+        ];
+    }
+    const run = effectiveRuntimeInspectorRun();
+    return [
+        `Host ${run?.host || "-"}`,
+        `Video ${run?.video_id || "-"}`,
+        `Forge ${run?.forge_id || "-"}`,
+        `Suites ${run?.suite_count || 0} / Failed ${run?.failed_suites || 0}`
+    ];
+};
+
+const runtimeInspectorCommand = () => {
+    if (effectiveRuntimeInspectorHost()?.host) {
+        return effectiveRuntimeInspectorHost()?.remediation_action || effectiveRuntimeInspectorHost()?.rerun_command || "";
+    }
+    const run = effectiveRuntimeInspectorRun();
+    if (!run?.host) {
+        return "";
+    }
+    return `php scripts/seo_copy_runtime_acceptance_host_run.php ${run.host} --format=text`;
+};
+
+const runtimeInspectorOpsHost = () => effectiveRuntimeInspectorHost()?.host || effectiveRuntimeInspectorRun()?.host || "";
+const supplyInspectorTag = () => {
+    if (effectiveSupplyInspectorHost()?.host) {
+        return (effectiveSupplyInspectorHost()?.failed_count || 0) > 0 ? "attention" : "queue";
+    }
+    return effectiveSupplyInspectorRun()?.status || "supply";
+};
+
+const supplyInspectorTagType = () => {
+    if (effectiveSupplyInspectorHost()?.host) {
+        return (effectiveSupplyInspectorHost()?.failed_count || 0) > 0 ? "danger" : "success";
+    }
+    return effectiveSupplyInspectorRun()?.status === "success" ? "success" : "warning";
+};
+
+const supplyInspectorTitle = () => {
+    if (effectiveSupplyInspectorHost()?.host) {
+        return effectiveSupplyInspectorHost()?.host || "-";
+    }
+    return effectiveSupplyInspectorRun()?.run_id || "暂无供给检查器";
+};
+
+const supplyInspectorSummary = () => {
+    if (effectiveSupplyInspectorHost()?.host) {
+        return effectiveSupplyInspectorHost()?.latest_message || "当前 Host 暂无供给异常摘要";
+    }
+    return effectiveSupplyInspectorRun()?.hosts?.join(" / ") || "当前还没有选中的供给运行记录。";
+};
+
+const supplyInspectorMeta = () => {
+    if (effectiveSupplyInspectorHost()?.host) {
+        const host = effectiveSupplyInspectorHost();
+        const opsFocus = resolveOpsFocusForSupplyHost(host);
+        return [
+            `Runs ${host.runs || 0}`,
+            `成功 ${host.success_count || 0}`,
+            `失败 ${host.failed_count || 0}`,
+            `策略 ${host.latest_strategy_profile || (host.strategy_profiles || []).join(" / ") || "-"}`,
+            `主线 ${opsFocus.panel}/${opsFocus.hostConsolePanel}`
+        ];
+    }
+    const run = effectiveSupplyInspectorRun();
+    return [
+        `处理 ${run?.processed_count || 0}`,
+        `成功 ${run?.success_count || 0}`,
+        `失败 ${run?.failed_count || 0}`,
+        `Hosts ${(run?.hosts || []).join(" / ") || "-"}`,
+        `编排桶 ${activeSupplyBucket.value}`
+    ];
+};
+
+const resolveOpsFocusForSupplyHost = (host?: SiteList.DomainSupplyHostSummary | null, fallbackHost = ""): BootstrapOpsFocusPayload => {
+    const targetHost = host?.host || fallbackHost;
+    if (!targetHost) {
+        return {
+            panel: "queue",
+            stage: "all",
+            host: "",
+            hostConsolePanel: "bundle",
+            inspectorKind: "bundle"
+        };
+    }
+
+    const completedEntry = (opsSummary().bootstrap_completed_portal?.entries ||
+        opsSummary().bootstrap_completed_portal?.top_entries ||
+        []) as SiteList.BootstrapOpsLatestEntry[];
+    const completed = completedEntry.find(item => item.host === targetHost);
+    if (completed) {
+        return {
+            panel: "completed",
+            stage: "published",
+            host: targetHost,
+            hostConsolePanel: "completed",
+            inspectorKind: "completed"
+        };
+    }
+
+    const oncallEntry = (opsSummary().bootstrap_oncall_portal?.top_entries || []) as SiteList.BootstrapOpsLatestEntry[];
+    const oncall = oncallEntry.find(item => item.host === targetHost);
+    if (oncall) {
+        return {
+            panel: "oncall",
+            stage: (oncall.handoff_stage_code as BootstrapStageKey) || "all",
+            host: targetHost,
+            hostConsolePanel: "oncall",
+            inspectorKind: "oncall"
+        };
+    }
+
+    const runEntries = (opsSummary().bootstrap_runs_portal?.runs || []) as SiteList.BootstrapOpsLatestRun[];
+    const failedRun = runEntries.find(item => item.host === targetHost && item.overall_status === "failed");
+    if (failedRun) {
+        return {
+            panel: "attention",
+            stage: "attention",
+            host: targetHost,
+            hostConsolePanel: "runs",
+            inspectorKind: "failed_run"
+        };
+    }
+
+    const bundleEntries = (opsSummary().bootstrap_portal?.bundles || []) as SiteList.BootstrapOpsLatestBundle[];
+    const attentionBundle = bundleEntries.find(item => item.host === targetHost && item.handoff_stage_code === "attention");
+    if (attentionBundle) {
+        return {
+            panel: "attention",
+            stage: "attention",
+            host: targetHost,
+            hostConsolePanel: "runs",
+            inspectorKind: "attention_bundle"
+        };
+    }
+
+    const bundle = bundleEntries.find(item => item.host === targetHost);
+    if (bundle) {
+        return {
+            panel: "queue",
+            stage: (bundle.handoff_stage_code as BootstrapStageKey) || "all",
+            host: targetHost,
+            hostConsolePanel: "bundle",
+            inspectorKind: "bundle"
+        };
+    }
+
+    const failed = (host?.failed_count || 0) > 0;
+    if (!failed) {
+        return {
+            panel: "queue",
+            stage: "all",
+            host: targetHost,
+            hostConsolePanel: "supply",
+            inspectorKind: "supply"
+        };
+    }
+    return {
+        panel: "attention",
+        stage: "attention",
+        host: targetHost,
+        hostConsolePanel: "supply",
+        inspectorKind: "supply"
+    };
+};
+
+const supplyOrchestrationBuckets = () => {
+    const backendBuckets = supplyOrchestrationSummary().buckets ?? [];
+    if (backendBuckets.length > 0) {
+        return [
+            {
+                key: "all" as const,
+                label: "全部供给 Host",
+                count: supplyHostTotals().length,
+                meta: `运行 ${domainSupplySummary().runs_count || 0} / 失败 ${supplyFailedHosts().length}`,
+                state: "neutral" as MetricCardState,
+                hosts: supplyHostTotals()
+            },
+            ...backendBuckets.map(bucket => ({
+                key: (bucket.key || "bundle") as Exclude<SupplyOrchestrationBucketKey, "all">,
+                label: bucket.label || "供给分桶",
+                count: bucket.count || 0,
+                meta: bucket.lead_host || "当前没有代表 Host",
+                state: ((bucket.tag_type || "warning") === "danger"
+                    ? "danger"
+                    : (bucket.tag_type || "warning") === "success"
+                      ? "success"
+                      : "warning") as MetricCardState,
+                hosts: (bucket.hosts || [])
+                    .map(hostName => supplyHostTotals().find(item => item.host === hostName))
+                    .filter(Boolean) as SiteList.DomainSupplyHostSummary[]
+            }))
+        ];
+    }
+
+    const groups: Record<Exclude<SupplyOrchestrationBucketKey, "all">, SiteList.DomainSupplyHostSummary[]> = {
+        attention: [],
+        oncall: [],
+        bundle: [],
+        completed: [],
+        supply: []
+    };
+
+    supplyHostTotals().forEach(host => {
+        const opsFocus = resolveOpsFocusForSupplyHost(host);
+        const panel = opsFocus.panel;
+        const consolePanel = opsFocus.hostConsolePanel;
+        if (panel === "completed") {
+            groups.completed.push(host);
+            return;
+        }
+        if (panel === "oncall") {
+            groups.oncall.push(host);
+            return;
+        }
+        if (panel === "attention") {
+            groups.attention.push(host);
+            return;
+        }
+        if (consolePanel === "supply") {
+            groups.supply.push(host);
+            return;
+        }
+        groups.bundle.push(host);
+    });
+
+    return [
+        {
+            key: "all" as const,
+            label: "全部供给 Host",
+            count: supplyHostTotals().length,
+            meta: `运行 ${domainSupplySummary().runs_count || 0} / 失败 ${supplyFailedHosts().length}`,
+            state: "neutral" as MetricCardState,
+            hosts: supplyHostTotals()
+        },
+        {
+            key: "attention" as const,
+            label: "先排异常",
+            count: groups.attention.length,
+            meta: groups.attention[0]?.host || "当前没有异常供给 Host",
+            state: groups.attention.length > 0 ? "danger" : "success",
+            hosts: groups.attention
+        },
+        {
+            key: "oncall" as const,
+            label: "进入 Oncall",
+            count: groups.oncall.length,
+            meta: groups.oncall[0]?.host || "当前没有 oncall Host",
+            state: groups.oncall.length > 0 ? "warning" : "success",
+            hosts: groups.oncall
+        },
+        {
+            key: "bundle" as const,
+            label: "推进 Bundle 主线",
+            count: groups.bundle.length,
+            meta: groups.bundle[0]?.host || "当前没有 bundle Host",
+            state: groups.bundle.length > 0 ? "warning" : "success",
+            hosts: groups.bundle
+        },
+        {
+            key: "supply" as const,
+            label: "先回看 Supply",
+            count: groups.supply.length,
+            meta: groups.supply[0]?.host || "当前没有 supply-only Host",
+            state: groups.supply.length > 0 ? "info" : "success",
+            hosts: groups.supply
+        },
+        {
+            key: "completed" as const,
+            label: "已完成 Host",
+            count: groups.completed.length,
+            meta: groups.completed[0]?.host || "当前没有已完成 Host",
+            state: groups.completed.length > 0 ? "success" : "neutral",
+            hosts: groups.completed
+        }
+    ];
+};
+
+const filteredSupplyHostTotals = () => {
+    const bucket = supplyOrchestrationBuckets().find(item => item.key === activeSupplyBucket.value);
+    return bucket?.hosts || supplyHostTotals();
+};
+
+const activeSupplyBucketLeadHost = () => filteredSupplyHostTotals()[0] ?? null;
+
+const activeSupplyBucketPlan = () => {
+    const bucket = supplyOrchestrationBuckets().find(item => item.key === activeSupplyBucket.value);
+    const lead = activeSupplyBucketLeadHost();
+    const opsFocus = lead ? resolveOpsFocusForSupplyHost(lead) : null;
+    const bucketLabel = bucket?.label || "全部供给 Host";
+    const count = bucket?.count || 0;
+
+    if (!count) {
+        return {
+            label: bucketLabel,
+            title: `${bucketLabel} 当前为空`,
+            summary: "当前这组供给 Host 为空，可以切换到其它分桶继续接手。",
+            meta: [`Hosts 0`, `当前没有可接手的代表 Host`],
+            tagType: "success" as const
+        };
+    }
+
+    return {
+        label: bucketLabel,
+        title: `先处理 ${bucketLabel}`,
+        summary: lead
+            ? `${bucketLabel} 当前共有 ${count} 个 Host，建议先从 ${lead.host} 开始接手，再按同桶顺序推进。`
+            : `${bucketLabel} 当前共有 ${count} 个 Host。`,
+        meta: [
+            `Hosts ${count}`,
+            `代表 Host ${lead?.host || "-"}`,
+            `主线 ${(opsFocus?.panel || "-")}/${(opsFocus?.hostConsolePanel || "-")}`,
+            `状态 ${lead?.latest_status || lead?.ops_panel || "-"}`
+        ],
+        tagType:
+            activeSupplyBucket.value === "attention"
+                ? ("danger" as const)
+                : activeSupplyBucket.value === "completed"
+                  ? ("success" as const)
+                  : ("warning" as const)
+    };
+};
+
+const supplyBatchPlan = () => {
+    const backendPlan = supplyOrchestrationSummary().plan;
+    if (backendPlan?.title) {
+        return {
+            label: backendPlan.label || "供给建议",
+            title: backendPlan.title || "当前批次建议",
+            summary: backendPlan.summary || "当前没有编排建议摘要",
+            meta: backendPlan.meta || [],
+            tagType: (backendPlan.tag_type || "warning") as "danger" | "warning" | "info" | "success",
+            primaryAction: (backendPlan.primary_action || null) as SupplyBatchPlanAction | null,
+            primaryActionLabel: backendPlan.primary_action_label || "",
+            primaryActionType: ((backendPlan.tag_type || "warning") === "danger"
+                ? "danger"
+                : (backendPlan.tag_type || "warning") === "success"
+                  ? "success"
+                  : (backendPlan.tag_type || "warning") === "info"
+                    ? "primary"
+                    : "warning") as "primary" | "warning" | "danger" | "success",
+            secondaryAction: (backendPlan.secondary_action || null) as SupplyBatchPlanAction | null,
+            secondaryActionLabel: backendPlan.secondary_action_label || "",
+            tertiaryAction: (backendPlan.tertiary_action || null) as SupplyBatchPlanAction | null,
+            tertiaryActionLabel: backendPlan.tertiary_action_label || ""
+        };
+    }
+
+    const attentionBucket = supplyOrchestrationBuckets().find(item => item.key === "attention");
+    const oncallBucket = supplyOrchestrationBuckets().find(item => item.key === "oncall");
+    const bundleBucket = supplyOrchestrationBuckets().find(item => item.key === "bundle");
+    const supplyBucket = supplyOrchestrationBuckets().find(item => item.key === "supply");
+    const completedBucket = supplyOrchestrationBuckets().find(item => item.key === "completed");
+    const latestTaskStatus = latestSupplyTask()?.status || "";
+    const latestRunStatus = latestSupplyRun()?.status || "";
+
+    const latestOrchestrationStatus = latestSupplyOrchestrationTask()?.status || "";
+
+    if (!latestSupplyTask()?.task_slug && !latestSupplyOrchestrationTask()?.task_slug && !latestSupplyRun()?.run_id) {
+        return {
+            label: "待发起",
+            title: "先发起一体化供给",
+            summary: "当前还没有供给任务和供给运行记录，建议先打开供给工作台生成或上传模板，再进入批量编排。",
+            meta: ["Task missing", "Orchestration missing", "Run missing", "当前没有可接手的供给批次"],
+            tagType: "warning" as const,
+            primaryAction: "open-supply-dialog" as SupplyBatchPlanAction,
+            primaryActionLabel: "打开供给工作台",
+            primaryActionType: "primary" as const,
+            secondaryAction: null as SupplyBatchPlanAction | null,
+            secondaryActionLabel: "",
+            tertiaryAction: null as SupplyBatchPlanAction | null,
+            tertiaryActionLabel: ""
+        };
+    }
+
+    if (latestSupplyOrchestrationTask()?.task_slug && latestOrchestrationStatus && latestOrchestrationStatus !== "success") {
+        return {
+            label: "先回看编排",
+            title: "最近供给编排任务未成功",
+            summary: latestSupplyOrchestrationTask()?.summary || "最近供给编排任务存在异常或未完成，建议先确认编排结论，再决定是否继续看 run 或接 Host。",
+            meta: [
+                `Orchestration ${latestSupplyOrchestrationTask()?.task_slug || "-"}`,
+                `Status ${latestOrchestrationStatus}`,
+                `Run ${latestSupplyRun()?.run_id || "-"}`
+            ],
+            tagType: "danger" as const,
+            primaryAction: "latest-supply-orchestration-task" as SupplyBatchPlanAction,
+            primaryActionLabel: "先看供给编排任务",
+            primaryActionType: "danger" as const,
+            secondaryAction: latestSupplyRun()?.run_id ? ("latest-supply-run" as SupplyBatchPlanAction) : null,
+            secondaryActionLabel: "再看最近供给运行",
+            tertiaryAction: latestSupplyTask()?.task_slug ? ("latest-supply-task" as SupplyBatchPlanAction) : ("open-supply-dialog" as SupplyBatchPlanAction),
+            tertiaryActionLabel: latestSupplyTask()?.task_slug ? "查看供给调度任务" : "打开供给工作台"
+        };
+    }
+
+    if (latestTaskStatus && latestTaskStatus !== "success") {
+        return {
+            label: "先回看任务",
+            title: "最近供给调度任务未成功",
+            summary: latestSupplyTask()?.summary || "最近供给调度任务存在异常或未完成，建议先确认任务健康，再决定是否继续看 run 或接 Host。",
+            meta: [
+                `Task ${latestSupplyTask()?.task_slug || "-"}`,
+                `Status ${latestTaskStatus}`,
+                `Run ${latestSupplyRun()?.run_id || "-"}`
+            ],
+            tagType: "danger" as const,
+            primaryAction: "latest-supply-task" as SupplyBatchPlanAction,
+            primaryActionLabel: "先看供给任务",
+            primaryActionType: "danger" as const,
+            secondaryAction: latestSupplyRun()?.run_id ? ("latest-supply-run" as SupplyBatchPlanAction) : null,
+            secondaryActionLabel: "再看最近供给运行",
+            tertiaryAction: latestSupplyOrchestrationTask()?.task_slug
+                ? ("latest-supply-orchestration-task" as SupplyBatchPlanAction)
+                : ("open-supply-dialog" as SupplyBatchPlanAction),
+            tertiaryActionLabel: latestSupplyOrchestrationTask()?.task_slug ? "查看供给编排任务" : "打开供给工作台"
+        };
+    }
+
+    if (latestRunStatus && latestRunStatus !== "success") {
+        return {
+            label: "先回看运行",
+            title: "最近供给运行存在失败或未收口项",
+            summary: `最近供给运行 ${latestSupplyRun()?.run_id || "-"} 当前状态 ${latestRunStatus}，建议先确认本次生成结果，再进入具体 Host 主线。`,
+            meta: [
+                `Run ${latestSupplyRun()?.run_id || "-"}`,
+                `处理 ${latestSupplyRun()?.processed_count || 0}`,
+                `失败 ${latestSupplyRun()?.failed_count || 0}`
+            ],
+            tagType: "warning" as const,
+            primaryAction: "latest-supply-run" as SupplyBatchPlanAction,
+            primaryActionLabel: "先看供给运行",
+            primaryActionType: "warning" as const,
+            secondaryAction: (attentionBucket?.count || 0) > 0 ? ("bucket-attention" as SupplyBatchPlanAction) : null,
+            secondaryActionLabel: "接手异常桶首个 Host",
+            tertiaryAction: "latest-supply-task" as SupplyBatchPlanAction,
+            tertiaryActionLabel: "查看供给任务"
+        };
+    }
+
+    if ((attentionBucket?.count || 0) > 0) {
+        return {
+            label: "先排异常",
+            title: "这批供给结果先从异常 Host 开始接手",
+            summary: `当前异常桶有 ${attentionBucket?.count || 0} 个 Host，建议先从 ${attentionBucket?.hosts?.[0]?.host || "-"} 开始，优先处理 attention / failed run 主线。`,
+            meta: [
+                `异常 Host ${attentionBucket?.count || 0}`,
+                `代表 ${attentionBucket?.hosts?.[0]?.host || "-"}`,
+                `最近任务 ${latestTaskStatus || "-"}`
+            ],
+            tagType: "danger" as const,
+            primaryAction: "bucket-attention" as SupplyBatchPlanAction,
+            primaryActionLabel: "接手异常桶首个 Host",
+            primaryActionType: "danger" as const,
+            secondaryAction: "latest-supply-run" as SupplyBatchPlanAction,
+            secondaryActionLabel: "查看供给运行",
+            tertiaryAction: "latest-supply-task" as SupplyBatchPlanAction,
+            tertiaryActionLabel: "查看供给任务"
+        };
+    }
+
+    if ((oncallBucket?.count || 0) > 0) {
+        return {
+            label: "进入 Oncall",
+            title: "这批供给结果先推进 Oncall 主线",
+            summary: `当前已有 ${oncallBucket?.count || 0} 个 Host 进入 Oncall，建议先从 ${oncallBucket?.hosts?.[0]?.host || "-"} 开始值班推进。`,
+            meta: [
+                `Oncall Host ${oncallBucket?.count || 0}`,
+                `代表 ${oncallBucket?.hosts?.[0]?.host || "-"}`,
+                `Run ${latestSupplyRun()?.run_id || "-"}`
+            ],
+            tagType: "warning" as const,
+            primaryAction: "bucket-oncall" as SupplyBatchPlanAction,
+            primaryActionLabel: "接手 Oncall 首个 Host",
+            primaryActionType: "warning" as const,
+            secondaryAction: "latest-supply-run" as SupplyBatchPlanAction,
+            secondaryActionLabel: "查看供给运行",
+            tertiaryAction: null as SupplyBatchPlanAction | null,
+            tertiaryActionLabel: ""
+        };
+    }
+
+    if ((bundleBucket?.count || 0) > 0) {
+        return {
+            label: "推进 Bundle",
+            title: "这批供给结果先推进 Bundle 主线",
+            summary: `当前有 ${bundleBucket?.count || 0} 个 Host 已进入 bundle 队列，建议先从 ${bundleBucket?.hosts?.[0]?.host || "-"} 开始推进。`,
+            meta: [
+                `Bundle Host ${bundleBucket?.count || 0}`,
+                `代表 ${bundleBucket?.hosts?.[0]?.host || "-"}`,
+                `策略 ${(bundleBucket?.hosts?.[0]?.strategy_profiles || []).join(" / ") || bundleBucket?.hosts?.[0]?.latest_strategy_profile || "-"}`
+            ],
+            tagType: "warning" as const,
+            primaryAction: "bucket-bundle" as SupplyBatchPlanAction,
+            primaryActionLabel: "接手 Bundle 首个 Host",
+            primaryActionType: "warning" as const,
+            secondaryAction: "latest-supply-run" as SupplyBatchPlanAction,
+            secondaryActionLabel: "查看供给运行",
+            tertiaryAction: null as SupplyBatchPlanAction | null,
+            tertiaryActionLabel: ""
+        };
+    }
+
+    if ((supplyBucket?.count || 0) > 0) {
+        return {
+            label: "回看 Supply",
+            title: "当前先回看 Supply-only Host",
+            summary: `当前还有 ${supplyBucket?.count || 0} 个 Host 仅停留在 supply 主线，建议先从 ${supplyBucket?.hosts?.[0]?.host || "-"} 开始确认供给结果。`,
+            meta: [
+                `Supply-only ${supplyBucket?.count || 0}`,
+                `代表 ${supplyBucket?.hosts?.[0]?.host || "-"}`,
+                `最近运行 ${latestSupplyRun()?.run_id || "-"}`
+            ],
+            tagType: "info" as const,
+            primaryAction: "bucket-supply" as SupplyBatchPlanAction,
+            primaryActionLabel: "接手 Supply 首个 Host",
+            primaryActionType: "primary" as const,
+            secondaryAction: "open-supply-dialog" as SupplyBatchPlanAction,
+            secondaryActionLabel: "打开供给工作台",
+            tertiaryAction: "latest-supply-run" as SupplyBatchPlanAction,
+            tertiaryActionLabel: "查看供给运行"
+        };
+    }
+
+    if ((completedBucket?.count || 0) > 0) {
+        return {
+            label: "已完成",
+            title: "当前批次主要处于已完成态",
+            summary: `当前已完成 Host ${completedBucket?.count || 0} 个，代表 Host ${completedBucket?.hosts?.[0]?.host || "-"}。这批供给结果可以先回看已完成主线或继续发起下一批。`,
+            meta: [
+                `Completed ${completedBucket?.count || 0}`,
+                `代表 ${completedBucket?.hosts?.[0]?.host || "-"}`,
+                `最新运行 ${latestSupplyRun()?.run_id || "-"}`
+            ],
+            tagType: "success" as const,
+            primaryAction: "bucket-completed" as SupplyBatchPlanAction,
+            primaryActionLabel: "查看已完成 Host",
+            primaryActionType: "success" as const,
+            secondaryAction: "open-supply-dialog" as SupplyBatchPlanAction,
+            secondaryActionLabel: "继续发起供给",
+            tertiaryAction: null as SupplyBatchPlanAction | null,
+            tertiaryActionLabel: ""
+        };
+    }
+
+    return {
+        label: "回看供给",
+        title: "当前批次没有明确接手桶，先回看供给运行",
+        summary: "当前没有命中的异常、oncall、bundle 或 completed 分桶，建议先回看最近一次供给运行或重新打开供给工作台。",
+        meta: [
+            `Task ${latestTaskStatus || "-"}`,
+            `Run ${latestSupplyRun()?.run_id || "-"}`,
+            `Hosts ${supplyHostTotals().length}`
+        ],
+        tagType: "warning" as const,
+        primaryAction: "latest-supply-run" as SupplyBatchPlanAction,
+        primaryActionLabel: "查看供给运行",
+        primaryActionType: "warning" as const,
+        secondaryAction: "open-supply-dialog" as SupplyBatchPlanAction,
+        secondaryActionLabel: "打开供给工作台",
+        tertiaryAction: null as SupplyBatchPlanAction | null,
+        tertiaryActionLabel: ""
+    };
+};
+
+const portalDescription = () => {
+    if (!opsExists()) {
+        return "当前统一 portal 尚未返回有效摘要，请优先检查 _seo_copy_release 目录与 portal 刷新任务。";
+    }
+    return `当前 portal 根目录 ${summary.value.portal_root || "-"}，启动包 ${opsSummary().bootstrap_portal?.bundles_count || 0}，值班待办 ${opsSummary().bootstrap_oncall_portal?.open_count || 0}。`;
+};
+
+const envDescription = () => {
+    return envSummary().warning || `当前环境最接近 ${envProfile().closest_template_name || "-"}，偏移 ${envProfile().drift_count || 0} 项。`;
+};
+
+const currentContext = () => {
+    const heading = "当前值班上下文";
+    let title = "总控概览 / Bootstrap 主线总览";
+    let contextSummary = `当前 portal 根目录 ${summary.value.portal_root || "-"}，启动包 ${opsSummary().bootstrap_portal?.bundles_count || 0}，待办 ${opsSummary().bootstrap_oncall_portal?.open_count || 0}。`;
+    const tags: Array<{ key: string; label: string; type?: "success" | "warning" | "info" | "danger" }> = [
+        { key: "tab", label: `Tab ${activeTab.value}` }
+    ];
+    const actions: Array<{ key: "reset-ops-focus" | "copy-ops-deeplink" | "open-ops-site-page" | "open-runtime-ops" | "copy-runtime-command"; label: string; type?: "success" | "warning" | "info" | "danger" | "primary" }> = [];
+    const finalize = () => ({ heading, title, summary: contextSummary, tags, actions });
+
+    if (activeTab.value === "ops" && currentOpsFocus.value) {
+        title = `${currentOpsFocus.value.panelLabel} / ${currentOpsFocus.value.stageLabel}`;
+        const focus = currentOpsFocus.value;
+        const hostSummary = focus.host ? `当前 Host ${focus.host}` : "当前未锁定 Host";
+        const inspectorSummary = focus.inspectorSummary || focus.inspectorTitle || "当前没有检查器摘要";
+        const keywordSummary = focus.keyword ? `关键词 ${focus.keyword}` : "未设关键词";
+        contextSummary = `${hostSummary}，${keywordSummary}，当前视角 ${focus.currentCount} 条记录。${inspectorSummary}`;
+        if (focus.panelLabel) tags.push({ key: "panel", label: focus.panelLabel, type: "info" });
+        if (focus.stageLabel) tags.push({ key: "stage", label: focus.stageLabel, type: "warning" });
+        if (focus.host) tags.push({ key: "host", label: `Host ${focus.host}`, type: "success" });
+        if (focus.inspectorKind && focus.inspectorKind !== "default") {
+            tags.push({ key: "inspector", label: `Inspector ${focus.inspectorKind}` });
+        }
+        actions.push({ key: "reset-ops-focus", label: "重置 Ops 焦点" });
+        if (canShareOpsFocus()) {
+            actions.push({ key: "copy-ops-deeplink", label: "复制值班深链", type: "primary" });
+            actions.push({ key: "open-ops-site-page", label: "去站点页接手", type: "warning" });
+        }
+        return finalize();
+    }
+    if (activeTab.value === "env") {
+        title = `环境模板 / ${envProfile().closest_template_name || "未匹配模板"}`;
+        contextSummary = latestEnvAction()?.status
+            ? `最近动作 ${latestEnvAction()?.status} / ${latestEnvAction()?.action_at || "-"}，偏移 ${envProfile().drift_count || 0} 项。`
+            : `当前环境最接近 ${envProfile().closest_template_name || "-"}，偏移 ${envProfile().drift_count || 0} 项。`;
+        return finalize();
+    }
+    if (activeTab.value === "supply" || (activeTab.value === "overview" && latestSupplyRun()?.run_id)) {
+        const mainlineContext = effectiveBreedingMainlineControlChain();
+        const titlePrefix = activeTab.value === "supply" ? "一体化供给" : "总控概览";
+        const sourceSummary = effectiveBreedingMainlineContextSummary();
+        title = `${titlePrefix} / ${mainlineContext.controlObject}`;
+        contextSummary = sourceSummary;
+        return finalize();
+    }
+    if (activeTab.value === "runtime") {
+        title = `运行时验收 / ${runtimeInspectorTitle() || latestRuntimeRun()?.host || "未命中样本"}`;
+        contextSummary = runtimeInspectorSummary()
+            ? `当前检查器 ${runtimeInspectorTitle() || "-"} / ${runtimeInspectorSummary()}。失败 Host ${runtimePortal().failed_hosts_count || 0} 个。`
+            : `当前运行时验收 runs ${runtimePortal().runs_count || 0}，hosts ${runtimePortal().hosts_count || 0}。`;
+        if (runtimeInspectorOpsHost()) {
+            actions.push({ key: "open-runtime-ops", label: "进入 Ops Host 主线", type: "warning" });
+        }
+        if (runtimeInspectorCommand()) {
+            actions.push({ key: "copy-runtime-command", label: "复制运行时命令", type: "primary" });
+        }
+        return finalize();
+    }
+    return finalize();
+};
+
+const canShareOpsFocus = () => activeTab.value === "ops" && !!currentOpsFocus.value;
+
+const workbenchCards = (): BootstrapAdminMetricCard[] => [
+    {
+        key: "bundles",
+        label: "启动包总数",
+        value: `${opsSummary().bootstrap_portal?.bundles_count || 0}`,
+        meta: `待入库 ${opsSummary().bootstrap_portal?.handoff_ready_to_register_count || 0} / 待应用 ${opsSummary().bootstrap_portal?.handoff_ready_to_apply_count || 0}`,
+        state: "neutral",
+        target: "ops"
+    },
+    {
+        key: "oncall",
+        label: "值班待办",
+        value: `${opsSummary().bootstrap_oncall_portal?.open_count || 0}`,
+        meta: `P1 ${opsSummary().bootstrap_oncall_portal?.priority_p1_count || 0} / P0 ${opsSummary().bootstrap_oncall_portal?.priority_p0_count || 0}`,
+        state: (opsSummary().bootstrap_oncall_portal?.open_count || 0) > 0 ? "warning" : "success",
+        target: "ops"
+    },
+    {
+        key: "attention",
+        label: "需关注",
+        value: `${opsSummary().bootstrap_portal?.handoff_attention_count || 0}`,
+        meta: `failed run ${opsSummary().bootstrap_runs_portal?.status_totals?.failed || 0}`,
+        state: (opsSummary().bootstrap_portal?.handoff_attention_count || 0) > 0 ? "danger" : "success",
+        target: "ops"
+    },
+    {
+        key: "completed",
+        label: "已完成启动包",
+        value: `${opsSummary().bootstrap_completed_portal?.completed_count || 0}`,
+        meta: `已发布 ${opsSummary().bootstrap_completed_portal?.published_count || 0}`,
+        state: (opsSummary().bootstrap_completed_portal?.completed_count || 0) > 0 ? "success" : "neutral",
+        target: "ops"
+    },
+    {
+        key: "runtime-runs",
+        label: "运行时验收 Runs",
+        value: `${runtimePortal().runs_count || 0}`,
+        meta: `Hosts ${runtimePortal().hosts_count || 0} / Failed ${runtimePortal().failed_hosts_count || 0}`,
+        state: runtimeReady() ? "success" : "warning",
+        target: "runtime"
+    },
+    {
+        key: "runtime-failed-hosts",
+        label: "运行时失败 Host",
+        value: `${runtimePortal().failed_hosts_count || 0}`,
+        meta: latestRuntimeFailedHost()?.host || "暂无失败 host",
+        state: (runtimePortal().failed_hosts_count || 0) > 0 ? "danger" : "success",
+        target: "runtime"
+    },
+    {
+        key: "env",
+        label: "环境模板偏移",
+        value: `${envProfile().drift_count || 0}`,
+        meta: envProfile().closest_template_name || "暂无模板",
+        state: (envProfile().drift_count || 0) > 0 ? "warning" : "success",
+        target: "env"
+    },
+    effectiveBreedingMainlineEntry().metric,
+    {
+        key: "supply-runs",
+        label: "一体化供给 Runs",
+        value: `${domainSupplySummary().runs_count || 0}`,
+        meta: latestSupplyRun()?.run_id || "暂无供给运行",
+        state: (domainSupplySummary().runs_count || 0) > 0 ? "success" : "neutral",
+        target: "supply"
+    },
+    {
+        key: "supply-task",
+        label: "供给调度任务",
+        value: latestSupplyTask()?.status || "-",
+        meta: latestSupplyTask()?.summary || "暂无供给调度任务",
+        state: latestSupplyTask()?.status === "success" ? "success" : latestSupplyTask()?.status === "error" ? "danger" : "neutral",
+        target: "supply"
+    },
+    {
+        key: "supply-orchestration-task",
+        label: "供给编排任务",
+        value: latestSupplyOrchestrationTask()?.status || "-",
+        meta: latestSupplyOrchestrationTask()?.summary || "暂无供给编排任务",
+        state:
+            latestSupplyOrchestrationTask()?.status === "success"
+                ? "success"
+                : latestSupplyOrchestrationTask()?.status === "error" || latestSupplyOrchestrationTask()?.status === "needs_attention"
+                  ? "danger"
+                  : "neutral",
+        target: "supply"
+    },
+    {
+        key: "risk",
+        label: "Allowlist 风险",
+        value: envSummary().allow_all_risk ? "存在" : "安全",
+        meta: latestEnvAction()?.status || "暂无最近动作",
+        state: envSummary().allow_all_risk ? "danger" : "success",
+        target: "env"
+    }
+];
+
+const overviewQuickActionKeys = {
+    host: "latest-host",
+    oncall: "latest-oncall",
+    task: "latest-task",
+    env: "env-latest",
+    completed: "latest-completed"
+} as const;
+
+const overviewQuickActionLabels = {
+    host: "转到最新 Host 主线",
+    oncall: "转到最新值班待办",
+    task: "查看最近任务健康",
+    env: "查看环境模板最近动作",
+    completed: "转到已完成 Host"
+} as const;
+
+const overviewQuickActionMeta = () => ({
+    host: `${latestBundle()?.host || "-"} / ${latestBundle()?.handoff_next_step || "暂无下一步"}`,
+    oncall: `${latestOncall()?.host || "-"} / ${latestOncall()?.todo_title || "暂无 oncall"}`,
+    task: `${latestTask()?.task_slug || "-"} / ${latestTask()?.status || "-"}`,
+    env: `${latestEnvAction()?.status || "-"} / ${latestEnvAction()?.action_at || "-"}`,
+    completed: `${opsSummary().bootstrap_completed_portal?.latest_entry?.host || "-"} / ${opsSummary().bootstrap_completed_portal?.latest_entry?.publish_result_status || "-"}`
+});
+
+type ActionHandler = () => void | Promise<void>;
+
+const actionMissing = (actionKey?: string) => {
+    const label = actionKey ? `"${actionKey}"` : "未提供";
+    ElMessage.warning(`当前动作 ${label} 不存在或已下线，已自动忽略`);
+};
+
+const executeActionSafely = async (actionKey?: string) => {
+    if (!actionKey) {
+        actionMissing();
+        return;
+    }
+    const handler = actionHandlers[actionKey] as ActionHandler | undefined;
+    if (!handler) {
+        actionMissing(actionKey);
+        return;
+    }
+    try {
+        await handler();
+    } catch (error) {
+        console.error("bootstrap action execute failed:", actionKey, error);
+        ElMessage.error(`动作 ${actionKey} 执行失败`);
+    }
+};
+
+const overviewQuickActions = () => [
+    {
+        key: overviewQuickActionKeys.host,
+        label: overviewQuickActionLabels.host,
+        meta: overviewQuickActionMeta().host
+    },
+    {
+        key: overviewQuickActionKeys.oncall,
+        label: overviewQuickActionLabels.oncall,
+        meta: overviewQuickActionMeta().oncall
+    },
+    {
+        key: overviewQuickActionKeys.task,
+        label: overviewQuickActionLabels.task,
+        meta: overviewQuickActionMeta().task
+    },
+    {
+        key: overviewQuickActionKeys.env,
+        label: overviewQuickActionLabels.env,
+        meta: overviewQuickActionMeta().env
+    },
+    {
+        key: overviewQuickActionKeys.completed,
+        label: overviewQuickActionLabels.completed,
+        meta: overviewQuickActionMeta().completed
+    }
+];
+
+const quickActions = () => [
+    ...overviewQuickActions(),
+    effectiveBreedingMainlineEntry().quickAction
+];
+
+const quickActionHandlers = {
+    "latest-host": async () => {
+        activeTab.value = "ops";
+        await nextTick();
+        await bootstrapOpsOverviewRef.value?.openWorkbenchFocus({
+            panel: "queue",
+            stage: (latestBundle()?.handoff_stage_code as BootstrapStageKey) || "all",
+            host: latestBundle()?.host || "",
+            hostConsolePanel: "bundle"
+        });
+    },
+    "latest-oncall": async () => {
+        activeTab.value = "ops";
+        await nextTick();
+        await bootstrapOpsOverviewRef.value?.openWorkbenchFocus({
+            panel: "oncall",
+            stage: (latestOncall()?.handoff_stage_code as BootstrapStageKey) || "all",
+            host: latestOncall()?.host || "",
+            hostConsolePanel: "oncall",
+            inspectorKind: "oncall"
+        });
+    },
+    "latest-task": async () => {
+        activeTab.value = "ops";
+        await nextTick();
+        await bootstrapOpsOverviewRef.value?.openWorkbenchFocus({
+            panel: "tasks",
+            keyword: latestTask()?.task_slug || "",
+            clearHostFocus: true,
+            inspectorKind: "task"
+        });
+    },
+    "latest-completed": async () => {
+        activeTab.value = "ops";
+        await nextTick();
+        await bootstrapOpsOverviewRef.value?.openWorkbenchFocus({
+            panel: "completed",
+            stage: "published",
+            host: opsSummary().bootstrap_completed_portal?.latest_entry?.host || "",
+            hostConsolePanel: "completed",
+            inspectorKind: "completed"
+        });
+    },
+    "latest-runtime-run": async () => {
+        if (latestRuntimeRun()) {
+            selectRuntimeHost(latestRuntimeRun());
+            return;
+        }
+        ElMessage.warning("当前没有可用的运行时运行记录");
+    },
+    "latest-runtime-failed-host": async () => {
+        if (latestRuntimeFailedHost()) {
+            selectRuntimeHost(latestRuntimeFailedHost());
+            return;
+        }
+        ElMessage.warning("当前没有可接手的失败 Host");
+    },
+    "env-latest": async () => {
+        activeTab.value = "env";
+        bootstrapEnvDialogRef.value?.openDialog("all");
+    },
+    "open-supply-dialog": async () => {
+        domainSupplyDialogRef.value?.openDialog();
+    },
+    "latest-supply-run": async () => {
+        const run = latestSupplyRun();
+        if (!run?.run_id) {
+            ElMessage.warning("当前没有可用的供给运行记录");
+            return;
+        }
+        activeTab.value = "supply";
+        supplyInspectorRun.value = run;
+        supplyInspectorHost.value = null;
+    },
+    "latest-supply-mainline": async () => {
+        activeTab.value = "supply";
+        const supplyMainlineActionCandidates = [
+            effectiveBreedingMainlineQuickActionEntry()?.action || "",
+            effectiveBreedingMainlineQuickActionFollowup()?.action || "",
+            breedingMainlineExecutionPlan().primary_action || "",
+            breedingMainlineExecutionPlan().secondary_action || "",
+            breedingMainlineProgram().primary_action || "",
+            breedingMainlineProgram().secondary_action || "",
+            breedingMainlineWorkbench().primary_action || "",
+            breedingMainlineWorkbench().secondary_action || "",
+            breedingMainline().primary_action || "",
+            breedingMainline().secondary_action || "",
+            supplyMainlineProgram().primary_action || "",
+            supplyMainlineEntry().primary_action || "",
+            supplyMainlineWorkbench().primary_action || ""
+        ] as const;
+        const supplyMainlineAction = supplyMainlineActionCandidates.find(Boolean);
+        if (supplyMainlineAction) {
+            await executeActionSafely(supplyMainlineAction as string);
+            return;
+        }
+        actionMissing("latest-supply-mainline");
+    },
+    "latest-supply-task": async () => {
+        const run = latestSupplyRun();
+        if (!run?.run_id) {
+            ElMessage.warning("当前没有可用的供给调度任务");
+            return;
+        }
+        activeTab.value = "supply";
+        supplyInspectorRun.value = run;
+        supplyInspectorHost.value = null;
+        openPortal("/_seo_copy_release/tasks/index.html");
+    },
+    "latest-supply-orchestration-task": async () => {
+        const run = latestSupplyRun();
+        if (!run?.run_id) {
+            ElMessage.warning("当前没有可用的供给编排任务");
+            return;
+        }
+        activeTab.value = "supply";
+        supplyInspectorRun.value = run;
+        supplyInspectorHost.value = null;
+        openPortal("/_seo_copy_release/tasks/index.html");
+    },
+    "latest-supply-host": async () => {
+        await openSupplyHostInOps();
+    }
+} as const;
+
+const currentContextActionHandlers = {
+    "reset-ops-focus": async () => {
+        activeTab.value = "ops";
+        await nextTick();
+        await bootstrapOpsOverviewRef.value?.resetWorkbenchFocus();
+    },
+    "copy-ops-deeplink": async () => {
+        const focus = currentOpsFocus.value;
+        if (!focus) {
+            ElMessage.warning("当前没有可复制的值班深链");
+            return;
+        }
+        const resolved = router.resolve({
+            path: "/site/index",
+            query: {
+                bootstrapCenterTab: "ops",
+                bootstrapOpsPanel: focus.panel,
+                bootstrapOpsStage: focus.stage,
+                ...(focus.host ? { bootstrapOpsHost: focus.host } : {}),
+                ...(focus.keyword ? { bootstrapOpsKeyword: focus.keyword } : {}),
+                ...(focus.hostConsolePanel ? { bootstrapOpsConsole: focus.hostConsolePanel } : {}),
+                ...(focus.inspectorKind && focus.inspectorKind !== "default" ? { bootstrapOpsInspector: focus.inspectorKind } : {})
+            }
+        });
+        const href = `${window.location.origin}${resolved.href}`;
+        try {
+            await clipboard.writeText(href);
+            ElMessage.success("值班深链已复制");
+        } catch (_error) {
+            ElMessage.error("复制失败，请手动复制");
+        }
+    },
+    "open-ops-site-page": () => {
+        const focus = currentOpsFocus.value;
+        router.push({
+            path: "/site/index",
+            query: focus
+                ? {
+                    bootstrapCenterTab: "ops",
+                    bootstrapOpsPanel: focus.panel,
+                    bootstrapOpsStage: focus.stage,
+                    ...(focus.host ? { bootstrapOpsHost: focus.host } : {}),
+                    ...(focus.keyword ? { bootstrapOpsKeyword: focus.keyword } : {}),
+                    ...(focus.hostConsolePanel ? { bootstrapOpsConsole: focus.hostConsolePanel } : {}),
+                    ...(focus.inspectorKind && focus.inspectorKind !== "default" ? { bootstrapOpsInspector: focus.inspectorKind } : {})
+                }
+                : {}
+        });
+    },
+    "open-runtime-ops": async () => {
+        await openRuntimeHostInOps();
+    },
+    "copy-runtime-command": async () => {
+        if (!runtimeInspectorCommand()) {
+            ElMessage.warning("当前没有可复制内容");
+            return;
+        }
+        try {
+            await clipboard.writeText(runtimeInspectorCommand());
+            ElMessage.success("运行时接手命令已复制");
+        } catch (_error) {
+            ElMessage.error("复制失败，请手动复制");
+        }
+    }
+} as const;
+
+const rawActionHandlers = {
+    ...quickActionHandlers,
+    ...currentContextActionHandlers,
+    "bucket-attention": async () => {
+        activeSupplyBucket.value = "attention";
+        await nextTick();
+        if (!activeSupplyBucketLeadHost()?.host) {
+            ElMessage.warning("当前分桶没有可接手的 Host");
+            return;
+        }
+        await openSupplyHostInOps(activeSupplyBucketLeadHost());
+    },
+    "bucket-oncall": async () => {
+        activeSupplyBucket.value = "oncall";
+        await nextTick();
+        if (!activeSupplyBucketLeadHost()?.host) {
+            ElMessage.warning("当前分桶没有可接手的 Host");
+            return;
+        }
+        await openSupplyHostInOps(activeSupplyBucketLeadHost());
+    },
+    "bucket-bundle": async () => {
+        activeSupplyBucket.value = "bundle";
+        await nextTick();
+        if (!activeSupplyBucketLeadHost()?.host) {
+            ElMessage.warning("当前分桶没有可接手的 Host");
+            return;
+        }
+        await openSupplyHostInOps(activeSupplyBucketLeadHost());
+    },
+    "bucket-supply": async () => {
+        activeSupplyBucket.value = "supply";
+        await nextTick();
+        if (!activeSupplyBucketLeadHost()?.host) {
+            ElMessage.warning("当前分桶没有可接手的 Host");
+            return;
+        }
+        await openSupplyHostInOps(activeSupplyBucketLeadHost());
+    },
+    "bucket-completed": async () => {
+        activeSupplyBucket.value = "completed";
+        await nextTick();
+        if (!activeSupplyBucketLeadHost()?.host) {
+            ElMessage.warning("当前分桶没有可接手的 Host");
+            return;
+        }
+        await openSupplyHostInOps(activeSupplyBucketLeadHost());
+    }
+} as const;
+
+const actionHandlers = new Proxy(rawActionHandlers as Record<string, ActionHandler>, {
+    get(target, key) {
+        const handler = Reflect.get(target, key);
+        if (typeof key === "string" && key && typeof handler === "function") {
+            return handler;
+        }
+        if (typeof key === "string" && key) {
+            return () => actionMissing(key);
+        }
+        return undefined;
+    }
+});
+
+const metricCardHandlers = {
+    portal: async () => {
+        openPortal("/_seo_copy_release/index.html");
+    },
+    runtime: async () => {
+        activeTab.value = "runtime";
+    },
+    env: async (card: { key: string }) => {
+        activeTab.value = "env";
+        bootstrapEnvDialogRef.value?.openDialog(card.key === "risk" ? ["task", "release"] : "all");
+    },
+    supply: async (card: { actionKey?: string }) => {
+        activeTab.value = "supply";
+        if (card.actionKey === "latest-supply-mainline") {
+        const supplyMainlineActionCandidates = [
+                effectiveBreedingMainlineQuickActionEntry()?.action || "",
+                effectiveBreedingMainlineQuickActionFollowup()?.action || "",
+                breedingMainlineExecutionPlan().primary_action || "",
+                breedingMainlineExecutionPlan().secondary_action || "",
+                breedingMainlineProgram().primary_action || "",
+                breedingMainlineProgram().secondary_action || "",
+                breedingMainlineWorkbench().primary_action || "",
+                breedingMainlineWorkbench().secondary_action || "",
+                breedingMainline().primary_action || "",
+                breedingMainline().secondary_action || "",
+                supplyMainlineProgram().primary_action || "",
+                supplyMainlineEntry().primary_action || "",
+                supplyMainlineWorkbench().primary_action || ""
+        ] as const;
+            const supplyMainlineAction = supplyMainlineActionCandidates.find(Boolean);
+            if (supplyMainlineAction) {
+                await executeActionSafely(supplyMainlineAction as string);
+                return;
+            }
+            actionMissing("latest-supply-mainline");
+            return;
+        }
+    },
+    bundles: async () => {
+        activeTab.value = "ops";
+        await nextTick();
+        await bootstrapOpsOverviewRef.value?.openWorkbenchFocus({ panel: "queue", stage: "all", clearHostFocus: true });
+    },
+    oncall: async () => {
+        activeTab.value = "ops";
+        await nextTick();
+        await bootstrapOpsOverviewRef.value?.openWorkbenchFocus({
+            panel: "oncall",
+            stage: "all",
+            clearHostFocus: true,
+            hostConsolePanel: "oncall"
+        });
+    },
+    attention: async () => {
+        activeTab.value = "ops";
+        await nextTick();
+        await bootstrapOpsOverviewRef.value?.openWorkbenchFocus({
+            panel: "attention",
+            stage: "attention",
+            clearHostFocus: true,
+            hostConsolePanel: "runs"
+        });
+    },
+    completed: async () => {
+        activeTab.value = "ops";
+        await nextTick();
+        await bootstrapOpsOverviewRef.value?.openWorkbenchFocus({
+            panel: "completed",
+            stage: "published",
+            clearHostFocus: true,
+            hostConsolePanel: "completed"
+        });
+    }
+} as const;
+
+const loadSummary = async () => {
+    loading.value = true;
+    try {
+        const { data } = await getBootstrapWorkbenchSummary();
+        summary.value = {
+            generated_at: "",
+            portal_root: "",
+            bootstrap_ops: {},
+            bootstrap_env: defaultEnvSummary,
+            domain_supply: {},
+            breeding_mainline: {},
+            breeding_mainline_workbench: {},
+            breeding_mainline_program: {},
+            breeding_mainline_orchestration: {},
+            breeding_mainline_execution_plan: {},
+            breeding_mainline_execution_chain: {},
+            breeding_mainline_runbook: {},
+            breeding_mainline_dispatch: {},
+            breeding_mainline_scheduler: {},
+            breeding_mainline_controller: {},
+            ...data
+        };
+        runtimeInspectorHost.value = null;
+        runtimeInspectorRun.value = null;
+        supplyInspectorHost.value = null;
+        supplyInspectorRun.value = null;
+    } finally {
+        loading.value = false;
+    }
+};
+
+const openDialog = async (input: BootstrapAdminOpenPayload = "overview") => {
+    const payload = typeof input === "string" ? { tab: input } : input;
+    activeTab.value = payload.tab ?? "overview";
+    visible.value = true;
+    if (payload.refresh !== false) {
+        await loadSummary();
+    }
+    await nextTick();
+    if (activeTab.value === "ops" && payload.opsFocus) {
+        activeTab.value = "ops";
+        await nextTick();
+        await bootstrapOpsOverviewRef.value?.openWorkbenchFocus(payload.opsFocus);
+        return;
+    }
+    if (activeTab.value === "env" && payload.envDialog) {
+        bootstrapEnvDialogRef.value?.openDialog(payload.envDialog);
+    }
+};
+
+const clipboard = navigator.clipboard;
+
+const openPortal = (href: string, baseHref?: string) => {
+    if (!href || typeof href !== "string") {
+        ElMessage.warning("当前没有可跳转的页面地址");
+        return;
+    }
+    try {
+        const targetHref = baseHref ? new URL(href, baseHref).toString() : href;
+        if (!targetHref.startsWith("http") && !targetHref.startsWith("/")) {
+            ElMessage.warning("当前页面地址格式异常，已取消跳转");
+            return;
+        }
+        window.open(targetHref, "_blank", "noopener");
+    } catch (_error) {
+        console.error("openPortal failed:", _error);
+        ElMessage.error("打开页面失败，请稍后重试");
+    }
+};
+
+const selectSupplyHost = (host: string | SiteList.DomainSupplyHostSummary | null | undefined) => {
+    const targetHostSummary =
+        typeof host === "string"
+            ? supplyHostTotals().find(item => item.host === host) ?? null
+            : host || null;
+    if (!targetHostSummary?.host) {
+        ElMessage.warning("当前没有可用的供给 Host");
+        return;
+    }
+    activeTab.value = "supply";
+    supplyInspectorHost.value = targetHostSummary;
+    supplyInspectorRun.value = latestSupplyRun() || null;
+};
+
+const openSupplyHostInOps = async (host?: string | SiteList.DomainSupplyHostSummary | null) => {
+    const targetHostSummary =
+        typeof host === "string"
+            ? supplyHostTotals().find(item => item.host === host) ?? null
+            : host || null;
+    const targetHost = targetHostSummary?.host || (typeof host === "string" ? host : "") || latestSupplyOpsHost() || "";
+    const effectiveRecord = targetHostSummary || effectiveSupplyInspectorHost() || null;
+    const effectiveTargetHost = effectiveRecord?.host || targetHost || "";
+    if (!effectiveTargetHost) {
+        ElMessage.warning("当前没有可回跳的供给 Host");
+        return;
+    }
+    if (!bootstrapOpsOverviewRef.value) {
+        ElMessage.warning("当前未就绪，无法跳转到 Ops 主线");
+        return;
+    }
+    const resolvedFocus = resolveOpsFocusForSupplyHost(
+        (effectiveRecord as SiteList.DomainSupplyHostSummary | null) || null,
+        effectiveTargetHost
+    );
+    activeTab.value = "ops";
+    await nextTick();
+    await bootstrapOpsOverviewRef.value?.openWorkbenchFocus(resolvedFocus);
+};
+
+const selectRuntimeHost = (host: string | SiteList.BootstrapRuntimeAcceptanceFailedHost | null | undefined) => {
+    const selectedRecord =
+        typeof host === "string"
+            ? runtimeFailedHosts().find(item => item.host === host) ||
+              (runtimePortal().runs ?? []).find(item => item.host === host) ||
+              null
+            : host || null;
+    const matchedRun = selectedRecord && "run_name" in selectedRecord ? selectedRecord : null;
+    const targetHostSummary = selectedRecord && !("run_name" in selectedRecord) ? selectedRecord : null;
+    if (targetHostSummary && "latest_run" in targetHostSummary) {
+        activeTab.value = "runtime";
+        runtimeInspectorHost.value = targetHostSummary;
+        runtimeInspectorRun.value = targetHostSummary.latest_run || null;
+        return;
+    }
+    if (matchedRun) {
+        activeTab.value = "runtime";
+        runtimeInspectorHost.value = null;
+        runtimeInspectorRun.value = matchedRun;
+        return;
+    }
+    ElMessage.warning("当前没有可用的运行时记录");
+};
+
+const openRuntimeHostInOps = async (host?: string | SiteList.BootstrapRuntimeAcceptanceFailedHost | null) => {
+    const selectedRecord =
+        typeof host === "string"
+            ? runtimeFailedHosts().find(item => item.host === host) ||
+              (runtimePortal().runs ?? []).find(item => item.host === host) ||
+              null
+            : host || null;
+    const targetHost = selectedRecord?.host || (typeof host === "string" ? host : "") || effectiveRuntimeInspectorHost()?.host || "";
+    const effectiveRecord = selectedRecord || effectiveRuntimeInspectorHost() || null;
+    const effectiveTargetHost = effectiveRecord?.host || targetHost || "";
+    const failureCategory = "top_failure_category" in (effectiveRecord || {})
+        ? ((effectiveRecord as SiteList.BootstrapRuntimeAcceptanceFailedHost).top_failure_category || "")
+        : effectiveRuntimeInspectorHost()?.top_failure_category || "";
+    const isAttentionFailure = failureCategory === "route_runtime" || failureCategory === "play_runtime";
+    if (!effectiveTargetHost) {
+        ElMessage.warning("当前没有可回跳的 Host");
+        return;
+    }
+    if (!bootstrapOpsOverviewRef.value) {
+        ElMessage.warning("当前未就绪，无法跳转到 Ops 主线");
+        return;
+    }
+    activeTab.value = "ops";
+    await nextTick();
+    await bootstrapOpsOverviewRef.value?.openWorkbenchFocus({
+        panel: isAttentionFailure ? "attention" : "runs",
+        stage: isAttentionFailure ? "attention" : "all",
+        host: effectiveTargetHost,
+        hostConsolePanel: "runs",
+        inspectorKind: isAttentionFailure ? "failed_run" : "run"
+    });
+};
+
+defineExpose({
+    openDialog,
+});
+</script>
+
+<style scoped lang="scss">
+.bootstrap-admin-center :deep(.el-dialog__body) {
+    padding-top: 0;
+}
+
+.bootstrap-admin-center__header {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: flex-start;
+    justify-content: space-between;
+    gap: 16px;
+}
+
+.bootstrap-admin-center__title {
+    font-size: 18px;
+    font-weight: 700;
+    color: var(--el-text-color-primary);
+}
+
+.bootstrap-admin-center__subtitle {
+    margin-top: 4px;
+    font-size: 13px;
+    line-height: 1.6;
+    color: var(--el-text-color-secondary);
+}
+
+.bootstrap-admin-center__actions {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 10px;
+}
+
+.bootstrap-admin-center__body {
+    display: flex;
+    flex-direction: column;
+    gap: 14px;
+}
+
+.bootstrap-admin-center__alert {
+    margin-top: -4px;
+}
+
+.bootstrap-admin-center__context-card :deep(.el-card__body) {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+}
+
+.bootstrap-admin-center__context-top {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: flex-start;
+    justify-content: space-between;
+    gap: 12px;
+}
+
+.bootstrap-admin-center__context-title {
+    font-size: 14px;
+    font-weight: 700;
+    color: var(--el-text-color-primary);
+}
+
+.bootstrap-admin-center__context-subtitle {
+    margin-top: 4px;
+    font-size: 13px;
+    color: var(--el-text-color-secondary);
+}
+
+.bootstrap-admin-center__context-actions {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 10px;
+}
+
+.bootstrap-admin-center__context-tags {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+}
+
+.bootstrap-admin-center__context-summary {
+    font-size: 13px;
+    line-height: 1.7;
+    color: var(--el-text-color-regular);
+}
+
+.bootstrap-admin-center__metric-grid,
+.bootstrap-admin-center__snapshot-grid,
+.bootstrap-admin-center__quick-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+    gap: 12px;
+}
+
+.bootstrap-admin-center__metric-card,
+.bootstrap-admin-center__quick-card {
+    border: 1px solid var(--el-border-color);
+    border-radius: 12px;
+    padding: 14px;
+    text-align: left;
+    background: var(--el-fill-color-blank);
+    cursor: pointer;
+    transition: border-color 0.2s ease, transform 0.2s ease;
+}
+
+.bootstrap-admin-center__metric-card:hover,
+.bootstrap-admin-center__quick-card:hover {
+    transform: translateY(-1px);
+    border-color: var(--el-color-primary);
+}
+
+.bootstrap-admin-center__metric-label {
+    font-size: 13px;
+    color: var(--el-text-color-secondary);
+}
+
+.bootstrap-admin-center__metric-value {
+    margin-top: 8px;
+    font-size: 24px;
+    font-weight: 700;
+    color: var(--el-text-color-primary);
+}
+
+.bootstrap-admin-center__metric-meta,
+.bootstrap-admin-center__quick-meta {
+    margin-top: 8px;
+    font-size: 12px;
+    line-height: 1.6;
+    color: var(--el-text-color-secondary);
+}
+
+.bootstrap-admin-center__metric-card--warning {
+    border-color: color-mix(in srgb, var(--el-color-warning) 45%, var(--el-border-color));
+}
+
+.bootstrap-admin-center__metric-card--danger {
+    border-color: color-mix(in srgb, var(--el-color-danger) 45%, var(--el-border-color));
+}
+
+.bootstrap-admin-center__metric-card--success {
+    border-color: color-mix(in srgb, var(--el-color-success) 45%, var(--el-border-color));
+}
+
+.bootstrap-admin-center__snapshot-card :deep(.el-card__body) {
+    padding-top: 8px;
+}
+
+.bootstrap-admin-center__snapshot-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+}
+
+.bootstrap-admin-center__snapshot-title {
+    font-size: 15px;
+    font-weight: 700;
+    color: var(--el-text-color-primary);
+}
+
+.bootstrap-admin-center__snapshot-desc {
+    margin-top: 8px;
+    min-height: 44px;
+    font-size: 13px;
+    line-height: 1.6;
+    color: var(--el-text-color-regular);
+}
+
+.bootstrap-admin-center__snapshot-meta {
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+    margin-top: 10px;
+    font-size: 12px;
+    color: var(--el-text-color-secondary);
+}
+
+.bootstrap-admin-center__snapshot-actions {
+    display: flex;
+    justify-content: flex-end;
+    margin-top: 10px;
+}
+
+.bootstrap-admin-center__tabs :deep(.el-tabs__content) {
+    padding-top: 6px;
+}
+
+.bootstrap-admin-center__quick-title {
+    font-size: 14px;
+    font-weight: 700;
+    color: var(--el-text-color-primary);
+}
+
+.bootstrap-admin-center__env-pane {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+}
+
+.bootstrap-admin-center__env-actions {
+    display: flex;
+    justify-content: flex-end;
+}
+
+.bootstrap-admin-center__runtime-pane {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+}
+
+.bootstrap-admin-center__runtime-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+    gap: 12px;
+}
+
+.bootstrap-admin-center__runtime-card :deep(.el-card__body) {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+}
+
+.bootstrap-admin-center__runtime-stats {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
+    gap: 10px;
+}
+
+.bootstrap-admin-center__runtime-stats > div {
+    border: 1px solid var(--el-border-color-light);
+    border-radius: 10px;
+    padding: 10px 12px;
+    background: var(--el-fill-color-lighter);
+}
+
+.bootstrap-admin-center__runtime-stats strong {
+    display: block;
+    font-size: 12px;
+    color: var(--el-text-color-secondary);
+}
+
+.bootstrap-admin-center__runtime-stats span {
+    display: block;
+    margin-top: 6px;
+    font-size: 18px;
+    font-weight: 700;
+    color: var(--el-text-color-primary);
+}
+
+.bootstrap-admin-center__runtime-actions {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 10px;
+}
+
+.bootstrap-admin-center__runtime-inspector-meta {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 10px;
+    font-size: 12px;
+    color: var(--el-text-color-secondary);
+}
+
+.bootstrap-admin-center__runtime-empty {
+    font-size: 13px;
+    color: var(--el-text-color-secondary);
+}
+
+.bootstrap-admin-center__runtime-host-list {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+}
+
+.bootstrap-admin-center__runtime-host {
+    width: 100%;
+    border: 1px solid var(--el-border-color);
+    border-radius: 12px;
+    padding: 14px;
+    text-align: left;
+    background: var(--el-fill-color-blank);
+    cursor: pointer;
+    transition: border-color 0.2s ease, transform 0.2s ease;
+}
+
+.bootstrap-admin-center__runtime-host:hover {
+    transform: translateY(-1px);
+    border-color: var(--el-color-danger);
+}
+
+.bootstrap-admin-center__runtime-host-top {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 10px;
+}
+
+.bootstrap-admin-center__runtime-host-title {
+    font-size: 14px;
+    font-weight: 700;
+    color: var(--el-text-color-primary);
+}
+
+.bootstrap-admin-center__runtime-host-summary {
+    margin-top: 8px;
+    font-size: 13px;
+    line-height: 1.6;
+    color: var(--el-text-color-regular);
+}
+
+.bootstrap-admin-center__runtime-host-meta {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 10px;
+    margin-top: 8px;
+    font-size: 12px;
+    color: var(--el-text-color-secondary);
+}
+
+.bootstrap-admin-center__runtime-host-actions {
+    display: flex;
+    justify-content: flex-end;
+    gap: 12px;
+    margin-top: 10px;
+}
+</style>
diff --git a/src/views/site/bootstrapEnvDialog.vue b/src/views/site/bootstrapEnvDialog.vue
new file mode 100644
index 0000000..6317ad7
--- /dev/null
+++ b/src/views/site/bootstrapEnvDialog.vue
@@ -0,0 +1,2629 @@
+<template>
+    <el-dialog v-model="dialogVisible" width="1100px" title="Bootstrap 环境模板" destroy-on-close>
+        <el-alert
+            :type="summary.allow_all_risk ? 'warning' : 'success'"
+            :closable="false"
+            show-icon
+            :title="summary.allow_all_risk ? '当前 allowlist 为空风险已触发' : '当前 allowlist 已显式收口'"
+            :description="summary.warning || 'Bootstrap 环境模板只会更新 PLAN_TASK_CODE_* 与 SEO_COPY_BOOTSTRAP_*'"
+        />
+
+        <el-descriptions :column="2" border class="env-summary">
+            <el-descriptions-item label="目标 .env">{{ summary.env_file || "-" }}</el-descriptions-item>
+            <el-descriptions-item label="模板数量">{{ safeSummaryTemplates().length }}</el-descriptions-item>
+            <el-descriptions-item label="当前环境判断">
+                <el-tag :type="summary.current_profile.exact_match ? 'success' : 'warning'">
+                    {{ summary.current_profile.label || "未识别" }}
+                </el-tag>
+                <span class="summary-inline">{{ summary.current_profile.closest_template_name || "-" }}</span>
+            </el-descriptions-item>
+            <el-descriptions-item label="当前偏移项">
+                {{ summary.current_profile.drift_count ?? 0 }} / {{ safeCurrentValues().length }}
+            </el-descriptions-item>
+            <el-descriptions-item label="当前匹配项">
+                {{ summary.current_profile.matched_key_count ?? 0 }} / {{ safeCurrentValues().length }}
+            </el-descriptions-item>
+        </el-descriptions>
+
+        <el-divider content-position="left">关键门禁概览</el-divider>
+        <div class="gate-cards">
+            <button
+                v-for="card in gateCards()"
+                :key="card.label"
+                type="button"
+                class="gate-card"
+                :class="{ 'gate-card--affected': card.affectedByLatestAction }"
+                @click="() => {
+                    focusModesOverride = [];
+                    focusMode = card.focusMode;
+                }"
+            >
+                <div class="gate-card__title">{{ card.label }}</div>
+                <div class="gate-card__status">
+                    <el-tag size="small" :type="card.type">{{ card.status }}</el-tag>
+                </div>
+                <div class="gate-card__desc">{{ card.description }}</div>
+                <div v-if="card.affectedByLatestAction" class="gate-card__impact">
+                    <el-tag size="small" type="danger" effect="plain">最近动作命中</el-tag>
+                    <span>{{ latestAction()?.source || "-" }} / {{ latestAction()?.status || "-" }}</span>
+                </div>
+            </button>
+        </div>
+
+        <div class="toolbar">
+            <el-select
+                v-model="selectedTemplate"
+                placeholder="请选择模板"
+                style="width: 240px"
+                @change="() => {
+                    manualTemplateTouched = true;
+                }"
+            >
+                <el-option v-for="item in safeSummaryTemplates()" :key="item.key" :label="item.name" :value="item.key" />
+            </el-select>
+            <el-button
+                plain
+                @click="() => {
+                    if (!summary.current_profile.closest_template_key) {
+                        return;
+                    }
+                    selectedTemplate = summary.current_profile.closest_template_key;
+                    manualTemplateTouched = false;
+                }"
+            >
+                切回推荐模板
+            </el-button>
+            <el-button :loading="loadingSummary" @click="loadSummary">刷新</el-button>
+            <el-button type="primary" :loading="loadingPreview" @click="handlePreview">dry-run 预览</el-button>
+            <el-button type="warning" :loading="loadingApply" @click="handleApply">正式应用</el-button>
+        </div>
+
+        <el-alert
+            v-if="latestAction()"
+            :type="latestAction()!.status === 'applied' ? 'warning' : 'info'"
+            :closable="false"
+            show-icon
+            class="latest-action-alert"
+            :title="`最近一次动作：${latestAction()!.template || '-'} / ${latestAction()!.status}`"
+            :description="`来源：${latestAction()!.source || '-'}；时间：${latestAction()!.action_at || '-'}；影响分组：${safeImpactGroups(latestAction()).map(item => `${item.label} ${item.count}`).join(' / ') || '无'}`"
+        />
+        <el-alert
+            v-if="historyActionView"
+            type="info"
+            :closable="false"
+            show-icon
+            class="history-action-alert"
+            :title="`当前回看历史动作：${historyActionView.template || '-'} / ${historyActionView.status}`"
+            :description="`来源：${historyActionView.source || '-'}；时间：${historyActionView.action_at || '-'}；影响分组：${safeImpactGroups(historyActionView).map(item => `${item.label} ${item.count}`).join(' / ') || '无'}；变更数：${historyActionView.changed_count ?? 0}${historyActionView.restore_from_action_id ? `；恢复自：${historyActionView.restore_from_template || '-'} / ${historyActionView.restore_snapshot_side || '-'}` : ''}`"
+        />
+
+        <el-divider content-position="left">模板列表</el-divider>
+        <el-table :data="safeSummaryTemplates()" size="small" border>
+            <el-table-column label="状态" width="120">
+                <template #default="{ row }">
+                    <el-tag :type="tagTypeMap[row.state] || 'info'">{{ row.state_label }}</el-tag>
+                </template>
+            </el-table-column>
+            <el-table-column prop="name" label="模板" min-width="180" />
+            <el-table-column prop="matched_key_count" label="匹配项" width="100" />
+            <el-table-column prop="drift_count" label="偏移项" width="100" />
+            <el-table-column prop="path" label="路径" min-width="260" show-overflow-tooltip />
+            <el-table-column prop="preview_command" label="Preview 命令" min-width="280" show-overflow-tooltip />
+            <el-table-column prop="apply_command" label="Apply 命令" min-width="280" show-overflow-tooltip />
+        </el-table>
+
+        <el-divider content-position="left">最近动作历史</el-divider>
+        <div v-if="summary.action_history_summary.total_count > 0" class="history-summary-grid">
+            <div class="history-summary-metric">
+                <div class="history-summary-metric__label">总动作</div>
+                <div class="history-summary-metric__value">{{ summary.action_history_summary.total_count }}</div>
+            </div>
+            <div class="history-summary-metric">
+                <div class="history-summary-metric__label">正式应用</div>
+                <div class="history-summary-metric__value">{{ summary.action_history_summary.applied_count }}</div>
+            </div>
+            <div class="history-summary-metric">
+                <div class="history-summary-metric__label">Dry-run</div>
+                <div class="history-summary-metric__value">{{ summary.action_history_summary.dry_run_count }}</div>
+            </div>
+            <div class="history-summary-metric">
+                <div class="history-summary-metric__label">可恢复</div>
+                <div class="history-summary-metric__value">{{ summary.action_history_summary.restore_supported_count || 0 }}</div>
+            </div>
+            <div class="history-summary-metric">
+                <div class="history-summary-metric__label">恢复预览</div>
+                <div class="history-summary-metric__value">{{ summary.action_history_summary.restore_preview_count || 0 }}</div>
+            </div>
+            <div class="history-summary-metric">
+                <div class="history-summary-metric__label">恢复应用</div>
+                <div class="history-summary-metric__value">{{ summary.action_history_summary.restore_apply_count || 0 }}</div>
+            </div>
+        </div>
+        <div v-if="historyActionFamilyCards().length > 0" class="compare-quick-grid">
+            <button
+                v-for="card in historyActionFamilyCards()"
+                :key="`dialog-${card.key}`"
+                type="button"
+                class="compare-quick-card compare-quick-card--history-family"
+                @click="() => {
+                    historyActionFamilyFilter = 'all';
+                    historyActionKindFilter = 'all';
+                    historyRestoreOnly = false;
+                    if (!card.preset) {
+                        return;
+                    }
+                    if (card.preset === 'template_family') {
+                        historyActionFamilyFilter = 'template_family';
+                        return;
+                    }
+                    if (card.preset === 'restore_family') {
+                        historyActionFamilyFilter = 'restore_family';
+                        historyRestoreOnly = true;
+                        return;
+                    }
+                    if (card.preset === 'restore_preview_only') {
+                        historyActionFamilyFilter = 'restore_family';
+                        historyActionKindFilter = 'history_restore_preview';
+                        historyRestoreOnly = true;
+                        return;
+                    }
+                    if (card.preset === 'restore_apply_only') {
+                        historyActionFamilyFilter = 'restore_family';
+                        historyActionKindFilter = 'history_restore_apply';
+                        historyRestoreOnly = true;
+                    }
+                }"
+            >
+                <div class="compare-quick-card__title">{{ card.label }}</div>
+                <div class="compare-quick-card__value">{{ card.value }}</div>
+                <div class="compare-quick-card__meta">{{ card.meta }}</div>
+            </button>
+        </div>
+        <div class="toolbar toolbar-secondary">
+            <el-select v-model="historyStatusFilter" style="width: 160px">
+                <el-option label="全部状态" value="all" />
+                <el-option label="dry_run" value="dry_run" />
+                <el-option label="applied" value="applied" />
+            </el-select>
+            <el-select v-model="historyActionFamilyFilter" style="width: 180px">
+                <el-option label="全部动作家族" value="all" />
+                <el-option label="模板动作家族" value="template_family" />
+                <el-option label="恢复动作家族" value="restore_family" />
+            </el-select>
+            <el-select v-model="historyActionKindFilter" style="width: 220px">
+                <el-option label="全部动作类型" value="all" />
+                <el-option
+                    v-for="item in historyActionKindOptions()"
+                    :key="item.key"
+                    :label="`${item.label} (${item.count})`"
+                    :value="item.key"
+                />
+            </el-select>
+            <el-select v-model="historyGroupFilter" style="width: 180px">
+                <el-option label="全部分组" value="all" />
+                    <el-option
+                    v-for="item in safeActionHistoryGroupBuckets()"
+                    :key="item.key"
+                    :label="`${item.label} (${item.count})`"
+                    :value="item.key"
+                />
+            </el-select>
+            <el-input v-model="historyKeyword" clearable placeholder="筛选模板或来源" style="width: 220px" />
+            <el-switch
+                v-model="historyRestoreOnly"
+                inline-prompt
+                active-text="只看可恢复"
+                inactive-text="显示全部"
+            />
+            <span class="summary-inline">当前显示 {{ filteredActionHistory().length }} / {{ safeActionHistory().length }} 条</span>
+        </div>
+        <el-table :data="filteredActionHistory()" size="small" border max-height="260">
+            <el-table-column prop="action_at" label="时间" width="190" />
+            <el-table-column label="状态" width="110">
+                <template #default="{ row }">
+                    <el-tag size="small" :type="row.status === 'applied' ? 'warning' : 'info'">{{ row.status }}</el-tag>
+                </template>
+            </el-table-column>
+            <el-table-column prop="source" label="来源" width="120" />
+            <el-table-column prop="template" label="模板" width="140" />
+            <el-table-column label="类型" width="160">
+                <template #default="{ row }">
+                    <el-tag size="small" effect="plain">
+                        {{ row.action_kind || (row.status === "applied" ? "template_apply" : "template_preview") }}
+                    </el-tag>
+                </template>
+            </el-table-column>
+            <el-table-column label="影响分组" min-width="220">
+                <template #default="{ row }">
+                    <el-tag v-for="item in safeImpactGroups(row)" :key="`${row.action_id || row.action_at}-${item.group}`" size="small" effect="plain" class="history-group-tag">
+                        {{ item.label }} {{ item.count }}
+                    </el-tag>
+                </template>
+            </el-table-column>
+            <el-table-column label="变更" width="90">
+                <template #default="{ row }">
+                    {{ row.changed_count ?? 0 }}
+                </template>
+            </el-table-column>
+            <el-table-column label="操作" width="420" fixed="right">
+                <template #default="{ row }">
+                    <el-button
+                        type="primary"
+                        link
+                        @click="() => {
+                            historyActionView = row;
+                            if (row.restore_supported) {
+                                restorePreviewSide = 'after';
+                            }
+                        }"
+                    >
+                        回看
+                    </el-button>
+                    <el-button
+                        type="warning"
+                        link
+                        @click="() => {
+                            historyActionView = row;
+                            const normalized = normalizeFocusModes(safeImpactGroups(row).map(item => item.group));
+                            focusMode = normalized.focusMode;
+                            focusModesOverride = normalized.overrideModes;
+                            focusModesPreset = normalized.overrideModes;
+                            showOnlyLatestChanged = false;
+                        }"
+                    >
+                        按分组过滤
+                    </el-button>
+                    <el-button
+                        type="danger"
+                        link
+                        @click="() => {
+                            historyActionView = row;
+                            const normalized = normalizeFocusModes(safeImpactGroups(row).map(item => item.group));
+                            focusMode = normalized.focusMode;
+                            focusModesOverride = normalized.overrideModes;
+                            focusModesPreset = normalized.overrideModes;
+                            showOnlyLatestChanged = true;
+                        }"
+                    >
+                        只看命中键
+                    </el-button>
+                    <el-button type="info" link @click="compareBaseActionId = getActionId(row)">设为基准</el-button>
+                    <el-button type="success" link @click="compareTargetActionId = getActionId(row)">设为对比</el-button>
+                    <el-dropdown
+                        v-if="row.restore_supported"
+                        trigger="click"
+                        @command="command => {
+                            const normalized = String(command);
+                            if (normalized === 'preview-after') {
+                                return handleHistoryRestore(row, 'after', true);
+                            }
+                            if (normalized === 'apply-after') {
+                                return handleHistoryRestore(row, 'after', false);
+                            }
+                            if (normalized === 'preview-before') {
+                                return handleHistoryRestore(row, 'before', true);
+                            }
+                            if (normalized === 'apply-before') {
+                                return handleHistoryRestore(row, 'before', false);
+                            }
+                        }"
+                    >
+                        <el-button type="primary" link>历史恢复</el-button>
+                        <template #dropdown>
+                            <el-dropdown-menu>
+                                <el-dropdown-item command="preview-after">恢复后态预览</el-dropdown-item>
+                                <el-dropdown-item command="apply-after">恢复后态应用</el-dropdown-item>
+                                <el-dropdown-item command="preview-before">恢复前态预览</el-dropdown-item>
+                                <el-dropdown-item command="apply-before">恢复前态应用</el-dropdown-item>
+                            </el-dropdown-menu>
+                        </template>
+                    </el-dropdown>
+                </template>
+            </el-table-column>
+        </el-table>
+
+        <el-divider content-position="left">历史恢复验收台</el-divider>
+        <el-empty
+            v-if="!selectedRestoreAction()"
+            :image-size="72"
+            description="当前没有可验收的历史恢复动作"
+        />
+        <template v-else>
+            <el-alert
+                type="info"
+                :closable="false"
+                show-icon
+                class="restore-preview-alert"
+                :title="`当前恢复动作：${selectedRestoreAction()!.template || '-'} / ${selectedRestoreAction()!.status || '-'}`"
+                :description="`来源：${selectedRestoreAction()!.source || '-'}；时间：${selectedRestoreAction()!.action_at || '-'}；原动作命中：${safeImpactGroups(selectedRestoreAction()).map(item => `${item.label} ${item.count}`).join(' / ') || '无'}。`"
+            />
+            <div class="restore-preview-grid">
+                <button
+                    v-for="card in restorePreviewCards()"
+                    :key="card.side"
+                    type="button"
+                    class="restore-preview-card"
+                    :class="{ 'restore-preview-card--active': restorePreviewSide === card.side }"
+                    @click="restorePreviewSide = card.side"
+                >
+                    <div class="restore-preview-card__title">{{ card.title }}</div>
+                    <div class="restore-preview-card__value">{{ card.changedCount }}</div>
+                    <div class="restore-preview-card__meta">{{ card.description }}</div>
+                    <div class="restore-preview-card__tags">
+                        <el-tag size="small" :type="card.changedCount > 0 ? 'warning' : 'success'">
+                            {{ card.changedCount > 0 ? "存在差异" : "已一致" }}
+                        </el-tag>
+                        <el-tag v-if="card.groupText" size="small" type="info" effect="plain">
+                            {{ card.groupText }}
+                        </el-tag>
+                    </div>
+                </button>
+            </div>
+            <el-alert
+                v-if="selectedRestorePreview()"
+                :type="selectedRestorePreview() && selectedRestorePreview()!.changed_count > 0 ? 'warning' : 'success'"
+                :closable="false"
+                show-icon
+                class="restore-preview-result"
+                :title="`${selectedRestorePreview()!.title}验收：${selectedRestorePreview()!.changed_count} 项差异`"
+                :description="`${selectedRestorePreview()!.description}；命中门禁：${safeImpactGroups(selectedRestorePreview()).map(item => `${item.label} ${item.count}`).join(' / ') || '无'}。`"
+            />
+            <el-alert
+                v-if="restoreDeltaState()"
+                :type="(restoreDeltaState()?.changedCards.length ?? 0) > 0 ? 'warning' : 'info'"
+                :closable="false"
+                show-icon
+                class="restore-preview-result"
+                :title="(restoreDeltaState()?.changedCards.length ?? 0) > 0 ? `${restorePreviewSide === 'after' ? '恢复后态' : '恢复前态'}的门禁状态变化` : `${restorePreviewSide === 'after' ? '恢复后态' : '恢复前态'}未改变门禁状态`"
+                :description="(() => {
+                    const state = restoreDeltaState();
+                    if (!state) {
+                        return '';
+                    }
+                    const targetCards = state.changedCards.length > 0 ? state.changedCards : state.affectedCards;
+                    if (targetCards.length === 0) {
+                        return '';
+                    }
+                    return targetCards
+                        .map(item => (item.changed ? `${item.label}：${item.beforeStatus} -> ${item.afterStatus}` : `${item.label}：保持 ${item.afterStatus}`))
+                        .join('；');
+                })()"
+            />
+            <el-alert
+                v-if="restoreRiskDeltaState() && restoreRiskDeltaState()!.total > 0"
+                :type="!restoreRiskDeltaState() ? 'info' : restoreRiskDeltaState()!.movedToRisk > 0 ? 'error' : restoreRiskDeltaState()!.movedToSafe > 0 ? 'success' : 'info'"
+                :closable="false"
+                show-icon
+                class="restore-preview-result"
+                :title="`${restorePreviewSide === 'after' ? '恢复后态' : '恢复前态'}的风险变化数量摘要`"
+                :description="`共影响 ${restoreRiskDeltaState()!.total} 组门禁；${restoreRiskDeltaState()!.movedToRisk} 组变风险，${restoreRiskDeltaState()!.movedToSafe} 组回安全，${restoreRiskDeltaState()!.unchanged} 组保持不变。`"
+            />
+            <div v-if="restoreRiskDeltaCards().length > 0" class="risk-delta-grid restore-risk-delta-grid">
+                    <button
+                        v-for="card in restoreRiskDeltaCards()"
+                    :key="`restore-${card.label}`"
+                    type="button"
+                    class="risk-delta-card"
+                    :class="`risk-delta-card--${card.state}`"
+                    @click="() => {
+                        const normalized = normalizeFocusModes(card.focusModes);
+                        if (normalized.focusMode === 'all' && normalized.overrideModes.length === 0) {
+                            focusMode = 'all';
+                            focusModesOverride = [];
+                            return;
+                        }
+                        focusMode = normalized.focusMode;
+                        focusModesOverride = normalized.overrideModes;
+                        focusModesPreset = normalized.overrideModes;
+                    }"
+                >
+                    <div class="risk-delta-card__label">{{ card.label }}</div>
+                    <div class="risk-delta-card__value">{{ card.value }}</div>
+                    <div class="risk-delta-card__meta">{{ card.meta }}</div>
+                </button>
+            </div>
+            <el-table
+                v-if="(restoreDeltaState()?.affectedCards ?? []).length > 0"
+                :data="restoreDeltaState()?.affectedCards ?? []"
+                size="small"
+                border
+                max-height="240"
+                class="restore-gate-table"
+            >
+                <el-table-column prop="label" label="门禁" width="120" />
+                <el-table-column label="当前状态" min-width="200">
+                    <template #default="{ row }">
+                        <el-tag size="small" :type="row.beforeType">{{ row.beforeStatus }}</el-tag>
+                    </template>
+                </el-table-column>
+                <el-table-column label="恢复后状态" min-width="220">
+                    <template #default="{ row }">
+                        <el-tag size="small" :type="row.afterType">{{ row.afterStatus }}</el-tag>
+                    </template>
+                </el-table-column>
+                <el-table-column label="变化" min-width="260">
+                    <template #default="{ row }">
+                        <span>{{ row.changed ? `${row.beforeStatus} -> ${row.afterStatus}` : `保持 ${row.afterStatus}` }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column label="操作" width="140" fixed="right">
+                    <template #default="{ row }">
+                        <el-button
+                            type="primary"
+                            link
+                            @click="() => {
+                                focusModesOverride = [];
+                                focusMode = row.key;
+                            }"
+                        >
+                            定位门禁
+                        </el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+            <div class="toolbar toolbar-secondary">
+                <el-select v-model="restorePreviewFilter" style="width: 160px">
+                    <el-option label="全部差异" value="all" />
+                    <el-option label="有差异" value="changed" />
+                    <el-option label="新增键" value="added" />
+                    <el-option label="更新键" value="updated" />
+                </el-select>
+                <el-input v-model="restorePreviewKeyword" clearable placeholder="筛选恢复 Key 或分组" style="width: 220px" />
+                <span class="summary-inline">当前显示 {{ restorePreviewRows().length }} / {{ safeChanges(selectedRestorePreview()).length || 0 }} 条</span>
+                <el-button type="primary" plain @click="handleHistoryRestore(selectedRestoreAction()!, restorePreviewSide, true)">按当前侧预览</el-button>
+                <el-button type="warning" plain @click="handleHistoryRestore(selectedRestoreAction()!, restorePreviewSide, false)">按当前侧应用</el-button>
+            </div>
+            <el-table v-if="restorePreviewRows().length > 0" :data="restorePreviewRows()" size="small" border max-height="260" class="restore-preview-table">
+                <el-table-column prop="key" label="Key" min-width="260" />
+                <el-table-column label="分组" width="120">
+                    <template #default="{ row }">
+                        <el-tag size="small" effect="plain">{{ row.groupLabel }}</el-tag>
+                    </template>
+                </el-table-column>
+                <el-table-column label="变化类型" width="120">
+                    <template #default="{ row }">
+                        <el-tag size="small" :type="row.type === 'added' ? 'success' : 'warning'">
+                            {{ row.type === "added" ? "新增键" : "更新键" }}
+                        </el-tag>
+                    </template>
+                </el-table-column>
+                <el-table-column prop="old" label="当前值" min-width="280" show-overflow-tooltip />
+                <el-table-column prop="new" label="恢复后值" min-width="280" show-overflow-tooltip />
+                <el-table-column label="操作" width="180" fixed="right">
+                    <template #default="{ row }">
+                        <el-button
+                            type="primary"
+                            link
+                            @click="() => {
+                                focusedCurrentKey = row.key;
+                                if (row.group !== 'all') {
+                                    focusModesOverride = [];
+                                    focusMode = row.group as FocusMode;
+                                }
+                            }"
+                        >
+                            定位当前值
+                        </el-button>
+                        <el-button
+                            type="warning"
+                            link
+                            @click="() => {
+                                focusedCurrentKey = row.key;
+                                if (row.group !== 'all') {
+                                    focusModesOverride = [];
+                                    focusMode = row.group as FocusMode;
+                                }
+                                showOnlyDrift = false;
+                                showOnlyLatestChanged = false;
+                            }"
+                        >
+                            仅看本键
+                        </el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+            <el-empty
+                v-else
+                :image-size="72"
+                description="当前恢复侧在该筛选条件下没有差异键"
+            />
+        </template>
+
+        <el-divider content-position="left">历史动作对比工作台</el-divider>
+        <div v-if="actionHistoryOptions().length > 0" class="toolbar toolbar-secondary">
+            <el-select v-model="compareBaseActionId" placeholder="选择基准动作" style="width: 320px">
+                <el-option
+                    v-for="item in actionHistoryOptions()"
+                    :key="item.id"
+                    :label="item.label"
+                    :value="item.id"
+                />
+            </el-select>
+            <el-select v-model="compareTargetActionId" placeholder="选择对比动作" style="width: 320px">
+                <el-option
+                    v-for="item in actionHistoryOptions()"
+                    :key="item.id"
+                    :label="item.label"
+                    :value="item.id"
+                />
+            </el-select>
+            <el-button
+                plain
+                @click="() => {
+                    const currentBase = compareBaseActionId;
+                    compareBaseActionId = compareTargetActionId;
+                    compareTargetActionId = currentBase;
+                }"
+            >
+                交换两侧
+            </el-button>
+            <el-button
+                plain
+                @click="() => {
+                    const history = safeActionHistory();
+                    if (history.length === 0) {
+                        return;
+                    }
+                    compareTargetActionId = getActionId(history[0]);
+                    compareBaseActionId = getActionId(history[1] ?? history[0]);
+                }"
+            >
+                最近两次
+            </el-button>
+            <el-button
+                plain
+                @click="() => {
+                    const history = safeActionHistory();
+                    const latestApplied = history.find(item => item.status === 'applied');
+                    const latestDryRun = history.find(item => item.status === 'dry_run');
+                    if (latestApplied && latestDryRun) {
+                        compareBaseActionId = getActionId(latestApplied);
+                        compareTargetActionId = getActionId(latestDryRun);
+                    }
+                }"
+            >
+                正式应用 vs Dry-run
+            </el-button>
+            <el-button
+                plain
+                @click="() => {
+                    const history = safeActionHistory();
+                    const templateHistory = history.filter(
+                        item => ['template_preview', 'template_apply'].includes(item.action_kind || (item.status === 'applied' ? 'template_apply' : 'template_preview'))
+                    );
+                    if (templateHistory.length > 0) {
+                        compareTargetActionId = getActionId(templateHistory[0]);
+                        compareBaseActionId = getActionId(templateHistory[1] ?? templateHistory[0]);
+                    }
+                }"
+            >
+                最近两次模板动作
+            </el-button>
+            <el-button
+                plain
+                @click="() => {
+                    const history = safeActionHistory();
+                    const latestTemplateApply = history.find(
+                        item => (item.action_kind || (item.status === 'applied' ? 'template_apply' : 'template_preview')) === 'template_apply'
+                    );
+                    const latestTemplatePreview = history.find(
+                        item => (item.action_kind || (item.status === 'applied' ? 'template_apply' : 'template_preview')) === 'template_preview'
+                    );
+                    if (latestTemplateApply && latestTemplatePreview) {
+                        compareBaseActionId = getActionId(latestTemplateApply);
+                        compareTargetActionId = getActionId(latestTemplatePreview);
+                    }
+                }"
+            >
+                模板应用 vs 预览
+            </el-button>
+            <el-button
+                plain
+                @click="() => {
+                    const history = safeActionHistory();
+                    const restoreHistory = history.filter(item => ['history_restore_preview', 'history_restore_apply'].includes(item.action_kind || ''));
+                    if (restoreHistory.length > 0) {
+                        compareTargetActionId = getActionId(restoreHistory[0]);
+                        compareBaseActionId = getActionId(restoreHistory[1] ?? restoreHistory[0]);
+                    }
+                }"
+            >
+                最近两次恢复
+            </el-button>
+            <el-button
+                plain
+                @click="() => {
+                    const history = safeActionHistory();
+                    const latestRestoreApply = history.find(item => item.action_kind === 'history_restore_apply');
+                    const latestRestorePreview = history.find(item => item.action_kind === 'history_restore_preview');
+                    if (latestRestoreApply && latestRestorePreview) {
+                        compareBaseActionId = getActionId(latestRestoreApply);
+                        compareTargetActionId = getActionId(latestRestorePreview);
+                    }
+                }"
+            >
+                恢复应用 vs 预览
+            </el-button>
+            <el-select v-model="compareRelationFilter" style="width: 160px">
+                <el-option label="全部关系" value="all" />
+                <el-option label="有差异" value="different" />
+                <el-option label="仅基准" value="base_only" />
+                <el-option label="仅对比" value="target_only" />
+                <el-option label="一致" value="same" />
+            </el-select>
+            <el-input v-model="compareKeyword" clearable placeholder="筛选对比键或分组" style="width: 220px" />
+            <el-switch
+                v-model="showOnlyCompareDiff"
+                inline-prompt
+                active-text="只看差异键"
+                inactive-text="显示全部对比键"
+            />
+        </div>
+        <el-alert
+            v-if="compareSummary()"
+            type="info"
+            :closable="false"
+            show-icon
+            class="compare-summary-alert"
+            :title="`历史动作对比：${compareBaseAction()?.template || '-'} vs ${compareTargetAction()?.template || '-'}`"
+            :description="`基准：${compareBaseAction()?.action_at || '-'} / ${compareSummary()?.baseGroupsText}；对比：${compareTargetAction()?.action_at || '-'} / ${compareSummary()?.targetGroupsText}；共同命中：${compareSummary()?.sharedGroupsText}；差异键：${compareSummary()?.differentCount}。`"
+        />
+        <div v-if="compareSummary()" class="compare-summary-grid">
+            <div class="compare-summary-metric">
+                <div class="compare-summary-metric__label">基准变更键</div>
+                <div class="compare-summary-metric__value">{{ compareSummary()?.baseChangedCount }}</div>
+            </div>
+            <div class="compare-summary-metric">
+                <div class="compare-summary-metric__label">对比变更键</div>
+                <div class="compare-summary-metric__value">{{ compareSummary()?.targetChangedCount }}</div>
+            </div>
+            <div class="compare-summary-metric">
+                <div class="compare-summary-metric__label">差异键</div>
+                <div class="compare-summary-metric__value">{{ compareSummary()?.differentCount }}</div>
+            </div>
+            <div class="compare-summary-metric">
+                <div class="compare-summary-metric__label">共同命中门禁</div>
+                <div class="compare-summary-metric__value">{{ compareSummary()?.sharedGroupCount }}</div>
+            </div>
+        </div>
+        <div v-if="compareGroupCards().length > 0" class="compare-group-grid">
+            <button
+                v-for="card in compareGroupCards()"
+                :key="card.group"
+                type="button"
+                class="compare-group-card"
+                :class="{ 'compare-group-card--active': focusModesOverride.length === 0 && focusMode === card.group }"
+                @click="() => {
+                    focusModesOverride = [];
+                    focusMode = card.group;
+                }"
+            >
+                <div class="compare-group-card__title">{{ card.label }}</div>
+                <div class="compare-group-card__meta">{{ card.total }} 键 / {{ card.diffCount }} 差异</div>
+                <div class="compare-group-card__tags">
+                    <el-tag size="small" :type="card.diffCount > 0 ? 'danger' : 'success'">
+                        {{ card.diffCount > 0 ? "有差异" : "全部一致" }}
+                    </el-tag>
+                    <el-tag v-if="card.baseOnlyCount > 0" size="small" type="warning" effect="plain">仅基准 {{ card.baseOnlyCount }}</el-tag>
+                    <el-tag v-if="card.targetOnlyCount > 0" size="small" type="warning" effect="plain">仅对比 {{ card.targetOnlyCount }}</el-tag>
+                </div>
+            </button>
+        </div>
+            <el-table v-if="compareVisibleRows().length > 0" :data="compareVisibleRows()" size="small" border max-height="320" class="compare-table">
+            <el-table-column prop="key" label="Key" min-width="260" />
+            <el-table-column label="分组" width="120">
+                <template #default="{ row }">
+                    <el-tag size="small" effect="plain">{{ row.groupLabel }}</el-tag>
+                </template>
+            </el-table-column>
+            <el-table-column label="差异类型" width="120">
+                <template #default="{ row }">
+                    <el-tag size="small" :type="row.relationType">{{ row.relationLabel }}</el-tag>
+                </template>
+            </el-table-column>
+            <el-table-column label="基准动作" width="120">
+                <template #default="{ row }">
+                    <span>{{ row.baseTypeLabel }}</span>
+                </template>
+            </el-table-column>
+            <el-table-column label="对比动作" width="120">
+                <template #default="{ row }">
+                    <span>{{ row.targetTypeLabel }}</span>
+                </template>
+            </el-table-column>
+            <el-table-column label="基准变化" min-width="260" show-overflow-tooltip>
+                <template #default="{ row }">
+                    <span>{{ row.baseSummary }}</span>
+                </template>
+            </el-table-column>
+            <el-table-column label="对比变化" min-width="260" show-overflow-tooltip>
+                <template #default="{ row }">
+                    <span>{{ row.targetSummary }}</span>
+                </template>
+            </el-table-column>
+            <el-table-column label="操作" width="180" fixed="right">
+                <template #default="{ row }">
+                    <el-button
+                        type="primary"
+                        link
+                        @click="() => {
+                            focusedCurrentKey = row.key;
+                            if (row.group !== 'all') {
+                                focusModesOverride = [];
+                                focusMode = row.group as FocusMode;
+                            }
+                        }"
+                    >
+                        定位当前值
+                    </el-button>
+                    <el-button
+                        type="warning"
+                        link
+                        @click="() => {
+                            focusedCurrentKey = row.key;
+                            if (row.group !== 'all') {
+                                focusModesOverride = [];
+                                focusMode = row.group as FocusMode;
+                            }
+                            showOnlyDrift = false;
+                            showOnlyLatestChanged = false;
+                        }"
+                    >
+                        仅看本键
+                    </el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+        <el-empty
+            v-else
+            :image-size="72"
+            description="当前筛选条件下没有可对比的历史动作键"
+        />
+
+        <el-divider content-position="left">当前选中模板偏移明细</el-divider>
+        <el-alert
+            v-if="selectedTemplateData() && selectedTemplateData()?.drift_count === 0"
+            type="success"
+            :closable="false"
+            show-icon
+            :title="`${selectedTemplateData()?.name} 已与当前 .env 完整匹配`"
+        />
+        <el-table v-else :data="safeSelectedTemplateDriftItems()" size="small" border max-height="260">
+            <el-table-column prop="key" label="Key" min-width="260" />
+            <el-table-column prop="current_value" label="当前值" min-width="280" show-overflow-tooltip />
+            <el-table-column prop="template_value" label="模板值" min-width="280" show-overflow-tooltip />
+        </el-table>
+
+        <el-divider content-position="left">当前环境值</el-divider>
+        <div class="summary-cards">
+            <button
+                v-for="card in focusCards()"
+                :key="card.value"
+                type="button"
+                class="summary-card"
+                :class="{
+                    active:
+                        (focusModesOverride.length === 0 && focusMode === card.value) ||
+                        focusModesOverride.includes(card.value)
+                }"
+                @click="() => {
+                    focusModesOverride = [];
+                    focusMode = card.value;
+                }"
+            >
+                <div class="summary-card__title">{{ card.label }}</div>
+                <div class="summary-card__meta">{{ card.driftCount }} 偏移 / {{ card.total }} 项</div>
+                <div class="summary-card__status">
+                    <el-tag size="small" :type="card.driftCount > 0 ? 'warning' : 'success'">
+                        {{ card.driftCount > 0 ? "需关注" : "已对齐" }}
+                    </el-tag>
+                </div>
+            </button>
+        </div>
+        <div class="toolbar toolbar-secondary">
+            <el-switch v-model="showOnlyDrift" inline-prompt active-text="只看偏移项" inactive-text="显示全部" />
+            <el-switch
+                v-if="(safeChanges(activeAction()).length ?? 0) > 0"
+                v-model="showOnlyLatestChanged"
+                inline-prompt
+                active-text="只看最近动作命中键"
+                inactive-text="显示全部键"
+            />
+            <el-select
+                v-model="focusMode"
+                style="width: 180px"
+                @change="value => {
+                    focusModesOverride = [];
+                    focusMode = value;
+                }"
+            >
+                <el-option label="全部键" value="all" />
+                <el-option label="任务放行" value="task" />
+                <el-option label="Oncall" value="oncall" />
+                <el-option label="Pipeline核心" value="pipeline" />
+                <el-option label="AI导入" value="import" />
+                <el-option label="发布门禁" value="release" />
+            </el-select>
+            <span class="summary-inline">当前按 {{ selectedTemplateData()?.name || "未选模板" }} 对比</span>
+        </div>
+        <el-alert
+            v-if="focusedCurrentKey"
+            type="warning"
+            :closable="false"
+            show-icon
+            class="focused-key-alert"
+            :title="`当前已定位 Key：${focusedCurrentKey}`"
+        >
+            <template #default>
+                <div class="focused-key-alert__body">
+                    <span>这是从历史动作对比工作台一键带下来的当前值定位视图。</span>
+                    <el-button type="warning" link @click="focusedCurrentKey = ''">清除定位</el-button>
+                </div>
+            </template>
+        </el-alert>
+        <el-alert
+            v-if="focusModesOverride.length > 0"
+            type="info"
+            :closable="false"
+            show-icon
+            class="focus-override-alert"
+            :title="`当前聚焦 ${focusOverrideLabels().join(' / ')}`"
+            :description="`本次是从概览卡片按真实命中门禁进入，当前只显示这 ${focusModesOverride.length} 组相关键。`"
+        />
+        <div v-if="focusModesPreset.length > 1" class="focus-override-quick">
+            <el-button
+                size="small"
+                :type="focusModesOverride.length > 0 ? 'primary' : 'default'"
+                @click="() => {
+                    if (focusModesPreset.length <= 1) {
+                        return;
+                    }
+                    focusModesOverride = [...focusModesPreset];
+                    focusMode = 'all';
+                }"
+            >
+                只看命中组
+            </el-button>
+            <el-button
+                v-for="mode in focusModesPreset"
+                :key="mode"
+                size="small"
+                :type="focusMode === mode && focusModesOverride.length === 0 ? 'primary' : 'default'"
+                @click="() => {
+                    focusModesOverride = [];
+                    focusMode = mode;
+                }"
+            >
+                {{ focusModeLabelMap[mode] }}
+            </el-button>
+            <el-button
+                size="small"
+                :type="focusMode === 'all' && focusModesOverride.length === 0 ? 'primary' : 'default'"
+                @click="() => {
+                    focusModesOverride = [];
+                    focusMode = 'all';
+                }"
+            >
+                全部键
+            </el-button>
+        </div>
+        <div v-if="visibleGroupCards().length > 0" class="visible-group-grid">
+            <button
+                v-for="card in visibleGroupCards()"
+                :key="card.group"
+                type="button"
+                class="visible-group-card"
+                :class="{ 'visible-group-card--active': focusModesOverride.length === 0 && focusMode === card.group }"
+                @click="() => {
+                    focusModesOverride = [];
+                    focusMode = card.group;
+                }"
+            >
+                <div class="visible-group-card__title">{{ card.label }}</div>
+                <div class="visible-group-card__meta">{{ card.total }} 项 / {{ card.driftCount }} 偏移</div>
+                <div class="visible-group-card__tags">
+                    <el-tag size="small" :type="card.driftCount > 0 ? 'warning' : 'success'">
+                        {{ card.driftCount > 0 ? "有偏移" : "已对齐" }}
+                    </el-tag>
+                    <el-tag v-if="card.changedCount > 0" size="small" type="danger" effect="plain">
+                        最近动作 {{ card.changedCount }}
+                    </el-tag>
+                </div>
+            </button>
+        </div>
+        <el-table :data="currentValueRows" size="small" border max-height="260">
+            <el-table-column prop="key" label="Key" min-width="280" />
+            <el-table-column label="分组" width="120">
+                <template #default="{ row }">
+                    <el-tag size="small" effect="plain">{{ row.groupLabel }}</el-tag>
+                </template>
+            </el-table-column>
+            <el-table-column label="状态" width="110">
+                <template #default="{ row }">
+                    <el-tag :type="row.state === 'drift' ? 'warning' : 'success'">
+                        {{ row.state === "drift" ? "存在偏移" : "已匹配" }}
+                    </el-tag>
+                </template>
+            </el-table-column>
+            <el-table-column label="最近动作" width="150">
+                <template #default="{ row }">
+                    <el-tag v-if="row.changedByLatestAction" size="small" :type="row.changeType === 'added' ? 'success' : 'warning'">
+                        {{ row.changeType === "added" ? "新增键" : "变更键" }}
+                    </el-tag>
+                    <span v-else class="muted-cell">-</span>
+                </template>
+            </el-table-column>
+            <el-table-column prop="value" label="当前值" min-width="300" show-overflow-tooltip />
+            <el-table-column prop="templateValue" label="模板值" min-width="300" show-overflow-tooltip />
+            <el-table-column label="最近动作变化" min-width="300" show-overflow-tooltip>
+                <template #default="{ row }">
+                    <span v-if="row.latestActionSummary">{{ row.latestActionSummary }}</span>
+                    <span v-else class="muted-cell">-</span>
+                </template>
+            </el-table-column>
+        </el-table>
+
+        <template v-if="actionResult">
+            <el-divider content-position="left">最近一次执行</el-divider>
+            <el-descriptions :column="3" border class="action-summary">
+                <el-descriptions-item label="状态">{{ actionResult.status }}</el-descriptions-item>
+                <el-descriptions-item label="动作类型">{{ actionResult.action_kind || "-" }}</el-descriptions-item>
+                <el-descriptions-item label="模板">{{ actionResult.template }}</el-descriptions-item>
+                <el-descriptions-item label="目标文件">{{ actionResult.env_file }}</el-descriptions-item>
+                <el-descriptions-item label="恢复来源">{{ actionResult.restore_from_action_id ? `${actionResult.restore_from_template || "-"} / ${actionResult.restore_snapshot_side || "-"}` : "-" }}</el-descriptions-item>
+                <el-descriptions-item label="解析键数">{{ actionResult.parsed_assignment_count }}</el-descriptions-item>
+                <el-descriptions-item label="新增">{{ actionResult.added_count }}</el-descriptions-item>
+                <el-descriptions-item label="更新">{{ actionResult.updated_count }}</el-descriptions-item>
+            </el-descriptions>
+
+            <el-table :data="safeChanges(actionResult)" size="small" border max-height="260" class="action-table">
+                <el-table-column prop="key" label="Key" min-width="260" />
+                <el-table-column prop="type" label="变更类型" width="120" />
+                <el-table-column prop="old" label="旧值" min-width="280" show-overflow-tooltip />
+                <el-table-column prop="new" label="新值" min-width="280" show-overflow-tooltip />
+            </el-table>
+        </template>
+        <template v-else-if="historyActionView">
+            <el-divider content-position="left">当前回看动作详情</el-divider>
+            <el-descriptions :column="3" border class="action-summary">
+                <el-descriptions-item label="状态">{{ historyActionView.status }}</el-descriptions-item>
+                <el-descriptions-item label="模板">{{ historyActionView.template }}</el-descriptions-item>
+                <el-descriptions-item label="来源">{{ historyActionView.source }}</el-descriptions-item>
+                <el-descriptions-item label="时间">{{ historyActionView.action_at }}</el-descriptions-item>
+                <el-descriptions-item label="新增">{{ historyActionView.added_count }}</el-descriptions-item>
+                <el-descriptions-item label="更新">{{ historyActionView.updated_count }}</el-descriptions-item>
+            </el-descriptions>
+
+            <el-table :data="safeChanges(historyActionView)" size="small" border max-height="260" class="action-table">
+                <el-table-column prop="key" label="Key" min-width="260" />
+                <el-table-column prop="type" label="变更类型" width="120" />
+                <el-table-column prop="old" label="旧值" min-width="280" show-overflow-tooltip />
+                <el-table-column prop="new" label="新值" min-width="280" show-overflow-tooltip />
+            </el-table>
+        </template>
+    </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { computed, ref, watch } from "vue";
+import { ElMessage, ElMessageBox } from "element-plus";
+import { SiteList } from "@/api/interface/site/list";
+import {
+    applyBootstrapEnvTemplate,
+    applyBootstrapEnvHistoryRestore,
+    getBootstrapEnvTemplateList,
+    previewBootstrapEnvHistoryRestore,
+    previewBootstrapEnvTemplate
+} from "@/api/modules/site/list";
+
+const dialogVisible = ref(false);
+const loadingSummary = ref(false);
+const loadingPreview = ref(false);
+const loadingApply = ref(false);
+const historyStatusFilter = ref<"all" | "dry_run" | "applied">("all");
+const historyActionFamilyFilter = ref<HistoryActionFamilyFilter>("all");
+const historyActionKindFilter = ref<string>("all");
+const historyGroupFilter = ref<string>("all");
+const historyKeyword = ref("");
+const historyRestoreOnly = ref(false);
+const compareBaseActionId = ref("");
+const compareTargetActionId = ref("");
+const showOnlyCompareDiff = ref(true);
+const compareRelationFilter = ref<"all" | CompareRelation>("all");
+const compareKeyword = ref("");
+const focusedCurrentKey = ref("");
+const restorePreviewFilter = ref<"all" | "changed" | "added" | "updated">("changed");
+const restorePreviewKeyword = ref("");
+const restorePreviewSide = ref<"before" | "after">("after");
+const selectedTemplate = ref<SiteList.BootstrapEnvTemplateKey>("testing-safe");
+const summary = ref<SiteList.BootstrapEnvTemplateListData>({
+    env_file: "",
+    warning: "",
+    allow_all_risk: false,
+    templates: [],
+    current_values: [],
+    current_profile: {
+        closest_template_key: "",
+        closest_template_name: "",
+        exact_match: false,
+        drift_count: 0,
+        matched_key_count: 0,
+        drift_items: [],
+        label: ""
+    },
+    latest_action: {},
+    action_history: [],
+    action_history_summary: {
+        total_count: 0,
+        applied_count: 0,
+        dry_run_count: 0,
+        restore_supported_count: 0,
+        template_preview_count: 0,
+        template_apply_count: 0,
+        restore_preview_count: 0,
+        restore_apply_count: 0,
+        latest_action_at: "",
+        status_buckets: [],
+        group_buckets: [],
+        source_buckets: [],
+        template_buckets: [],
+        action_kind_buckets: []
+    }
+});
+const actionResult = ref<SiteList.BootstrapEnvTemplateActionData | null>(null);
+const historyActionView = ref<SiteList.BootstrapEnvTemplateActionData | null>(null);
+const manualTemplateTouched = ref(false);
+const showOnlyDrift = ref(false);
+const showOnlyLatestChanged = ref(false);
+type FocusMode = "all" | "task" | "oncall" | "pipeline" | "import" | "release";
+type FocusPayload = FocusMode | FocusMode[];
+type ComparePreset =
+    | "latest_two"
+    | "latest_applied_vs_dry_run"
+    | "latest_template_two"
+    | "latest_template_apply_vs_preview"
+    | "latest_restore_two"
+    | "latest_restore_apply_vs_preview";
+type RestorePreset = "latest_restore_after_preview" | "latest_restore_before_preview";
+type HistoryActionPreset = "template_family" | "restore_family" | "restore_preview_only" | "restore_apply_only";
+type HistoryActionFamilyFilter = "all" | "template_family" | "restore_family";
+type DialogOpenPayload =
+    | FocusPayload
+    | {
+          focusMode?: FocusPayload;
+          comparePreset?: ComparePreset;
+          restorePreset?: RestorePreset;
+          historyActionPreset?: HistoryActionPreset;
+      };
+const focusMode = ref<FocusMode>("all");
+const focusModesOverride = ref<FocusMode[]>([]);
+const focusModesPreset = ref<FocusMode[]>([]);
+const focusOptions = [
+    { value: "all", label: "全部键" },
+    { value: "task", label: "任务放行" },
+    { value: "oncall", label: "Oncall" },
+    { value: "pipeline", label: "Pipeline核心" },
+    { value: "import", label: "AI导入" },
+    { value: "release", label: "发布门禁" }
+] as const;
+const focusModeLabelMap: Record<FocusMode, string> = {
+    all: "全部键",
+    task: "任务放行",
+    oncall: "Oncall",
+    pipeline: "Pipeline核心",
+    import: "AI导入",
+    release: "发布门禁"
+};
+const compareFocusModeAllowlist = new Set<FocusMode>(["task", "oncall", "pipeline", "import", "release"]);
+type GateTagType = "success" | "warning" | "info" | "primary" | "danger";
+type CompareRelation = "same" | "base_only" | "target_only" | "different";
+const tagTypeMap: Record<string, "success" | "warning" | "info"> = {
+    current: "success",
+    closest: "warning",
+    drift: "info"
+};
+const latestAction = () => {
+    const action = summary.value.latest_action;
+    if (!action || !("status" in action)) {
+        return null;
+    }
+
+    return action as SiteList.BootstrapEnvTemplateActionData;
+};
+const activeAction = () => actionResult.value ?? historyActionView.value ?? latestAction();
+const normalizeFocusModes = (
+    payload: FocusPayload | Array<FocusMode | string | null | undefined>
+): {
+    focusMode: FocusMode;
+    overrideModes: FocusMode[];
+} => {
+    const rawModes: Array<FocusMode | string | null | undefined> = Array.isArray(payload) ? payload : [payload];
+    const uniqueModes: FocusMode[] = Array.from(
+        new Set(
+            rawModes.filter(
+                (item): item is FocusMode => Boolean(item) && item !== "all" && compareFocusModeAllowlist.has(item as FocusMode)
+            )
+        )
+    );
+    if (uniqueModes.length === 0) {
+        return { focusMode: "all", overrideModes: [] };
+    }
+    if (uniqueModes.length === 1) {
+        return { focusMode: uniqueModes[0], overrideModes: [] };
+    }
+    return { focusMode: "all", overrideModes: uniqueModes };
+};
+const asArray = <T>(value: unknown): T[] => (Array.isArray(value) ? value : []);
+const safeSummaryTemplates = () => asArray<SiteList.BootstrapEnvTemplateItem>(summary.value.templates);
+const safeCurrentValues = () => asArray<SiteList.BootstrapEnvCurrentValue>(summary.value.current_values);
+const safeCurrentProfileDriftItems = () => asArray<SiteList.BootstrapEnvTemplateDriftItem>(summary.value.current_profile.drift_items);
+const safeActionHistory = () => asArray<SiteList.BootstrapEnvTemplateActionData>(summary.value.action_history);
+const safeActionHistoryKindBuckets = () =>
+    asArray<{ key: string; count: number; label?: string }>(summary.value.action_history_summary?.action_kind_buckets);
+const safeActionHistoryGroupBuckets = () =>
+    asArray<{ key: string; count: number; label?: string }>(summary.value.action_history_summary?.group_buckets);
+const safeActionHistorySourceBuckets = () =>
+    asArray<{ key: string; count: number; label?: string }>(summary.value.action_history_summary?.source_buckets);
+const safeActionHistoryTemplateBuckets = () =>
+    asArray<{ key: string; count: number; label?: string }>(summary.value.action_history_summary?.template_buckets);
+const safeActionHistoryStatusBuckets = () =>
+    asArray<{ key: string; count: number; label?: string }>(summary.value.action_history_summary?.status_buckets);
+const safeActionHistorySummary = () => summary.value.action_history_summary || {};
+const safeImpactGroups = (action?: { impact_groups?: unknown } | null) =>
+    asArray<SiteList.BootstrapEnvImpactGroup>(action?.impact_groups);
+const safeChanges = (action?: { changes?: unknown } | null) => asArray<SiteList.BootstrapEnvTemplateChange>(action?.changes);
+const safeActionTemplates = (template: SiteList.BootstrapEnvTemplateItem | null | undefined) =>
+    asArray<SiteList.BootstrapEnvTemplateDriftItem>(template?.drift_items);
+const safeSelectedTemplateDriftItems = () => safeActionTemplates(selectedTemplateData());
+const safeActionHistoryById = () => safeActionHistory();
+const getActionId = (action: SiteList.BootstrapEnvTemplateActionData) =>
+    action.action_id || `${action.action_at}|${action.template}|${action.status}|${action.source}`;
+const historyActionKindOptions = () =>
+    safeActionHistoryKindBuckets().filter(item => {
+        if (historyActionFamilyFilter.value === "template_family") {
+            return ["template_preview", "template_apply"].includes(item.key);
+        }
+        if (historyActionFamilyFilter.value === "restore_family") {
+            return ["history_restore_preview", "history_restore_apply"].includes(item.key);
+        }
+        return true;
+    });
+const historyActionFamilyCards = () => {
+    const history = safeActionHistory();
+    const templateHistory = history.filter(item =>
+        ["template_preview", "template_apply"].includes(item.action_kind || (item.status === "applied" ? "template_apply" : "template_preview"))
+    );
+    const restoreHistory = history.filter(item =>
+        ["history_restore_preview", "history_restore_apply"].includes(item.action_kind || (item.status === "applied" ? "template_apply" : "template_preview"))
+    );
+    const restorePreviewHistory = history.filter(
+        item => (item.action_kind || (item.status === "applied" ? "template_apply" : "template_preview")) === "history_restore_preview"
+    );
+    const restoreApplyHistory = history.filter(
+        item => (item.action_kind || (item.status === "applied" ? "template_apply" : "template_preview")) === "history_restore_apply"
+    );
+    const cards: Array<{
+        key: HistoryActionPreset;
+        label: string;
+        value: string;
+        meta: string;
+        preset: HistoryActionPreset;
+        focusModes: FocusPayload;
+    }> = [];
+    const templateCount = (summary.value.action_history_summary.template_preview_count || 0) + (summary.value.action_history_summary.template_apply_count || 0);
+    if (templateCount > 0) {
+        cards.push({
+            key: "template_family",
+            label: "模板动作家族",
+            value: `${templateCount} 条`,
+            meta: "一起看模板预览与正式应用动作",
+            preset: "template_family",
+            focusModes: (() => {
+                const groups = Array.from(
+                    new Set(
+                        templateHistory
+                            .flatMap(item => safeImpactGroups(item).map(group => group.group))
+                            .filter((item): item is FocusMode => compareFocusModeAllowlist.has(item as FocusMode))
+                    )
+                );
+                if (groups.length === 0) {
+                    return "all";
+                }
+                return groups.length === 1 ? groups[0] : groups;
+            })()
+        });
+    }
+    const restoreCount = (summary.value.action_history_summary.restore_preview_count || 0) + (summary.value.action_history_summary.restore_apply_count || 0);
+    if (restoreCount > 0) {
+        cards.push({
+            key: "restore_family",
+            label: "恢复动作家族",
+            value: `${restoreCount} 条`,
+            meta: "一起看恢复预览与恢复应用动作",
+            preset: "restore_family",
+            focusModes: (() => {
+                const groups = Array.from(
+                    new Set(
+                        restoreHistory
+                            .flatMap(item => safeImpactGroups(item).map(group => group.group))
+                            .filter((item): item is FocusMode => compareFocusModeAllowlist.has(item as FocusMode))
+                    )
+                );
+                if (groups.length === 0) {
+                    return "all";
+                }
+                return groups.length === 1 ? groups[0] : groups;
+            })()
+        });
+    }
+    if (restorePreviewHistory.length > 0) {
+        cards.push({
+            key: "restore_preview_only",
+            label: "只看恢复预览",
+            value: `${restorePreviewHistory.length} 条`,
+            meta: "专看恢复 dry-run 动作",
+            preset: "restore_preview_only",
+            focusModes: (() => {
+                const groups = Array.from(
+                    new Set(
+                        restorePreviewHistory
+                            .flatMap(item => safeImpactGroups(item).map(group => group.group))
+                            .filter((item): item is FocusMode => compareFocusModeAllowlist.has(item as FocusMode))
+                    )
+                );
+                if (groups.length === 0) {
+                    return "all";
+                }
+                return groups.length === 1 ? groups[0] : groups;
+            })()
+        });
+    }
+    if (restoreApplyHistory.length > 0) {
+        cards.push({
+            key: "restore_apply_only",
+            label: "只看恢复应用",
+            value: `${restoreApplyHistory.length} 条`,
+            meta: "专看恢复正式应用动作",
+            preset: "restore_apply_only",
+            focusModes: (() => {
+                const groups = Array.from(
+                    new Set(
+                        restoreApplyHistory
+                            .flatMap(item => safeImpactGroups(item).map(group => group.group))
+                            .filter((item): item is FocusMode => compareFocusModeAllowlist.has(item as FocusMode))
+                    )
+                );
+                if (groups.length === 0) {
+                    return "all";
+                }
+                return groups.length === 1 ? groups[0] : groups;
+            })()
+        });
+    }
+    return cards;
+};
+const filteredActionHistory = () =>
+    safeActionHistory().filter(item => {
+        if (historyStatusFilter.value !== "all" && item.status !== historyStatusFilter.value) {
+            return false;
+        }
+
+        const actionKind = item.action_kind || (item.status === "applied" ? "template_apply" : "template_preview");
+        if (
+            historyActionFamilyFilter.value === "template_family" &&
+            !["template_preview", "template_apply"].includes(actionKind)
+        ) {
+            return false;
+        }
+        if (
+            historyActionFamilyFilter.value === "restore_family" &&
+            !["history_restore_preview", "history_restore_apply"].includes(actionKind)
+        ) {
+            return false;
+        }
+        if (historyActionKindFilter.value !== "all" && actionKind !== historyActionKindFilter.value) {
+            return false;
+        }
+
+        if (
+            historyGroupFilter.value !== "all" &&
+            !safeImpactGroups(item).some(group => group.group === historyGroupFilter.value)
+        ) {
+            return false;
+        }
+
+        if (historyRestoreOnly.value && !item.restore_supported) {
+            return false;
+        }
+
+        const keyword = historyKeyword.value.trim().toLowerCase();
+        if (keyword === "") {
+            return true;
+        }
+
+        return (
+            (item.template || "").toLowerCase().includes(keyword) ||
+            (item.source || "").toLowerCase().includes(keyword)
+        );
+    });
+watch(historyActionFamilyFilter, value => {
+    if (historyActionKindFilter.value === "all") {
+        return;
+    }
+    if (
+        value === "template_family" &&
+        !["template_preview", "template_apply"].includes(historyActionKindFilter.value)
+    ) {
+        historyActionKindFilter.value = "all";
+        return;
+    }
+    if (
+        value === "restore_family" &&
+        !["history_restore_preview", "history_restore_apply"].includes(historyActionKindFilter.value)
+    ) {
+        historyActionKindFilter.value = "all";
+    }
+});
+const selectedRestoreAction = () => {
+    const history = safeActionHistory();
+    if (actionResult.value?.restore_from_action_id) {
+        return (
+            history.find(
+                item => (item.action_id || "") === actionResult.value?.restore_from_action_id
+            ) || null
+        );
+    }
+    if (historyActionView.value?.restore_supported) {
+        return historyActionView.value;
+    }
+    return history.find(item => item.restore_supported) || null;
+};
+const actionHistoryOptions = () =>
+    safeActionHistory().map(action => ({
+        id: action.action_id || `${action.action_at}|${action.template}|${action.status}|${action.source}`,
+        label: `${action.action_at || "-"} / ${action.template || "-"} / ${action.status || "-"} / ${action.source || "-"}`
+    }));
+const compareBaseAction = () =>
+    safeActionHistory().find(
+        item => (item.action_id || `${item.action_at}|${item.template}|${item.status}|${item.source}`) === compareBaseActionId.value
+    ) || null;
+const compareTargetAction = () =>
+    safeActionHistory().find(
+        item => (item.action_id || `${item.action_at}|${item.template}|${item.status}|${item.source}`) === compareTargetActionId.value
+    ) || null;
+const selectedTemplateData = () => safeSummaryTemplates().find(item => item.key === selectedTemplate.value) || null;
+const selectedTemplateDriftMap = () => {
+    const driftMap = new Map<string, SiteList.BootstrapEnvTemplateDriftItem>();
+    for (const item of safeSelectedTemplateDriftItems()) {
+        driftMap.set(item.key, item);
+    }
+    return driftMap;
+};
+const latestActionChangeMap = () => {
+    const changeMap = new Map<string, SiteList.BootstrapEnvTemplateChange>();
+    for (const item of safeChanges(activeAction())) {
+        changeMap.set(item.key, item);
+    }
+    return changeMap;
+};
+const currentValueMap = () =>
+    safeCurrentValues().reduce<Record<string, string>>((acc, item) => {
+        acc[item.key] = item.value ?? "";
+        return acc;
+    }, {});
+const buildGateCards = (valueMap: Record<string, string>, affectedGroups: Set<string>) => {
+    const allowlist = (valueMap.PLAN_TASK_CODE_ALLOWLIST ?? "").trim();
+    const oncallPrepare = ["1", "true", "yes", "on"].includes((valueMap.SEO_COPY_BOOTSTRAP_ONCALL_ALLOW_PREPARE ?? "").trim().toLowerCase());
+    const pipelineAllowImport = ["1", "true", "yes", "on"].includes((valueMap.SEO_COPY_BOOTSTRAP_PIPELINE_ALLOW_IMPORT ?? "").trim().toLowerCase());
+    const pipelineImportArmed = ["1", "true", "yes", "on"].includes((valueMap.SEO_COPY_BOOTSTRAP_PIPELINE_IMPORT_ARMED ?? "").trim().toLowerCase());
+    const pipelineAiPath =
+        (valueMap.SEO_COPY_BOOTSTRAP_PIPELINE_AI_RESULT_DIR ?? "").trim() ||
+        (valueMap.SEO_COPY_BOOTSTRAP_PIPELINE_AI_RESULT_ROOT ?? "").trim();
+    const pipelineRelease = ["1", "true", "yes", "on"].includes((valueMap.SEO_COPY_BOOTSTRAP_PIPELINE_ALLOW_RELEASE_DRY_RUN ?? "").trim().toLowerCase());
+    const oncallPublish = ["1", "true", "yes", "on"].includes((valueMap.SEO_COPY_BOOTSTRAP_ONCALL_ALLOW_PUBLISH ?? "").trim().toLowerCase());
+    const pipelinePublish = ["1", "true", "yes", "on"].includes((valueMap.SEO_COPY_BOOTSTRAP_PIPELINE_ALLOW_PUBLISH ?? "").trim().toLowerCase());
+
+    return [
+        {
+            key: "task" as const,
+            label: "任务放行",
+            status: allowlist === "" ? "空 allowlist 风险" : "已显式收口",
+            description: allowlist === "" ? "当前空值会放行所有已启用任务" : allowlist,
+            type: (allowlist === "" ? "danger" : "success") as GateTagType,
+            focusMode: "task" as const,
+            affectedByLatestAction: affectedGroups.has("task")
+        },
+        {
+            key: "import" as const,
+            label: "AI 导入",
+            status: !pipelineAllowImport ? "off" : pipelineImportArmed ? "armed" : "requested-not-armed",
+            description: !pipelineAllowImport
+                ? "当前不允许 pipeline 执行 AI 导入"
+                : pipelineImportArmed
+                  ? `已武装${pipelineAiPath ? `，来源：${pipelineAiPath}` : ""}`
+                  : "已请求导入，但尚未 armed",
+            type: (!pipelineAllowImport ? "info" : pipelineImportArmed ? "warning" : "danger") as GateTagType,
+            focusMode: "import" as const,
+            affectedByLatestAction: affectedGroups.has("import")
+        },
+        {
+            key: "oncall" as const,
+            label: "Prepare 门禁",
+            status: oncallPrepare ? "已放行" : "默认关闭",
+            description: oncallPrepare ? "oncall 可继续推进 prepare" : "当前仍需显式放行 prepare",
+            type: (oncallPrepare ? "warning" : "info") as GateTagType,
+            focusMode: "oncall" as const,
+            affectedByLatestAction: affectedGroups.has("oncall") || affectedGroups.has("pipeline")
+        },
+        {
+            key: "release" as const,
+            label: "发布门禁",
+            status: oncallPublish || pipelinePublish ? "存在 publish 放行" : pipelineRelease ? "仅放行 dry-run" : "默认关闭",
+            description: oncallPublish || pipelinePublish ? "至少一条链已允许 publish" : pipelineRelease ? "当前只允许 release dry-run" : "release dry-run 与 publish 都未放行",
+            type: (oncallPublish || pipelinePublish ? "danger" : pipelineRelease ? "warning" : "success") as GateTagType,
+            focusMode: "release" as const,
+            affectedByLatestAction: affectedGroups.has("release")
+        }
+    ];
+};
+const gateCards = () => {
+    const impactedGroups = new Set(safeImpactGroups(latestAction()).map(item => item.group));
+    return buildGateCards(currentValueMap(), impactedGroups);
+};
+const currentValueRowsAll = () =>
+    safeCurrentValues().map(item => {
+        const driftItem = selectedTemplateDriftMap().get(item.key);
+        const changeMap = latestActionChangeMap();
+        const groupInfo = item.key.startsWith("PLAN_TASK_CODE_")
+            ? { group: "task", groupLabel: "任务放行" }
+            : item.key.startsWith("SEO_COPY_BOOTSTRAP_ONCALL_")
+              ? item.key.includes("ALLOW_RELEASE_DRY_RUN") || item.key.includes("ALLOW_PUBLISH")
+                  ? { group: "release", groupLabel: "发布门禁" }
+                  : { group: "oncall", groupLabel: "Oncall" }
+              : item.key.startsWith("SEO_COPY_BOOTSTRAP_PIPELINE_")
+                ? item.key.includes("ALLOW_IMPORT") || item.key.includes("IMPORT_ARMED") || item.key.includes("AI_RESULT_")
+                    ? { group: "import", groupLabel: "AI导入" }
+                    : item.key.includes("ALLOW_RELEASE_DRY_RUN") || item.key.includes("ALLOW_PUBLISH")
+                      ? { group: "release", groupLabel: "发布门禁" }
+                      : { group: "pipeline", groupLabel: "Pipeline核心" }
+                : { group: "all", groupLabel: "其他" };
+        return {
+            key: item.key,
+            value: item.value,
+            templateValue: driftItem?.template_value ?? item.value,
+            state: driftItem ? "drift" : "match",
+            group: groupInfo.group,
+            groupLabel: groupInfo.groupLabel,
+            changedByLatestAction: !!changeMap.get(item.key),
+            changeType: changeMap.get(item.key)?.type ?? "",
+            latestActionSummary: changeMap.get(item.key)
+                ? `${changeMap.get(item.key)?.old ?? ""} -> ${changeMap.get(item.key)?.new ?? ""}`
+                : ""
+        };
+    });
+const focusCards = () =>
+    focusOptions.map(option => {
+        const rows =
+            option.value === "all"
+                ? currentValueRowsAll()
+                : currentValueRowsAll().filter(item => item.group === option.value);
+        const driftCount = rows.filter(item => item.state === "drift").length;
+        return {
+            ...option,
+            total: rows.length,
+            driftCount
+        };
+    });
+const focusOverrideLabels = () =>
+    focusModesOverride.value
+        .map(value => focusOptions.find(option => option.value === value)?.label || value)
+        .filter(Boolean);
+const activeFocusGroups = () => {
+    if (focusModesOverride.value.length > 0) {
+        return focusModesOverride.value;
+    }
+    if (focusMode.value === "all") {
+        return [] as FocusMode[];
+    }
+    return [focusMode.value];
+};
+const visibleGroupCards = () => {
+    const groupMap = new Map<
+        FocusMode,
+        {
+            group: FocusMode;
+            label: string;
+            total: number;
+            driftCount: number;
+            changedCount: number;
+        }
+    >();
+
+    for (const row of currentValueRowsAll()) {
+        if (row.group === "all") {
+            continue;
+        }
+        if (focusModesOverride.value.length > 0 && !focusModesOverride.value.includes(row.group as FocusMode)) {
+            continue;
+        }
+
+        const targetGroup = row.group as FocusMode;
+        if (focusMode.value !== "all" && focusModesOverride.value.length === 0 && targetGroup !== focusMode.value) {
+            continue;
+        }
+
+        const card =
+            groupMap.get(targetGroup) ??
+            {
+                group: targetGroup,
+                label: row.groupLabel,
+                total: 0,
+                driftCount: 0,
+                changedCount: 0
+            };
+        card.total += 1;
+        if (row.state === "drift") {
+            card.driftCount += 1;
+        }
+        if (row.changedByLatestAction) {
+            card.changedCount += 1;
+        }
+        groupMap.set(targetGroup, card);
+    }
+
+    return Array.from(groupMap.values());
+};
+const compareRows = () => {
+    if (!compareBaseAction() || !compareTargetAction()) {
+        return [];
+    }
+
+    const baseChanges = new Map(safeChanges(compareBaseAction()).map(item => [item.key, item]));
+    const targetChanges = new Map(safeChanges(compareTargetAction()).map(item => [item.key, item]));
+    const keys = Array.from(new Set([...baseChanges.keys(), ...targetChanges.keys()]));
+
+    return keys
+        .map(key => {
+            const baseChange = baseChanges.get(key);
+            const targetChange = targetChanges.get(key);
+            const groupInfo = key.startsWith("PLAN_TASK_CODE_")
+                ? { group: "task", groupLabel: "任务放行" }
+                : key.startsWith("SEO_COPY_BOOTSTRAP_ONCALL_")
+                  ? key.includes("ALLOW_RELEASE_DRY_RUN") || key.includes("ALLOW_PUBLISH")
+                      ? { group: "release", groupLabel: "发布门禁" }
+                      : { group: "oncall", groupLabel: "Oncall" }
+                  : key.startsWith("SEO_COPY_BOOTSTRAP_PIPELINE_")
+                    ? key.includes("ALLOW_IMPORT") || key.includes("IMPORT_ARMED") || key.includes("AI_RESULT_")
+                        ? { group: "import", groupLabel: "AI导入" }
+                        : key.includes("ALLOW_RELEASE_DRY_RUN") || key.includes("ALLOW_PUBLISH")
+                          ? { group: "release", groupLabel: "发布门禁" }
+                          : { group: "pipeline", groupLabel: "Pipeline核心" }
+                    : { group: "all", groupLabel: "其他" };
+            const baseSummary = baseChange ? `${baseChange.old ?? ""} -> ${baseChange.new ?? ""}` : "-";
+            const targetSummary = targetChange ? `${targetChange.old ?? ""} -> ${targetChange.new ?? ""}` : "-";
+
+            let relation: CompareRelation = "same";
+            if (baseChange && !targetChange) {
+                relation = "base_only";
+            } else if (!baseChange && targetChange) {
+                relation = "target_only";
+            } else if ((baseChange?.type ?? "") !== (targetChange?.type ?? "") || baseSummary !== targetSummary) {
+                relation = "different";
+            }
+
+            return {
+                key,
+                group: groupInfo.group,
+                groupLabel: groupInfo.groupLabel,
+                relation,
+                relationLabel:
+                    relation === "same"
+                        ? "一致"
+                        : relation === "base_only"
+                          ? "仅基准"
+                          : relation === "target_only"
+                            ? "仅对比"
+                            : "有差异",
+                relationType:
+                    relation === "same"
+                        ? "success"
+                        : relation === "different"
+                          ? "danger"
+                          : "warning",
+                baseTypeLabel: baseChange?.type === "added" ? "新增键" : baseChange?.type === "updated" ? "变更键" : "-",
+                targetTypeLabel: targetChange?.type === "added" ? "新增键" : targetChange?.type === "updated" ? "变更键" : "-",
+                baseSummary,
+                targetSummary
+            };
+        })
+        .sort((left, right) => {
+            const relationWeight = (value: CompareRelation) =>
+                value === "different" ? 0 : value === "base_only" || value === "target_only" ? 1 : 2;
+            const compare = relationWeight(left.relation) - relationWeight(right.relation);
+            if (compare !== 0) {
+                return compare;
+            }
+            return left.key.localeCompare(right.key);
+        });
+};
+const restorePreviewCards = () => {
+    const action = selectedRestoreAction();
+    if (!action) {
+        return [];
+    }
+
+    return (["after", "before"] as Array<"after" | "before">)
+        .map(side => {
+            const preview = action.restore_preview?.[side];
+            if (!preview) {
+                return null;
+            }
+
+            return {
+                side,
+                title: preview.title,
+                changedCount: preview.changed_count,
+                description: preview.description,
+                groupText: safeImpactGroups(preview).map(item => `${item.label} ${item.count}`).join(" / ")
+            };
+        })
+        .filter((item): item is NonNullable<typeof item> => !!item);
+};
+const selectedRestorePreview = () => selectedRestoreAction()?.restore_preview?.[restorePreviewSide.value] || null;
+const restorePreviewRows = () => {
+    const preview = selectedRestorePreview();
+    if (!preview) {
+        return [];
+    }
+
+    return safeChanges(preview)
+        .map(item => {
+            const groupInfo = item.key.startsWith("PLAN_TASK_CODE_")
+                ? { group: "task", groupLabel: "任务放行" }
+                : item.key.startsWith("SEO_COPY_BOOTSTRAP_ONCALL_")
+                  ? item.key.includes("ALLOW_RELEASE_DRY_RUN") || item.key.includes("ALLOW_PUBLISH")
+                      ? { group: "release", groupLabel: "发布门禁" }
+                      : { group: "oncall", groupLabel: "Oncall" }
+                  : item.key.startsWith("SEO_COPY_BOOTSTRAP_PIPELINE_")
+                    ? item.key.includes("ALLOW_IMPORT") || item.key.includes("IMPORT_ARMED") || item.key.includes("AI_RESULT_")
+                        ? { group: "import", groupLabel: "AI导入" }
+                        : item.key.includes("ALLOW_RELEASE_DRY_RUN") || item.key.includes("ALLOW_PUBLISH")
+                          ? { group: "release", groupLabel: "发布门禁" }
+                          : { group: "pipeline", groupLabel: "Pipeline核心" }
+                    : { group: "all", groupLabel: "其他" };
+            return {
+                ...item,
+                group: groupInfo.group,
+                groupLabel: groupInfo.groupLabel
+            };
+        })
+        .filter(item => {
+            if (restorePreviewFilter.value === "added" && item.type !== "added") {
+                return false;
+            }
+            if (restorePreviewFilter.value === "updated" && item.type !== "updated") {
+                return false;
+            }
+            if (restorePreviewFilter.value === "changed" && !["added", "updated"].includes(item.type)) {
+                return false;
+            }
+            const keyword = restorePreviewKeyword.value.trim().toLowerCase();
+            if (
+                keyword !== "" &&
+                !item.key.toLowerCase().includes(keyword) &&
+                !item.groupLabel.toLowerCase().includes(keyword)
+            ) {
+                return false;
+            }
+            return true;
+        });
+};
+const restoreDeltaState = () => {
+    if (!selectedRestorePreview()) {
+        return null;
+    }
+
+    const restoreAfterCards = buildGateCards(
+        {
+            ...currentValueMap(),
+            ...(selectedRestoreAction()?.[restorePreviewSide.value === "before" ? "snapshot_before" : "snapshot_after"] ?? {})
+        },
+        new Set<string>(safeImpactGroups(selectedRestorePreview()).map(item => item.group))
+    );
+    const beforeGateCards = buildGateCards(
+        currentValueMap(),
+        new Set<string>(safeImpactGroups(selectedRestorePreview()).map(item => item.group))
+    );
+    const affectedCards = restoreAfterCards
+        .filter(item => item.affectedByLatestAction)
+        .map(item => {
+            const before = beforeGateCards.find(card => card.key === item.key);
+            return {
+                key: item.key,
+                label: item.label,
+                beforeStatus: before?.status || "-",
+                afterStatus: item.status,
+                beforeType: before?.type || "info",
+                afterType: item.type,
+                changed: (before?.status || "-") !== item.status
+            };
+        });
+
+    return {
+        affectedCards,
+        changedCards: affectedCards.filter(item => item.changed)
+    };
+};
+const restoreRiskDeltaState = () => {
+    if (!restoreDeltaState()) {
+        return null;
+    }
+
+    const restoreAfterCards = buildGateCards(
+        {
+            ...currentValueMap(),
+            ...(selectedRestoreAction()?.[restorePreviewSide.value === "before" ? "snapshot_before" : "snapshot_after"] ?? {})
+        },
+        new Set<string>(safeImpactGroups(selectedRestorePreview()).map(item => item.group))
+    );
+    const beforeGateCards = buildGateCards(
+        currentValueMap(),
+        new Set<string>(safeImpactGroups(selectedRestorePreview()).map(item => item.group))
+    );
+    const affectedCards = restoreAfterCards
+        .filter(item => item.affectedByLatestAction)
+        .map(item => {
+            const before = beforeGateCards.find(card => card.key === item.key);
+            const beforeRisk = before ? ["warning", "danger"].includes(before.type) : false;
+            const afterRisk = ["warning", "danger"].includes(item.type);
+            return {
+                key: item.key,
+                label: item.label,
+                beforeRisk,
+                afterRisk
+            };
+        });
+
+    const movedToRiskCards = affectedCards.filter(item => !item.beforeRisk && item.afterRisk);
+    const movedToSafeCards = affectedCards.filter(item => item.beforeRisk && !item.afterRisk);
+    const unchangedCards = affectedCards.filter(item => item.beforeRisk === item.afterRisk);
+
+    return {
+        total: affectedCards.length,
+        movedToRisk: movedToRiskCards.length,
+        movedToSafe: movedToSafeCards.length,
+        unchanged: unchangedCards.length,
+        affectedCards,
+        movedToRiskCards,
+        movedToSafeCards,
+        unchangedCards
+    };
+};
+const restoreRiskDeltaCards = () => {
+    if (!restoreRiskDeltaState() || restoreRiskDeltaState()!.total === 0) {
+        return [];
+    }
+    const state = restoreRiskDeltaState()!;
+    return [
+        {
+            label: "受影响门禁",
+            value: `${state.total} 组`,
+            meta:
+                state.affectedCards.length > 0
+                    ? `命中：${gateCards()
+                          .filter(item => state.affectedCards.map(card => card.key).includes(item.key))
+                          .map(item => item.label)
+                          .join("、")}`
+                    : "当前恢复侧命中的门禁总数",
+            state: "neutral",
+            focusModes: Array.from(new Set(state.affectedCards.map(item => item.key))).length > 0
+                ? Array.from(new Set(state.affectedCards.map(item => item.key)))
+                : ["all"]
+        },
+        {
+            label: "变风险",
+            value: `${state.movedToRisk} 组`,
+            meta:
+                state.movedToRisk > 0
+                    ? `新增风险：${gateCards()
+                          .filter(item => state.movedToRiskCards.map(card => card.key).includes(item.key))
+                          .map(item => item.label)
+                          .join("、")}`
+                    : "本轮没有新增风险",
+            state: state.movedToRisk > 0 ? "danger" : "safe",
+            focusModes: Array.from(new Set(state.movedToRiskCards.map(item => item.key))).length > 0
+                ? Array.from(new Set(state.movedToRiskCards.map(item => item.key)))
+                : ["all"]
+        },
+        {
+            label: "回安全",
+            value: `${state.movedToSafe} 组`,
+            meta:
+                state.movedToSafe > 0
+                    ? `回安全：${gateCards()
+                          .filter(item => state.movedToSafeCards.map(card => card.key).includes(item.key))
+                          .map(item => item.label)
+                          .join("、")}`
+                    : "本轮没有回安全项",
+            state: state.movedToSafe > 0 ? "success" : "neutral",
+            focusModes: Array.from(new Set(state.movedToSafeCards.map(item => item.key))).length > 0
+                ? Array.from(new Set(state.movedToSafeCards.map(item => item.key)))
+                : ["all"]
+        },
+        {
+            label: "保持不变",
+            value: `${state.unchanged} 组`,
+            meta:
+                state.unchanged > 0
+                    ? `保持：${gateCards()
+                          .filter(item => state.unchangedCards.map(card => card.key).includes(item.key))
+                          .map(item => item.label)
+                          .join("、")}`
+                    : "所有命中门禁都发生变化",
+            state: "neutral",
+            focusModes: Array.from(new Set(state.unchangedCards.map(item => item.key))).length > 0
+                ? Array.from(new Set(state.unchangedCards.map(item => item.key)))
+                : ["all"]
+        }
+    ];
+};
+const compareVisibleRows = () =>
+    compareRows().filter(item => {
+        if (compareRelationFilter.value !== "all" && item.relation !== compareRelationFilter.value) {
+            return false;
+        }
+        if (showOnlyCompareDiff.value && item.relation === "same") {
+            return false;
+        }
+        const keyword = compareKeyword.value.trim().toLowerCase();
+        if (
+            keyword !== "" &&
+            !item.key.toLowerCase().includes(keyword) &&
+            !item.groupLabel.toLowerCase().includes(keyword)
+        ) {
+            return false;
+        }
+        if (activeFocusGroups().length > 0 && !activeFocusGroups().includes(item.group as FocusMode)) {
+            return false;
+        }
+        return true;
+    })
+;
+const compareGroupCards = () => {
+    const groupMap = new Map<
+        FocusMode,
+        {
+            group: FocusMode;
+            label: string;
+            total: number;
+            diffCount: number;
+            baseOnlyCount: number;
+            targetOnlyCount: number;
+        }
+    >();
+
+    for (const row of compareVisibleRows()) {
+        if (row.group === "all") {
+            continue;
+        }
+        const group = row.group as FocusMode;
+        const card =
+            groupMap.get(group) ??
+            {
+                group,
+                label: row.groupLabel,
+                total: 0,
+                diffCount: 0,
+                baseOnlyCount: 0,
+                targetOnlyCount: 0
+            };
+        card.total += 1;
+        if (row.relation === "different") {
+            card.diffCount += 1;
+        }
+        if (row.relation === "base_only") {
+            card.baseOnlyCount += 1;
+        }
+        if (row.relation === "target_only") {
+            card.targetOnlyCount += 1;
+        }
+        groupMap.set(group, card);
+    }
+
+    return Array.from(groupMap.values());
+};
+const compareSummary = () => {
+    if (!compareBaseAction() || !compareTargetAction()) {
+        return null;
+    }
+
+    const baseGroups = new Set(safeImpactGroups(compareBaseAction()).map(item => item.group));
+    const targetGroups = new Set(safeImpactGroups(compareTargetAction()).map(item => item.group));
+    const sharedGroups = Array.from(baseGroups).filter(item => targetGroups.has(item));
+    const differentRows = compareRows().filter(item => item.relation !== "same");
+
+    return {
+        baseChangedCount: compareBaseAction()?.changed_count ?? 0,
+        targetChangedCount: compareTargetAction()?.changed_count ?? 0,
+        differentCount: differentRows.length,
+        sharedGroupCount: sharedGroups.length,
+        baseGroupsText: safeImpactGroups(compareBaseAction()).map(item => item.label).join(" / ") || "无",
+        targetGroupsText:
+            safeImpactGroups(compareTargetAction()).map(item => item.label).join(" / ") || "无",
+        sharedGroupsText:
+            sharedGroups
+                .map(group => safeImpactGroups(compareBaseAction()).find(item => item.group === group)?.label || group)
+                .join(" / ") || "无"
+    };
+};
+const currentValueRows = () =>
+    currentValueRowsAll()
+        .filter(item => !showOnlyDrift.value || item.state === "drift")
+        .filter(item => !showOnlyLatestChanged.value || item.changedByLatestAction)
+        .filter(item => !focusedCurrentKey.value || item.key === focusedCurrentKey.value)
+        .filter(item => {
+            if (focusModesOverride.value.length > 0) {
+                return focusModesOverride.value.includes(item.group as FocusMode);
+            }
+            return focusMode.value === "all" || item.group === focusMode.value;
+        });
+const loadSummary = async () => {
+    loadingSummary.value = true;
+    try {
+        const res = await getBootstrapEnvTemplateList();
+        summary.value = {
+            ...res.data,
+            templates: asArray<SiteList.BootstrapEnvTemplateItem>(res.data?.templates),
+            current_values: asArray<SiteList.BootstrapEnvCurrentValue>(res.data?.current_values),
+            action_history: asArray<SiteList.BootstrapEnvTemplateActionData>(res.data?.action_history),
+            current_profile: {
+                ...summary.value.current_profile,
+                ...(res.data?.current_profile || {}),
+                drift_items: asArray<SiteList.BootstrapEnvTemplateDriftItem>(res.data?.current_profile?.drift_items)
+            },
+            action_history_summary: {
+                ...summary.value.action_history_summary,
+                ...(res.data?.action_history_summary || {}),
+                status_buckets: asArray<SiteList.BootstrapEnvHistoryBucket>(res.data?.action_history_summary?.status_buckets),
+                group_buckets: asArray<SiteList.BootstrapEnvHistoryBucket>(res.data?.action_history_summary?.group_buckets),
+                source_buckets: asArray<SiteList.BootstrapEnvHistoryBucket>(res.data?.action_history_summary?.source_buckets),
+                template_buckets: asArray<SiteList.BootstrapEnvHistoryBucket>(res.data?.action_history_summary?.template_buckets),
+                action_kind_buckets: asArray<SiteList.BootstrapEnvHistoryBucket>(res.data?.action_history_summary?.action_kind_buckets)
+            }
+        };
+        const matchedTemplate = safeSummaryTemplates().find(item => item.key === selectedTemplate.value);
+        if (!matchedTemplate && safeSummaryTemplates().length > 0) {
+            selectedTemplate.value = safeSummaryTemplates()[0].key;
+        }
+        const currentProfileClosestTemplateKey = summary.value.current_profile.closest_template_key;
+        if (
+            !manualTemplateTouched.value &&
+            currentProfileClosestTemplateKey &&
+            safeSummaryTemplates().find(item => item.key === currentProfileClosestTemplateKey)
+        ) {
+            selectedTemplate.value = currentProfileClosestTemplateKey;
+        }
+        const history = safeActionHistory();
+        if (history.length === 0) {
+            compareBaseActionId.value = "";
+            compareTargetActionId.value = "";
+            return;
+        }
+        const validIds = new Set(history.map(item => getActionId(item)));
+        if (!validIds.has(compareTargetActionId.value)) {
+            compareTargetActionId.value = getActionId(history[0]);
+        }
+        if (!validIds.has(compareBaseActionId.value)) {
+            compareBaseActionId.value = getActionId(history[1] ?? history[0]);
+        }
+        if (compareBaseActionId.value === "" && history[0]) {
+            compareBaseActionId.value = getActionId(history[1] ?? history[0]);
+        }
+        if (compareTargetActionId.value === "" && history[0]) {
+            compareTargetActionId.value = getActionId(history[0]);
+        }
+    } finally {
+        loadingSummary.value = false;
+    }
+};
+
+const handleHistoryRestore = async (
+    action: SiteList.BootstrapEnvTemplateActionData,
+    snapshotSide: "before" | "after" = "after",
+    dryRun = true
+) => {
+    const actionId = action.action_id || "";
+    if (!actionId) {
+        ElMessage.warning("当前历史动作缺少 action_id，无法恢复");
+        return;
+    }
+
+    if (!dryRun) {
+        await ElMessageBox.confirm(
+            `是否将历史动作 ${action.template || "-"} 的${snapshotSide === "after" ? "后态" : "前态"}正式恢复到当前 .env？该操作会写入当前 Bootstrap 键。`,
+            "温馨提示",
+            {
+                confirmButtonText: "确定",
+                cancelButtonText: "取消",
+                type: "warning",
+                center: true,
+                draggable: true
+            }
+        );
+    }
+
+    loadingApply.value = !dryRun;
+    loadingPreview.value = dryRun;
+    try {
+        const params: SiteList.BootstrapEnvHistoryRestoreParams = {
+            action_id: actionId,
+            snapshot_side: snapshotSide
+        };
+        const res = dryRun
+            ? await previewBootstrapEnvHistoryRestore(params)
+            : await applyBootstrapEnvHistoryRestore(params);
+        actionResult.value = res.data;
+        historyActionView.value = null;
+        showOnlyLatestChanged.value = false;
+        focusedCurrentKey.value = "";
+        restorePreviewKeyword.value = "";
+        await loadSummary();
+        ElMessage.success(dryRun ? "历史动作恢复预览完成" : "历史动作恢复已正式应用");
+    } finally {
+        loadingApply.value = false;
+        loadingPreview.value = false;
+    }
+};
+const handlePreview = async () => {
+    loadingPreview.value = true;
+    try {
+        const res = await previewBootstrapEnvTemplate({ template: selectedTemplate.value });
+        actionResult.value = res.data;
+        historyActionView.value = null;
+        showOnlyLatestChanged.value = false;
+        ElMessage.success("模板 dry-run 预览完成");
+        await loadSummary();
+    } finally {
+        loadingPreview.value = false;
+    }
+};
+
+const handleApply = async () => {
+    await ElMessageBox.confirm(
+        `是否将模板 ${selectedTemplate.value} 正式应用到当前 .env？该操作只会更新 PLAN_TASK_CODE_* 与 SEO_COPY_BOOTSTRAP_*。`,
+        "温馨提示",
+        {
+            confirmButtonText: "确定",
+            cancelButtonText: "取消",
+            type: "warning",
+            center: true,
+            draggable: true
+        }
+    );
+
+    loadingApply.value = true;
+    try {
+        const res = await applyBootstrapEnvTemplate({ template: selectedTemplate.value });
+        actionResult.value = res.data;
+        historyActionView.value = null;
+        showOnlyLatestChanged.value = false;
+        await loadSummary();
+        ElMessage.success("环境模板已正式应用");
+    } finally {
+        loadingApply.value = false;
+    }
+};
+
+const openDialog = async (initialPayload: DialogOpenPayload = "all") => {
+    dialogVisible.value = true;
+    actionResult.value = null;
+    historyActionView.value = null;
+    manualTemplateTouched.value = false;
+    showOnlyDrift.value = false;
+    showOnlyLatestChanged.value = false;
+    restorePreviewFilter.value = "changed";
+    restorePreviewKeyword.value = "";
+    restorePreviewSide.value = "after";
+    focusedCurrentKey.value = "";
+    compareRelationFilter.value = "all";
+    compareKeyword.value = "";
+    showOnlyCompareDiff.value = true;
+    historyStatusFilter.value = "all";
+    historyActionFamilyFilter.value = "all";
+    historyActionKindFilter.value = "all";
+    historyGroupFilter.value = "all";
+    historyKeyword.value = "";
+    historyRestoreOnly.value = false;
+    const dialogPayload = typeof initialPayload === "string" || Array.isArray(initialPayload)
+        ? { focusPayload: initialPayload }
+        : {
+              focusPayload: initialPayload.focusMode ?? "all",
+              comparePreset: initialPayload.comparePreset,
+              restorePreset: initialPayload.restorePreset,
+              historyActionPreset: initialPayload.historyActionPreset
+          };
+    const normalized = normalizeFocusModes(dialogPayload.focusPayload);
+    focusMode.value = normalized.focusMode;
+    focusModesOverride.value = normalized.overrideModes;
+    focusModesPreset.value = normalized.overrideModes;
+    await loadSummary();
+    historyActionFamilyFilter.value = "all";
+    historyActionKindFilter.value = "all";
+    historyRestoreOnly.value = false;
+    if (dialogPayload.historyActionPreset === "template_family") {
+        historyActionFamilyFilter.value = "template_family";
+    } else if (dialogPayload.historyActionPreset === "restore_family") {
+        historyActionFamilyFilter.value = "restore_family";
+        historyRestoreOnly.value = true;
+    } else if (dialogPayload.historyActionPreset === "restore_preview_only") {
+        historyActionFamilyFilter.value = "restore_family";
+        historyActionKindFilter.value = "history_restore_preview";
+        historyRestoreOnly.value = true;
+    } else if (dialogPayload.historyActionPreset === "restore_apply_only") {
+        historyActionFamilyFilter.value = "restore_family";
+        historyActionKindFilter.value = "history_restore_apply";
+        historyRestoreOnly.value = true;
+    }
+    if (dialogPayload.comparePreset) {
+        const history = safeActionHistory();
+        if (history.length > 0) {
+            if (dialogPayload.comparePreset === "latest_two") {
+                compareTargetActionId.value = getActionId(history[0]);
+                compareBaseActionId.value = getActionId(history[1] ?? history[0]);
+            } else if (dialogPayload.comparePreset === "latest_applied_vs_dry_run") {
+                const latestApplied = history.find(item => item.status === "applied");
+                const latestDryRun = history.find(item => item.status === "dry_run");
+                if (latestApplied && latestDryRun) {
+                    compareBaseActionId.value = getActionId(latestApplied);
+                    compareTargetActionId.value = getActionId(latestDryRun);
+                }
+            } else if (dialogPayload.comparePreset === "latest_template_two") {
+                const templateHistory = history.filter(item =>
+                    ["template_preview", "template_apply"].includes(item.action_kind || (item.status === "applied" ? "template_apply" : "template_preview"))
+                );
+                if (templateHistory.length > 0) {
+                    compareTargetActionId.value = getActionId(templateHistory[0]);
+                    compareBaseActionId.value = getActionId(templateHistory[1] ?? templateHistory[0]);
+                }
+            } else if (dialogPayload.comparePreset === "latest_template_apply_vs_preview") {
+                const latestTemplateApply = history.find(
+                    item => (item.action_kind || (item.status === "applied" ? "template_apply" : "template_preview")) === "template_apply"
+                );
+                const latestTemplatePreview = history.find(
+                    item => (item.action_kind || (item.status === "applied" ? "template_apply" : "template_preview")) === "template_preview"
+                );
+                if (latestTemplateApply && latestTemplatePreview) {
+                    compareBaseActionId.value = getActionId(latestTemplateApply);
+                    compareTargetActionId.value = getActionId(latestTemplatePreview);
+                }
+            } else if (dialogPayload.comparePreset === "latest_restore_two") {
+                const restoreHistory = history.filter(
+                    item =>
+                        ["history_restore_preview", "history_restore_apply"].includes(
+                            item.action_kind || (item.status === "applied" ? "template_apply" : "template_preview")
+                        )
+                );
+                if (restoreHistory.length > 0) {
+                    compareTargetActionId.value = getActionId(restoreHistory[0]);
+                    compareBaseActionId.value = getActionId(restoreHistory[1] ?? restoreHistory[0]);
+                }
+            } else if (dialogPayload.comparePreset === "latest_restore_apply_vs_preview") {
+                const latestRestoreApply = history.find(item => item.action_kind === "history_restore_apply");
+                const latestRestorePreview = history.find(item => item.action_kind === "history_restore_preview");
+                if (latestRestoreApply && latestRestorePreview) {
+                    compareBaseActionId.value = getActionId(latestRestoreApply);
+                    compareTargetActionId.value = getActionId(latestRestorePreview);
+                }
+            }
+        }
+    }
+    if (dialogPayload.restorePreset) {
+        const latestRestorable = safeActionHistory().find(item => item.restore_supported);
+        if (latestRestorable) {
+            if (dialogPayload.restorePreset === "latest_restore_after_preview") {
+                await handleHistoryRestore(latestRestorable, "after", true);
+            }
+            if (dialogPayload.restorePreset === "latest_restore_before_preview") {
+                await handleHistoryRestore(latestRestorable, "before", true);
+            }
+        }
+    }
+};
+
+defineExpose({
+    openDialog
+});
+</script>
+
+<style scoped lang="scss">
+.env-summary,
+.action-summary,
+.action-table {
+    margin-top: 16px;
+}
+
+.toolbar {
+    display: flex;
+    gap: 12px;
+    align-items: center;
+    margin: 16px 0;
+    flex-wrap: wrap;
+}
+
+.latest-action-alert {
+    margin-bottom: 16px;
+}
+
+.history-action-alert {
+    margin-bottom: 16px;
+}
+
+.restore-preview-alert,
+.restore-preview-result {
+    margin-bottom: 16px;
+}
+
+.compare-summary-alert {
+    margin-bottom: 12px;
+}
+
+.restore-preview-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+    gap: 12px;
+    margin-bottom: 12px;
+}
+
+.restore-preview-card {
+    border: 1px solid var(--el-border-color);
+    border-radius: 10px;
+    background: var(--el-fill-color-lighter);
+    padding: 12px;
+    text-align: left;
+    cursor: pointer;
+    transition:
+        border-color 0.2s ease,
+        transform 0.2s ease;
+}
+
+.restore-preview-card:hover {
+    border-color: var(--el-color-warning-light-5);
+    transform: translateY(-1px);
+}
+
+.restore-preview-card--active {
+    border-color: var(--el-color-warning);
+    box-shadow: 0 0 0 1px var(--el-color-warning-light-5) inset;
+}
+
+.restore-preview-card__title {
+    font-size: 14px;
+    font-weight: 600;
+    color: var(--el-text-color-primary);
+}
+
+.restore-preview-card__value {
+    margin-top: 8px;
+    font-size: 28px;
+    font-weight: 700;
+    color: var(--el-color-warning-dark-2);
+}
+
+.restore-preview-card__meta {
+    margin-top: 8px;
+    font-size: 12px;
+    color: var(--el-text-color-secondary);
+}
+
+.restore-preview-card__tags {
+    display: flex;
+    gap: 8px;
+    flex-wrap: wrap;
+    margin-top: 10px;
+}
+
+.restore-preview-table {
+    margin-bottom: 12px;
+}
+
+.restore-gate-table {
+    margin-bottom: 12px;
+}
+
+.restore-risk-delta-grid {
+    margin-bottom: 12px;
+}
+
+.history-summary-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
+    gap: 12px;
+    margin-bottom: 12px;
+}
+
+.history-summary-metric {
+    border: 1px solid var(--el-border-color-light);
+    border-radius: 10px;
+    padding: 12px;
+    background: var(--el-fill-color-lighter);
+}
+
+.history-summary-metric__label {
+    font-size: 12px;
+    color: var(--el-text-color-secondary);
+}
+
+.history-summary-metric__value {
+    margin-top: 8px;
+    font-size: 24px;
+    font-weight: 700;
+    color: var(--el-text-color-primary);
+}
+
+.compare-summary-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
+    gap: 12px;
+    margin-bottom: 12px;
+}
+
+.compare-summary-metric {
+    border: 1px solid var(--el-border-color-light);
+    border-radius: 10px;
+    padding: 12px;
+    background: var(--el-bg-color-page);
+}
+
+.compare-summary-metric__label {
+    font-size: 12px;
+    color: var(--el-text-color-secondary);
+}
+
+.compare-summary-metric__value {
+    margin-top: 8px;
+    font-size: 24px;
+    font-weight: 700;
+    color: var(--el-text-color-primary);
+}
+
+.compare-table {
+    margin-bottom: 12px;
+}
+
+.compare-group-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+    gap: 12px;
+    margin-bottom: 12px;
+}
+
+.compare-group-card {
+    border: 1px solid var(--el-border-color);
+    border-radius: 10px;
+    background: var(--el-fill-color-lighter);
+    padding: 12px;
+    text-align: left;
+    cursor: pointer;
+    transition:
+        border-color 0.2s ease,
+        transform 0.2s ease;
+}
+
+.compare-group-card:hover {
+    border-color: var(--el-color-primary-light-5);
+    transform: translateY(-1px);
+}
+
+.compare-group-card--active {
+    border-color: var(--el-color-primary);
+    background: var(--el-color-primary-light-9);
+}
+
+.compare-group-card__title {
+    font-weight: 600;
+    color: var(--el-text-color-primary);
+}
+
+.compare-group-card__meta {
+    margin-top: 8px;
+    font-size: 12px;
+    color: var(--el-text-color-secondary);
+}
+
+.compare-group-card__tags {
+    display: flex;
+    gap: 8px;
+    flex-wrap: wrap;
+    margin-top: 10px;
+}
+
+.toolbar-secondary {
+    margin-top: 0;
+    margin-bottom: 12px;
+}
+
+.focused-key-alert {
+    margin-bottom: 12px;
+}
+
+.focused-key-alert__body {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+    flex-wrap: wrap;
+}
+
+.focus-override-alert {
+    margin-bottom: 12px;
+}
+
+.focus-override-quick {
+    display: flex;
+    gap: 8px;
+    flex-wrap: wrap;
+    margin-bottom: 12px;
+}
+
+.history-group-tag {
+    margin-right: 6px;
+    margin-bottom: 4px;
+}
+
+.visible-group-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+    gap: 12px;
+    margin-bottom: 12px;
+}
+
+.visible-group-card {
+    border: 1px solid var(--el-border-color);
+    border-radius: 10px;
+    background: var(--el-fill-color-lighter);
+    padding: 12px;
+    text-align: left;
+    cursor: pointer;
+    transition:
+        border-color 0.2s ease,
+        transform 0.2s ease;
+}
+
+.visible-group-card:hover {
+    border-color: var(--el-color-primary-light-5);
+    transform: translateY(-1px);
+}
+
+.visible-group-card--active {
+    border-color: var(--el-color-primary);
+    background: var(--el-color-primary-light-9);
+}
+
+.visible-group-card__title {
+    font-weight: 600;
+    color: var(--el-text-color-primary);
+}
+
+.visible-group-card__meta {
+    margin-top: 8px;
+    font-size: 12px;
+    color: var(--el-text-color-secondary);
+}
+
+.visible-group-card__tags {
+    display: flex;
+    gap: 8px;
+    flex-wrap: wrap;
+    margin-top: 10px;
+}
+
+.muted-cell {
+    color: var(--el-text-color-secondary);
+}
+
+.summary-cards {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+    gap: 12px;
+    margin-bottom: 12px;
+}
+
+.gate-cards {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+    gap: 12px;
+    margin: 16px 0;
+}
+
+.gate-card {
+    border: 1px solid var(--el-border-color);
+    border-radius: 10px;
+    background: var(--el-bg-color-page);
+    padding: 12px;
+    text-align: left;
+    cursor: pointer;
+    transition:
+        border-color 0.2s ease,
+        transform 0.2s ease;
+}
+
+.gate-card:hover {
+    border-color: var(--el-color-primary-light-5);
+    transform: translateY(-1px);
+}
+
+.gate-card__title {
+    font-weight: 600;
+    color: var(--el-text-color-primary);
+}
+
+.gate-card__status {
+    margin-top: 8px;
+}
+
+.gate-card__desc {
+    margin-top: 8px;
+    font-size: 12px;
+    line-height: 1.5;
+    color: var(--el-text-color-regular);
+    word-break: break-all;
+}
+
+.gate-card__impact {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    flex-wrap: wrap;
+    margin-top: 10px;
+    font-size: 12px;
+    color: var(--el-text-color-secondary);
+}
+
+.gate-card--affected {
+    border-color: var(--el-color-danger-light-5);
+    box-shadow: 0 0 0 1px var(--el-color-danger-light-8) inset;
+}
+
+.summary-card {
+    border: 1px solid var(--el-border-color);
+    border-radius: 10px;
+    background: var(--el-bg-color);
+    padding: 12px;
+    text-align: left;
+    cursor: pointer;
+    transition:
+        border-color 0.2s ease,
+        box-shadow 0.2s ease,
+        transform 0.2s ease;
+}
+
+.summary-card:hover {
+    border-color: var(--el-color-primary-light-5);
+    transform: translateY(-1px);
+}
+
+.summary-card.active {
+    border-color: var(--el-color-primary);
+    box-shadow: 0 0 0 1px var(--el-color-primary-light-5);
+}
+
+.summary-card__title {
+    font-weight: 600;
+    color: var(--el-text-color-primary);
+}
+
+.summary-card__meta {
+    margin-top: 6px;
+    font-size: 12px;
+    color: var(--el-text-color-regular);
+}
+
+.summary-card__status {
+    margin-top: 10px;
+}
+
+.summary-inline {
+    margin-left: 12px;
+    color: var(--el-text-color-regular);
+}
+</style>
diff --git a/src/views/site/bootstrapEnvOverview.vue b/src/views/site/bootstrapEnvOverview.vue
new file mode 100644
index 0000000..7ca05dc
--- /dev/null
+++ b/src/views/site/bootstrapEnvOverview.vue
@@ -0,0 +1,1111 @@
+<template>
+    <div class="bootstrap-overview">
+        <el-alert
+            :type="summary.allow_all_risk ? 'warning' : 'success'"
+            :closable="false"
+            show-icon
+            :title="summary.allow_all_risk ? 'Bootstrap allowlist 存在空值风险' : 'Bootstrap allowlist 已显式收口'"
+            :description="summary.warning || '当前概览基于 .env 的 bootstrap 键实时判断'"
+        />
+
+        <el-alert
+            v-if="latestAction()"
+            :type="latestAction()?.status === 'applied' ? 'warning' : 'info'"
+            :closable="false"
+            show-icon
+            class="latest-action-summary"
+            :title="(latestAction()?.impact_groups ?? []).map(item => item.label).join(' / ')
+                ? `最近一次环境模板动作命中：${(latestAction()?.impact_groups ?? []).map(item => item.label).join(' / ')}`
+                : `最近一次环境模板动作：${latestAction()?.template || '-'}`
+            "
+            :description="`来源：${latestAction()?.source || '-'}；模板：${latestAction()?.template || '-'}；状态：${latestAction()?.status || '-'}；时间：${latestAction()?.action_at || '-'}；影响门禁：${(latestAction()?.impact_groups ?? []).map(item => `${item.label} ${item.count}`).join(' / ') || '无'}`"
+        />
+
+        <el-alert
+            v-if="latestAction() && gateCards().some(item => item.affectedByLatestAction)"
+            type="warning"
+            :closable="false"
+            show-icon
+            class="latest-action-conclusion"
+            :title="latestAction()?.status === 'applied' ? '最近一次 apply 后当前值班结论' : '最近一次预览后的当前值班结论'"
+            :description="gateCards()
+                .filter(item => item.affectedByLatestAction)
+                .map(item => `${item.label}：${item.status}`)
+                .join('；')"
+        />
+
+        <el-alert
+            v-if="latestActionDeltaState() && (latestActionDeltaState().changedCards.length > 0 || latestActionDeltaState().affectedCards.length > 0)"
+            :type="latestActionDeltaState().changedCards.length > 0 ? 'error' : 'success'"
+            :closable="false"
+            show-icon
+            class="latest-action-delta"
+            :title="latestAction()?.status === 'applied'
+                ? (latestActionDeltaState().changedCards.length > 0 ? '最近一次 apply 带来的门禁状态变化' : '最近一次 apply 未改变门禁状态')
+                : (latestActionDeltaState().changedCards.length > 0 ? '最近一次预览后的门禁变化推演' : '最近一次预览未改变门禁状态')
+            "
+            :description="(
+                latestActionDeltaState().changedCards.length > 0
+                    ? latestActionDeltaState().changedCards
+                    : latestActionDeltaState().affectedCards
+            )
+                .map(item => (item.changed ? `${item.label}：${item.beforeStatus} -> ${item.afterStatus}` : `${item.label}：保持 ${item.afterStatus}`))
+                .join('；')"
+        />
+
+        <el-alert
+            v-if="latestActionRiskDeltaState() && latestActionRiskDeltaState().total > 0"
+            :type="!latestActionRiskDeltaState() ? 'info' : latestActionRiskDeltaState().movedToRisk > 0 ? 'error' : latestActionRiskDeltaState().movedToSafe > 0 ? 'success' : 'info'"
+            :closable="false"
+            show-icon
+            class="latest-action-risk-delta"
+            :title="latestAction()?.status === 'applied'
+                ? '最近一次 apply 的风险变化数量摘要'
+                : '最近一次预览的风险变化数量摘要'
+            "
+            :description="latestActionRiskDeltaState()
+                ? `共影响 ${latestActionRiskDeltaState().total} 组门禁；${latestActionRiskDeltaState().movedToRisk} 组变风险，${latestActionRiskDeltaState().movedToSafe} 组回安全，${latestActionRiskDeltaState().unchanged} 组保持不变。`
+                : ''
+            "
+        />
+
+        <div v-if="riskDeltaCards().length > 0" class="risk-delta-grid">
+            <button
+                v-for="card in riskDeltaCards()"
+                :key="card.label"
+                type="button"
+                class="risk-delta-card"
+                :class="`risk-delta-card--${card.state}`"
+                @click="$emit('open-dialog', card.focusModes as OverviewDialogPayload)"
+            >
+                <div class="risk-delta-card__label">{{ card.label }}</div>
+                <div class="risk-delta-card__value">{{ card.value }}</div>
+                <div class="risk-delta-card__meta">{{ card.meta }}</div>
+            </button>
+        </div>
+
+        <div class="overview-grid">
+            <div class="overview-card overview-card--primary">
+                <div class="overview-card__label">当前环境</div>
+                <div class="overview-card__value">{{ summary.current_profile.closest_template_name || "-" }}</div>
+                <div class="overview-card__meta">
+                    {{ summary.current_profile.exact_match ? "已完整匹配模板" : "当前最接近模板" }}
+                </div>
+                <div class="overview-card__tags">
+                    <el-tag :type="summary.current_profile.exact_match ? 'success' : 'warning'">
+                        {{ summary.current_profile.drift_count ?? 0 }} 偏移
+                    </el-tag>
+                    <el-tag type="info">{{ summary.current_profile.matched_key_count ?? 0 }} 匹配</el-tag>
+                </div>
+            </div>
+
+            <button
+                v-for="card in gateCards()"
+                :key="card.label"
+                type="button"
+                class="overview-card"
+                :class="{ 'overview-card--affected': card.affectedByLatestAction }"
+                @click="$emit('open-dialog', card.key)"
+            >
+                <div class="overview-card__label">{{ card.label }}</div>
+                <div class="overview-card__value">
+                    <el-tag :type="card.type">{{ card.status }}</el-tag>
+                </div>
+                <div class="overview-card__meta">{{ card.description }}</div>
+                <div v-if="card.affectedByLatestAction" class="overview-card__impact">
+                    <el-tag size="small" type="danger" effect="plain">
+                        最近动作命中
+                    </el-tag>
+                    <span class="overview-card__impact-text">
+                        {{ latestAction()?.source || "-" }} / {{ latestAction()?.status || "-" }}
+                    </span>
+                </div>
+            </button>
+        </div>
+
+        <div class="overview-actions">
+            <el-button :loading="loading" @click="loadSummary">刷新概览</el-button>
+            <el-button type="warning" @click="$emit('open-dialog')">{{ actionText }}</el-button>
+        </div>
+
+        <el-card v-if="latestAction()" shadow="never" class="latest-action-card">
+            <template #header>
+                <div class="latest-action-card__header">
+                    <span>最近一次环境模板动作</span>
+                    <el-tag size="small" :type="latestAction()?.status === 'applied' ? 'warning' : 'info'">
+                        {{ latestAction()?.status }}
+                    </el-tag>
+                </div>
+            </template>
+            <div class="latest-action-card__meta">
+                <span>来源：{{ latestAction()?.source || "-" }}</span>
+                <span>模板：{{ latestAction()?.template || "-" }}</span>
+                <span>时间：{{ latestAction()?.action_at || "-" }}</span>
+            </div>
+            <div class="latest-action-card__groups">
+                <el-tag v-for="item in latestAction()?.impact_groups || []" :key="item.group" size="small" effect="plain">
+                    {{ item.label }} {{ item.count }}
+                </el-tag>
+            </div>
+        </el-card>
+
+        <el-card
+            v-if="summary.action_history_summary.total_count > 0"
+            shadow="never"
+            class="history-summary-card"
+        >
+            <template #header>
+                <div class="latest-action-card__header">
+                    <span>环境模板动作历史摘要</span>
+                    <el-tag size="small" type="info">{{ summary.action_history_summary.total_count }} 条</el-tag>
+                </div>
+            </template>
+            <div class="history-summary-grid">
+                <div class="history-summary-metric">
+                    <div class="history-summary-metric__label">总动作</div>
+                    <div class="history-summary-metric__value">{{ summary.action_history_summary.total_count }}</div>
+                </div>
+                <div class="history-summary-metric">
+                    <div class="history-summary-metric__label">正式应用</div>
+                    <div class="history-summary-metric__value">{{ summary.action_history_summary.applied_count }}</div>
+                </div>
+                <div class="history-summary-metric">
+                    <div class="history-summary-metric__label">Dry-run</div>
+                    <div class="history-summary-metric__value">{{ summary.action_history_summary.dry_run_count }}</div>
+                </div>
+                <div class="history-summary-metric">
+                    <div class="history-summary-metric__label">恢复预览</div>
+                    <div class="history-summary-metric__value">{{ summary.action_history_summary.restore_preview_count || 0 }}</div>
+                </div>
+                <div class="history-summary-metric">
+                    <div class="history-summary-metric__label">恢复应用</div>
+                    <div class="history-summary-metric__value">{{ summary.action_history_summary.restore_apply_count || 0 }}</div>
+                </div>
+            </div>
+            <div class="latest-action-card__meta">
+                <span>最近时间：{{ summary.action_history_summary.latest_action_at || "-" }}</span>
+                <span>
+                    热点分组：{{
+                        (summary.action_history_summary.group_buckets ?? [])
+                            .slice(0, 3)
+                            .map(item => `${item.label} ${item.count}`)
+                            .join(" / ") || "-"
+                    }}
+                </span>
+                <span>
+                    热点来源：{{
+                        (summary.action_history_summary.source_buckets ?? [])
+                            .slice(0, 2)
+                            .map(item => `${item.label} ${item.count}`)
+                            .join(" / ") || "-"
+                    }}
+                </span>
+            </div>
+            <div class="latest-action-card__groups">
+                <el-tag
+                    v-for="item in (summary.action_history_summary.action_kind_buckets || []).slice(0, 4)"
+                    :key="item.key"
+                    size="small"
+                    effect="plain"
+                >
+                    {{ item.label }} {{ item.count }}
+                </el-tag>
+            </div>
+            <div
+                v-if="(
+                    summary.action_history ?? []
+                ).filter(item => ['template_preview', 'template_apply'].includes(item.action_kind || (item.status === 'applied' ? 'template_apply' : 'template_preview')) ||
+                    ['history_restore_preview', 'history_restore_apply'].includes(item.action_kind || '')
+                ).length > 0"
+                class="compare-quick-grid"
+            >
+                <button
+                    v-for="card in [
+                        ...(
+                            (summary.action_history ?? [])
+                                .filter(item => ['template_preview', 'template_apply'].includes(item.action_kind || (item.status === 'applied' ? 'template_apply' : 'template_preview')))
+                                .length > 0
+                                ? [{
+                                      key: 'template_family',
+                                      label: '模板动作家族',
+                                      value: `${(summary.action_history ?? []).filter(item => ['template_preview', 'template_apply'].includes(item.action_kind || (item.status === 'applied' ? 'template_apply' : 'template_preview'))).length} 条`,
+                                      meta: `preview ${summary.action_history_summary.template_preview_count || 0} / apply ${summary.action_history_summary.template_apply_count || 0}`,
+                                      preset: 'template_family' as HistoryActionPreset,
+                                      focusModes: (() => {
+                                          const focusModes = Array.from(
+                                              new Set(
+                                                  (summary.action_history ?? [])
+                                                      .filter(item => ['template_preview', 'template_apply'].includes(item.action_kind || (item.status === 'applied' ? 'template_apply' : 'template_preview')))
+                                                      .flatMap(item => (item.impact_groups ?? []).map(group => group.group))
+                                                      .filter((item): item is OverviewFocusMode => compareFocusModeAllowlist.has(item as OverviewFocusMode))
+                                              )
+                                          ) as OverviewFocusMode[];
+                                          return focusModes.length > 0 ? focusModes : ('all' as OverviewFocusPayload);
+                                      })()
+                                  }]
+                                : []
+                        ),
+                        ...(
+                            (summary.action_history ?? [])
+                                .filter(item => ['history_restore_preview', 'history_restore_apply'].includes(item.action_kind || ''))
+                                .length > 0
+                                ? [{
+                                      key: 'restore_family',
+                                      label: '恢复动作家族',
+                                      value: `${(summary.action_history ?? []).filter(item => ['history_restore_preview', 'history_restore_apply'].includes(item.action_kind || '')).length} 条`,
+                                      meta: `preview ${summary.action_history_summary.restore_preview_count || 0} / apply ${summary.action_history_summary.restore_apply_count || 0}`,
+                                      preset: 'restore_family' as HistoryActionPreset,
+                                      focusModes: (() => {
+                                          const focusModes = Array.from(
+                                              new Set(
+                                                  (summary.action_history ?? [])
+                                                      .filter(item => ['history_restore_preview', 'history_restore_apply'].includes(item.action_kind || ''))
+                                                      .flatMap(item => (item.impact_groups ?? []).map(group => group.group))
+                                                      .filter((item): item is OverviewFocusMode => compareFocusModeAllowlist.has(item as OverviewFocusMode))
+                                              )
+                                          ) as OverviewFocusMode[];
+                                          return focusModes.length > 0 ? focusModes : ('all' as OverviewFocusPayload);
+                                      })()
+                                  }]
+                                : []
+                        ),
+                        ...(
+                            (summary.action_history_summary.restore_preview_count || 0) > 0
+                                ? [{
+                                      key: 'restore_preview_only',
+                                      label: '只看恢复预览',
+                                      value: `${summary.action_history_summary.restore_preview_count || 0} 条`,
+                                      meta: '专看恢复 dry-run 动作',
+                                      preset: 'restore_preview_only' as HistoryActionPreset,
+                                      focusModes: (() => {
+                                          const focusModes = Array.from(
+                                              new Set(
+                                                  (summary.action_history ?? [])
+                                                      .filter(item => item.action_kind === 'history_restore_preview')
+                                                      .flatMap(item => (item.impact_groups ?? []).map(group => group.group))
+                                                      .filter((item): item is OverviewFocusMode => compareFocusModeAllowlist.has(item as OverviewFocusMode))
+                                              )
+                                          ) as OverviewFocusMode[];
+                                          return focusModes.length > 0 ? focusModes : ('all' as OverviewFocusPayload);
+                                      })()
+                                  }]
+                                : []
+                        ),
+                        ...(
+                            (summary.action_history_summary.restore_apply_count || 0) > 0
+                                ? [{
+                                      key: 'restore_apply_only',
+                                      label: '只看恢复应用',
+                                      value: `${summary.action_history_summary.restore_apply_count || 0} 条`,
+                                      meta: '专看恢复正式应用动作',
+                                      preset: 'restore_apply_only' as HistoryActionPreset,
+                                      focusModes: (() => {
+                                          const focusModes = Array.from(
+                                              new Set(
+                                                  (summary.action_history ?? [])
+                                                      .filter(item => item.action_kind === 'history_restore_apply')
+                                                      .flatMap(item => (item.impact_groups ?? []).map(group => group.group))
+                                                      .filter((item): item is OverviewFocusMode => compareFocusModeAllowlist.has(item as OverviewFocusMode))
+                                              )
+                                          ) as OverviewFocusMode[];
+                                          return focusModes.length > 0 ? focusModes : ('all' as OverviewFocusPayload);
+                                      })()
+                                  }]
+                                : []
+                        )
+                    ]"
+                    :key="card.key"
+                    type="button"
+                    class="compare-quick-card compare-quick-card--history-family"
+                    @click="$emit('open-dialog', { historyActionPreset: card.preset, focusMode: card.focusModes })"
+                >
+                    <div class="compare-quick-card__title">{{ card.label }}</div>
+                    <div class="compare-quick-card__value">{{ card.value }}</div>
+                    <div class="compare-quick-card__meta">{{ card.meta }}</div>
+                </button>
+            </div>
+            <div v-if="compareQuickCards().length > 0" class="compare-quick-grid">
+                <button
+                    v-for="card in compareQuickCards()"
+                    :key="card.key"
+                    type="button"
+                    class="compare-quick-card"
+                    @click="$emit('open-dialog', { comparePreset: card.preset, focusMode: card.focusModes })"
+                >
+                    <div class="compare-quick-card__title">{{ card.label }}</div>
+                    <div class="compare-quick-card__value">{{ card.value }}</div>
+                    <div class="compare-quick-card__meta">{{ card.meta }}</div>
+                </button>
+            </div>
+            <div v-if="(summary.action_history ?? []).find(item => item.restore_supported)" class="compare-quick-grid">
+                <button
+                    v-for="card in ([
+                        ...((() => {
+                            const latestRestorable = (summary.action_history ?? []).find(item => item.restore_supported);
+                            if (!latestRestorable) return [];
+                            return (['after', 'before'] as Array<'after' | 'before'>)
+                                .map(side => {
+                                    const preview = latestRestorable.restore_preview?.[side];
+                                    if (!preview) return null;
+                                    return {
+                                        key: side === 'after' ? 'latest_restore_after_preview' : 'latest_restore_before_preview',
+                                        label: side === 'after' ? '恢复最近动作后态' : '恢复最近动作前态',
+                                        value: `${preview.changed_count ?? 0} 项`,
+                                        meta: `${latestRestorable.template || '-'} / ${(preview.impact_groups ?? []).map(item => `${item.label} ${item.count}`).join(' / ') || '无门禁变化'}`,
+                                        preset: (side === 'after' ? 'latest_restore_after_preview' : 'latest_restore_before_preview') as RestorePreset,
+                                        focusModes: (() => {
+                                            const focusModes = Array.from(
+                                                new Set(
+                                                    (preview.impact_groups ?? [])
+                                                        .map(item => item.group)
+                                                        .filter((item): item is OverviewFocusMode => compareFocusModeAllowlist.has(item as OverviewFocusMode))
+                                                )
+                                            ) as OverviewFocusMode[];
+                                            return focusModes.length > 0 ? focusModes : (['all'] as OverviewFocusPayload);
+                                        })()
+                                    };
+                                })
+                                .filter((item): item is NonNullable<typeof item> => !!item);
+                        })())
+                    ])"
+                    :key="card.key"
+                    type="button"
+                    class="compare-quick-card compare-quick-card--restore"
+                    @click="$emit('open-dialog', { restorePreset: card.preset, focusMode: card.focusModes })"
+                >
+                    <div class="compare-quick-card__title">{{ card.label }}</div>
+                    <div class="compare-quick-card__value">{{ card.value }}</div>
+                    <div class="compare-quick-card__meta">{{ card.meta }}</div>
+                </button>
+            </div>
+        </el-card>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { onMounted, ref } from "vue";
+import { SiteList } from "@/api/interface/site/list";
+import { getBootstrapEnvTemplateList } from "@/api/modules/site/list";
+
+withDefaults(
+    defineProps<{
+        actionText?: string;
+    }>(),
+    {
+        actionText: "打开环境模板面板"
+    }
+);
+
+type OverviewFocusMode = "all" | "task" | "oncall" | "pipeline" | "import" | "release";
+type OverviewFocusPayload = OverviewFocusMode | OverviewFocusMode[];
+type ComparePreset =
+    | "latest_two"
+    | "latest_applied_vs_dry_run"
+    | "latest_template_two"
+    | "latest_template_apply_vs_preview"
+    | "latest_restore_two"
+    | "latest_restore_apply_vs_preview";
+type RestorePreset = "latest_restore_after_preview" | "latest_restore_before_preview";
+type HistoryActionPreset = "template_family" | "restore_family" | "restore_preview_only" | "restore_apply_only";
+type OverviewDialogPayload =
+    | OverviewFocusPayload
+    | {
+          focusMode?: OverviewFocusPayload;
+          comparePreset?: ComparePreset;
+          restorePreset?: RestorePreset;
+          historyActionPreset?: HistoryActionPreset;
+      };
+
+defineEmits<{
+    (e: "open-dialog", payload?: OverviewDialogPayload): void;
+}>();
+
+type GateTagType = "success" | "warning" | "info" | "primary" | "danger";
+type GateCard = {
+    key: "task" | "import" | "oncall" | "release";
+    label: string;
+    status: string;
+    description: string;
+    type: GateTagType;
+    affectedByLatestAction: boolean;
+};
+type GateKey = GateCard["key"];
+
+const loading = ref(false);
+const summary = ref<SiteList.BootstrapEnvTemplateListData>({
+    env_file: "",
+    warning: "",
+    allow_all_risk: false,
+    templates: [],
+    current_values: [],
+    current_profile: {
+        closest_template_key: "",
+        closest_template_name: "",
+        exact_match: false,
+        drift_count: 0,
+        matched_key_count: 0,
+        drift_items: [],
+        label: ""
+    },
+    latest_action: {},
+    action_history: [],
+    action_history_summary: {
+        total_count: 0,
+        applied_count: 0,
+        dry_run_count: 0,
+        restore_supported_count: 0,
+        template_preview_count: 0,
+        template_apply_count: 0,
+        restore_preview_count: 0,
+        restore_apply_count: 0,
+        latest_action_at: "",
+        status_buckets: [],
+        group_buckets: [],
+        source_buckets: [],
+        template_buckets: [],
+        action_kind_buckets: []
+    }
+});
+
+const currentValueMap = () =>
+    summary.value.current_values.reduce<Record<string, string>>((acc, item) => {
+        acc[item.key] = item.value ?? "";
+        return acc;
+    }, {});
+
+const latestAction = () => {
+    const action = summary.value.latest_action;
+    if (!action || !("status" in action)) {
+        return null;
+    }
+
+    return action as SiteList.BootstrapEnvTemplateActionData;
+};
+const compareFocusModeAllowlist = new Set<OverviewFocusMode>(["task", "oncall", "pipeline", "import", "release"]);
+const compareQuickCards = () => {
+    const history = summary.value.action_history ?? [];
+    const cards: Array<{
+        key: string;
+        label: string;
+        value: string;
+        meta: string;
+        preset: ComparePreset;
+        focusModes: OverviewFocusPayload;
+    }> = [];
+
+    if (history.length >= 2) {
+        const latest = history[0];
+        const previous = history[1];
+        const groups = Array.from(
+            new Set([...(latest.impact_groups ?? []).map(item => item.group), ...(previous.impact_groups ?? []).map(item => item.group)])
+        );
+        const diffValue = `${latest.changed_count ?? 0} vs ${previous.changed_count ?? 0}`;
+        cards.push({
+            key: "latest_two",
+            label: "最近两次动作对比",
+            value: diffValue,
+            meta: `${latest.template || "-"} / ${previous.template || "-"}；命中 ${groups.length || 0} 组门禁`,
+            preset: "latest_two",
+            focusModes: (() => {
+                const focusModes = Array.from(
+                    new Set(groups.filter((item): item is OverviewFocusMode => compareFocusModeAllowlist.has(item as OverviewFocusMode)))
+                ) as OverviewFocusMode[];
+                return focusModes.length > 0 ? focusModes : ("all" as OverviewFocusPayload);
+            })()
+        });
+    }
+
+    const latestApplied = history.find(item => item.status === "applied");
+    const latestDryRun = history.find(item => item.status === "dry_run");
+    if (latestApplied && latestDryRun) {
+        const groups = Array.from(
+            new Set([...(latestApplied.impact_groups ?? []).map(item => item.group), ...(latestDryRun.impact_groups ?? []).map(item => item.group)])
+        );
+        cards.push({
+            key: "latest_applied_vs_dry_run",
+            label: "正式应用 vs Dry-run",
+            value: `${latestApplied.changed_count ?? 0} vs ${latestDryRun.changed_count ?? 0}`,
+            meta: `${latestApplied.template || "-"} / ${latestDryRun.template || "-"}；命中 ${groups.length || 0} 组门禁`,
+            preset: "latest_applied_vs_dry_run",
+            focusModes: (() => {
+                const focusModes = Array.from(
+                    new Set(groups.filter((item): item is OverviewFocusMode => compareFocusModeAllowlist.has(item as OverviewFocusMode)))
+                ) as OverviewFocusMode[];
+                return focusModes.length > 0 ? focusModes : ("all" as OverviewFocusPayload);
+            })()
+        });
+    }
+
+    const templateHistory = history.filter(item =>
+        ["template_preview", "template_apply"].includes(item.action_kind || (item.status === "applied" ? "template_apply" : "template_preview"))
+    );
+    if (templateHistory.length >= 2) {
+        const latest = templateHistory[0];
+        const previous = templateHistory[1];
+        const groups = Array.from(
+            new Set([...(latest.impact_groups ?? []).map(item => item.group), ...(previous.impact_groups ?? []).map(item => item.group)])
+        );
+        cards.push({
+            key: "latest_template_two",
+            label: "最近两次模板动作对比",
+            value: `${latest.changed_count ?? 0} vs ${previous.changed_count ?? 0}`,
+            meta: `${latest.template || "-"} / ${previous.template || "-"}；命中 ${groups.length || 0} 组门禁`,
+            preset: "latest_template_two",
+            focusModes: (() => {
+                const focusModes = Array.from(
+                    new Set(groups.filter((item): item is OverviewFocusMode => compareFocusModeAllowlist.has(item as OverviewFocusMode)))
+                ) as OverviewFocusMode[];
+                return focusModes.length > 0 ? focusModes : ("all" as OverviewFocusPayload);
+            })()
+        });
+    }
+
+    const latestTemplateApply = history.find(item => (item.action_kind || (item.status === "applied" ? "template_apply" : "template_preview")) === "template_apply");
+    const latestTemplatePreview = history.find(item => (item.action_kind || (item.status === "applied" ? "template_apply" : "template_preview")) === "template_preview");
+    if (latestTemplateApply && latestTemplatePreview) {
+        const groups = Array.from(
+            new Set([...(latestTemplateApply.impact_groups ?? []).map(item => item.group), ...(latestTemplatePreview.impact_groups ?? []).map(item => item.group)])
+        );
+        cards.push({
+            key: "latest_template_apply_vs_preview",
+            label: "模板应用 vs 模板预览",
+            value: `${latestTemplateApply.changed_count ?? 0} vs ${latestTemplatePreview.changed_count ?? 0}`,
+            meta: `${latestTemplateApply.template || "-"} / ${latestTemplatePreview.template || "-"}；命中 ${groups.length || 0} 组门禁`,
+            preset: "latest_template_apply_vs_preview",
+            focusModes: (() => {
+                const focusModes = Array.from(
+                    new Set(groups.filter((item): item is OverviewFocusMode => compareFocusModeAllowlist.has(item as OverviewFocusMode)))
+                ) as OverviewFocusMode[];
+                return focusModes.length > 0 ? focusModes : ("all" as OverviewFocusPayload);
+            })()
+        });
+    }
+
+    const restoreHistory = history.filter(item =>
+        ["history_restore_preview", "history_restore_apply"].includes(item.action_kind || "")
+    );
+    if (restoreHistory.length >= 2) {
+        const latest = restoreHistory[0];
+        const previous = restoreHistory[1];
+        const groups = Array.from(
+            new Set([...(latest.impact_groups ?? []).map(item => item.group), ...(previous.impact_groups ?? []).map(item => item.group)])
+        );
+        cards.push({
+            key: "latest_restore_two",
+            label: "最近两次恢复动作对比",
+            value: `${latest.changed_count ?? 0} vs ${previous.changed_count ?? 0}`,
+            meta: `${latest.template || "-"} / ${previous.template || "-"}；命中 ${groups.length || 0} 组门禁`,
+            preset: "latest_restore_two",
+            focusModes: (() => {
+                const focusModes = Array.from(
+                    new Set(groups.filter((item): item is OverviewFocusMode => compareFocusModeAllowlist.has(item as OverviewFocusMode)))
+                ) as OverviewFocusMode[];
+                return focusModes.length > 0 ? focusModes : ("all" as OverviewFocusPayload);
+            })()
+        });
+    }
+
+    const latestRestoreApply = history.find(item => item.action_kind === "history_restore_apply");
+    const latestRestorePreview = history.find(item => item.action_kind === "history_restore_preview");
+    if (latestRestoreApply && latestRestorePreview) {
+        const groups = Array.from(
+            new Set([...(latestRestoreApply.impact_groups ?? []).map(item => item.group), ...(latestRestorePreview.impact_groups ?? []).map(item => item.group)])
+        );
+        cards.push({
+            key: "latest_restore_apply_vs_preview",
+            label: "恢复应用 vs 恢复预览",
+            value: `${latestRestoreApply.changed_count ?? 0} vs ${latestRestorePreview.changed_count ?? 0}`,
+            meta: `${latestRestoreApply.template || "-"} / ${latestRestorePreview.template || "-"}；命中 ${groups.length || 0} 组门禁`,
+            preset: "latest_restore_apply_vs_preview",
+            focusModes: (() => {
+                const focusModes = Array.from(
+                    new Set(groups.filter((item): item is OverviewFocusMode => compareFocusModeAllowlist.has(item as OverviewFocusMode)))
+                ) as OverviewFocusMode[];
+                return focusModes.length > 0 ? focusModes : ("all" as OverviewFocusPayload);
+            })()
+        });
+    }
+
+    return cards;
+};
+const impactedGroups = () => new Set((latestAction()?.impact_groups ?? []).map(item => item.group));
+const buildGateCards = (valueMap: Record<string, string>, affectedGroups: Set<string>): GateCard[] => {
+    const allowlist = (valueMap.PLAN_TASK_CODE_ALLOWLIST ?? "").trim();
+    const oncallPrepare = ["1", "true", "yes", "on"].includes((valueMap.SEO_COPY_BOOTSTRAP_ONCALL_ALLOW_PREPARE ?? "").trim().toLowerCase());
+    const pipelineAllowImport = ["1", "true", "yes", "on"].includes((valueMap.SEO_COPY_BOOTSTRAP_PIPELINE_ALLOW_IMPORT ?? "").trim().toLowerCase());
+    const pipelineImportArmed = ["1", "true", "yes", "on"].includes((valueMap.SEO_COPY_BOOTSTRAP_PIPELINE_IMPORT_ARMED ?? "").trim().toLowerCase());
+    const pipelineAiPath =
+        (valueMap.SEO_COPY_BOOTSTRAP_PIPELINE_AI_RESULT_DIR ?? "").trim() ||
+        (valueMap.SEO_COPY_BOOTSTRAP_PIPELINE_AI_RESULT_ROOT ?? "").trim();
+    const pipelineRelease = ["1", "true", "yes", "on"].includes((valueMap.SEO_COPY_BOOTSTRAP_PIPELINE_ALLOW_RELEASE_DRY_RUN ?? "").trim().toLowerCase());
+    const oncallPublish = ["1", "true", "yes", "on"].includes((valueMap.SEO_COPY_BOOTSTRAP_ONCALL_ALLOW_PUBLISH ?? "").trim().toLowerCase());
+    const pipelinePublish = ["1", "true", "yes", "on"].includes((valueMap.SEO_COPY_BOOTSTRAP_PIPELINE_ALLOW_PUBLISH ?? "").trim().toLowerCase());
+
+    return [
+        {
+            key: "task",
+            label: "任务放行",
+            status: allowlist === "" ? "空 allowlist 风险" : "已显式收口",
+            description: allowlist === "" ? "当前空值会放行所有已启用任务" : allowlist,
+            type: (allowlist === "" ? "danger" : "success") as GateTagType,
+            affectedByLatestAction: affectedGroups.has("task")
+        },
+        {
+            key: "import",
+            label: "AI 导入",
+            status: !pipelineAllowImport ? "off" : pipelineImportArmed ? "armed" : "requested-not-armed",
+            description: !pipelineAllowImport
+                ? "当前不允许 pipeline 执行 AI 导入"
+                : pipelineImportArmed
+                  ? `已武装${pipelineAiPath ? `，来源：${pipelineAiPath}` : ""}`
+                  : "已请求导入，但尚未 armed",
+            type: (!pipelineAllowImport ? "info" : pipelineImportArmed ? "warning" : "danger") as GateTagType,
+            affectedByLatestAction: affectedGroups.has("import")
+        },
+        {
+            key: "oncall",
+            label: "Prepare 门禁",
+            status: oncallPrepare ? "已放行" : "默认关闭",
+            description: oncallPrepare ? "oncall 可继续推进 prepare" : "当前仍需显式放行 prepare",
+            type: (oncallPrepare ? "warning" : "info") as GateTagType,
+            affectedByLatestAction: affectedGroups.has("oncall") || affectedGroups.has("pipeline")
+        },
+        {
+            key: "release",
+            label: "发布门禁",
+            status: oncallPublish || pipelinePublish ? "存在 publish 放行" : pipelineRelease ? "仅放行 dry-run" : "默认关闭",
+            description: oncallPublish || pipelinePublish ? "至少一条链已允许 publish" : pipelineRelease ? "当前只允许 release dry-run" : "release dry-run 与 publish 都未放行",
+            type: (oncallPublish || pipelinePublish ? "danger" : pipelineRelease ? "warning" : "success") as GateTagType,
+            affectedByLatestAction: affectedGroups.has("release")
+        }
+    ];
+};
+const gateCards = () => buildGateCards(currentValueMap(), impactedGroups());
+const latestActionDeltaState = () => {
+    if (!latestAction()) {
+        return {
+            affectedCards: [],
+            changedCards: []
+        };
+    }
+
+    const beforeMap = { ...currentValueMap() };
+    const afterMap = { ...currentValueMap() };
+    for (const change of latestAction()?.changes ?? []) {
+        if (latestAction()?.status === "applied") {
+            beforeMap[change.key] = change.old ?? "";
+            afterMap[change.key] = currentValueMap()[change.key] ?? change.new ?? "";
+        } else {
+            beforeMap[change.key] = currentValueMap()[change.key] ?? change.old ?? "";
+            afterMap[change.key] = change.new ?? "";
+        }
+    }
+
+    const beforeCards = buildGateCards(beforeMap, impactedGroups());
+    const afterCards = buildGateCards(afterMap, impactedGroups());
+    const affectedCards = afterCards
+        .filter(item => item.affectedByLatestAction)
+        .map(item => {
+            const before = beforeCards.find(card => card.key === item.key);
+            return {
+                key: item.key,
+                label: item.label,
+                beforeStatus: before?.status || "-",
+                afterStatus: item.status,
+                changed: (before?.status || "-") !== item.status
+            };
+        });
+
+    return {
+        affectedCards,
+        changedCards: affectedCards.filter(item => item.changed)
+    };
+};
+const latestActionRiskDeltaState = () => {
+    const beforeMap = { ...currentValueMap() };
+    const afterMap = { ...currentValueMap() };
+    for (const change of latestAction()?.changes ?? []) {
+        if (latestAction()?.status === "applied") {
+            beforeMap[change.key] = change.old ?? "";
+            afterMap[change.key] = currentValueMap()[change.key] ?? change.new ?? "";
+        } else {
+            beforeMap[change.key] = currentValueMap()[change.key] ?? change.old ?? "";
+            afterMap[change.key] = change.new ?? "";
+        }
+    }
+
+    const beforeCards = buildGateCards(beforeMap, impactedGroups());
+    const afterCards = buildGateCards(afterMap, impactedGroups());
+    const affectedCards = afterCards
+        .filter(item => item.affectedByLatestAction)
+        .map(item => {
+            const before = beforeCards.find(card => card.key === item.key);
+            const beforeRisk = before ? ["warning", "danger"].includes(before.type) : false;
+            const afterRisk = ["warning", "danger"].includes(item.type);
+            return {
+                key: item.key,
+                label: item.label,
+                beforeRisk,
+                afterRisk
+            };
+        });
+
+    const movedToRiskCards = affectedCards.filter(item => !item.beforeRisk && item.afterRisk);
+    const movedToSafeCards = affectedCards.filter(item => item.beforeRisk && !item.afterRisk);
+    const unchangedCards = affectedCards.filter(item => item.beforeRisk === item.afterRisk);
+
+    return {
+        total: affectedCards.length,
+        movedToRisk: movedToRiskCards.length,
+        movedToSafe: movedToSafeCards.length,
+        unchanged: unchangedCards.length,
+        affectedCards,
+        movedToRiskCards,
+        movedToSafeCards,
+        unchangedCards
+    };
+};
+const riskDeltaCards = () => {
+    const state = latestActionRiskDeltaState();
+    if (!state || state.total === 0) {
+        return [];
+    }
+
+    return [
+        {
+            label: "受影响门禁",
+            value: `${state.total} 组`,
+            meta:
+                state.affectedCards.length > 0
+                    ? `命中：${state.affectedCards.map(item => gateCards().find(card => card.key === item.key)?.label || item.label).join("、")}`
+                    : "最近一次动作命中的门禁总数",
+            state: "neutral",
+            focusModes: (() => {
+                const focusModes = Array.from(new Set(state.affectedCards.map(item => item.key))) as OverviewFocusMode[];
+                return focusModes.length > 0 ? focusModes : (["all"] as OverviewFocusPayload);
+            })()
+        },
+        {
+            label: "变风险",
+            value: `${state.movedToRisk} 组`,
+            meta:
+                state.movedToRisk > 0
+                    ? `新增风险：${state.movedToRiskCards.map(item => gateCards().find(card => card.key === item.key)?.label || item.label).join("、")}`
+                    : "本轮没有新增风险",
+            state: state.movedToRisk > 0 ? "danger" : "safe",
+            focusModes: (() => {
+                const focusModes = Array.from(new Set(state.movedToRiskCards.map(item => item.key))) as OverviewFocusMode[];
+                return focusModes.length > 0 ? focusModes : (["all"] as OverviewFocusPayload);
+            })()
+        },
+        {
+            label: "回安全",
+            value: `${state.movedToSafe} 组`,
+            meta:
+                state.movedToSafe > 0
+                    ? `回安全：${state.movedToSafeCards.map(item => gateCards().find(card => card.key === item.key)?.label || item.label).join("、")}`
+                    : "本轮没有回安全项",
+            state: state.movedToSafe > 0 ? "success" : "neutral",
+            focusModes: (() => {
+                const focusModes = Array.from(new Set(state.movedToSafeCards.map(item => item.key))) as OverviewFocusMode[];
+                return focusModes.length > 0 ? focusModes : (["all"] as OverviewFocusPayload);
+            })()
+        },
+        {
+            label: "保持不变",
+            value: `${state.unchanged} 组`,
+            meta:
+                state.unchangedCards.length > 0
+                    ? `保持不变：${state.unchangedCards.map(item => gateCards().find(card => card.key === item.key)?.label || item.label).join("、")}`
+                    : "命中但状态未发生变化",
+            state: "neutral",
+            focusModes: (() => {
+                const focusModes = Array.from(new Set(state.unchangedCards.map(item => item.key))) as OverviewFocusMode[];
+                return focusModes.length > 0 ? focusModes : (["all"] as OverviewFocusPayload);
+            })()
+        }
+    ];
+};
+
+const loadSummary = async () => {
+    loading.value = true;
+    try {
+        const res = await getBootstrapEnvTemplateList();
+        summary.value = res.data;
+    } finally {
+        loading.value = false;
+    }
+};
+
+onMounted(() => {
+    void loadSummary();
+});
+</script>
+
+<style scoped lang="scss">
+.bootstrap-overview {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+    margin-bottom: 16px;
+}
+
+.overview-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+    gap: 12px;
+}
+
+.risk-delta-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+    gap: 12px;
+}
+
+.risk-delta-card {
+    border: 1px solid var(--el-border-color);
+    border-radius: 12px;
+    background: var(--el-bg-color);
+    padding: 14px 16px;
+    text-align: left;
+    cursor: pointer;
+    transition:
+        border-color 0.2s ease,
+        box-shadow 0.2s ease,
+        transform 0.2s ease;
+}
+
+.risk-delta-card:hover {
+    border-color: var(--el-color-primary-light-5);
+    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04);
+    transform: translateY(-1px);
+}
+
+.risk-delta-card__label {
+    font-size: 12px;
+    color: var(--el-text-color-secondary);
+}
+
+.risk-delta-card__value {
+    margin-top: 8px;
+    font-size: 22px;
+    font-weight: 700;
+    color: var(--el-text-color-primary);
+}
+
+.risk-delta-card__meta {
+    margin-top: 8px;
+    font-size: 12px;
+    line-height: 1.5;
+    color: var(--el-text-color-regular);
+}
+
+.risk-delta-card--danger {
+    border-color: var(--el-color-danger-light-5);
+    background: linear-gradient(135deg, var(--el-color-danger-light-9), var(--el-bg-color));
+}
+
+.risk-delta-card--success {
+    border-color: var(--el-color-success-light-5);
+    background: linear-gradient(135deg, var(--el-color-success-light-9), var(--el-bg-color));
+}
+
+.risk-delta-card--safe {
+    border-color: var(--el-color-success-light-7);
+}
+
+.latest-action-summary {
+    margin-top: -4px;
+}
+
+.latest-action-conclusion {
+    margin-top: -8px;
+}
+
+.latest-action-delta,
+.latest-action-risk-delta {
+    margin-top: -8px;
+}
+
+.overview-card {
+    border: 1px solid var(--el-border-color);
+    border-radius: 12px;
+    background: var(--el-bg-color);
+    padding: 16px;
+    text-align: left;
+    cursor: pointer;
+    transition:
+        border-color 0.2s ease,
+        box-shadow 0.2s ease,
+        transform 0.2s ease;
+}
+
+.overview-card:hover {
+    border-color: var(--el-color-primary-light-5);
+    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04);
+    transform: translateY(-1px);
+}
+
+.overview-card--primary {
+    cursor: default;
+    background: linear-gradient(135deg, var(--el-color-primary-light-9), var(--el-bg-color));
+}
+
+.overview-card--primary:hover {
+    transform: none;
+    box-shadow: none;
+    border-color: var(--el-border-color);
+}
+
+.overview-card__label {
+    font-size: 13px;
+    color: var(--el-text-color-secondary);
+}
+
+.overview-card__value {
+    margin-top: 10px;
+    font-size: 18px;
+    font-weight: 600;
+    color: var(--el-text-color-primary);
+}
+
+.overview-card__meta {
+    margin-top: 10px;
+    min-height: 36px;
+    font-size: 12px;
+    line-height: 1.5;
+    color: var(--el-text-color-regular);
+    word-break: break-all;
+}
+
+.overview-card__tags {
+    display: flex;
+    gap: 8px;
+    flex-wrap: wrap;
+    margin-top: 12px;
+}
+
+.overview-card__impact {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    flex-wrap: wrap;
+    margin-top: 12px;
+}
+
+.overview-card__impact-text {
+    font-size: 12px;
+    color: var(--el-text-color-secondary);
+}
+
+.overview-card--affected {
+    border-color: var(--el-color-danger-light-5);
+    box-shadow: 0 0 0 1px var(--el-color-danger-light-8) inset;
+}
+
+.overview-actions {
+    display: flex;
+    gap: 12px;
+    flex-wrap: wrap;
+}
+
+.latest-action-card :deep(.el-card__body) {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+}
+
+.latest-action-card__header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+}
+
+.latest-action-card__meta {
+    display: flex;
+    gap: 16px;
+    flex-wrap: wrap;
+    font-size: 13px;
+    color: var(--el-text-color-regular);
+}
+
+.latest-action-card__groups {
+    display: flex;
+    gap: 8px;
+    flex-wrap: wrap;
+}
+
+.history-summary-card :deep(.el-card__body) {
+    display: flex;
+    flex-direction: column;
+    gap: 14px;
+}
+
+.history-summary-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
+    gap: 12px;
+}
+
+.history-summary-metric {
+    border: 1px solid var(--el-border-color-light);
+    border-radius: 10px;
+    padding: 12px;
+    background: var(--el-fill-color-lighter);
+}
+
+.history-summary-metric__label {
+    font-size: 12px;
+    color: var(--el-text-color-secondary);
+}
+
+.history-summary-metric__value {
+    margin-top: 8px;
+    font-size: 24px;
+    font-weight: 700;
+    color: var(--el-text-color-primary);
+}
+
+.compare-quick-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+    gap: 12px;
+}
+
+.compare-quick-card {
+    border: 1px solid var(--el-border-color);
+    border-radius: 12px;
+    background: var(--el-bg-color-page);
+    padding: 14px;
+    text-align: left;
+    cursor: pointer;
+    transition:
+        border-color 0.2s ease,
+        transform 0.2s ease;
+}
+
+.compare-quick-card:hover {
+    border-color: var(--el-color-primary-light-5);
+    transform: translateY(-1px);
+}
+
+.compare-quick-card__title {
+    font-weight: 600;
+    color: var(--el-text-color-primary);
+}
+
+.compare-quick-card__value {
+    margin-top: 8px;
+    font-size: 22px;
+    font-weight: 700;
+    color: var(--el-color-primary);
+}
+
+.compare-quick-card__meta {
+    margin-top: 8px;
+    font-size: 12px;
+    color: var(--el-text-color-secondary);
+    line-height: 1.5;
+}
+</style>
diff --git a/src/views/site/bootstrapOpsOverview.vue b/src/views/site/bootstrapOpsOverview.vue
new file mode 100644
index 0000000..4430c65
--- /dev/null
+++ b/src/views/site/bootstrapOpsOverview.vue
@@ -0,0 +1,2938 @@
+<template>
+    <div class="bootstrap-ops-overview">
+        <el-alert
+            :type="summary.bootstrap_portal?.exists ? 'success' : 'warning'"
+            :closable="false"
+            show-icon
+            :title="summary.bootstrap_portal?.exists ? 'Bootstrap 上线主线门户已就绪' : 'Bootstrap 上线主线门户缺失或未生成'"
+            :description="summary.bootstrap_portal?.exists
+                ? `当前共 ${summary.bootstrap_portal?.bundles_count || 0} 个启动包，Import 模式 ${summary.bootstrap_portal?.pipeline_import_policy?.mode || 'off'}，门户根目录 ${summary.portal_root || '-'}`
+                : '当前后台还没有读取到统一 portal 摘要，后续请优先检查 _seo_copy_release 目录与 portal 刷新任务。'"
+        />
+
+        <div class="overview-actions">
+            <el-button :loading="loading" @click="loadSummary">刷新总览</el-button>
+            <el-button type="primary" plain @click="openPortal('/_seo_copy_release/index.html')">打开门户首页</el-button>
+            <el-button type="warning" plain @click="openPortal('/_seo_copy_release/bootstrap/oncall/index.html')">打开值班入口</el-button>
+            <el-button type="info" plain @click="openPortal('/_seo_copy_release/tasks/index.html')">打开任务健康页</el-button>
+        </div>
+
+        <div class="ops-card-grid">
+            <button
+                v-for="card in [
+                    {
+                        key: 'bundles',
+                        label: '启动包总数',
+                        value: `${summary.bootstrap_portal?.bundles_count || 0}`,
+                        meta: `待入库 ${summary.bootstrap_portal?.handoff_ready_to_register_count || 0} / 待应用 ${summary.bootstrap_portal?.handoff_ready_to_apply_count || 0}`,
+                        state: 'neutral',
+                        href: '/_seo_copy_release/bootstrap/index.html'
+                    },
+                    {
+                        key: 'oncall',
+                        label: '值班待办',
+                        value: `${summary.bootstrap_oncall_portal?.open_count || 0}`,
+                        meta: `P1 ${summary.bootstrap_oncall_portal?.priority_p1_count || 0} / P0 ${summary.bootstrap_oncall_portal?.priority_p0_count || 0}`,
+                        state: (summary.bootstrap_oncall_portal?.open_count || 0) > 0 ? 'warning' : 'success',
+                        href: '/_seo_copy_release/bootstrap/oncall/index.html'
+                    },
+                    {
+                        key: 'completed',
+                        label: '已完成启动包',
+                        value: `${summary.bootstrap_completed_portal?.completed_count || 0}`,
+                        meta: `已发布 ${summary.bootstrap_completed_portal?.published_count || 0}`,
+                        state: (summary.bootstrap_completed_portal?.completed_count || 0) > 0 ? 'success' : 'neutral',
+                        href: '/_seo_copy_release/bootstrap/completed/index.html'
+                    },
+                    {
+                        key: 'tasks',
+                        label: '任务健康记录',
+                        value: `${summary.tasks_portal?.runs_count || 0}`,
+                        meta: `最新 ${summary.tasks_portal?.latest_task?.task_slug || '-'}`,
+                        state: summary.tasks_portal?.exists ? 'neutral' : 'warning',
+                        href: '/_seo_copy_release/tasks/index.html'
+                    },
+                    {
+                        key: 'prepare',
+                        label: '待 Prepare / 导入 / Dry-run',
+                        value: `${(summary.bootstrap_portal?.handoff_ready_for_prepare_count || 0) + (summary.bootstrap_portal?.handoff_ready_to_import_count || 0) + (summary.bootstrap_portal?.handoff_ready_to_release_dry_run_count || 0)}`,
+                        meta: `prepare ${summary.bootstrap_portal?.handoff_ready_for_prepare_count || 0} / import ${summary.bootstrap_portal?.handoff_ready_to_import_count || 0} / dry-run ${summary.bootstrap_portal?.handoff_ready_to_release_dry_run_count || 0}`,
+                        state: 'warning',
+                        href: '/_seo_copy_release/bootstrap/index.html'
+                    },
+                    {
+                        key: 'attention',
+                        label: '需关注',
+                        value: `${summary.bootstrap_portal?.handoff_attention_count || 0}`,
+                        meta: `最近 run ${summary.bootstrap_runs_portal?.latest_run?.overall_status || '-'}`,
+                        state: (summary.bootstrap_portal?.handoff_attention_count || 0) > 0 ? 'danger' : 'success',
+                        href: '/_seo_copy_release/bootstrap/runs/index.html'
+                    }
+                ]"
+                :key="card.key"
+                type="button"
+                class="ops-card"
+                :class="`ops-card--${card.state}`"
+                @click="card.href ? openPortal(card.href) : undefined"
+            >
+                <div class="ops-card__label">{{ card.label }}</div>
+                <div class="ops-card__value">{{ card.value }}</div>
+                <div class="ops-card__meta">{{ card.meta }}</div>
+            </button>
+        </div>
+
+        <div class="latest-grid">
+            <el-card shadow="never" class="latest-card">
+                <template #header>
+                    <div class="latest-card__header">
+                        <span>最新启动包</span>
+                        <el-tag size="small" type="info">{{ summary.bootstrap_portal?.latest_bundle?.handoff_stage_label || "-" }}</el-tag>
+                    </div>
+                </template>
+                <div class="latest-card__title">{{ summary.bootstrap_portal?.latest_bundle?.host || "-" }}</div>
+                <div class="latest-card__desc">{{ summary.bootstrap_portal?.latest_bundle?.handoff_summary || "暂无最新启动包摘要" }}</div>
+                <div class="latest-card__meta">
+                    <span>结构策略：{{ summary.bootstrap_portal?.latest_bundle?.structured_policy || "-" }}</span>
+                    <span>Import：{{ summary.bootstrap_portal?.latest_bundle?.pipeline_import_mode || "off" }}</span>
+                </div>
+            </el-card>
+
+            <el-card shadow="never" class="latest-card">
+                <template #header>
+                    <div class="latest-card__header">
+                        <span>值班待办</span>
+                        <el-tag size="small" type="warning">{{ summary.bootstrap_oncall_portal?.latest_entry?.priority_label || "-" }}</el-tag>
+                    </div>
+                </template>
+                <div class="latest-card__title">
+                    {{ summary.bootstrap_oncall_portal?.latest_entry?.host || "-" }}
+                    <span v-if="summary.bootstrap_oncall_portal?.latest_entry?.todo_title"> / {{ summary.bootstrap_oncall_portal?.latest_entry?.todo_title }}</span>
+                </div>
+                <div class="latest-card__desc">{{ summary.bootstrap_oncall_portal?.latest_entry?.summary || "暂无值班待办" }}</div>
+                <div class="latest-card__meta">
+                    <span>Owner：{{ summary.bootstrap_oncall_portal?.latest_entry?.owner_label || "-" }}</span>
+                    <span>更新：{{ summary.bootstrap_oncall_portal?.latest_entry?.updated_at || "-" }}</span>
+                </div>
+            </el-card>
+
+            <el-card shadow="never" class="latest-card">
+                <template #header>
+                    <div class="latest-card__header">
+                        <span>最近任务</span>
+            <el-tag
+                size="small"
+                :type="(() => {
+                    const status = summary.tasks_portal?.latest_task?.status || '';
+                    if (status === 'success') return 'success';
+                    if (status === 'failed' || status === 'error') return 'danger';
+                    if (status === 'running') return 'warning';
+                    return 'info';
+                })()"
+            >
+                {{ summary.tasks_portal?.latest_task?.status || "-" }}
+            </el-tag>
+                    </div>
+                </template>
+                <div class="latest-card__title">{{ summary.tasks_portal?.latest_task?.task_slug || "-" }}</div>
+                <div class="latest-card__desc">{{ summary.tasks_portal?.latest_task?.summary || "暂无任务摘要" }}</div>
+                <div class="latest-card__meta">
+                    <span>健康：{{ summary.tasks_portal?.latest_task?.health_status || "-" }}</span>
+                    <span>更新：{{ summary.tasks_portal?.latest_task?.updated_at || "-" }}</span>
+                </div>
+            </el-card>
+
+            <el-card shadow="never" class="latest-card">
+                <template #header>
+                    <div class="latest-card__header">
+                        <span>已完成启动包</span>
+                        <el-tag size="small" type="success">{{ summary.bootstrap_completed_portal?.latest_entry?.handoff_stage_label || "-" }}</el-tag>
+                    </div>
+                </template>
+                <div class="latest-card__title">{{ summary.bootstrap_completed_portal?.latest_entry?.host || "-" }}</div>
+                <div class="latest-card__desc">{{ summary.bootstrap_completed_portal?.latest_entry?.summary || "暂无已完成启动包" }}</div>
+                <div class="latest-card__meta">
+                    <span>发布状态：{{ summary.bootstrap_completed_portal?.latest_entry?.publish_result_status || "-" }}</span>
+                    <span>更新：{{ summary.bootstrap_completed_portal?.latest_entry?.updated_at || "-" }}</span>
+                </div>
+            </el-card>
+        </div>
+
+        <el-card shadow="never" class="ops-workbench-card">
+            <template #header>
+                <div class="latest-card__header">
+                    <div>
+                        <div class="ops-workbench__title">Bootstrap Ops 工作台</div>
+                        <div class="ops-workbench__subtitle">按阶段、Host 和面板聚焦当前新域名启动包主线，不用再来回切 portal 子页。</div>
+                    </div>
+                    <el-button link type="primary" @click="loadSummary">刷新工作台</el-button>
+                </div>
+            </template>
+
+            <div class="ops-workbench-toolbar">
+                <el-input
+                    v-model="hostKeyword"
+                    clearable
+                    class="ops-workbench__search"
+                    placeholder="按 Host / Task / 阶段搜索"
+                />
+                <div class="ops-workbench-toolbar__meta">
+                    <el-tag type="info" effect="plain">Import {{ summary.bootstrap_portal?.pipeline_import_policy?.mode || "off" }}</el-tag>
+                    <el-tag
+                        :type="(summary.bootstrap_portal?.handoff_attention_count || 0) > 0 ? 'danger' : 'success'"
+                        effect="plain"
+                    >
+                        关注 {{ summary.bootstrap_portal?.handoff_attention_count || 0 }}
+                    </el-tag>
+                </div>
+            </div>
+
+            <div class="ops-stage-grid">
+                <button
+                    v-for="bucket in stageBuckets()"
+                    :key="bucket.key"
+                    type="button"
+                    class="ops-stage-card"
+                    :class="[
+                        `ops-stage-card--${bucket.state}`,
+                        { 'is-active': activeStage === bucket.key }
+                    ]"
+                    @click="activeStage = bucket.key"
+                >
+                    <div class="ops-stage-card__label">{{ bucket.label }}</div>
+                    <div class="ops-stage-card__value">{{ bucket.count }}</div>
+                    <div class="ops-stage-card__meta">{{ bucket.meta }}</div>
+                </button>
+            </div>
+
+            <div class="ops-panel-tabs">
+                <button
+                    v-for="tab in panelTabs()"
+                    :key="tab.key"
+                    type="button"
+                    class="ops-panel-tab"
+                    :class="{ 'is-active': activePanel === tab.key }"
+                    @click="activePanel = tab.key"
+                >
+                    <span>{{ tab.label }}</span>
+                    <el-tag size="small" effect="plain">{{ tab.count }}</el-tag>
+                </button>
+            </div>
+
+            <el-alert
+                class="ops-workbench__focus-alert"
+                type="info"
+                :closable="false"
+                show-icon
+                :title="`${panelTabs().find(tab => tab.key === activePanel)?.label || '阶段队列'} / ${stageBuckets().find(bucket => bucket.key === activeStage)?.label || '全部启动包'}${keyword() ? `，Host 关键词“${hostKeyword.trim()}”` : ''}${hostFocus ? `，锁定 Host“${hostFocus}”` : ''}`"
+                :description="`当前视角下共有 ${
+                    activePanel === 'queue'
+                        ? filteredBundles().length
+                        : activePanel === 'oncall'
+                          ? filteredOncallEntries().length
+                          : activePanel === 'tasks'
+                            ? filteredTasks().length
+                            : activePanel === 'runs'
+                              ? filteredRuns().length
+                              : activePanel === 'attention'
+                                ? attentionBundles().length + failedRuns().length
+                                : filteredCompletedEntries().length
+                } 条记录。点击上方阶段卡或面板标签可以快速切换值班落点，必要时再跳 portal 子页查看全量原始记录。`"
+            />
+
+            <div class="ops-playbook-grid">
+                <button
+                    v-for="playbook in [
+                        {
+                            key: 'register',
+                            label: '先正式入库',
+                            count: summary.bootstrap_portal?.handoff_ready_to_register_count || 0,
+                            summary: '优先处理还没建 domain 记录的 bundle，先把站点入库打通。',
+                            meta: allBundles().find(bundle => bundle.handoff_stage_code === 'ready_to_register')?.host || '当前没有待入库 host',
+                            state: (summary.bootstrap_portal?.handoff_ready_to_register_count || 0) > 0 ? 'warning' : 'success',
+                            panel: 'queue' as OpsPanelKey,
+                            stage: 'ready_to_register' as BootstrapStageKey,
+                            host: allBundles().find(bundle => bundle.handoff_stage_code === 'ready_to_register')?.host
+                        },
+                        {
+                            key: 'apply',
+                            label: '先正式应用',
+                            count: summary.bootstrap_portal?.handoff_ready_to_apply_count || 0,
+                            summary: '优先处理已入库但站点策略还没 apply 的 bundle。',
+                            meta: allBundles().find(bundle => bundle.handoff_stage_code === 'ready_to_apply')?.host || '当前没有待应用 host',
+                            state: (summary.bootstrap_portal?.handoff_ready_to_apply_count || 0) > 0 ? 'warning' : 'success',
+                            panel: 'queue' as OpsPanelKey,
+                            stage: 'ready_to_apply' as BootstrapStageKey,
+                            host: allBundles().find(bundle => bundle.handoff_stage_code === 'ready_to_apply')?.host
+                        },
+                        {
+                            key: 'import',
+                            label: '先推进 AI / Dry-run',
+                            count: (summary.bootstrap_portal?.handoff_ready_for_prepare_count || 0) + (summary.bootstrap_portal?.handoff_ready_to_import_count || 0) + (summary.bootstrap_portal?.handoff_ready_to_release_dry_run_count || 0),
+                            summary: '优先处理 Prepare、AI 导入、release dry-run 这一段长链路。',
+                            meta:
+                                allBundles().find(bundle => bundle.handoff_stage_code === 'ready_to_import')?.host ||
+                                allBundles().find(bundle => bundle.handoff_stage_code === 'ready_for_prepare')?.host ||
+                                allBundles().find(bundle => bundle.handoff_stage_code === 'ready_to_release_dry_run')?.host ||
+                                '当前没有待推进 host',
+                            state: ((summary.bootstrap_portal?.handoff_ready_for_prepare_count || 0) + (summary.bootstrap_portal?.handoff_ready_to_import_count || 0) + (summary.bootstrap_portal?.handoff_ready_to_release_dry_run_count || 0)) > 0 ? 'warning' : 'success',
+                            panel: 'queue' as OpsPanelKey,
+                            stage: (summary.bootstrap_portal?.handoff_ready_to_import_count || 0) > 0 ? 'ready_to_import' : (summary.bootstrap_portal?.handoff_ready_for_prepare_count || 0) > 0 ? 'ready_for_prepare' : 'ready_to_release_dry_run',
+                            host:
+                                allBundles().find(bundle => bundle.handoff_stage_code === 'ready_to_import')?.host ||
+                                allBundles().find(bundle => bundle.handoff_stage_code === 'ready_for_prepare')?.host ||
+                                allBundles().find(bundle => bundle.handoff_stage_code === 'ready_to_release_dry_run')?.host
+                        },
+                        {
+                            key: 'attention',
+                            label: '先排异常',
+                            count: (summary.bootstrap_portal?.handoff_attention_count || 0) + (summary.bootstrap_runs_portal?.status_totals?.failed || 0),
+                            summary: '优先处理异常 bundle 和 failed run，先恢复主线健康度。',
+                            meta: attentionBundles[0]?.host || failedRuns[0]?.host || '当前没有异常 host',
+                            state: ((summary.bootstrap_portal?.handoff_attention_count || 0) + (summary.bootstrap_runs_portal?.status_totals?.failed || 0)) > 0 ? 'danger' : 'success',
+                            panel: 'attention' as OpsPanelKey,
+                            stage: 'attention' as BootstrapStageKey,
+                            host: attentionBundles[0]?.host || failedRuns[0]?.host || ''
+                        }
+                    ]"
+                    :key="playbook.key"
+                    type="button"
+                    class="ops-playbook-card"
+                    :class="`ops-playbook-card--${playbook.state}`"
+                    @click="() => {
+                        selectedInspector = null;
+                        activePanel = playbook.panel as OpsPanelKey;
+                        activeStage = playbook.stage as BootstrapStageKey;
+                        hostKeyword = playbook.host || '';
+                        hostFocus = playbook.host || '';
+                        hostConsolePanel = playbook.panel === 'completed'
+                            ? 'completed'
+                            : playbook.panel === 'runs' || playbook.panel === 'attention'
+                                ? 'runs'
+                                : playbook.panel === 'oncall'
+                                    ? 'oncall'
+                                    : 'bundle';
+                    }"
+                >
+                    <div class="ops-playbook-card__title">
+                        <span>{{ playbook.label }}</span>
+                        <el-tag size="small" effect="plain">{{ playbook.count }}</el-tag>
+                    </div>
+                    <div class="ops-playbook-card__summary">{{ playbook.summary }}</div>
+                    <div class="ops-playbook-card__meta">{{ playbook.meta }}</div>
+                </button>
+            </div>
+
+            <div class="ops-insight-grid">
+                <el-card shadow="never" class="ops-insight-card">
+                    <template #header>
+                        <div class="latest-card__header">
+                            <span>Owner 焦点</span>
+                            <el-tag size="small" effect="plain">{{ ownerFocusEntries().length }}</el-tag>
+                        </div>
+                    </template>
+                    <div v-if="ownerFocusEntries().length" class="ops-focus-list">
+                        <button
+                            v-for="entry in ownerFocusEntries()"
+                            :key="`${entry.host}-${entry.todo_title}`"
+                            type="button"
+                            class="ops-focus-item"
+                            @click="() => {
+                                selectedInspector = { kind: 'oncall', data: entry };
+                                activePanel = 'oncall';
+                                activeStage = (entry.handoff_stage_code as BootstrapStageKey) || 'all';
+                                hostKeyword = entry.host || '';
+                                hostFocus = entry.host || '';
+                                hostConsolePanel = 'oncall';
+                            }"
+                        >
+                            <div class="ops-focus-item__title">
+                                <span>{{ entry.owner_label || "未分组" }}</span>
+                                <el-tag size="small" type="warning">{{ entry.priority_label || "-" }}</el-tag>
+                            </div>
+                            <div class="ops-focus-item__host">{{ entry.host || "-" }} / {{ entry.todo_title || "待办" }}</div>
+                            <div class="ops-focus-item__summary">{{ entry.summary || "暂无摘要" }}</div>
+                        </button>
+                    </div>
+                    <el-empty v-else description="当前没有 owner 焦点" :image-size="60" />
+                </el-card>
+
+                <el-card shadow="never" class="ops-insight-card">
+                    <template #header>
+                        <div class="latest-card__header">
+                            <span>运行状态分布</span>
+                            <el-tag size="small" effect="plain">{{ Object.entries(summary.bootstrap_runs_portal?.status_totals || {}).length }}</el-tag>
+                        </div>
+                    </template>
+                    <div class="ops-status-grid">
+                        <button
+                            v-for="([key, count]) in Object.entries(summary.bootstrap_runs_portal?.status_totals || {})"
+                            :key="key"
+                            type="button"
+                            class="ops-status-card"
+                            :class="`ops-status-card--${key === 'failed' ? 'danger' : key === 'completed' ? 'success' : 'warning'}`"
+                            @click="() => {
+                                activePanel = key === 'failed' ? 'attention' : 'runs';
+                                if (key === 'failed') {
+                                    activeStage = 'attention';
+                                }
+                            }"
+                        >
+                            <div class="ops-status-card__label">{{ key }}</div>
+                            <div class="ops-status-card__value">{{ count }}</div>
+                            <div class="ops-status-card__meta">
+                                {{ key === 'failed' ? '建议切到运行记录排查失败 run' : key === 'dry_run_completed' ? '可重点看待发布或待关注 host' : '当前运行状态汇总' }}
+                            </div>
+                        </button>
+                    </div>
+                </el-card>
+
+                <el-card shadow="never" class="ops-insight-card">
+                    <template #header>
+                        <div class="latest-card__header">
+                            <span>推荐命令</span>
+                            <el-tag size="small" effect="plain">{{ Object.keys(summary.bootstrap_oncall_portal?.recommended_commands || {}).slice(0, 6).length }}</el-tag>
+                        </div>
+                    </template>
+                    <div v-if="Object.keys(summary.bootstrap_oncall_portal?.recommended_commands || {}).slice(0, 6).length" class="ops-command-list">
+                        <button
+                            v-for="([key, command]) in Object.entries(summary.bootstrap_oncall_portal?.recommended_commands || {}).slice(0, 6)"
+                            :key="key"
+                            type="button"
+                            class="ops-command-item"
+                            @click="async () => {
+                                try {
+                                    await clipboard.writeText(command);
+                                    ElMessage.success('命令已复制');
+                                } catch (_error) {
+                                    ElMessage.error('复制失败，请手动复制');
+                                }
+                            }"
+                        >
+                            <div class="ops-command-item__title">
+                                <span>{{ commandLabelMap[key] || key }}</span>
+                                <el-tag size="small" effect="plain">复制</el-tag>
+                            </div>
+                            <code class="ops-command-item__code">{{ command }}</code>
+                        </button>
+                    </div>
+                    <el-empty v-else description="当前没有推荐命令" :image-size="60" />
+                </el-card>
+            </div>
+
+            <div v-if="activePanel === 'queue'" class="ops-panel-block">
+                <div class="ops-panel-block__header">
+                    <span>启动包阶段队列</span>
+                    <el-button link type="primary" @click="openPortal('/_seo_copy_release/bootstrap/index.html')">查看完整启动包列表</el-button>
+                </div>
+                <el-table :data="filteredBundles" size="small" border max-height="340" empty-text="当前筛选条件下暂无启动包" @row-click="row => selectedInspector = { kind: 'bundle', data: row }">
+                    <el-table-column prop="host" label="Host" min-width="180" />
+                    <el-table-column prop="handoff_stage_label" label="阶段" width="130" />
+                    <el-table-column prop="structured_policy" label="结构策略" width="100" />
+                    <el-table-column prop="pipeline_import_mode" label="Import" width="90" />
+                    <el-table-column prop="handoff_next_step" label="下一步" min-width="150" />
+                    <el-table-column prop="handoff_summary" label="摘要" min-width="260" show-overflow-tooltip />
+                </el-table>
+            </div>
+
+            <div v-else-if="activePanel === 'oncall'" class="ops-panel-block">
+                <div class="ops-panel-block__header">
+                    <span>值班待办明细</span>
+                    <el-button link type="warning" @click="openPortal('/_seo_copy_release/bootstrap/oncall/index.html')">查看完整值班入口</el-button>
+                </div>
+                <el-table :data="filteredOncallEntries" size="small" border max-height="340" empty-text="当前筛选条件下暂无值班待办" @row-click="row => selectedInspector = { kind: 'oncall', data: row }">
+                    <el-table-column prop="host" label="Host" min-width="180" />
+                    <el-table-column prop="todo_title" label="待办" min-width="140" />
+                    <el-table-column prop="owner_label" label="Owner" width="100" />
+                    <el-table-column prop="priority_label" label="优先级" width="90" />
+                    <el-table-column prop="handoff_stage_label" label="阶段" width="120" />
+                    <el-table-column prop="summary" label="摘要" min-width="220" show-overflow-tooltip />
+                </el-table>
+            </div>
+
+            <div v-else-if="activePanel === 'tasks'" class="ops-panel-block">
+                <div class="ops-panel-block__header">
+                    <span>最近任务明细</span>
+                    <el-button link type="info" @click="openPortal('/_seo_copy_release/tasks/index.html')">查看任务健康页</el-button>
+                </div>
+                <el-table :data="filteredTasks" size="small" border max-height="340" empty-text="当前筛选条件下暂无任务记录" @row-click="row => selectedInspector = { kind: 'task', data: row }">
+                    <el-table-column prop="task_slug" label="Task" min-width="180" />
+                    <el-table-column prop="status" label="状态" width="90" />
+                    <el-table-column prop="health_status" label="健康" width="90" />
+                    <el-table-column prop="summary" label="摘要" min-width="240" show-overflow-tooltip />
+                    <el-table-column prop="updated_at" label="更新时间" min-width="180" />
+                </el-table>
+            </div>
+
+            <div v-else-if="activePanel === 'runs'" class="ops-panel-block">
+                <div class="ops-panel-block__header">
+                    <span>最近启动包运行</span>
+                    <el-button link type="primary" @click="openPortal('/_seo_copy_release/bootstrap/runs/index.html')">查看运行记录</el-button>
+                </div>
+                <el-table :data="filteredRuns" size="small" border max-height="340" empty-text="当前筛选条件下暂无启动包运行" @row-click="row => selectedInspector = { kind: 'run', data: row }">
+                    <el-table-column prop="host" label="Host" min-width="180" />
+                    <el-table-column prop="overall_status" label="状态" width="130" />
+                    <el-table-column prop="handoff_stage_label" label="阶段" width="120" />
+                    <el-table-column prop="handoff_summary" label="摘要" min-width="240" show-overflow-tooltip />
+                    <el-table-column prop="updated_at" label="更新时间" min-width="180" />
+                </el-table>
+            </div>
+
+            <div v-else-if="activePanel === 'attention'" class="ops-panel-block">
+                <div class="ops-panel-block__header">
+                    <span>异常聚焦面板</span>
+                    <el-button link type="danger" @click="openPortal('/_seo_copy_release/bootstrap/runs/index.html')">打开异常运行记录</el-button>
+                </div>
+                <div class="ops-attention-grid">
+                    <el-card shadow="never" class="ops-attention-card">
+                        <template #header>
+                            <div class="latest-card__header">
+                                <span>需关注启动包</span>
+                                <el-tag size="small" type="danger">{{ attentionBundles().length }}</el-tag>
+                            </div>
+                        </template>
+                        <el-table :data="attentionBundles" size="small" border max-height="260" empty-text="暂无异常 bundle" @row-click="row => selectedInspector = { kind: 'attention_bundle', data: row }">
+                            <el-table-column prop="host" label="Host" min-width="170" />
+                            <el-table-column prop="handoff_stage_label" label="阶段" width="110" />
+                            <el-table-column prop="handoff_next_step" label="下一步" min-width="120" />
+                            <el-table-column prop="handoff_summary" label="摘要" min-width="220" show-overflow-tooltip />
+                        </el-table>
+                    </el-card>
+
+                    <el-card shadow="never" class="ops-attention-card">
+                        <template #header>
+                            <div class="latest-card__header">
+                                <span>失败运行</span>
+                                <el-tag size="small" type="danger">{{ failedRuns().length }}</el-tag>
+                            </div>
+                        </template>
+                        <el-table :data="failedRuns" size="small" border max-height="260" empty-text="暂无失败 run" @row-click="row => selectedInspector = { kind: 'failed_run', data: row }">
+                            <el-table-column prop="host" label="Host" min-width="170" />
+                            <el-table-column prop="overall_status" label="状态" width="100" />
+                            <el-table-column prop="handoff_stage_label" label="阶段" width="110" />
+                            <el-table-column prop="handoff_summary" label="摘要" min-width="220" show-overflow-tooltip />
+                        </el-table>
+                    </el-card>
+                </div>
+            </div>
+
+            <div v-else class="ops-panel-block">
+                <div class="ops-panel-block__header">
+                    <span>已完成启动包明细</span>
+                    <el-button link type="success" @click="openPortal('/_seo_copy_release/bootstrap/completed/index.html')">查看已完成列表</el-button>
+                </div>
+                <el-table :data="filteredCompletedEntries" size="small" border max-height="340" empty-text="当前筛选条件下暂无已完成启动包" @row-click="row => selectedInspector = { kind: 'completed', data: row }">
+                    <el-table-column prop="host" label="Host" min-width="180" />
+                    <el-table-column prop="handoff_stage_label" label="阶段" width="120" />
+                    <el-table-column prop="publish_result_status" label="发布状态" width="110" />
+                    <el-table-column prop="summary" label="摘要" min-width="220" show-overflow-tooltip />
+                    <el-table-column prop="updated_at" label="更新时间" min-width="180" />
+                </el-table>
+            </div>
+
+            <el-card shadow="never" class="ops-host-console-card">
+                <template #header>
+                    <div class="latest-card__header">
+                        <div>
+                            <div class="ops-workbench__title">Host 指挥台</div>
+                            <div class="ops-workbench__subtitle">把当前阶段里同一个 Host 的 bundle、oncall、run、completed 串在一张面板里处理。</div>
+                        </div>
+                        <div class="ops-host-console__header-actions">
+                            <el-tag size="small" effect="plain">{{ hostCandidates().length }} Hosts</el-tag>
+                            <el-button v-if="hostFocus" link type="danger" @click="hostFocus = ''; hostKeyword = ''">清除 Host 锁定</el-button>
+                        </div>
+                    </div>
+                </template>
+
+                <div v-if="hostCandidates().length" class="ops-host-console">
+                    <div class="ops-host-console__focus-bar">
+                        <div class="ops-host-console__focus-copy">
+                            <div class="ops-host-console__focus-title">
+                                当前 Host：{{ resolvedHostFocus() || "-" }}
+                                <el-tag size="small" :type="hostFocus ? 'warning' : 'info'" effect="plain">
+                                    {{ hostFocus ? "已锁定" : "跟随上下文" }}
+                                </el-tag>
+                            </div>
+                            <div class="ops-host-console__focus-summary">
+                                {{
+                                    !resolvedHostFocus()
+                                        ? "当前还没有 Host 焦点。"
+                                        : hostCandidates().find(item => item.host === resolvedHostFocus())
+                                          ? `${hostCandidates().find(item => item.host === resolvedHostFocus())?.stageLabel || "未进入阶段"} / ${hostCandidates().find(item => item.host === resolvedHostFocus())?.nextStep || "暂无下一步"}，oncall ${hostCandidates().find(item => item.host === resolvedHostFocus())?.oncallCount || 0}，run ${hostCandidates().find(item => item.host === resolvedHostFocus())?.runCount || 0}，supply ${hostCandidates().find(item => item.host === resolvedHostFocus())?.supplyCount || 0}，failed ${(hostCandidates().find(item => item.host === resolvedHostFocus())?.failedRunCount || 0) + (hostCandidates().find(item => item.host === resolvedHostFocus())?.failedSupplyCount || 0)}，done ${hostCandidates().find(item => item.host === resolvedHostFocus())?.completedCount || 0}`
+                                          : "当前 Host 不在本轮阶段/关键词筛选结果里，仍可用检查器继续查看上下文。"
+                                }}
+                            </div>
+                        </div>
+                        <div class="ops-host-console__focus-actions">
+                            <el-button
+                                v-if="resolvedHostFocus() && !hostFocus"
+                                plain
+                                @click="hostFocus = resolvedHostFocus(); hostKeyword = resolvedHostFocus()"
+                            >
+                                锁定当前 Host
+                            </el-button>
+                            <el-button v-if="hostFocus" plain type="info" @click="hostFocus = ''; hostKeyword = ''">返回全局视图</el-button>
+                        </div>
+                    </div>
+
+                    <div class="ops-host-candidate-grid">
+                            <button
+                                v-for="candidate in hostCandidates()"
+                                :key="candidate.host"
+                                type="button"
+                                class="ops-host-candidate"
+                            :class="[
+                                `ops-host-candidate--${candidate.state}`,
+                                { 'is-active': resolvedHostFocus() === candidate.host }
+                            ]"
+                            @click="() => {
+                                hostFocus = candidate.host;
+                                hostKeyword = candidate.host;
+                                if (candidate.failedRunCount > 0 || candidate.attentionCount > 0 || candidate.failedSupplyCount > 0) {
+                                    activePanel = 'attention';
+                                    activeStage = 'attention';
+                                    hostConsolePanel = candidate.failedRunCount > 0 || candidate.attentionCount > 0 ? 'runs' : 'supply';
+                                } else if (candidate.oncallCount > 0) {
+                                    activePanel = 'oncall';
+                                    hostConsolePanel = 'oncall';
+                                } else if (candidate.bundleCount > 0) {
+                                    activePanel = 'queue';
+                                    hostConsolePanel = 'bundle';
+                                } else if (candidate.supplyCount > 0) {
+                                    activePanel = 'queue';
+                                    hostConsolePanel = 'supply';
+                                } else {
+                                    activePanel = 'completed';
+                                    activeStage = 'published';
+                                    hostConsolePanel = 'completed';
+                                }
+                            }"
+                        >
+                            <div class="ops-host-candidate__title">
+                                <span>{{ candidate.host }}</span>
+                                <el-tag size="small" effect="plain">{{ candidate.stageLabel || "无阶段" }}</el-tag>
+                            </div>
+                            <div class="ops-host-candidate__summary">{{ candidate.summary }}</div>
+                            <div class="ops-host-candidate__meta">
+                                <span>oncall {{ candidate.oncallCount }}</span>
+                                <span>run {{ candidate.runCount }}</span>
+                                <span>failed {{ candidate.failedRunCount }}</span>
+                                <span>supply {{ candidate.supplyCount }}</span>
+                                <span>done {{ candidate.completedCount }}</span>
+                            </div>
+                        </button>
+                    </div>
+
+                    <div v-if="resolvedHostFocus()" class="ops-host-stage-grid">
+                        <div
+                            v-for="card in ([
+                                {
+                                    key: 'stage',
+                                    label: '当前阶段',
+                                    value: hostBundleRows()[0]?.handoff_stage_label || '无',
+                                    meta: hostBundleRows()[0]?.handoff_next_step || '暂无下一步',
+                                    state: hostBundleRows()[0]?.handoff_stage_code === 'attention' ? 'danger' : hostBundleRows()[0]?.handoff_stage_code === 'published' ? 'success' : 'warning'
+                                },
+                                {
+                                    key: 'oncall',
+                                    label: '值班待办',
+                                    value: `${hostOncallRows().length}`,
+                                    meta: hostOncallRows()[0]?.todo_title || '暂无 oncall',
+                                    state: hostOncallRows().length > 0 ? 'warning' : 'success'
+                                },
+                                {
+                                    key: 'runs',
+                                    label: '失败运行',
+                                    value: `${hostFailedRunRows().length}`,
+                                    meta: hostRunRows()[0]?.overall_status || '暂无 run',
+                                    state: hostFailedRunRows().length > 0 ? 'danger' : 'success'
+                                },
+                                {
+                                    key: 'supply',
+                                    label: '供给记录',
+                                    value: `${hostSupplyRows()[0]?.runs || 0}`,
+                                    meta: hostSupplyRows()[0]?.latest_status || '暂无 supply',
+                                    state: (hostSupplyRows()[0]?.failed_count || 0) > 0 ? 'danger' : hostSupplyRows().length > 0 ? 'warning' : 'neutral'
+                                },
+                                {
+                                    key: 'completed',
+                                    label: '已完成',
+                                    value: `${hostCompletedRows().length}`,
+                                    meta: hostCompletedRows()[0]?.publish_result_status || '未完成',
+                                    state: hostCompletedRows().length > 0 ? 'success' : 'neutral'
+                                }
+                            ] as const)"
+                            :key="card.key"
+                            class="ops-host-stage-card"
+                            :class="`ops-host-stage-card--${card.state}`"
+                        >
+                            <span class="ops-host-stage-card__label">{{ card.label }}</span>
+                            <span class="ops-host-stage-card__value">{{ card.value }}</span>
+                            <span class="ops-host-stage-card__meta">{{ card.meta }}</span>
+                        </div>
+                    </div>
+
+                    <el-alert
+                        v-if="resolvedHostFocus()"
+                        class="ops-host-console__advice"
+                        :type="hostOrchestrationPlan().stateTagType"
+                        :closable="false"
+                        show-icon
+                        :title="hostOrchestrationPlan().title"
+                        :description="hostOrchestrationPlan().description"
+                    />
+
+                    <div v-if="resolvedHostFocus()" class="ops-host-console__advice-actions">
+                        <el-button
+                            type="primary"
+                            plain
+                            @click="async () => {
+                                await openWorkbenchFocus({
+                                    panel: hostOrchestrationPlan().panel,
+                                    stage: hostOrchestrationPlan().stage,
+                                    host: resolvedHostFocus(),
+                                    hostConsolePanel: hostOrchestrationPlan().hostConsolePanel,
+                                    inspectorKind: hostOrchestrationPlan().inspectorKind
+                                });
+                            }"
+                        >
+                            按建议切换主线
+                        </el-button>
+                        <el-button
+                            v-if="hostOrchestrationPlan().command"
+                            plain
+                            type="info"
+                            @click="async () => {
+                                try {
+                                    await clipboard.writeText(hostOrchestrationPlan().command);
+                                    ElMessage.success('命令已复制');
+                                } catch (_error) {
+                                    ElMessage.error('复制失败，请手动复制');
+                                }
+                            }"
+                        >
+                            复制接手命令
+                        </el-button>
+                    </div>
+
+                    <div v-if="resolvedHostFocus()" class="ops-host-console__subtabs">
+                        <button
+                            v-for="tab in ([
+                                { key: 'bundle', label: 'Bundle', count: hostBundleRows().length },
+                                { key: 'oncall', label: 'Oncall', count: hostOncallRows().length },
+                                { key: 'runs', label: 'Runs', count: hostRunRows().length },
+                                { key: 'supply', label: 'Supply', count: hostSupplyRunsTotal() },
+                                { key: 'completed', label: 'Completed', count: hostCompletedRows().length }
+                            ] as const)"
+                            :key="tab.key"
+                            type="button"
+                            class="ops-host-console__subtab"
+                            :class="{ 'is-active': hostConsolePanel === tab.key }"
+                            @click="hostConsolePanel = tab.key"
+                        >
+                            <span>{{ tab.label }}</span>
+                            <el-tag size="small" effect="plain">{{ tab.count }}</el-tag>
+                        </button>
+                    </div>
+
+                    <div v-if="resolvedHostFocus()" class="ops-host-console__panel">
+                        <el-table
+                            v-if="hostConsolePanel === 'bundle'"
+                            :data="hostBundleRows"
+                            size="small"
+                            border
+                            max-height="260"
+                            empty-text="当前 Host 暂无 bundle 记录"
+                            @row-click="row => selectedInspector = { kind: 'bundle', data: row }"
+                        >
+                            <el-table-column prop="handoff_stage_label" label="阶段" width="130" />
+                            <el-table-column prop="handoff_next_step" label="下一步" min-width="160" />
+                            <el-table-column prop="pipeline_import_mode" label="Import" width="100" />
+                            <el-table-column prop="handoff_summary" label="摘要" min-width="260" show-overflow-tooltip />
+                        </el-table>
+
+                        <el-table
+                            v-else-if="hostConsolePanel === 'oncall'"
+                            :data="hostOncallRows"
+                            size="small"
+                            border
+                            max-height="260"
+                            empty-text="当前 Host 暂无 oncall 记录"
+                            @row-click="row => selectedInspector = { kind: 'oncall', data: row }"
+                        >
+                            <el-table-column prop="todo_title" label="待办" min-width="150" />
+                            <el-table-column prop="priority_label" label="优先级" width="100" />
+                            <el-table-column prop="owner_label" label="Owner" width="110" />
+                            <el-table-column prop="summary" label="摘要" min-width="260" show-overflow-tooltip />
+                        </el-table>
+
+                        <el-table
+                            v-else-if="hostConsolePanel === 'runs'"
+                            :data="hostRunRows"
+                            size="small"
+                            border
+                            max-height="260"
+                            empty-text="当前 Host 暂无 run 记录"
+                            @row-click="row => selectedInspector = { kind: 'run', data: row }"
+                        >
+                            <el-table-column prop="overall_status" label="状态" width="130" />
+                            <el-table-column prop="handoff_stage_label" label="阶段" width="120" />
+                            <el-table-column prop="updated_at" label="更新时间" min-width="180" />
+                            <el-table-column prop="handoff_summary" label="摘要" min-width="240" show-overflow-tooltip />
+                        </el-table>
+
+                        <el-table
+                            v-else-if="hostConsolePanel === 'completed'"
+                            :data="hostCompletedRows"
+                            size="small"
+                            border
+                            max-height="260"
+                            empty-text="当前 Host 暂无 completed 记录"
+                            @row-click="row => selectedInspector = { kind: 'completed', data: row }"
+                        >
+                            <el-table-column prop="publish_result_status" label="发布状态" width="120" />
+                            <el-table-column prop="handoff_stage_label" label="阶段" width="120" />
+                            <el-table-column prop="updated_at" label="更新时间" min-width="180" />
+                            <el-table-column prop="summary" label="摘要" min-width="240" show-overflow-tooltip />
+                        </el-table>
+
+                        <el-table
+                            v-else
+                            :data="hostSupplyRows"
+                            size="small"
+                            border
+                            max-height="260"
+                            empty-text="当前 Host 暂无 supply 记录"
+                            @row-click="row => selectedInspector = { kind: 'supply', data: row }"
+                        >
+                            <el-table-column prop="latest_run_id" label="最近 Run" min-width="140" />
+                            <el-table-column prop="latest_status" label="状态" width="110" />
+                            <el-table-column prop="latest_strategy_profile" label="策略包" width="110" />
+                            <el-table-column prop="latest_message" label="摘要" min-width="260" show-overflow-tooltip />
+                            <el-table-column prop="updated_at" label="更新时间" min-width="180" />
+                        </el-table>
+                    </div>
+                </div>
+                <el-empty v-else description="当前筛选条件下暂无 Host 候选" :image-size="68" />
+            </el-card>
+
+            <el-card shadow="never" class="ops-inspector-card">
+                <template #header>
+                    <div class="latest-card__header">
+                        <span>操作检查器</span>
+                        <div class="ops-inspector__header-tags">
+                            <el-tag size="small" effect="plain">{{ inspectorView().kindLabel }}</el-tag>
+                            <el-tag size="small" :type="inspectorView().stateTagType">{{ inspectorView().stateLabel }}</el-tag>
+                        </div>
+                    </div>
+                </template>
+
+                <div v-if="inspectorView().empty" class="ops-inspector__empty">
+                    <el-empty description="当前面板还没有可检查的记录" :image-size="68" />
+                </div>
+                <div v-else class="ops-inspector">
+                    <div class="ops-inspector__top">
+                        <div>
+                            <div class="ops-inspector__title">{{ inspectorView().title }}</div>
+                            <div class="ops-inspector__subtitle">{{ inspectorView().subtitle }}</div>
+                        </div>
+                        <div class="ops-inspector__top-tags">
+                            <el-tag v-if="inspectorView().stageLabel" size="small" effect="plain">{{ inspectorView().stageLabel }}</el-tag>
+                            <el-tag v-if="inspectorView().updatedAt" size="small" type="info" effect="plain">{{ inspectorView().updatedAt }}</el-tag>
+                        </div>
+                    </div>
+
+                    <div class="ops-inspector__summary">{{ inspectorView().summary }}</div>
+
+                    <div class="ops-inspector__meta-grid">
+                        <div class="ops-inspector__meta-item">
+                            <span class="ops-inspector__meta-label">下一步</span>
+                            <span class="ops-inspector__meta-value">{{ inspectorView().nextStep || "-" }}</span>
+                        </div>
+                        <div class="ops-inspector__meta-item">
+                            <span class="ops-inspector__meta-label">来源面板</span>
+                            <span class="ops-inspector__meta-value">{{ inspectorView().kindLabel }}</span>
+                        </div>
+                        <div class="ops-inspector__meta-item">
+                            <span class="ops-inspector__meta-label">命令</span>
+                            <code class="ops-inspector__meta-code">{{ inspectorView().nextCommand || "当前记录没有下一步命令" }}</code>
+                        </div>
+                    </div>
+
+                    <div v-if="inspectorBundleData()" class="ops-lifecycle-grid">
+                        <div
+                            v-for="item in [
+                                { key: 'register', label: '入库', value: inspectorBundleData()?.register_status || '-', state: inspectorBundleData()?.register_status ? 'neutral' : 'warning' },
+                                { key: 'apply', label: '应用', value: inspectorBundleData()?.apply_status || '-', state: inspectorBundleData()?.apply_status === 'applied' ? 'success' : inspectorBundleData()?.apply_status ? 'warning' : 'neutral' },
+                                { key: 'prepare', label: 'Prepare', value: inspectorBundleData()?.prepare_result_status || '-', state: inspectorBundleData()?.prepare_result_status === 'prepared' ? 'success' : inspectorBundleData()?.prepare_result_status ? 'warning' : 'neutral' },
+                                { key: 'import', label: '导入 AI', value: inspectorBundleData()?.import_result_status || '-', state: inspectorBundleData()?.import_result_status === 'imported' ? 'success' : inspectorBundleData()?.import_result_status ? 'warning' : 'neutral' },
+                                { key: 'dry_run', label: 'Dry-run', value: inspectorBundleData()?.release_dry_run_status || '-', state: inspectorBundleData()?.release_dry_run_status === 'dry_run_passed' ? 'success' : inspectorBundleData()?.release_dry_run_status ? 'warning' : 'neutral' },
+                                { key: 'publish', label: '发布', value: inspectorBundleData()?.publish_result_status || '-', state: inspectorBundleData()?.publish_result_status === 'published' ? 'success' : inspectorBundleData()?.publish_result_status ? 'warning' : 'neutral' }
+                            ]"
+                            :key="item.key"
+                            class="ops-lifecycle-card"
+                            :class="`ops-lifecycle-card--${item.state}`"
+                        >
+                            <span class="ops-lifecycle-card__label">{{ item.label }}</span>
+                            <span class="ops-lifecycle-card__value">{{ item.value }}</span>
+                        </div>
+                    </div>
+
+                    <div
+                        v-if="(
+                            inspectorBundleData()?.next_commands
+                                ? Object.entries(inspectorBundleData()?.next_commands || {}).length
+                                : inspectorSource()?.data?.next_command
+                                  ? 1
+                                : inspectorView().nextCommand
+                                    ? 1
+                                    : Object.keys(summary.bootstrap_oncall_portal?.recommended_commands || {}).slice(0, 6).length
+                        )"
+                        class="ops-command-pack"
+                    >
+                        <div class="ops-command-pack__header">
+                            <span>命令包</span>
+                            <el-tag size="small" effect="plain">
+                                {{
+                                    inspectorBundleData()?.next_commands
+                                        ? Object.entries(inspectorBundleData()?.next_commands || {}).length
+                                        : inspectorSource()?.data?.next_command
+                                          ? 1
+                                        : inspectorView().nextCommand
+                                            ? 1
+                                            : Object.keys(summary.bootstrap_oncall_portal?.recommended_commands || {}).slice(0, 6).length
+                                }}
+                            </el-tag>
+                        </div>
+                        <div class="ops-command-pack__grid">
+                            <button
+                                v-for="command in (
+                                    inspectorBundleData()?.next_commands
+                                        ? Object.entries(inspectorBundleData()?.next_commands || {}).map(([key, command]) => ({ key, label: commandLabelMap[key] || key, command }))
+                                        : inspectorSource()?.data?.next_command
+                                          ? [{
+                                                key: 'next',
+                                                label: inspectorSource()?.data?.next_step || '下一步命令',
+                                                command: inspectorSource()?.data?.next_command || ''
+                                            }]
+                                        : inspectorView().nextCommand
+                                            ? [{
+                                                  key: 'fallback',
+                                                  label: '下一步命令',
+                                                command: inspectorView().nextCommand
+                                              }]
+                                            : Object.entries(summary.bootstrap_oncall_portal?.recommended_commands || {})
+                                                  .slice(0, 6)
+                                                  .map(([key, command]) => ({ key, label: commandLabelMap[key] || key, command }))
+                                )"
+                                :key="command.key"
+                                type="button"
+                                class="ops-command-pack__item"
+                                @click="async () => {
+                                    try {
+                                        await clipboard.writeText(command.command);
+                                        ElMessage.success('命令已复制');
+                                    } catch (_error) {
+                                        ElMessage.error('复制失败，请手动复制');
+                                    }
+                                }"
+                            >
+                                <div class="ops-command-pack__title">{{ command.label }}</div>
+                                <code class="ops-command-pack__code">{{ command.command }}</code>
+                            </button>
+                        </div>
+                    </div>
+
+                    <div
+                        v-if="inspectorHost() && (
+                            [
+                                ...allBundles().filter(bundle => bundle.host === inspectorHost()).map(bundle => ({
+                                    key: `bundle-${bundle.detail_slug || bundle.host}`,
+                                    label: `Bundle / ${bundle.handoff_stage_label || '-'}`,
+                                    state: bundle.handoff_stage_code || '-',
+                                    summary: bundle.handoff_summary || '暂无 bundle 摘要',
+                                    at: bundle.updated_at || bundle.generated_at || '',
+                                    href: bundle.detail_slug ? `/_seo_copy_release/bootstrap/details/${bundle.detail_slug}.html` : ''
+                                })),
+                                ...allRuns().filter(run => run.host === inspectorHost()).slice(0, 8).map(run => ({
+                                    key: `run-${run.detail_slug || run.run_name}`,
+                                    label: `Run / ${run.overall_status || '-'}`,
+                                    state: run.handoff_stage_label || '-',
+                                    summary: run.handoff_summary || run.summary || '暂无 run 摘要',
+                                    at: run.updated_at || run.executed_at || '',
+                                    href: run.detail_slug ? `/_seo_copy_release/bootstrap/runs/details/${run.detail_slug}.html` : ''
+                                })),
+                                ...topOncallEntries().filter(entry => entry.host === inspectorHost()).map(entry => ({
+                                    key: `oncall-${entry.run_detail_slug || entry.detail_slug || entry.host}`,
+                                    label: `Oncall / ${entry.todo_title || '-'}`,
+                                    state: entry.priority_label || '-',
+                                    summary: entry.summary || '暂无 oncall 摘要',
+                                    at: entry.updated_at || '',
+                                    href: entry.run_detail_slug
+                                        ? `/_seo_copy_release/bootstrap/runs/details/${entry.run_detail_slug}.html`
+                                        : entry.detail_slug
+                                          ? `/_seo_copy_release/bootstrap/details/${entry.detail_slug}.html`
+                                          : ''
+                                })),
+                                ...completedEntries().filter(entry => entry.host === inspectorHost()).map(entry => ({
+                                    key: `completed-${entry.detail_slug || entry.host}`,
+                                    label: `Completed / ${entry.publish_result_status || '-'}`,
+                                    state: entry.handoff_stage_label || '-',
+                                    summary: entry.summary || '暂无完成摘要',
+                                    at: entry.updated_at || '',
+                                    href: entry.detail_slug ? `/_seo_copy_release/bootstrap/details/${entry.detail_slug}.html` : ''
+                                })),
+                                ...allSupplyHosts().filter(item => item.host === inspectorHost()).map(item => ({
+                                    key: `supply-${item.latest_run_id || item.host}`,
+                                    label: `Supply / ${item.latest_status || '-'}`,
+                                    state: item.latest_strategy_profile || '-',
+                                    summary: item.latest_message || '暂无 supply 摘要',
+                                    at: item.updated_at || '',
+                                    href: item.latest_summary_html_path ? `/${String(item.latest_summary_html_path).replace(/^\/+/, '')}` : ''
+                                }))
+                            ].filter(item => item.at).sort((a, b) => (a.at < b.at ? 1 : -1)).slice(0, 8).length
+                        )"
+                        class="ops-host-activity"
+                    >
+                        <div class="ops-host-activity__header">
+                            <span>同 Host 活动时间线</span>
+                            <el-tag size="small" effect="plain">{{ inspectorHost() }}</el-tag>
+                        </div>
+                        <div class="ops-host-activity__list">
+                            <button
+                                v-for="item in [
+                                    ...allBundles().filter(bundle => bundle.host === inspectorHost()).map(bundle => ({
+                                        key: `bundle-${bundle.detail_slug || bundle.host}`,
+                                        label: `Bundle / ${bundle.handoff_stage_label || '-'}`,
+                                        state: bundle.handoff_stage_code || '-',
+                                        summary: bundle.handoff_summary || '暂无 bundle 摘要',
+                                        at: bundle.updated_at || bundle.generated_at || '',
+                                        href: bundle.detail_slug ? `/_seo_copy_release/bootstrap/details/${bundle.detail_slug}.html` : ''
+                                    })),
+                                    ...allRuns().filter(run => run.host === inspectorHost()).slice(0, 8).map(run => ({
+                                        key: `run-${run.detail_slug || run.run_name}`,
+                                        label: `Run / ${run.overall_status || '-'}`,
+                                        state: run.handoff_stage_label || '-',
+                                        summary: run.handoff_summary || run.summary || '暂无 run 摘要',
+                                        at: run.updated_at || run.executed_at || '',
+                                        href: run.detail_slug ? `/_seo_copy_release/bootstrap/runs/details/${run.detail_slug}.html` : ''
+                                    })),
+                                    ...topOncallEntries().filter(entry => entry.host === inspectorHost()).map(entry => ({
+                                        key: `oncall-${entry.run_detail_slug || entry.detail_slug || entry.host}`,
+                                        label: `Oncall / ${entry.todo_title || '-'}`,
+                                        state: entry.priority_label || '-',
+                                        summary: entry.summary || '暂无 oncall 摘要',
+                                        at: entry.updated_at || '',
+                                        href: entry.run_detail_slug
+                                            ? `/_seo_copy_release/bootstrap/runs/details/${entry.run_detail_slug}.html`
+                                            : entry.detail_slug
+                                              ? `/_seo_copy_release/bootstrap/details/${entry.detail_slug}.html`
+                                              : ''
+                                    })),
+                                    ...completedEntries().filter(entry => entry.host === inspectorHost()).map(entry => ({
+                                        key: `completed-${entry.detail_slug || entry.host}`,
+                                        label: `Completed / ${entry.publish_result_status || '-'}`,
+                                        state: entry.handoff_stage_label || '-',
+                                        summary: entry.summary || '暂无完成摘要',
+                                        at: entry.updated_at || '',
+                                        href: entry.detail_slug ? `/_seo_copy_release/bootstrap/details/${entry.detail_slug}.html` : ''
+                                    })),
+                                    ...allSupplyHosts().filter(item => item.host === inspectorHost()).map(item => ({
+                                        key: `supply-${item.latest_run_id || item.host}`,
+                                        label: `Supply / ${item.latest_status || '-'}`,
+                                        state: item.latest_strategy_profile || '-',
+                                        summary: item.latest_message || '暂无 supply 摘要',
+                                        at: item.updated_at || '',
+                                        href: item.latest_summary_html_path ? `/${String(item.latest_summary_html_path).replace(/^\/+/, '')}` : ''
+                                    }))
+                                ].filter(item => item.at).sort((a, b) => (a.at < b.at ? 1 : -1)).slice(0, 8)"
+                                :key="item.key"
+                                type="button"
+                                class="ops-host-activity__item"
+                                @click="item.href ? openPortal(item.href) : undefined"
+                            >
+                                <div class="ops-host-activity__top">
+                                    <span>{{ item.label }}</span>
+                                    <el-tag size="small" effect="plain">{{ item.at }}</el-tag>
+                                </div>
+                                <div class="ops-host-activity__state">{{ item.state }}</div>
+                                <div class="ops-host-activity__summary">{{ item.summary }}</div>
+                            </button>
+                        </div>
+                    </div>
+
+                    <div class="ops-inspector__actions">
+                        <el-button
+                            v-if="inspectorView().nextCommand"
+                            type="primary"
+                            @click="async () => {
+                                try {
+                                    await clipboard.writeText(inspectorView().nextCommand);
+                                    ElMessage.success('命令已复制');
+                                } catch (_error) {
+                                    ElMessage.error('复制失败，请手动复制');
+                                }
+                            }"
+                        >
+                            复制下一步命令
+                        </el-button>
+                        <el-button v-if="inspectorView().supplySummaryHref" plain type="success" @click="openPortal(inspectorView().supplySummaryHref)">打开供给摘要</el-button>
+                        <el-button v-if="inspectorView().bundleDetailHref" plain @click="openPortal(inspectorView().bundleDetailHref)">打开启动包详情</el-button>
+                        <el-button v-if="inspectorView().runDetailHref" plain type="warning" @click="openPortal(inspectorView().runDetailHref)">打开运行详情</el-button>
+                        <el-button v-if="inspectorView().panelHref" plain type="info" @click="openPortal(inspectorView().panelHref)">打开当前面板原页</el-button>
+                    </div>
+                </div>
+            </el-card>
+        </el-card>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { computed, nextTick, onMounted, ref, watch } from "vue";
+import { ElMessage } from "element-plus";
+import { SiteList } from "@/api/interface/site/list";
+import { getBootstrapOpsSummary } from "@/api/modules/site/list";
+
+type MetricCardState = "neutral" | "warning" | "success" | "danger";
+type OpsPanelKey = "queue" | "oncall" | "tasks" | "runs" | "attention" | "completed";
+type OpsInspectorKind = "bundle" | "oncall" | "task" | "run" | "attention_bundle" | "failed_run" | "completed" | "supply";
+type HostConsolePanelKey = "bundle" | "oncall" | "runs" | "completed" | "supply";
+type BootstrapStageKey =
+    | "all"
+    | "ready_to_register"
+    | "ready_to_apply"
+    | "ready_for_prepare"
+    | "ready_to_import"
+    | "ready_to_release_dry_run"
+    | "ready_to_publish"
+    | "attention"
+    | "published";
+type OpsWorkbenchFocusPayload = {
+    panel?: OpsPanelKey;
+    stage?: BootstrapStageKey;
+    host?: string;
+    keyword?: string;
+    clearHostFocus?: boolean;
+    hostConsolePanel?: HostConsolePanelKey;
+    inspectorKind?: OpsInspectorKind | "default";
+};
+export type BootstrapOpsOverviewFocusState = {
+    panel: OpsPanelKey;
+    panelLabel: string;
+    stage: BootstrapStageKey;
+    stageLabel: string;
+    host: string;
+    keyword: string;
+    hostConsolePanel: HostConsolePanelKey;
+    inspectorKind: OpsInspectorKind | "default";
+    inspectorTitle: string;
+    inspectorSummary: string;
+    currentCount: number;
+};
+
+const emit = defineEmits<{
+    (e: "focus-change", payload: BootstrapOpsOverviewFocusState): void;
+}>();
+
+const loading = ref(false);
+const activePanel = ref<OpsPanelKey>("queue");
+const activeStage = ref<BootstrapStageKey>("all");
+const hostKeyword = ref("");
+const hostFocus = ref("");
+const hostConsolePanel = ref<HostConsolePanelKey>("bundle");
+const selectedInspector = ref<{ kind: OpsInspectorKind; data: any } | null>(null);
+const summary = ref<SiteList.BootstrapOpsSummary>({
+    generated_at: "",
+    portal_root: "",
+    bootstrap_portal: {},
+    bootstrap_oncall_portal: {},
+    bootstrap_completed_portal: {},
+    tasks_portal: {},
+    bootstrap_runs_portal: {},
+    domain_supply: {}
+});
+
+const allBundles = () => (Array.isArray(summary.value.bootstrap_portal?.bundles) ? summary.value.bootstrap_portal?.bundles : []);
+const allRuns = () => (Array.isArray(summary.value.bootstrap_runs_portal?.runs) ? summary.value.bootstrap_runs_portal?.runs : []);
+const topOncallEntries = () => (Array.isArray(summary.value.bootstrap_oncall_portal?.top_entries) ? summary.value.bootstrap_oncall_portal?.top_entries : []);
+const completedEntries = () => {
+    const entries = Array.isArray(summary.value.bootstrap_completed_portal?.top_entries)
+        ? summary.value.bootstrap_completed_portal?.top_entries
+        : Array.isArray(summary.value.bootstrap_completed_portal?.entries)
+            ? summary.value.bootstrap_completed_portal?.entries
+            : [];
+    return entries.slice(0, 8);
+};
+const allSupplyHosts = () => (Array.isArray(summary.value.domain_supply?.host_totals) ? summary.value.domain_supply?.host_totals : []);
+const ownerFocusEntries = () =>
+    (Array.isArray(summary.value.bootstrap_oncall_portal?.owner_focus) ? summary.value.bootstrap_oncall_portal?.owner_focus : []).filter(entry => {
+        const stageMatches =
+            activeStage.value === "all"
+                ? true
+                : activeStage.value === "published"
+                  ? entry.handoff_stage_code === "published"
+                  : activeStage.value === "attention"
+                    ? entry.handoff_stage_code === "attention"
+                    : entry.handoff_stage_code === activeStage.value;
+        const normalizedKeyword = keyword();
+        return stageMatches && (!normalizedKeyword || [entry.host, entry.owner_label, entry.todo_title, entry.summary].some(value => (value || "").toLowerCase().includes(normalizedKeyword)));
+    })
+;
+const keyword = () => hostKeyword.value.trim().toLowerCase();
+const commandLabelMap: Record<string, string> = {
+    next_dry_run: "下一条 dry-run",
+    next_run: "下一条正式执行",
+    dispatch_dry_run: "批量 dry-run",
+    dispatch_run: "批量正式执行",
+    pipeline_dry_run: "Pipeline dry-run",
+    pipeline_run: "Pipeline 正式执行",
+    pipeline_import: "Pipeline 导入 AI",
+    pipeline_import_root: "Pipeline 导入 AI 根目录",
+    run_dry_run: "高层 run dry-run",
+    run: "高层 run 正式执行",
+    register_dry_run: "入库 dry-run",
+    register: "正式入库",
+    apply_dry_run: "应用 dry-run",
+    apply: "正式应用",
+    prepare: "执行 Prepare",
+    import: "导入 AI 结果",
+    import_low_level: "低层导入 AI",
+    dry_run: "release dry-run",
+    publish: "正式发布",
+    publish_low_level: "低层正式发布",
+    oncall_dry_run: "Oncall dry-run",
+    oncall: "Oncall 正式执行"
+};
+
+const stageBuckets = (): Array<{
+    key: BootstrapStageKey;
+    label: string;
+    count: number;
+    meta: string;
+    state: MetricCardState;
+}> =>
+    [
+    {
+        key: "all",
+        label: "全部启动包",
+        count: allBundles().length,
+        meta: `oncall ${summary.value.bootstrap_oncall_portal?.open_count || 0} / completed ${summary.value.bootstrap_completed_portal?.completed_count || 0}`,
+        state: "neutral"
+    },
+    {
+        key: "ready_to_register",
+        label: "待入库",
+        count: summary.value.bootstrap_portal?.handoff_ready_to_register_count || 0,
+        meta: "domain 记录待创建",
+        state: (summary.value.bootstrap_portal?.handoff_ready_to_register_count || 0) > 0 ? "warning" : "success"
+    },
+    {
+        key: "ready_to_apply",
+        label: "待应用",
+        count: summary.value.bootstrap_portal?.handoff_ready_to_apply_count || 0,
+        meta: "站点策略待 apply",
+        state: (summary.value.bootstrap_portal?.handoff_ready_to_apply_count || 0) > 0 ? "warning" : "success"
+    },
+    {
+        key: "ready_for_prepare",
+        label: "待 Prepare",
+        count: summary.value.bootstrap_portal?.handoff_ready_for_prepare_count || 0,
+        meta: "准备 facts / prompt",
+        state: (summary.value.bootstrap_portal?.handoff_ready_for_prepare_count || 0) > 0 ? "warning" : "success"
+    },
+    {
+        key: "ready_to_import",
+        label: "待导入 AI",
+        count: summary.value.bootstrap_portal?.handoff_ready_to_import_count || 0,
+        meta: `Import ${summary.value.bootstrap_portal?.pipeline_import_policy?.mode || "off"}`,
+        state: (summary.value.bootstrap_portal?.handoff_ready_to_import_count || 0) > 0 ? "warning" : "success"
+    },
+    {
+        key: "ready_to_release_dry_run",
+        label: "待 Dry-run",
+        count: summary.value.bootstrap_portal?.handoff_ready_to_release_dry_run_count || 0,
+        meta: "准备 release 门禁",
+        state: (summary.value.bootstrap_portal?.handoff_ready_to_release_dry_run_count || 0) > 0 ? "warning" : "success"
+    },
+    {
+        key: "ready_to_publish",
+        label: "待发布",
+        count: summary.value.bootstrap_portal?.handoff_ready_to_publish_count || 0,
+        meta: "dry-run 已过",
+        state: (summary.value.bootstrap_portal?.handoff_ready_to_publish_count || 0) > 0 ? "warning" : "success"
+    },
+    {
+        key: "attention",
+        label: "需关注",
+        count: summary.value.bootstrap_portal?.handoff_attention_count || 0,
+        meta: "存在异常或卡点",
+        state: (summary.value.bootstrap_portal?.handoff_attention_count || 0) > 0 ? "danger" : "success"
+    },
+    {
+        key: "published",
+        label: "已发布",
+        count: summary.value.bootstrap_completed_portal?.published_count || 0,
+        meta: "正式完成",
+        state: (summary.value.bootstrap_completed_portal?.published_count || 0) > 0 ? "success" : "neutral"
+    }
+    ];
+
+const panelTabs = (): Array<{
+    key: OpsPanelKey;
+    label: string;
+    count: number;
+}> => [
+    { key: "queue", label: "阶段队列", count: filteredBundles().length },
+    { key: "oncall", label: "值班待办", count: filteredOncallEntries().length },
+    { key: "tasks", label: "最近任务", count: filteredTasks().length },
+    { key: "runs", label: "运行记录", count: filteredRuns().length },
+    { key: "attention", label: "异常聚焦", count: attentionBundles().length + failedRuns().length },
+    { key: "completed", label: "已完成", count: filteredCompletedEntries().length }
+];
+
+const baseFilteredBundles = () =>
+    allBundles().filter(bundle => {
+        const stageMatches =
+            activeStage.value === "all"
+                ? true
+                : activeStage.value === "published"
+                  ? bundle.handoff_stage_code === "published"
+                  : activeStage.value === "attention"
+                    ? bundle.handoff_stage_code === "attention"
+                    : bundle.handoff_stage_code === activeStage.value;
+        const normalizedKeyword = keyword();
+        return stageMatches && (!normalizedKeyword || [bundle.host, bundle.handoff_stage_label, bundle.handoff_summary, bundle.handoff_next_step].some(value => (value || "").toLowerCase().includes(normalizedKeyword)));
+    });
+
+const baseFilteredOncallEntries = () =>
+    topOncallEntries().filter(entry => {
+        const stageMatches =
+            activeStage.value === "all"
+                ? true
+                : activeStage.value === "published"
+                  ? entry.handoff_stage_code === "published"
+                  : activeStage.value === "attention"
+                    ? entry.handoff_stage_code === "attention"
+                    : entry.handoff_stage_code === activeStage.value;
+        const normalizedKeyword = keyword();
+        return stageMatches && (!normalizedKeyword || [entry.host, entry.todo_title, entry.owner_label, entry.handoff_stage_label, entry.summary].some(value => (value || "").toLowerCase().includes(normalizedKeyword)));
+    });
+
+const filteredTasks = () =>
+    (Array.isArray(summary.value.tasks_portal?.latest_tasks) ? summary.value.tasks_portal?.latest_tasks : []).filter(task => {
+        const normalizedKeyword = keyword();
+        return !normalizedKeyword || [task.task_slug, task.summary, task.status, task.health_status].some(value => (value || "").toLowerCase().includes(normalizedKeyword));
+    });
+
+const baseFilteredRuns = () =>
+    allRuns().slice(0, 8).filter(run => {
+        const stageMatches =
+            activeStage.value === "all"
+                ? true
+                : activeStage.value === "published"
+                  ? run.handoff_stage_code === "published"
+                  : activeStage.value === "attention"
+                    ? run.handoff_stage_code === "attention"
+                    : run.handoff_stage_code === activeStage.value;
+        const normalizedKeyword = keyword();
+        return stageMatches && (!normalizedKeyword || [run.host, run.handoff_stage_label, run.handoff_summary, run.overall_status].some(value => (value || "").toLowerCase().includes(normalizedKeyword)));
+    });
+
+const baseFilteredCompletedEntries = () =>
+    completedEntries().filter(entry => {
+        const stageMatches =
+            activeStage.value === "all"
+                ? true
+                : activeStage.value === "published"
+                  ? entry.handoff_stage_code === "published"
+                  : activeStage.value === "attention"
+                    ? entry.handoff_stage_code === "attention"
+                    : entry.handoff_stage_code === activeStage.value;
+        const normalizedKeyword = keyword();
+        return stageMatches && (!normalizedKeyword || [entry.host, entry.handoff_stage_label, entry.publish_result_status, entry.summary].some(value => (value || "").toLowerCase().includes(normalizedKeyword)));
+    });
+
+const baseAttentionBundles = () =>
+    allBundles().filter(bundle => {
+        const normalizedKeyword = keyword();
+        return bundle.handoff_stage_code === "attention" && (!normalizedKeyword || [bundle.host, bundle.handoff_summary, bundle.handoff_next_step].some(value => (value || "").toLowerCase().includes(normalizedKeyword)));
+    });
+
+const baseFailedRuns = () =>
+    allRuns().filter(run => {
+        const normalizedKeyword = keyword();
+        return run.overall_status === "failed" && (!normalizedKeyword || [run.host, run.handoff_summary, run.handoff_stage_label].some(value => (value || "").toLowerCase().includes(normalizedKeyword)));
+    });
+
+const filteredBundles = () =>
+    baseFilteredBundles().filter(bundle => !hostFocus.value || (bundle.host || "").toLowerCase() === hostFocus.value.toLowerCase());
+const filteredOncallEntries = () =>
+    baseFilteredOncallEntries().filter(entry => !hostFocus.value || (entry.host || "").toLowerCase() === hostFocus.value.toLowerCase());
+const filteredRuns = () =>
+    baseFilteredRuns().filter(run => !hostFocus.value || (run.host || "").toLowerCase() === hostFocus.value.toLowerCase());
+const filteredCompletedEntries = () =>
+    baseFilteredCompletedEntries().filter(entry => !hostFocus.value || (entry.host || "").toLowerCase() === hostFocus.value.toLowerCase());
+const attentionBundles = () =>
+    baseAttentionBundles().filter(bundle => !hostFocus.value || (bundle.host || "").toLowerCase() === hostFocus.value.toLowerCase());
+const failedRuns = () =>
+    baseFailedRuns().filter(run => !hostFocus.value || (run.host || "").toLowerCase() === hostFocus.value.toLowerCase());
+
+const defaultInspector = (): { kind: OpsInspectorKind; data: any } | null => {
+    if (activePanel.value === "queue") {
+        if (hostConsolePanel.value === "supply" && hostSupplyRows()[0]) {
+            return { kind: "supply", data: hostSupplyRows()[0] };
+        }
+        return filteredBundles()[0] ? { kind: "bundle", data: filteredBundles()[0] } : hostSupplyRows()[0] ? { kind: "supply", data: hostSupplyRows()[0] } : null;
+    }
+    if (activePanel.value === "oncall") return filteredOncallEntries()[0] ? { kind: "oncall", data: filteredOncallEntries()[0] } : null;
+    if (activePanel.value === "tasks") return filteredTasks()[0] ? { kind: "task", data: filteredTasks()[0] } : null;
+    if (activePanel.value === "runs") return filteredRuns()[0] ? { kind: "run", data: filteredRuns()[0] } : null;
+    if (activePanel.value === "attention") {
+        if (hostConsolePanel.value === "supply" && hostSupplyRows()[0]) {
+            return { kind: "supply", data: hostSupplyRows()[0] };
+        }
+        if (attentionBundles()[0]) return { kind: "attention_bundle", data: attentionBundles()[0] };
+        if (failedRuns()[0]) return { kind: "failed_run", data: failedRuns()[0] };
+        if (hostSupplyRows()[0]) return { kind: "supply", data: hostSupplyRows()[0] };
+        return null;
+    }
+    if (activePanel.value === "completed") {
+        return filteredCompletedEntries()[0] ? { kind: "completed", data: filteredCompletedEntries()[0] } : hostSupplyRows()[0] ? { kind: "supply", data: hostSupplyRows()[0] } : null;
+    }
+    return null;
+};
+
+const inspectorSource = () => selectedInspector.value ?? defaultInspector();
+
+const inspectorView = () => {
+    const source = inspectorSource();
+    if (!source) {
+        return {
+            empty: true,
+            kindLabel: "检查器",
+            stateLabel: "未选中",
+            stateTagType: "info" as const,
+            title: "",
+            subtitle: "",
+            summary: "",
+            nextStep: "",
+            nextCommand: "",
+            stageLabel: "",
+            updatedAt: "",
+            supplySummaryHref: "",
+            bundleDetailHref: "",
+            runDetailHref: "",
+            panelHref: ""
+        };
+    }
+
+    const data = source.data || {};
+    const bundleSlug = data.detail_slug || data.bundle_detail_slug || "";
+    const runSlug = data.run_detail_slug || data.detail_slug || "";
+    const stageLabel = data.handoff_stage_label || data.status || data.overall_status || data.publish_result_status || data.latest_status || "-";
+    const nextStep = data.handoff_next_step || data.next_step || "";
+    const nextCommand = source.kind === "supply" ? "" : (data.handoff_next_command || data.next_command || "");
+    const summaryText = data.handoff_summary || data.summary || data.latest_message || "暂无摘要";
+    const updatedAt = data.updated_at || data.executed_at || "";
+    const host = data.host || data.task_slug || "-";
+    const title = data.todo_title ? `${host} / ${data.todo_title}` : host;
+    const kindLabelMap: Record<OpsInspectorKind, string> = {
+        bundle: "阶段队列",
+        oncall: "值班待办",
+        task: "最近任务",
+        run: "运行记录",
+        attention_bundle: "异常 Bundle",
+        failed_run: "失败 Run",
+        completed: "已完成",
+        supply: "供给主线"
+    };
+    const stateTagType =
+        source.kind === "failed_run" || source.kind === "attention_bundle"
+            ? "danger"
+            : source.kind === "completed"
+              ? "success"
+              : source.kind === "supply"
+                ? (data.failed_count || 0) > 0 || ["partial", "failed"].includes(String(data.latest_status || "").toLowerCase())
+                    ? "danger"
+                    : "success"
+                : source.kind === "task"
+                  ? ((): "success" | "warning" | "info" | "danger" => {
+                        const status = summary.value.tasks_portal?.latest_task?.status || "";
+                        if (status === "success") return "success";
+                        if (status === "failed" || status === "error") return "danger";
+                        if (status === "running") return "warning";
+                        return "info";
+                    })()
+                  : "warning";
+
+    return {
+        empty: false,
+        kindLabel: kindLabelMap[source.kind],
+        stateLabel: stageLabel,
+        stateTagType,
+        title,
+        subtitle:
+            data.owner_label ||
+            data.health_status ||
+            data.structured_policy ||
+            data.publish_result_status ||
+            (source.kind === "supply" ? `策略包 ${data.latest_strategy_profile || "-"} / 运行 ${data.runs || 0}` : ""),
+        summary: summaryText,
+        nextStep: source.kind === "supply" ? (data.failed_count > 0 ? "优先接手失败供给 Host" : "继续进入 Host 主线接手") : nextStep,
+        nextCommand,
+        stageLabel: data.handoff_stage_label || "",
+        updatedAt,
+        supplySummaryHref: source.kind === "supply" ? (data.latest_summary_html_path ? `/${String(data.latest_summary_html_path).replace(/^\/+/, "")}` : "") : "",
+        bundleDetailHref: bundleSlug ? `/_seo_copy_release/bootstrap/details/${bundleSlug}.html` : "",
+        runDetailHref: source.kind === "task" ? "" : (runSlug ? `/_seo_copy_release/bootstrap/runs/details/${runSlug}.html` : ""),
+        panelHref:
+            source.kind === "task"
+                ? "/_seo_copy_release/tasks/index.html"
+                : source.kind === "completed"
+                  ? "/_seo_copy_release/bootstrap/completed/index.html"
+                  : source.kind === "supply"
+                    ? (data.latest_summary_html_path ? `/${String(data.latest_summary_html_path).replace(/^\/+/, "")}` : "")
+                  : source.kind === "run" || source.kind === "failed_run" || source.kind === "attention_bundle"
+                    ? "/_seo_copy_release/bootstrap/runs/index.html"
+                    : source.kind === "oncall"
+                      ? "/_seo_copy_release/bootstrap/oncall/index.html"
+                      : "/_seo_copy_release/bootstrap/index.html"
+    };
+};
+
+const inspectorHost = () => {
+    const source = inspectorSource();
+    return typeof source?.data?.host === "string" ? source.data.host : "";
+};
+
+const hostCandidates = () => {
+    const map = new Map<
+        string,
+        {
+            host: string;
+            stageLabel: string;
+            summary: string;
+            updatedAt: string;
+            bundleCount: number;
+            oncallCount: number;
+            runCount: number;
+            failedRunCount: number;
+            supplyCount: number;
+            failedSupplyCount: number;
+            completedCount: number;
+            attentionCount: number;
+            nextStep: string;
+            state: MetricCardState;
+        }
+    >();
+
+    baseFilteredBundles().forEach(bundle => {
+        const normalized = (bundle.host || "").trim();
+        if (!normalized) return;
+        if (!map.has(normalized)) {
+            map.set(normalized, {
+                host: normalized,
+                stageLabel: "",
+                summary: "暂无摘要",
+                updatedAt: "",
+                bundleCount: 0,
+                oncallCount: 0,
+                runCount: 0,
+                failedRunCount: 0,
+                supplyCount: 0,
+                failedSupplyCount: 0,
+                completedCount: 0,
+                attentionCount: 0,
+                nextStep: "",
+                state: "neutral"
+            });
+        }
+        const item = map.get(normalized)!;
+        item.bundleCount += 1;
+        item.stageLabel = item.stageLabel || bundle.handoff_stage_label || "";
+        item.summary = bundle.handoff_summary || item.summary;
+        item.updatedAt = item.updatedAt || bundle.updated_at || bundle.generated_at || "";
+        item.nextStep = item.nextStep || bundle.handoff_next_step || "";
+        if (bundle.handoff_stage_code === "attention") {
+            item.attentionCount += 1;
+        }
+    });
+
+    baseFilteredOncallEntries().forEach(entry => {
+        const normalized = (entry.host || "").trim();
+        if (!normalized) return;
+        if (!map.has(normalized)) {
+            map.set(normalized, {
+                host: normalized,
+                stageLabel: "",
+                summary: "暂无摘要",
+                updatedAt: "",
+                bundleCount: 0,
+                oncallCount: 0,
+                runCount: 0,
+                failedRunCount: 0,
+                supplyCount: 0,
+                failedSupplyCount: 0,
+                completedCount: 0,
+                attentionCount: 0,
+                nextStep: "",
+                state: "neutral"
+            });
+        }
+        const item = map.get(normalized)!;
+        item.oncallCount += 1;
+        item.summary = entry.summary || item.summary;
+        item.updatedAt = item.updatedAt || entry.updated_at || "";
+        item.nextStep = item.nextStep || entry.next_step || entry.todo_title || "";
+    });
+
+    baseFilteredRuns().forEach(run => {
+        const normalized = (run.host || "").trim();
+        if (!normalized) return;
+        if (!map.has(normalized)) {
+            map.set(normalized, {
+                host: normalized,
+                stageLabel: "",
+                summary: "暂无摘要",
+                updatedAt: "",
+                bundleCount: 0,
+                oncallCount: 0,
+                runCount: 0,
+                failedRunCount: 0,
+                supplyCount: 0,
+                failedSupplyCount: 0,
+                completedCount: 0,
+                attentionCount: 0,
+                nextStep: "",
+                state: "neutral"
+            });
+        }
+        const item = map.get(normalized)!;
+        item.runCount += 1;
+        item.summary = run.handoff_summary || run.summary || item.summary;
+        item.updatedAt = item.updatedAt || run.updated_at || run.executed_at || "";
+        item.nextStep = item.nextStep || run.handoff_next_step || "";
+        if (run.overall_status === "failed") {
+            item.failedRunCount += 1;
+        }
+    });
+
+    baseFailedRuns().forEach(run => {
+        const normalized = (run.host || "").trim();
+        if (!normalized) return;
+        if (!map.has(normalized)) {
+            map.set(normalized, {
+                host: normalized,
+                stageLabel: "",
+                summary: "暂无摘要",
+                updatedAt: "",
+                bundleCount: 0,
+                oncallCount: 0,
+                runCount: 0,
+                failedRunCount: 0,
+                supplyCount: 0,
+                failedSupplyCount: 0,
+                completedCount: 0,
+                attentionCount: 0,
+                nextStep: "",
+                state: "neutral"
+            });
+        }
+        const item = map.get(normalized)!;
+        item.failedRunCount += 1;
+    });
+
+    baseAttentionBundles().forEach(bundle => {
+        const normalized = (bundle.host || "").trim();
+        if (!normalized) return;
+        if (!map.has(normalized)) {
+            map.set(normalized, {
+                host: normalized,
+                stageLabel: "",
+                summary: "暂无摘要",
+                updatedAt: "",
+                bundleCount: 0,
+                oncallCount: 0,
+                runCount: 0,
+                failedRunCount: 0,
+                supplyCount: 0,
+                failedSupplyCount: 0,
+                completedCount: 0,
+                attentionCount: 0,
+                nextStep: "",
+                state: "neutral"
+            });
+        }
+        const item = map.get(normalized)!;
+        item.attentionCount += 1;
+    });
+
+    baseFilteredCompletedEntries().forEach(entry => {
+        const normalized = (entry.host || "").trim();
+        if (!normalized) return;
+        if (!map.has(normalized)) {
+            map.set(normalized, {
+                host: normalized,
+                stageLabel: "",
+                summary: "暂无摘要",
+                updatedAt: "",
+                bundleCount: 0,
+                oncallCount: 0,
+                runCount: 0,
+                failedRunCount: 0,
+                supplyCount: 0,
+                failedSupplyCount: 0,
+                completedCount: 0,
+                attentionCount: 0,
+                nextStep: "",
+                state: "neutral"
+            });
+        }
+        const item = map.get(normalized)!;
+        item.completedCount += 1;
+        item.updatedAt = item.updatedAt || entry.updated_at || "";
+    });
+
+    allSupplyHosts()
+        .filter(host => {
+            const normalizedKeyword = keyword();
+            return (!normalizedKeyword || [host.host, host.latest_run_id, host.latest_message, host.latest_strategy_profile].some(value => (value || "").toLowerCase().includes(normalizedKeyword))) && (!hostFocus.value || (host.host || "").toLowerCase() === hostFocus.value.toLowerCase());
+        })
+        .forEach(host => {
+            const normalized = (host.host || "").trim();
+            if (!normalized) return;
+            if (!map.has(normalized)) {
+                map.set(normalized, {
+                    host: normalized,
+                    stageLabel: "",
+                    summary: "暂无摘要",
+                    updatedAt: "",
+                    bundleCount: 0,
+                    oncallCount: 0,
+                    runCount: 0,
+                    failedRunCount: 0,
+                    supplyCount: 0,
+                    failedSupplyCount: 0,
+                    completedCount: 0,
+                    attentionCount: 0,
+                    nextStep: "",
+                    state: "neutral"
+                });
+            }
+            const item = map.get(normalized)!;
+            item.supplyCount += Number(host.runs || 0);
+            item.failedSupplyCount += Number(host.failed_count || 0);
+            item.stageLabel = item.stageLabel || "Supply";
+            item.summary = item.summary === "暂无摘要" ? (host.latest_message || "暂无 supply 摘要") : item.summary;
+            item.updatedAt = item.updatedAt || host.updated_at || "";
+            item.nextStep = item.nextStep || ((host.failed_count || 0) > 0 ? "优先处理供给失败 host" : "继续进入 Host 主线");
+        });
+
+    return Array.from(map.values())
+        .map(item => ({
+            ...item,
+            state: (item.failedRunCount > 0 || item.attentionCount > 0 || item.failedSupplyCount > 0
+                ? "danger"
+                : item.oncallCount > 0 || item.bundleCount > 0 || item.supplyCount > 0
+                  ? "warning"
+                  : item.completedCount > 0
+                    ? "success"
+                    : "neutral") as MetricCardState
+        }))
+        .sort((a, b) => {
+            return (
+                (b.state === "danger" ? 3 : b.state === "warning" ? 2 : b.state === "success" ? 1 : 0) -
+                    (a.state === "danger" ? 3 : a.state === "warning" ? 2 : a.state === "success" ? 1 : 0) ||
+                (a.updatedAt < b.updatedAt ? 1 : -1)
+            );
+        })
+        .slice(0, 12);
+};
+
+const resolvedHostFocus = () => hostFocus.value || inspectorHost() || hostCandidates()[0]?.host || "";
+const hostBundleRows = () => allBundles().filter(bundle => bundle.host === resolvedHostFocus());
+const hostOncallRows = () => topOncallEntries().filter(entry => entry.host === resolvedHostFocus());
+const hostRunRows = () => allRuns().filter(run => run.host === resolvedHostFocus()).slice(0, 12);
+const hostCompletedRows = () => completedEntries().filter(entry => entry.host === resolvedHostFocus());
+const hostSupplyRows = () => (Array.isArray(allSupplyHosts()) ? allSupplyHosts() : []).filter(host => host.host === resolvedHostFocus());
+const hostFailedRunRows = () => allRuns().filter(run => run.host === resolvedHostFocus() && run.overall_status === "failed");
+const hostSupplyRunsTotal = () => hostSupplyRows().reduce((total, item) => total + Number(item.runs || 0), 0);
+
+const hostOrchestrationPlan = () => {
+    const focus = resolvedHostFocus();
+    if (!focus) {
+        return {
+            title: "当前没有 Host 编排建议",
+            description: "请先选中一个 Host，系统才会根据 bundle / oncall / runs / supply / completed 生成接手建议。",
+            panel: "queue" as OpsPanelKey,
+            stage: "all" as BootstrapStageKey,
+            hostConsolePanel: "bundle" as HostConsolePanelKey,
+            inspectorKind: "default" as OpsInspectorKind | "default",
+            stateTagType: "info" as const,
+            command: ""
+        };
+    }
+
+    const failedRun = hostFailedRunRows()[0];
+    if (failedRun) {
+        return {
+            title: `Host 编排建议：先处理失败 Run`,
+            description: `${focus} 当前存在 failed run，优先进入运行主线恢复可用性，再继续看 bundle/oncall。`,
+            panel: "attention" as OpsPanelKey,
+            stage: "attention" as BootstrapStageKey,
+            hostConsolePanel: "runs" as HostConsolePanelKey,
+            inspectorKind: "failed_run" as OpsInspectorKind,
+            stateTagType: "error" as const,
+            command: ""
+        };
+    }
+
+    const attentionBundle = hostBundleRows().find(bundle => bundle.handoff_stage_code === "attention");
+    if (attentionBundle) {
+        return {
+            title: `Host 编排建议：先处理异常 Bundle`,
+            description: `${focus} 当前 bundle 已进入 attention，建议先排主线异常，再继续 oncall 或 supply。`,
+            panel: "attention" as OpsPanelKey,
+            stage: "attention" as BootstrapStageKey,
+            hostConsolePanel: "runs" as HostConsolePanelKey,
+            inspectorKind: "attention_bundle" as OpsInspectorKind,
+            stateTagType: "error" as const,
+            command: attentionBundle.handoff_next_command || ""
+        };
+    }
+
+    const oncall = hostOncallRows()[0];
+    if (oncall) {
+        return {
+            title: `Host 编排建议：进入 Oncall 值班待办`,
+            description: `${focus} 当前已经进入 oncall，建议先处理值班待办，再回头检查 bundle 或供给结果。`,
+            panel: "oncall" as OpsPanelKey,
+            stage: (oncall.handoff_stage_code as BootstrapStageKey) || "all",
+            hostConsolePanel: "oncall" as HostConsolePanelKey,
+            inspectorKind: "oncall" as OpsInspectorKind,
+            stateTagType: "warning" as const,
+            command: oncall.next_command || ""
+        };
+    }
+
+    const activeBundle = hostBundleRows()[0];
+    if (activeBundle) {
+        return {
+            title: `Host 编排建议：继续推进 Bundle 主线`,
+            description: `${focus} 当前主线仍以 bundle 为准，建议先按 bundle 下一步推进，再判断是否需要回看 supply。`,
+            panel: "queue" as OpsPanelKey,
+            stage: (activeBundle.handoff_stage_code as BootstrapStageKey) || "all",
+            hostConsolePanel: "bundle" as HostConsolePanelKey,
+            inspectorKind: "bundle" as OpsInspectorKind,
+            stateTagType: "warning" as const,
+            command: activeBundle.handoff_next_command || ""
+        };
+    }
+
+    const failedSupply = hostSupplyRows().find(item => Number(item.failed_count || 0) > 0);
+    if (failedSupply) {
+        return {
+            title: `Host 编排建议：先接手失败 Supply`,
+            description: `${focus} 当前没有更高优先级 bundle/oncall 主线，但供给记录失败，建议先回看 supply 摘要并处理生成链问题。`,
+            panel: "attention" as OpsPanelKey,
+            stage: "attention" as BootstrapStageKey,
+            hostConsolePanel: "supply" as HostConsolePanelKey,
+            inspectorKind: "supply" as OpsInspectorKind,
+            stateTagType: "error" as const,
+            command: ""
+        };
+    }
+
+    const supply = hostSupplyRows()[0];
+    if (supply) {
+        return {
+            title: `Host 编排建议：先回看 Supply 结果`,
+            description: `${focus} 当前主要上下文来自一体化供给，建议先查看 supply 结果，再决定是否继续进入 bundle/oncall。`,
+            panel: "queue" as OpsPanelKey,
+            stage: "all" as BootstrapStageKey,
+            hostConsolePanel: "supply" as HostConsolePanelKey,
+            inspectorKind: "supply" as OpsInspectorKind,
+            stateTagType: "info" as const,
+            command: ""
+        };
+    }
+
+    const completed = hostCompletedRows()[0];
+    if (completed) {
+        return {
+            title: `Host 编排建议：当前已在 Completed 主线`,
+            description: `${focus} 当前已经完成发布，后续更多是回看和复核，不需要再从 queue/oncall 重新接手。`,
+            panel: "completed" as OpsPanelKey,
+            stage: "published" as BootstrapStageKey,
+            hostConsolePanel: "completed" as HostConsolePanelKey,
+            inspectorKind: "completed" as OpsInspectorKind,
+            stateTagType: "success" as const,
+            command: ""
+        };
+    }
+
+    return {
+        title: `Host 编排建议：当前无明确主线记录`,
+        description: `${focus} 目前没有命中 bundle/oncall/run/supply/completed 记录，可先回到全局视图继续筛选。`,
+        panel: "queue" as OpsPanelKey,
+        stage: "all" as BootstrapStageKey,
+        hostConsolePanel: "bundle" as HostConsolePanelKey,
+        inspectorKind: "default" as OpsInspectorKind | "default",
+        stateTagType: "info" as const,
+        command: ""
+    };
+};
+
+const inspectorBundleData = () => {
+    const source = inspectorSource();
+    if (!source) {
+        return null;
+    }
+    if (source.kind === "bundle" || source.kind === "attention_bundle") {
+        return source.data as SiteList.BootstrapOpsLatestBundle;
+    }
+    if (!inspectorHost()) {
+        return null;
+    }
+    return allBundles().find(bundle => bundle.host === inspectorHost()) || null;
+};
+
+const openWorkbenchFocus = async (payload: OpsWorkbenchFocusPayload = {}) => {
+    const nextPanel = payload.panel ?? activePanel.value;
+    const normalizedHost = (payload.host || "").trim().toLowerCase();
+    const normalizedKeyword = (payload.keyword || "").trim().toLowerCase();
+    selectedInspector.value = null;
+    activePanel.value = nextPanel;
+    if (payload.stage) {
+        activeStage.value = payload.stage;
+    } else if (nextPanel === "attention") {
+        activeStage.value = "attention";
+    } else if (nextPanel === "completed") {
+        activeStage.value = "published";
+    }
+
+    if (payload.clearHostFocus) {
+        hostFocus.value = "";
+    }
+
+    if (typeof payload.host === "string" && payload.host.trim() !== "") {
+        hostFocus.value = payload.host.trim();
+        hostKeyword.value = payload.host.trim();
+    } else if (typeof payload.keyword === "string") {
+        hostKeyword.value = payload.keyword;
+        if (payload.clearHostFocus) {
+            hostFocus.value = "";
+        }
+    }
+
+    if (payload.hostConsolePanel) {
+        hostConsolePanel.value = payload.hostConsolePanel;
+    } else if (nextPanel === "oncall") {
+        hostConsolePanel.value = "oncall";
+    } else if (nextPanel === "runs" || nextPanel === "attention") {
+        hostConsolePanel.value = "runs";
+    } else if (nextPanel === "completed") {
+        hostConsolePanel.value = "completed";
+    } else {
+        hostConsolePanel.value = "bundle";
+    }
+
+    await nextTick();
+    const picked = (() => {
+        const preferredKind = payload.inspectorKind || "default";
+        if (nextPanel === "tasks") {
+            if (!filteredTasks().length) {
+                return null;
+            }
+            if (!normalizedKeyword) {
+                return { kind: "task" as OpsInspectorKind, data: filteredTasks()[0] };
+            }
+            const matched =
+                filteredTasks().find(item => (item.task_slug || "").toLowerCase() === normalizedKeyword) ||
+                filteredTasks().find(item =>
+                    [item.task_slug, item.summary, item.status, item.health_status]
+                        .filter(Boolean)
+                        .some(value => String(value).toLowerCase().includes(normalizedKeyword))
+                );
+            return matched ? { kind: "task" as OpsInspectorKind, data: matched } : null;
+        }
+        if (nextPanel === "queue") {
+            if (preferredKind === "supply") {
+                const supplyRow = normalizedHost
+                    ? hostSupplyRows().find(item => (item.host || "").toLowerCase() === normalizedHost) || hostSupplyRows()[0]
+                    : hostSupplyRows()[0];
+                if (supplyRow) return { kind: "supply" as OpsInspectorKind, data: supplyRow };
+            }
+            const row = normalizedHost
+                ? filteredBundles().find(item => (item.host || "").toLowerCase() === normalizedHost) || filteredBundles()[0]
+                : filteredBundles()[0];
+            if (row) {
+                return {
+                    kind: (preferredKind === "attention_bundle" ? "attention_bundle" : "bundle") as OpsInspectorKind,
+                    data: row
+                };
+            }
+            const supplyRow = normalizedHost
+                ? hostSupplyRows().find(item => (item.host || "").toLowerCase() === normalizedHost) || hostSupplyRows()[0]
+                : hostSupplyRows()[0];
+            return supplyRow ? { kind: "supply" as OpsInspectorKind, data: supplyRow } : null;
+        }
+        if (nextPanel === "oncall") {
+            const row = normalizedHost
+                ? filteredOncallEntries().find(item => (item.host || "").toLowerCase() === normalizedHost) || filteredOncallEntries()[0]
+                : filteredOncallEntries()[0];
+            return row ? { kind: "oncall" as OpsInspectorKind, data: row } : null;
+        }
+        if (nextPanel === "runs") {
+            const row = normalizedHost
+                ? filteredRuns().find(item => (item.host || "").toLowerCase() === normalizedHost) || filteredRuns()[0]
+                : filteredRuns()[0];
+            return row
+                ? {
+                      kind: (preferredKind === "failed_run" ? "failed_run" : "run") as OpsInspectorKind,
+                      data: row
+                  }
+                : null;
+        }
+        if (nextPanel === "attention") {
+            if (preferredKind === "supply") {
+                const supplyRow = normalizedHost
+                    ? hostSupplyRows().find(item => (item.host || "").toLowerCase() === normalizedHost) || hostSupplyRows()[0]
+                    : hostSupplyRows()[0];
+                if (supplyRow) return { kind: "supply" as OpsInspectorKind, data: supplyRow };
+            }
+            if (preferredKind === "failed_run") {
+                const failedRow = normalizedHost
+                    ? failedRuns().find(item => (item.host || "").toLowerCase() === normalizedHost) || failedRuns()[0]
+                    : failedRuns()[0];
+                if (failedRow) return { kind: "failed_run" as OpsInspectorKind, data: failedRow };
+            }
+            const bundleRow = normalizedHost
+                ? attentionBundles().find(item => (item.host || "").toLowerCase() === normalizedHost) || attentionBundles()[0]
+                : attentionBundles()[0];
+            if (bundleRow) return { kind: "attention_bundle" as OpsInspectorKind, data: bundleRow };
+            const supplyRows = hostSupplyRows().filter(item => (item.failed_count || 0) > 0);
+            const supplyRow = normalizedHost
+                ? supplyRows.find(item => (item.host || "").toLowerCase() === normalizedHost) || supplyRows[0]
+                : supplyRows[0];
+            if (supplyRow) return { kind: "supply" as OpsInspectorKind, data: supplyRow };
+            const failedRow = normalizedHost
+                ? failedRuns().find(item => (item.host || "").toLowerCase() === normalizedHost) || failedRuns()[0]
+                : failedRuns()[0];
+            return failedRow ? { kind: "failed_run" as OpsInspectorKind, data: failedRow } : null;
+        }
+        const completedRow = normalizedHost
+            ? filteredCompletedEntries().find(item => (item.host || "").toLowerCase() === normalizedHost) || filteredCompletedEntries()[0]
+            : filteredCompletedEntries()[0];
+        return completedRow ? { kind: "completed" as OpsInspectorKind, data: completedRow } : null;
+    })();
+    selectedInspector.value = picked;
+};
+
+const resetWorkbenchFocus = async () => {
+    selectedInspector.value = null;
+    activePanel.value = "queue";
+    activeStage.value = "all";
+    hostKeyword.value = "";
+    hostFocus.value = "";
+    hostConsolePanel.value = "bundle";
+    await nextTick();
+};
+
+const clipboard = navigator.clipboard;
+
+const loadSummary = async () => {
+    loading.value = true;
+    try {
+        const { data } = await getBootstrapOpsSummary();
+        summary.value = {
+            generated_at: "",
+            portal_root: "",
+            bootstrap_portal: {},
+            bootstrap_oncall_portal: {},
+            bootstrap_completed_portal: {},
+            tasks_portal: {},
+            bootstrap_runs_portal: {},
+            domain_supply: {},
+            ...data
+        };
+    } finally {
+        loading.value = false;
+    }
+};
+
+const openPortal = (href: string) => {
+    window.open(href, "_blank", "noopener");
+};
+
+onMounted(() => {
+    loadSummary();
+});
+
+watch([activePanel, activeStage, hostKeyword, hostFocus], () => {
+    selectedInspector.value = null;
+});
+
+watch(resolvedHostFocus, value => {
+    if (!value) {
+        return;
+    }
+    if (hostOncallRows().length > 0) {
+        hostConsolePanel.value = "oncall";
+        return;
+    }
+    if (hostBundleRows().length > 0) {
+        hostConsolePanel.value = "bundle";
+        return;
+    }
+    if (hostRunRows().length > 0) {
+        hostConsolePanel.value = "runs";
+        return;
+    }
+    if (hostSupplyRows().length > 0) {
+        hostConsolePanel.value = "supply";
+        return;
+    }
+    if (hostCompletedRows().length > 0) {
+        hostConsolePanel.value = "completed";
+    }
+});
+
+watch(
+    () => [activePanel.value, activeStage.value, hostFocus.value, hostKeyword.value, hostConsolePanel.value, inspectorSource(), inspectorView()],
+    () => {
+        const panelLabel = panelTabs().find(tab => tab.key === activePanel.value)?.label || "阶段队列";
+        const stageLabel = stageBuckets().find(bucket => bucket.key === activeStage.value)?.label || "全部启动包";
+        emit("focus-change", {
+            panel: activePanel.value,
+            panelLabel,
+            stage: activeStage.value,
+            stageLabel,
+            host: resolvedHostFocus(),
+            keyword: hostKeyword.value.trim(),
+            hostConsolePanel: hostConsolePanel.value,
+            inspectorKind: inspectorSource()?.kind || "default",
+            inspectorTitle: inspectorView().title || "",
+            inspectorSummary: inspectorView().summary || "",
+            currentCount:
+                activePanel.value === "queue"
+                    ? filteredBundles().length
+                    : activePanel.value === "oncall"
+                      ? filteredOncallEntries().length
+                      : activePanel.value === "tasks"
+                        ? filteredTasks().length
+                        : activePanel.value === "runs"
+                          ? filteredRuns().length
+                          : activePanel.value === "attention"
+                            ? attentionBundles().length + failedRuns().length
+                            : filteredCompletedEntries().length
+        });
+    },
+    { immediate: true }
+);
+
+defineExpose({
+    loadSummary,
+    openWorkbenchFocus,
+    resetWorkbenchFocus
+});
+</script>
+
+<style scoped lang="scss">
+.bootstrap-ops-overview {
+    margin-bottom: 16px;
+}
+
+.overview-actions {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 12px;
+    margin: 12px 0 16px;
+}
+
+.ops-card-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+    gap: 12px;
+    margin-bottom: 16px;
+}
+
+.ops-card {
+    border: 1px solid var(--el-border-color);
+    border-radius: 12px;
+    padding: 14px;
+    text-align: left;
+    background: var(--el-bg-color);
+    cursor: pointer;
+    transition: border-color 0.2s ease, transform 0.2s ease;
+}
+
+.ops-card:hover {
+    transform: translateY(-1px);
+    border-color: var(--el-color-primary);
+}
+
+.ops-card__label {
+    font-size: 13px;
+    color: var(--el-text-color-secondary);
+}
+
+.ops-card__value {
+    margin-top: 8px;
+    font-size: 24px;
+    font-weight: 700;
+    color: var(--el-text-color-primary);
+}
+
+.ops-card__meta {
+    margin-top: 8px;
+    font-size: 12px;
+    line-height: 1.5;
+    color: var(--el-text-color-secondary);
+}
+
+.ops-card--warning {
+    border-color: color-mix(in srgb, var(--el-color-warning) 45%, var(--el-border-color));
+}
+
+.ops-card--danger {
+    border-color: color-mix(in srgb, var(--el-color-danger) 45%, var(--el-border-color));
+}
+
+.ops-card--success {
+    border-color: color-mix(in srgb, var(--el-color-success) 45%, var(--el-border-color));
+}
+
+.latest-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
+    gap: 12px;
+}
+
+.ops-detail-grid {
+    margin-top: 16px;
+}
+
+.ops-detail-card :deep(.el-card__body) {
+    padding-top: 8px;
+}
+
+.ops-workbench-card {
+    margin-top: 16px;
+}
+
+.ops-host-console-card {
+    margin-top: 16px;
+}
+
+.ops-workbench__title {
+    font-size: 15px;
+    font-weight: 700;
+    color: var(--el-text-color-primary);
+}
+
+.ops-workbench__subtitle {
+    margin-top: 4px;
+    font-size: 12px;
+    color: var(--el-text-color-secondary);
+}
+
+.ops-workbench-toolbar {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+    margin-bottom: 14px;
+}
+
+.ops-workbench__search {
+    width: min(420px, 100%);
+}
+
+.ops-workbench-toolbar__meta {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+}
+
+.ops-stage-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
+    gap: 10px;
+    margin-bottom: 14px;
+}
+
+.ops-playbook-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+    gap: 12px;
+    margin-bottom: 14px;
+}
+
+.ops-playbook-card {
+    border: 1px solid var(--el-border-color);
+    border-radius: 12px;
+    padding: 12px;
+    background: var(--el-fill-color-blank);
+    text-align: left;
+    cursor: pointer;
+    transition: border-color 0.2s ease, transform 0.2s ease;
+}
+
+.ops-playbook-card:hover {
+    transform: translateY(-1px);
+    border-color: var(--el-color-primary);
+}
+
+.ops-playbook-card__title {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 8px;
+}
+
+.ops-playbook-card__summary {
+    margin-top: 8px;
+    font-size: 13px;
+    line-height: 1.6;
+    color: var(--el-text-color-regular);
+}
+
+.ops-playbook-card__meta {
+    margin-top: 8px;
+    font-size: 12px;
+    color: var(--el-text-color-secondary);
+}
+
+.ops-playbook-card--warning {
+    border-color: color-mix(in srgb, var(--el-color-warning) 45%, var(--el-border-color));
+}
+
+.ops-playbook-card--danger {
+    border-color: color-mix(in srgb, var(--el-color-danger) 45%, var(--el-border-color));
+}
+
+.ops-playbook-card--success {
+    border-color: color-mix(in srgb, var(--el-color-success) 45%, var(--el-border-color));
+}
+
+.ops-host-console__header-actions {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+}
+
+.ops-host-console {
+    display: flex;
+    flex-direction: column;
+    gap: 14px;
+}
+
+.ops-host-console__focus-bar {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+    padding: 12px 14px;
+    border: 1px solid var(--el-border-color-light);
+    border-radius: 12px;
+    background: var(--el-fill-color-lighter);
+}
+
+.ops-host-console__focus-copy {
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+}
+
+.ops-host-console__focus-title {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 8px;
+    font-size: 14px;
+    font-weight: 700;
+    color: var(--el-text-color-primary);
+}
+
+.ops-host-console__focus-summary {
+    font-size: 12px;
+    line-height: 1.6;
+    color: var(--el-text-color-secondary);
+}
+
+.ops-host-console__focus-actions {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+}
+
+.ops-host-candidate-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
+    gap: 12px;
+}
+
+.ops-host-candidate {
+    border: 1px solid var(--el-border-color);
+    border-radius: 12px;
+    padding: 12px;
+    background: var(--el-fill-color-blank);
+    text-align: left;
+    cursor: pointer;
+    transition: border-color 0.2s ease, transform 0.2s ease;
+}
+
+.ops-host-candidate:hover,
+.ops-host-candidate.is-active {
+    transform: translateY(-1px);
+    border-color: var(--el-color-primary);
+}
+
+.ops-host-candidate__title {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 8px;
+}
+
+.ops-host-candidate__summary {
+    margin-top: 8px;
+    font-size: 13px;
+    line-height: 1.6;
+    color: var(--el-text-color-regular);
+}
+
+.ops-host-candidate__meta {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 10px;
+    margin-top: 10px;
+    font-size: 12px;
+    color: var(--el-text-color-secondary);
+}
+
+.ops-host-candidate--danger {
+    border-color: color-mix(in srgb, var(--el-color-danger) 45%, var(--el-border-color));
+}
+
+.ops-host-candidate--warning {
+    border-color: color-mix(in srgb, var(--el-color-warning) 45%, var(--el-border-color));
+}
+
+.ops-host-candidate--success {
+    border-color: color-mix(in srgb, var(--el-color-success) 45%, var(--el-border-color));
+}
+
+.ops-host-stage-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
+    gap: 12px;
+}
+
+.ops-host-stage-card {
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+    padding: 12px;
+    border: 1px solid var(--el-border-color);
+    border-radius: 12px;
+    background: var(--el-bg-color);
+}
+
+.ops-host-stage-card__label {
+    font-size: 12px;
+    color: var(--el-text-color-secondary);
+}
+
+.ops-host-stage-card__value {
+    font-size: 20px;
+    font-weight: 700;
+    color: var(--el-text-color-primary);
+}
+
+.ops-host-stage-card__meta {
+    font-size: 12px;
+    line-height: 1.6;
+    color: var(--el-text-color-secondary);
+}
+
+.ops-host-stage-card--danger {
+    border-color: color-mix(in srgb, var(--el-color-danger) 45%, var(--el-border-color));
+}
+
+.ops-host-stage-card--warning {
+    border-color: color-mix(in srgb, var(--el-color-warning) 45%, var(--el-border-color));
+}
+
+.ops-host-stage-card--success {
+    border-color: color-mix(in srgb, var(--el-color-success) 45%, var(--el-border-color));
+}
+
+.ops-host-console__subtabs {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 10px;
+}
+
+.ops-host-console__subtab {
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
+    padding: 10px 12px;
+    border: 1px solid var(--el-border-color);
+    border-radius: 999px;
+    background: var(--el-fill-color-blank);
+    cursor: pointer;
+}
+
+.ops-host-console__subtab.is-active {
+    border-color: var(--el-color-primary);
+    color: var(--el-color-primary);
+}
+
+.ops-host-console__panel {
+    border: 1px solid var(--el-border-color-light);
+    border-radius: 12px;
+    overflow: hidden;
+}
+
+.ops-stage-card {
+    border: 1px solid var(--el-border-color);
+    border-radius: 12px;
+    padding: 12px;
+    text-align: left;
+    background: var(--el-fill-color-blank);
+    cursor: pointer;
+    transition: border-color 0.2s ease, transform 0.2s ease;
+}
+
+.ops-stage-card:hover,
+.ops-stage-card.is-active {
+    transform: translateY(-1px);
+}
+
+.ops-stage-card.is-active {
+    border-color: var(--el-color-primary);
+    box-shadow: 0 0 0 1px color-mix(in srgb, var(--el-color-primary) 30%, transparent);
+}
+
+.ops-stage-card__label {
+    font-size: 12px;
+    color: var(--el-text-color-secondary);
+}
+
+.ops-stage-card__value {
+    margin-top: 6px;
+    font-size: 22px;
+    font-weight: 700;
+    color: var(--el-text-color-primary);
+}
+
+.ops-stage-card__meta {
+    margin-top: 6px;
+    font-size: 12px;
+    line-height: 1.5;
+    color: var(--el-text-color-secondary);
+}
+
+.ops-stage-card--warning {
+    border-color: color-mix(in srgb, var(--el-color-warning) 45%, var(--el-border-color));
+}
+
+.ops-stage-card--danger {
+    border-color: color-mix(in srgb, var(--el-color-danger) 45%, var(--el-border-color));
+}
+
+.ops-stage-card--success {
+    border-color: color-mix(in srgb, var(--el-color-success) 45%, var(--el-border-color));
+}
+
+.ops-panel-tabs {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 10px;
+    margin-bottom: 12px;
+}
+
+.ops-panel-tab {
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
+    border: 1px solid var(--el-border-color);
+    border-radius: 999px;
+    padding: 8px 12px;
+    background: var(--el-fill-color-blank);
+    color: var(--el-text-color-regular);
+    cursor: pointer;
+    transition: border-color 0.2s ease, color 0.2s ease;
+}
+
+.ops-panel-tab.is-active {
+    color: var(--el-color-primary);
+    border-color: var(--el-color-primary);
+}
+
+.ops-workbench__focus-alert {
+    margin-bottom: 12px;
+}
+
+.ops-insight-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+    gap: 12px;
+    margin-bottom: 14px;
+}
+
+.ops-insight-card :deep(.el-card__body) {
+    padding-top: 8px;
+}
+
+.ops-focus-list,
+.ops-command-list {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+}
+
+.ops-focus-item,
+.ops-command-item,
+.ops-status-card {
+    border: 1px solid var(--el-border-color);
+    border-radius: 12px;
+    background: var(--el-fill-color-blank);
+    text-align: left;
+    cursor: pointer;
+    transition: border-color 0.2s ease, transform 0.2s ease;
+}
+
+.ops-focus-item,
+.ops-command-item {
+    padding: 12px;
+}
+
+.ops-focus-item:hover,
+.ops-command-item:hover,
+.ops-status-card:hover {
+    border-color: var(--el-color-primary);
+    transform: translateY(-1px);
+}
+
+.ops-focus-item__title,
+.ops-command-item__title {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 10px;
+}
+
+.ops-focus-item__host {
+    margin-top: 8px;
+    font-size: 13px;
+    font-weight: 600;
+    color: var(--el-text-color-primary);
+}
+
+.ops-focus-item__summary {
+    margin-top: 6px;
+    font-size: 12px;
+    line-height: 1.5;
+    color: var(--el-text-color-secondary);
+}
+
+.ops-status-grid {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 10px;
+}
+
+.ops-status-card {
+    padding: 12px;
+}
+
+.ops-status-card__label {
+    font-size: 12px;
+    color: var(--el-text-color-secondary);
+}
+
+.ops-status-card__value {
+    margin-top: 6px;
+    font-size: 22px;
+    font-weight: 700;
+    color: var(--el-text-color-primary);
+}
+
+.ops-status-card__meta {
+    margin-top: 6px;
+    font-size: 12px;
+    line-height: 1.5;
+    color: var(--el-text-color-secondary);
+}
+
+.ops-status-card--danger {
+    border-color: color-mix(in srgb, var(--el-color-danger) 45%, var(--el-border-color));
+}
+
+.ops-status-card--success {
+    border-color: color-mix(in srgb, var(--el-color-success) 45%, var(--el-border-color));
+}
+
+.ops-status-card--warning {
+    border-color: color-mix(in srgb, var(--el-color-warning) 45%, var(--el-border-color));
+}
+
+.ops-command-item__code {
+    display: block;
+    margin-top: 8px;
+    font-size: 12px;
+    line-height: 1.5;
+    color: var(--el-text-color-secondary);
+    word-break: break-all;
+}
+
+.ops-panel-block__header {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+    margin-bottom: 10px;
+}
+
+.ops-attention-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
+    gap: 12px;
+}
+
+.ops-attention-card :deep(.el-card__body) {
+    padding-top: 8px;
+}
+
+.ops-inspector-card {
+    margin-top: 14px;
+}
+
+.ops-inspector__header-tags,
+.ops-inspector__top-tags,
+.ops-inspector__actions {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+}
+
+.ops-inspector__empty {
+    padding: 8px 0;
+}
+
+.ops-inspector__top {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: flex-start;
+    justify-content: space-between;
+    gap: 12px;
+}
+
+.ops-inspector__title {
+    font-size: 16px;
+    font-weight: 700;
+    color: var(--el-text-color-primary);
+}
+
+.ops-inspector__subtitle {
+    margin-top: 4px;
+    font-size: 12px;
+    color: var(--el-text-color-secondary);
+}
+
+.ops-inspector__summary {
+    margin-top: 12px;
+    font-size: 13px;
+    line-height: 1.7;
+    color: var(--el-text-color-regular);
+}
+
+.ops-inspector__meta-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+    gap: 12px;
+    margin-top: 14px;
+}
+
+.ops-inspector__meta-item {
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+    border: 1px solid var(--el-border-color-light);
+    border-radius: 12px;
+    padding: 12px;
+    background: var(--el-fill-color-blank);
+}
+
+.ops-inspector__meta-label {
+    font-size: 12px;
+    color: var(--el-text-color-secondary);
+}
+
+.ops-inspector__meta-value {
+    font-size: 13px;
+    line-height: 1.6;
+    color: var(--el-text-color-primary);
+}
+
+.ops-inspector__meta-code {
+    font-size: 12px;
+    line-height: 1.6;
+    color: var(--el-text-color-secondary);
+    word-break: break-all;
+}
+
+.ops-inspector__actions {
+    margin-top: 14px;
+}
+
+.ops-lifecycle-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
+    gap: 10px;
+    margin-top: 14px;
+}
+
+.ops-lifecycle-card {
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+    border: 1px solid var(--el-border-color-light);
+    border-radius: 12px;
+    padding: 12px;
+    background: var(--el-fill-color-blank);
+}
+
+.ops-lifecycle-card__label {
+    font-size: 12px;
+    color: var(--el-text-color-secondary);
+}
+
+.ops-lifecycle-card__value {
+    font-size: 13px;
+    font-weight: 600;
+    color: var(--el-text-color-primary);
+}
+
+.ops-lifecycle-card--success {
+    border-color: color-mix(in srgb, var(--el-color-success) 45%, var(--el-border-color));
+}
+
+.ops-lifecycle-card--warning {
+    border-color: color-mix(in srgb, var(--el-color-warning) 45%, var(--el-border-color));
+}
+
+.ops-command-pack,
+.ops-host-activity {
+    margin-top: 14px;
+}
+
+.ops-command-pack__header,
+.ops-host-activity__header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 10px;
+    margin-bottom: 10px;
+}
+
+.ops-command-pack__grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
+    gap: 10px;
+}
+
+.ops-command-pack__item,
+.ops-host-activity__item {
+    border: 1px solid var(--el-border-color-light);
+    border-radius: 12px;
+    padding: 12px;
+    background: var(--el-fill-color-blank);
+    text-align: left;
+    cursor: pointer;
+    transition: border-color 0.2s ease, transform 0.2s ease;
+}
+
+.ops-command-pack__item:hover,
+.ops-host-activity__item:hover {
+    border-color: var(--el-color-primary);
+    transform: translateY(-1px);
+}
+
+.ops-command-pack__title {
+    font-size: 13px;
+    font-weight: 600;
+    color: var(--el-text-color-primary);
+}
+
+.ops-command-pack__code {
+    display: block;
+    margin-top: 8px;
+    font-size: 12px;
+    line-height: 1.5;
+    color: var(--el-text-color-secondary);
+    word-break: break-all;
+}
+
+.ops-host-activity__list {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+}
+
+.ops-host-activity__top {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 10px;
+}
+
+.ops-host-activity__state {
+    margin-top: 8px;
+    font-size: 12px;
+    color: var(--el-color-primary);
+}
+
+.ops-host-activity__summary {
+    margin-top: 6px;
+    font-size: 12px;
+    line-height: 1.5;
+    color: var(--el-text-color-secondary);
+}
+
+.latest-card__header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+}
+
+.latest-card__title {
+    font-size: 15px;
+    font-weight: 700;
+    color: var(--el-text-color-primary);
+}
+
+.latest-card__desc {
+    margin-top: 8px;
+    min-height: 44px;
+    font-size: 13px;
+    line-height: 1.6;
+    color: var(--el-text-color-regular);
+}
+
+.latest-card__meta {
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+    margin-top: 10px;
+    font-size: 12px;
+    color: var(--el-text-color-secondary);
+}
+</style>
diff --git a/src/views/site/domainExternalSeoAizhanKeywordAttentionDialog.vue b/src/views/site/domainExternalSeoAizhanKeywordAttentionDialog.vue
new file mode 100644
index 0000000..13fc452
--- /dev/null
+++ b/src/views/site/domainExternalSeoAizhanKeywordAttentionDialog.vue
@@ -0,0 +1,121 @@
+<template>
+    <el-dialog v-model="visible" title="爱站关键词异常队列" width="1200px" draggable>
+        <div class="aizhan-keyword-attention-dialog">
+            <div class="aizhan-keyword-attention-dialog__toolbar">
+                <el-button type="primary" plain @click="loadQueue">刷新</el-button>
+                <el-button v-if="queue.summary_html_path" type="success" plain @click="openPublicPath(queue.summary_html_path)">HTML摘要</el-button>
+                <el-button v-if="queue.summary_json_path" type="info" plain @click="openPublicPath(queue.summary_json_path)">JSON摘要</el-button>
+            </div>
+
+            <el-alert
+                :title="queue.queue_count ? `当前有 ${queue.queue_count} 个域名需要关注` : '当前爱站关键词面没有高优先异常'"
+                :description="queue.note || '这里优先收爱站结果面里的验证码、阻塞、0词、0来路问题。'"
+                :type="queue.queue_count ? 'warning' : 'success'"
+                show-icon
+                :closable="false"
+            />
+
+            <div class="aizhan-keyword-attention-dialog__metrics">
+                <div class="metric-card">
+                    <div class="metric-card__label">queue</div>
+                    <div class="metric-card__value">{{ queue.queue_count || 0 }}</div>
+                </div>
+                <div class="metric-card">
+                    <div class="metric-card__label">ready</div>
+                    <div class="metric-card__value">{{ queue.ready_count || 0 }}</div>
+                </div>
+                <div class="metric-card">
+                    <div class="metric-card__label">captcha</div>
+                    <div class="metric-card__value">{{ queue.captcha_count || 0 }}</div>
+                </div>
+                <div class="metric-card">
+                    <div class="metric-card__label">blocked</div>
+                    <div class="metric-card__value">{{ queue.blocked_count || 0 }}</div>
+                </div>
+            </div>
+
+            <el-table v-loading="loading" :data="queue.items || []" border max-height="460">
+                <el-table-column prop="host" label="Host" min-width="170" />
+                <el-table-column prop="attention_level" label="级别" width="90" />
+                <el-table-column label="原因" min-width="220">
+                    <template #default="{ row }">{{ (row.reason_codes || []).join(", ") || "-" }}</template>
+                </el-table-column>
+                <el-table-column prop="baidu_pc_ip_range" label="百度来路" width="120" />
+                <el-table-column prop="baidu_mobile_ip_range" label="移动来路" width="120" />
+                <el-table-column prop="pc_keyword_count" label="PC词数" width="90" />
+                <el-table-column prop="mobile_keyword_count" label="移动词数" width="90" />
+                <el-table-column prop="recommended_action" label="建议动作" min-width="320" />
+            </el-table>
+        </div>
+    </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+import { ElMessage } from "element-plus";
+import { SiteList } from "@/api/interface/site/list";
+import { getDomainExternalSeoAizhanKeywordAttentionQueue } from "@/api/modules/site/list";
+
+const BASE_URL = import.meta.env.VITE_API_URL as string;
+const visible = ref(false);
+const loading = ref(false);
+const queue = ref<SiteList.DomainExternalSeoAizhanKeywordAttentionQueueData>({});
+
+const openPublicPath = (path?: string) => {
+    if (!path) return;
+    window.open(`${BASE_URL}/${String(path).replace(/^\/+/, "")}`, "_blank", "noopener");
+};
+
+const loadQueue = async () => {
+    loading.value = true;
+    try {
+        const res = await getDomainExternalSeoAizhanKeywordAttentionQueue({ limit: 100 });
+        queue.value = res.data ?? {};
+    } catch (_error) {
+        ElMessage.error("读取爱站关键词异常队列失败");
+    } finally {
+        loading.value = false;
+    }
+};
+
+const open = async () => {
+    visible.value = true;
+    await loadQueue();
+};
+
+defineExpose({
+    open
+});
+</script>
+
+<style scoped lang="scss">
+.aizhan-keyword-attention-dialog__toolbar {
+    margin-bottom: 12px;
+}
+
+.aizhan-keyword-attention-dialog__metrics {
+    display: grid;
+    grid-template-columns: repeat(4, minmax(120px, 1fr));
+    gap: 12px;
+    margin: 16px 0;
+}
+
+.metric-card {
+    border: 1px solid #ebeef5;
+    border-radius: 8px;
+    padding: 12px;
+    background: #fafafa;
+}
+
+.metric-card__label {
+    color: #909399;
+    font-size: 12px;
+    margin-bottom: 6px;
+}
+
+.metric-card__value {
+    color: #303133;
+    font-size: 22px;
+    font-weight: 600;
+}
+</style>
diff --git a/src/views/site/domainExternalSeoAizhanKeywordDialog.vue b/src/views/site/domainExternalSeoAizhanKeywordDialog.vue
new file mode 100644
index 0000000..04710d1
--- /dev/null
+++ b/src/views/site/domainExternalSeoAizhanKeywordDialog.vue
@@ -0,0 +1,159 @@
+<template>
+    <el-dialog v-model="visible" title="爱站关键词摘要" width="1220px" draggable>
+        <div class="aizhan-keyword-dialog">
+            <div class="aizhan-keyword-dialog__toolbar">
+                <el-button type="primary" plain @click="loadSummary">刷新</el-button>
+                <el-button type="warning" plain @click="openAttentionDialog">异常队列</el-button>
+                <el-button type="info" plain @click="openTrendDialog">趋势摘要</el-button>
+                <el-button v-if="summary.summary_html_path" type="success" plain @click="openPublicPath(summary.summary_html_path)">HTML摘要</el-button>
+                <el-button v-if="summary.summary_json_path" type="info" plain @click="openPublicPath(summary.summary_json_path)">JSON摘要</el-button>
+            </div>
+
+            <el-alert
+                :title="alertTitle"
+                :description="summary.note || '这里优先沉淀爱站综合查询页的轻量关键词结果面：百度来路区间、PC/移动关键词数，以及对应排名页入口。'"
+                :type="alertType"
+                show-icon
+                :closable="false"
+            />
+
+            <div class="aizhan-keyword-dialog__metrics">
+                <div class="metric-card">
+                    <div class="metric-card__label">Hosts</div>
+                    <div class="metric-card__value">{{ summary.host_count || 0 }}</div>
+                </div>
+                <div class="metric-card">
+                    <div class="metric-card__label">Ready</div>
+                    <div class="metric-card__value">{{ summary.status_buckets?.ready || 0 }}</div>
+                </div>
+                <div class="metric-card">
+                    <div class="metric-card__label">Captcha</div>
+                    <div class="metric-card__value">{{ summary.status_buckets?.captcha || 0 }}</div>
+                </div>
+                <div class="metric-card">
+                    <div class="metric-card__label">Blocked</div>
+                    <div class="metric-card__value">{{ summary.status_buckets?.blocked || 0 }}</div>
+                </div>
+            </div>
+
+            <el-table v-loading="loading" :data="summary.items || []" border max-height="480">
+                <el-table-column prop="host" label="Host" min-width="170" />
+                <el-table-column prop="status" label="状态" width="100" />
+                <el-table-column prop="site_title" label="站点标题" min-width="160" />
+                <el-table-column prop="baidu_pc_ip_range" label="百度来路" width="120" />
+                <el-table-column prop="baidu_mobile_ip_range" label="移动来路" width="120" />
+                <el-table-column prop="pc_keyword_count" label="PC词数" width="90" />
+                <el-table-column prop="mobile_keyword_count" label="移动词数" width="90" />
+                <el-table-column label="PC排名页" width="100">
+                    <template #default="{ row }">
+                        <el-link v-if="row.pc_rank_url" :href="row.pc_rank_url" target="_blank" type="primary">打开</el-link>
+                        <span v-else>-</span>
+                    </template>
+                </el-table-column>
+                <el-table-column label="移动排名页" width="110">
+                    <template #default="{ row }">
+                        <el-link v-if="row.mobile_rank_url" :href="row.mobile_rank_url" target="_blank" type="primary">打开</el-link>
+                        <span v-else>-</span>
+                    </template>
+                </el-table-column>
+                <el-table-column prop="probed_at" label="探测时间" min-width="180" />
+            </el-table>
+        </div>
+    </el-dialog>
+    <DomainExternalSeoAizhanKeywordAttentionDialog ref="attentionDialogRef" />
+    <DomainExternalSeoAizhanKeywordTrendDialog ref="trendDialogRef" />
+</template>
+
+<script setup lang="ts">
+import { computed, ref } from "vue";
+import { ElMessage } from "element-plus";
+import { SiteList } from "@/api/interface/site/list";
+import { getDomainExternalSeoAizhanKeywordProbeSummary } from "@/api/modules/site/list";
+import DomainExternalSeoAizhanKeywordAttentionDialog from "./domainExternalSeoAizhanKeywordAttentionDialog.vue";
+import DomainExternalSeoAizhanKeywordTrendDialog from "./domainExternalSeoAizhanKeywordTrendDialog.vue";
+
+const BASE_URL = import.meta.env.VITE_API_URL as string;
+const visible = ref(false);
+const loading = ref(false);
+const summary = ref<SiteList.DomainExternalSeoAizhanKeywordProbeData>({});
+const attentionDialogRef = ref();
+const trendDialogRef = ref();
+
+const openPublicPath = (path?: string) => {
+    if (!path) return;
+    window.open(`${BASE_URL}/${String(path).replace(/^\/+/, "")}`, "_blank", "noopener");
+};
+
+const alertTitle = computed(() => {
+    if ((summary.value.status_buckets?.ready || 0) > 0) return "当前已拿到爱站关键词摘要";
+    if ((summary.value.status_buckets?.captcha || 0) > 0) return "当前爱站探测有部分命中验证";
+    return "当前爱站关键词摘要还在准备态";
+});
+
+const alertType = computed(() => {
+    if ((summary.value.status_buckets?.ready || 0) > 0) return "success";
+    if ((summary.value.status_buckets?.captcha || 0) > 0 || (summary.value.status_buckets?.blocked || 0) > 0) return "warning";
+    return "info";
+});
+
+const loadSummary = async () => {
+    loading.value = true;
+    try {
+        const res = await getDomainExternalSeoAizhanKeywordProbeSummary({ limit: 50 });
+        summary.value = res.data ?? {};
+    } catch (_error) {
+        ElMessage.error("读取爱站关键词摘要失败");
+    } finally {
+        loading.value = false;
+    }
+};
+
+const openAttentionDialog = () => {
+    attentionDialogRef.value?.open();
+};
+
+const openTrendDialog = () => {
+    trendDialogRef.value?.open();
+};
+
+const open = async () => {
+    visible.value = true;
+    await loadSummary();
+};
+
+defineExpose({
+    open
+});
+</script>
+
+<style scoped lang="scss">
+.aizhan-keyword-dialog__toolbar {
+    margin-bottom: 12px;
+}
+
+.aizhan-keyword-dialog__metrics {
+    display: grid;
+    grid-template-columns: repeat(4, minmax(120px, 1fr));
+    gap: 12px;
+    margin: 16px 0;
+}
+
+.metric-card {
+    border: 1px solid #ebeef5;
+    border-radius: 8px;
+    padding: 12px;
+    background: #fafafa;
+}
+
+.metric-card__label {
+    color: #909399;
+    font-size: 12px;
+    margin-bottom: 6px;
+}
+
+.metric-card__value {
+    color: #303133;
+    font-size: 22px;
+    font-weight: 600;
+}
+</style>
diff --git a/src/views/site/domainExternalSeoAizhanKeywordTrendDialog.vue b/src/views/site/domainExternalSeoAizhanKeywordTrendDialog.vue
new file mode 100644
index 0000000..1f54d32
--- /dev/null
+++ b/src/views/site/domainExternalSeoAizhanKeywordTrendDialog.vue
@@ -0,0 +1,133 @@
+<template>
+    <el-dialog v-model="visible" title="爱站关键词趋势摘要" width="1160px" draggable>
+        <div class="aizhan-keyword-trend-dialog">
+            <div class="aizhan-keyword-trend-dialog__toolbar">
+                <el-button type="primary" plain @click="loadSummary">刷新</el-button>
+                <el-button v-if="summary.summary_html_path" type="success" plain @click="openPublicPath(summary.summary_html_path)">HTML摘要</el-button>
+                <el-button v-if="summary.summary_json_path" type="info" plain @click="openPublicPath(summary.summary_json_path)">JSON摘要</el-button>
+            </div>
+
+            <el-alert
+                :title="`当前趋势：${summary.health_label || 'unknown'}`"
+                :description="summary.note || '这里展示爱站关键词面的轻量趋势判断。'"
+                :type="alertType"
+                show-icon
+                :closable="false"
+            />
+
+            <div class="aizhan-keyword-trend-dialog__metrics">
+                <div class="metric-card">
+                    <div class="metric-card__label">ready</div>
+                    <div class="metric-card__value">{{ summary.ready_count || 0 }}</div>
+                </div>
+                <div class="metric-card">
+                    <div class="metric-card__label">queue</div>
+                    <div class="metric-card__value">{{ summary.queue_count || 0 }}</div>
+                </div>
+                <div class="metric-card">
+                    <div class="metric-card__label">keyword_ready</div>
+                    <div class="metric-card__value">{{ summary.keyword_ready_count || 0 }}</div>
+                </div>
+                <div class="metric-card">
+                    <div class="metric-card__label">traffic_ready</div>
+                    <div class="metric-card__value">{{ summary.traffic_ready_count || 0 }}</div>
+                </div>
+                <div class="metric-card">
+                    <div class="metric-card__label">zero_keyword</div>
+                    <div class="metric-card__value">{{ summary.zero_keyword_count || 0 }}</div>
+                </div>
+                <div class="metric-card">
+                    <div class="metric-card__label">zero_traffic</div>
+                    <div class="metric-card__value">{{ summary.zero_traffic_count || 0 }}</div>
+                </div>
+            </div>
+
+            <el-table v-loading="loading" :data="summary.ready_items || []" border max-height="420">
+                <el-table-column prop="host" label="Host" min-width="170" />
+                <el-table-column prop="baidu_pc_ip_range" label="百度来路" width="120" />
+                <el-table-column prop="baidu_mobile_ip_range" label="移动来路" width="120" />
+                <el-table-column prop="pc_keyword_count" label="PC词数" width="90" />
+                <el-table-column prop="mobile_keyword_count" label="移动词数" width="90" />
+                <el-table-column prop="probed_at" label="探测时间" min-width="180" />
+            </el-table>
+        </div>
+    </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { computed, ref } from "vue";
+import { ElMessage } from "element-plus";
+import { SiteList } from "@/api/interface/site/list";
+import { getDomainExternalSeoAizhanKeywordTrendSummary } from "@/api/modules/site/list";
+
+const BASE_URL = import.meta.env.VITE_API_URL as string;
+const visible = ref(false);
+const loading = ref(false);
+const summary = ref<SiteList.DomainExternalSeoAizhanKeywordTrendData>({});
+
+const alertType = computed(() => {
+    const label = summary.value.health_label || "";
+    if (label === "active") return "success";
+    if (label === "warmup") return "warning";
+    if (label === "blocked") return "warning";
+    return "info";
+});
+
+const openPublicPath = (path?: string) => {
+    if (!path) return;
+    window.open(`${BASE_URL}/${String(path).replace(/^\/+/, "")}`, "_blank", "noopener");
+};
+
+const loadSummary = async () => {
+    loading.value = true;
+    try {
+        const res = await getDomainExternalSeoAizhanKeywordTrendSummary({ limit: 20 });
+        summary.value = res.data ?? {};
+    } catch (_error) {
+        ElMessage.error("读取爱站关键词趋势摘要失败");
+    } finally {
+        loading.value = false;
+    }
+};
+
+const open = async () => {
+    visible.value = true;
+    await loadSummary();
+};
+
+defineExpose({
+    open
+});
+</script>
+
+<style scoped lang="scss">
+.aizhan-keyword-trend-dialog__toolbar {
+    margin-bottom: 12px;
+}
+
+.aizhan-keyword-trend-dialog__metrics {
+    display: grid;
+    grid-template-columns: repeat(6, minmax(120px, 1fr));
+    gap: 12px;
+    margin: 16px 0;
+}
+
+.metric-card {
+    border: 1px solid #ebeef5;
+    border-radius: 8px;
+    padding: 12px;
+    background: #fafafa;
+}
+
+.metric-card__label {
+    color: #909399;
+    font-size: 12px;
+    margin-bottom: 6px;
+}
+
+.metric-card__value {
+    color: #303133;
+    font-size: 22px;
+    font-weight: 600;
+}
+</style>
diff --git a/src/views/site/domainExternalSeoBaiduFeedbackDialog.vue b/src/views/site/domainExternalSeoBaiduFeedbackDialog.vue
new file mode 100644
index 0000000..4d36505
--- /dev/null
+++ b/src/views/site/domainExternalSeoBaiduFeedbackDialog.vue
@@ -0,0 +1,131 @@
+<template>
+    <el-dialog v-model="visible" title="百度反馈摘要" width="1100px" draggable>
+        <div class="baidu-feedback-dialog">
+            <div class="baidu-feedback-dialog__toolbar">
+                <el-button type="primary" plain @click="loadSummary">刷新</el-button>
+                <el-button v-if="summary.summary_html_path" type="success" plain @click="openPublicPath(summary.summary_html_path)">HTML摘要</el-button>
+                <el-button v-if="summary.summary_json_path" type="info" plain @click="openPublicPath(summary.summary_json_path)">JSON摘要</el-button>
+            </div>
+
+            <el-alert
+                :title="summary.status === 'ready' ? '当前已有百度反馈数据' : '当前还没有百度反馈数据'"
+                :description="summary.note || '这里展示百度相关的结果面摘要。'"
+                :type="summary.status === 'ready' ? 'success' : 'warning'"
+                show-icon
+                :closable="false"
+            />
+
+            <div class="baidu-feedback-dialog__metrics">
+                <div class="metric-card">
+                    <div class="metric-card__label">hosts</div>
+                    <div class="metric-card__value">{{ summary.hosts_count || 0 }}</div>
+                </div>
+                <div class="metric-card">
+                    <div class="metric-card__label">rows</div>
+                    <div class="metric-card__value">{{ summary.rows_count || 0 }}</div>
+                </div>
+                <div class="metric-card">
+                    <div class="metric-card__label">impressions</div>
+                    <div class="metric-card__value">{{ summary.metrics?.impressions || 0 }}</div>
+                </div>
+                <div class="metric-card">
+                    <div class="metric-card__label">clicks</div>
+                    <div class="metric-card__value">{{ summary.metrics?.clicks || 0 }}</div>
+                </div>
+                <div class="metric-card">
+                    <div class="metric-card__label">ctr</div>
+                    <div class="metric-card__value">{{ summary.metrics?.ctr || 0 }}</div>
+                </div>
+            </div>
+
+            <el-descriptions :column="1" border size="small">
+                <el-descriptions-item label="providers">
+                    {{ (summary.providers || []).join(", ") || "-" }}
+                </el-descriptions-item>
+                <el-descriptions-item label="avg_position">
+                    {{ summary.metrics?.avg_position ?? "-" }}
+                </el-descriptions-item>
+            </el-descriptions>
+
+            <el-table v-loading="loading" :data="summary.host_rows || []" border max-height="420">
+                <el-table-column prop="host" label="Host" min-width="180" />
+                <el-table-column prop="provider" label="Provider" min-width="160" />
+                <el-table-column prop="rows_count" label="Rows" width="90" />
+                <el-table-column prop="impressions" label="Impressions" width="110" />
+                <el-table-column prop="clicks" label="Clicks" width="90" />
+                <el-table-column prop="ctr" label="CTR" width="90" />
+                <el-table-column prop="avg_position" label="Avg Position" width="110" />
+            </el-table>
+        </div>
+    </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+import { ElMessage } from "element-plus";
+import { SiteList } from "@/api/interface/site/list";
+import { getDomainExternalSeoBaiduFeedbackSummary } from "@/api/modules/site/list";
+
+const BASE_URL = import.meta.env.VITE_API_URL as string;
+const visible = ref(false);
+const loading = ref(false);
+const summary = ref<SiteList.DomainExternalSeoBaiduFeedbackSummaryData>({});
+
+const openPublicPath = (path?: string) => {
+    if (!path) return;
+    window.open(`${BASE_URL}/${String(path).replace(/^\/+/, "")}`, "_blank", "noopener");
+};
+
+const loadSummary = async () => {
+    loading.value = true;
+    try {
+        const res = await getDomainExternalSeoBaiduFeedbackSummary({ limit: 20 });
+        summary.value = res.data ?? {};
+    } catch (_error) {
+        ElMessage.error("读取百度反馈摘要失败");
+    } finally {
+        loading.value = false;
+    }
+};
+
+const open = async () => {
+    visible.value = true;
+    await loadSummary();
+};
+
+defineExpose({
+    open
+});
+</script>
+
+<style scoped lang="scss">
+.baidu-feedback-dialog__toolbar {
+    margin-bottom: 12px;
+}
+
+.baidu-feedback-dialog__metrics {
+    display: grid;
+    grid-template-columns: repeat(5, minmax(120px, 1fr));
+    gap: 12px;
+    margin: 16px 0;
+}
+
+.metric-card {
+    border: 1px solid #ebeef5;
+    border-radius: 8px;
+    padding: 12px;
+    background: #fafafa;
+}
+
+.metric-card__label {
+    color: #909399;
+    font-size: 12px;
+    margin-bottom: 6px;
+}
+
+.metric-card__value {
+    color: #303133;
+    font-size: 22px;
+    font-weight: 600;
+}
+</style>
diff --git a/src/views/site/domainExternalSeoBaiduPlanDialog.vue b/src/views/site/domainExternalSeoBaiduPlanDialog.vue
new file mode 100644
index 0000000..5e808c7
--- /dev/null
+++ b/src/views/site/domainExternalSeoBaiduPlanDialog.vue
@@ -0,0 +1,172 @@
+<template>
+    <el-dialog v-model="visible" title="百度 Provider 计划" width="920px" draggable>
+        <div class="baidu-plan-dialog">
+            <div class="baidu-plan-dialog__toolbar">
+                <el-button type="primary" plain @click="loadSummary">刷新</el-button>
+                <el-button type="warning" plain @click="openPushSummaryDialog">百度推送观察</el-button>
+                <el-button type="success" plain @click="openSiteQueryDialog">百度收录探测</el-button>
+                <el-button type="primary" plain @click="openFeedbackDialog">百度反馈摘要</el-button>
+                <el-button type="success" plain @click="openPushTaskDialog">百度推送任务</el-button>
+                <el-button type="danger" plain @click="openPushAttentionDialog">百度推送异常队列</el-button>
+                <el-button type="info" plain @click="openPushTrendDialog">百度推送趋势</el-button>
+                <el-button v-if="summary.summary_html_path" type="success" plain @click="openPublicPath(summary.summary_html_path)">HTML摘要</el-button>
+                <el-button v-if="summary.summary_json_path" type="info" plain @click="openPublicPath(summary.summary_json_path)">JSON摘要</el-button>
+            </div>
+
+            <el-alert
+                :title="summary.status || 'planned'"
+                :description="summary.note || '当前这里展示百度 provider 的准备态。'"
+                :type="summary.credential_ready ? 'success' : 'warning'"
+                show-icon
+                :closable="false"
+            />
+
+            <div class="baidu-plan-dialog__metrics">
+                <div class="metric-card">
+                    <div class="metric-card__label">凭证</div>
+                    <div class="metric-card__value">{{ summary.credential_ready ? "ready" : "missing" }}</div>
+                </div>
+                <div class="metric-card">
+                    <div class="metric-card__label">文件大小</div>
+                    <div class="metric-card__value">{{ summary.credential_file_size || 0 }}</div>
+                </div>
+            </div>
+
+            <el-descriptions :column="1" border size="small">
+                <el-descriptions-item label="credential_path">{{ summary.credential_path || "-" }}</el-descriptions-item>
+                <el-descriptions-item label="updated_at">{{ summary.credential_updated_at || "-" }}</el-descriptions-item>
+                <el-descriptions-item label="submission_scope">
+                    {{ (summary.submission_scope?.capabilities || []).join(", ") || "-" }}
+                </el-descriptions-item>
+            </el-descriptions>
+
+            <div class="baidu-plan-dialog__steps">
+                <div class="baidu-plan-dialog__title">下一步</div>
+                <ul>
+                    <li v-for="(step, index) in summary.next_steps || []" :key="`${index}-${step}`">{{ step }}</li>
+                </ul>
+            </div>
+        </div>
+    </el-dialog>
+    <DomainExternalSeoBaiduPushDialog ref="pushDialogRef" />
+    <DomainExternalSeoBaiduFeedbackDialog ref="feedbackDialogRef" />
+    <DomainExternalSeoSiteQueryDialog ref="siteQueryDialogRef" />
+    <DomainExternalSeoBaiduPushTaskDialog ref="taskDialogRef" />
+    <DomainExternalSeoBaiduPushAttentionDialog ref="attentionDialogRef" />
+    <DomainExternalSeoBaiduPushTrendDialog ref="trendDialogRef" />
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+import { ElMessage } from "element-plus";
+import { SiteList } from "@/api/interface/site/list";
+import { getDomainExternalSeoBaiduProviderPlan } from "@/api/modules/site/list";
+import DomainExternalSeoBaiduPushDialog from "./domainExternalSeoBaiduPushDialog.vue";
+import DomainExternalSeoBaiduFeedbackDialog from "./domainExternalSeoBaiduFeedbackDialog.vue";
+import DomainExternalSeoSiteQueryDialog from "./domainExternalSeoSiteQueryDialog.vue";
+import DomainExternalSeoBaiduPushTaskDialog from "./domainExternalSeoBaiduPushTaskDialog.vue";
+import DomainExternalSeoBaiduPushAttentionDialog from "./domainExternalSeoBaiduPushAttentionDialog.vue";
+import DomainExternalSeoBaiduPushTrendDialog from "./domainExternalSeoBaiduPushTrendDialog.vue";
+
+const BASE_URL = import.meta.env.VITE_API_URL as string;
+const visible = ref(false);
+const loading = ref(false);
+const summary = ref<SiteList.DomainExternalSeoBaiduProviderPlanData>({});
+const pushDialogRef = ref();
+const feedbackDialogRef = ref();
+const siteQueryDialogRef = ref();
+const taskDialogRef = ref();
+const attentionDialogRef = ref();
+const trendDialogRef = ref();
+
+const openPublicPath = (path?: string) => {
+    if (!path) return;
+    window.open(`${BASE_URL}/${String(path).replace(/^\/+/, "")}`, "_blank", "noopener");
+};
+
+const openPushSummaryDialog = () => {
+    pushDialogRef.value?.open();
+};
+
+const openFeedbackDialog = () => {
+    feedbackDialogRef.value?.open();
+};
+
+const openSiteQueryDialog = () => {
+    siteQueryDialogRef.value?.open();
+};
+
+const openPushTaskDialog = () => {
+    taskDialogRef.value?.open();
+};
+
+const openPushAttentionDialog = () => {
+    attentionDialogRef.value?.open();
+};
+
+const openPushTrendDialog = () => {
+    trendDialogRef.value?.open();
+};
+
+const loadSummary = async () => {
+    loading.value = true;
+    try {
+        const res = await getDomainExternalSeoBaiduProviderPlan();
+        summary.value = res.data ?? {};
+    } catch (_error) {
+        ElMessage.error("读取百度 provider 计划失败");
+    } finally {
+        loading.value = false;
+    }
+};
+
+const open = async () => {
+    visible.value = true;
+    await loadSummary();
+};
+
+defineExpose({
+    open
+});
+</script>
+
+<style scoped lang="scss">
+.baidu-plan-dialog__toolbar {
+    margin-bottom: 12px;
+}
+
+.baidu-plan-dialog__metrics {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(120px, 1fr));
+    gap: 12px;
+    margin: 16px 0;
+}
+
+.metric-card {
+    border: 1px solid #ebeef5;
+    border-radius: 8px;
+    padding: 12px;
+    background: #fafafa;
+}
+
+.metric-card__label {
+    color: #909399;
+    font-size: 12px;
+    margin-bottom: 6px;
+}
+
+.metric-card__value {
+    color: #303133;
+    font-size: 22px;
+    font-weight: 600;
+}
+
+.baidu-plan-dialog__steps {
+    margin: 16px 0;
+}
+
+.baidu-plan-dialog__title {
+    font-weight: 600;
+    margin-bottom: 8px;
+}
+</style>
diff --git a/src/views/site/domainExternalSeoBaiduPushAttentionDialog.vue b/src/views/site/domainExternalSeoBaiduPushAttentionDialog.vue
new file mode 100644
index 0000000..496e1c8
--- /dev/null
+++ b/src/views/site/domainExternalSeoBaiduPushAttentionDialog.vue
@@ -0,0 +1,138 @@
+<template>
+    <el-dialog v-model="visible" title="百度推送异常队列" width="1180px" draggable>
+        <div class="baidu-push-attention-dialog">
+            <div class="baidu-push-attention-dialog__toolbar">
+                <el-button type="primary" plain @click="loadQueue">刷新</el-button>
+                <el-button v-if="queue.summary_html_path" type="success" plain @click="openPublicPath(queue.summary_html_path)">HTML摘要</el-button>
+                <el-button v-if="queue.summary_json_path" type="info" plain @click="openPublicPath(queue.summary_json_path)">JSON摘要</el-button>
+            </div>
+
+            <el-alert
+                :title="queue.queue_count ? `当前有 ${queue.queue_count} 个域名需要关注` : '当前没有域名级百度推送异常'"
+                :description="queue.note || '这里会收百度推送链里需要优先处理的配置和进度问题。'"
+                :type="queue.queue_count ? 'warning' : 'success'"
+                show-icon
+                :closable="false"
+            />
+
+            <div class="baidu-push-attention-dialog__metrics">
+                <div class="metric-card">
+                    <div class="metric-card__label">域名异常数</div>
+                    <div class="metric-card__value">{{ queue.queue_count || 0 }}</div>
+                </div>
+                <div class="metric-card">
+                    <div class="metric-card__label">系统异常数</div>
+                    <div class="metric-card__value">{{ queue.system_attention_count || 0 }}</div>
+                </div>
+                <div class="metric-card">
+                    <div class="metric-card__label">任务启用</div>
+                    <div class="metric-card__value">{{ queue.task_enabled ? "yes" : "no" }}</div>
+                </div>
+                <div class="metric-card">
+                    <div class="metric-card__label">DB 状态</div>
+                    <div class="metric-card__value">{{ queue.db_ready ? "ready" : "blocked" }}</div>
+                </div>
+            </div>
+
+            <el-table v-if="(queue.system_items || []).length" :data="queue.system_items || []" border max-height="220" class="baidu-push-attention-dialog__table">
+                <el-table-column prop="attention_level" label="系统级别" width="100" />
+                <el-table-column label="原因" min-width="220">
+                    <template #default="{ row }">{{ (row.reason_codes || []).join(", ") || "-" }}</template>
+                </el-table-column>
+                <el-table-column prop="reason_summary" label="说明" min-width="300" />
+                <el-table-column prop="recommended_action" label="建议动作" min-width="320" />
+            </el-table>
+
+            <el-table v-loading="loading" :data="queue.items || []" border max-height="420">
+                <el-table-column prop="domain" label="Domain" min-width="180" />
+                <el-table-column prop="attention_level" label="级别" width="90" />
+                <el-table-column label="原因" min-width="220">
+                    <template #default="{ row }">{{ (row.reason_codes || []).join(", ") || "-" }}</template>
+                </el-table-column>
+                <el-table-column label="Token" width="120">
+                    <template #default="{ row }">{{ row.token_ready ? row.token_masked || "yes" : "no" }}</template>
+                </el-table-column>
+                <el-table-column label="State" width="90">
+                    <template #default="{ row }">{{ row.state_ready ? "yes" : "no" }}</template>
+                </el-table-column>
+                <el-table-column prop="txt_file_count" label="txt 文件" width="90" />
+                <el-table-column prop="latest_txt_file" label="最新 txt" min-width="180" />
+                <el-table-column prop="recommended_action" label="建议动作" min-width="320" />
+            </el-table>
+        </div>
+    </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+import { ElMessage } from "element-plus";
+import { SiteList } from "@/api/interface/site/list";
+import { getDomainExternalSeoBaiduPushAttentionQueue } from "@/api/modules/site/list";
+
+const BASE_URL = import.meta.env.VITE_API_URL as string;
+const visible = ref(false);
+const loading = ref(false);
+const queue = ref<SiteList.DomainExternalSeoBaiduPushAttentionQueueData>({});
+
+const openPublicPath = (path?: string) => {
+    if (!path) return;
+    window.open(`${BASE_URL}/${String(path).replace(/^\/+/, "")}`, "_blank", "noopener");
+};
+
+const loadQueue = async () => {
+    loading.value = true;
+    try {
+        const res = await getDomainExternalSeoBaiduPushAttentionQueue({ limit: 100 });
+        queue.value = res.data ?? {};
+    } catch (_error) {
+        ElMessage.error("读取百度推送异常队列失败");
+    } finally {
+        loading.value = false;
+    }
+};
+
+const open = async () => {
+    visible.value = true;
+    await loadQueue();
+};
+
+defineExpose({
+    open
+});
+</script>
+
+<style scoped lang="scss">
+.baidu-push-attention-dialog__toolbar {
+    margin-bottom: 12px;
+}
+
+.baidu-push-attention-dialog__metrics {
+    display: grid;
+    grid-template-columns: repeat(4, minmax(120px, 1fr));
+    gap: 12px;
+    margin: 16px 0;
+}
+
+.metric-card {
+    border: 1px solid #ebeef5;
+    border-radius: 8px;
+    padding: 12px;
+    background: #fafafa;
+}
+
+.metric-card__label {
+    color: #909399;
+    font-size: 12px;
+    margin-bottom: 6px;
+}
+
+.metric-card__value {
+    color: #303133;
+    font-size: 22px;
+    font-weight: 600;
+}
+
+.baidu-push-attention-dialog__table {
+    margin-bottom: 16px;
+}
+</style>
diff --git a/src/views/site/domainExternalSeoBaiduPushDialog.vue b/src/views/site/domainExternalSeoBaiduPushDialog.vue
new file mode 100644
index 0000000..0dec727
--- /dev/null
+++ b/src/views/site/domainExternalSeoBaiduPushDialog.vue
@@ -0,0 +1,154 @@
+<template>
+    <el-dialog v-model="visible" title="百度推送观察摘要" width="1100px" draggable>
+        <div class="baidu-push-dialog">
+            <div class="baidu-push-dialog__toolbar">
+                <el-button type="primary" plain @click="loadSummary">刷新</el-button>
+                <el-button type="success" plain @click="openTaskDialog">任务快捷管理</el-button>
+                <el-button type="warning" plain @click="openAttentionDialog">异常队列</el-button>
+                <el-button type="info" plain @click="openTrendDialog">趋势摘要</el-button>
+                <el-button v-if="summary.summary_html_path" type="success" plain @click="openPublicPath(summary.summary_html_path)">HTML摘要</el-button>
+                <el-button v-if="summary.summary_json_path" type="info" plain @click="openPublicPath(summary.summary_json_path)">JSON摘要</el-button>
+            </div>
+
+            <el-alert
+                :title="summary.task_enabled ? '百度推送任务已启用' : '百度推送任务当前未启用'"
+                :description="summary.note || '当前这里展示百度推送执行链的观察摘要。'"
+                :type="summary.task_enabled ? 'success' : 'warning'"
+                show-icon
+                :closable="false"
+            />
+
+            <div class="baidu-push-dialog__metrics">
+                <div class="metric-card">
+                    <div class="metric-card__label">任务启用</div>
+                    <div class="metric-card__value">{{ summary.task_enabled ? "yes" : "no" }}</div>
+                </div>
+                <div class="metric-card">
+                    <div class="metric-card__label">域名数</div>
+                    <div class="metric-card__value">{{ summary.domain_count || 0 }}</div>
+                </div>
+                <div class="metric-card">
+                    <div class="metric-card__label">Token 就绪</div>
+                    <div class="metric-card__value">{{ summary.token_ready_count || 0 }}</div>
+                </div>
+                <div class="metric-card">
+                    <div class="metric-card__label">State 就绪</div>
+                    <div class="metric-card__value">{{ summary.state_ready_count || 0 }}</div>
+                </div>
+            </div>
+
+            <el-descriptions :column="1" border size="small">
+                <el-descriptions-item label="task_last_exec">{{ summary.task_last_exec || "-" }}</el-descriptions-item>
+                <el-descriptions-item label="db_status">
+                    {{ summary.db_ready ? "ready" : `blocked: ${summary.db_error || "-"}` }}
+                </el-descriptions-item>
+            </el-descriptions>
+
+            <el-table v-loading="loading" :data="summary.items || []" border max-height="420">
+                <el-table-column prop="domain" label="Domain" min-width="180" />
+                <el-table-column label="Token" width="120">
+                    <template #default="{ row }">{{ row.token_ready ? row.token_masked || "yes" : "-" }}</template>
+                </el-table-column>
+                <el-table-column label="State" width="90">
+                    <template #default="{ row }">{{ row.state_ready ? "yes" : "no" }}</template>
+                </el-table-column>
+                <el-table-column prop="txt_file_count" label="txt 文件" width="90" />
+                <el-table-column prop="latest_txt_file" label="最新 txt" min-width="180" />
+                <el-table-column prop="file_index" label="file_index" width="100" />
+                <el-table-column prop="line_index" label="line_index" width="100" />
+                <el-table-column prop="updated_at" label="进度更新时间" min-width="180" />
+            </el-table>
+        </div>
+    </el-dialog>
+    <DomainExternalSeoBaiduPushTaskDialog ref="taskDialogRef" />
+    <DomainExternalSeoBaiduPushAttentionDialog ref="attentionDialogRef" />
+    <DomainExternalSeoBaiduPushTrendDialog ref="trendDialogRef" />
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+import { ElMessage } from "element-plus";
+import { SiteList } from "@/api/interface/site/list";
+import { getDomainExternalSeoBaiduPushSummary } from "@/api/modules/site/list";
+import DomainExternalSeoBaiduPushTaskDialog from "./domainExternalSeoBaiduPushTaskDialog.vue";
+import DomainExternalSeoBaiduPushAttentionDialog from "./domainExternalSeoBaiduPushAttentionDialog.vue";
+import DomainExternalSeoBaiduPushTrendDialog from "./domainExternalSeoBaiduPushTrendDialog.vue";
+
+const BASE_URL = import.meta.env.VITE_API_URL as string;
+const visible = ref(false);
+const loading = ref(false);
+const summary = ref<SiteList.DomainExternalSeoBaiduPushSummaryData>({});
+const taskDialogRef = ref();
+const attentionDialogRef = ref();
+const trendDialogRef = ref();
+
+const openPublicPath = (path?: string) => {
+    if (!path) return;
+    window.open(`${BASE_URL}/${String(path).replace(/^\/+/, "")}`, "_blank", "noopener");
+};
+
+const loadSummary = async () => {
+    loading.value = true;
+    try {
+        const res = await getDomainExternalSeoBaiduPushSummary({ limit: 50 });
+        summary.value = res.data ?? {};
+    } catch (_error) {
+        ElMessage.error("读取百度推送观察摘要失败");
+    } finally {
+        loading.value = false;
+    }
+};
+
+const openAttentionDialog = () => {
+    attentionDialogRef.value?.open();
+};
+
+const openTrendDialog = () => {
+    trendDialogRef.value?.open();
+};
+
+const openTaskDialog = () => {
+    taskDialogRef.value?.open();
+};
+
+const open = async () => {
+    visible.value = true;
+    await loadSummary();
+};
+
+defineExpose({
+    open
+});
+</script>
+
+<style scoped lang="scss">
+.baidu-push-dialog__toolbar {
+    margin-bottom: 12px;
+}
+
+.baidu-push-dialog__metrics {
+    display: grid;
+    grid-template-columns: repeat(4, minmax(120px, 1fr));
+    gap: 12px;
+    margin: 16px 0;
+}
+
+.metric-card {
+    border: 1px solid #ebeef5;
+    border-radius: 8px;
+    padding: 12px;
+    background: #fafafa;
+}
+
+.metric-card__label {
+    color: #909399;
+    font-size: 12px;
+    margin-bottom: 6px;
+}
+
+.metric-card__value {
+    color: #303133;
+    font-size: 22px;
+    font-weight: 600;
+}
+</style>
diff --git a/src/views/site/domainExternalSeoBaiduPushTaskDialog.vue b/src/views/site/domainExternalSeoBaiduPushTaskDialog.vue
new file mode 100644
index 0000000..75a5b56
--- /dev/null
+++ b/src/views/site/domainExternalSeoBaiduPushTaskDialog.vue
@@ -0,0 +1,101 @@
+<template>
+    <el-dialog v-model="visible" title="百度推送任务快捷管理" width="760px" draggable>
+        <div class="baidu-push-task-dialog">
+            <div class="baidu-push-task-dialog__toolbar">
+                <el-button type="primary" plain @click="loadStatus">刷新</el-button>
+                <el-button type="success" plain :disabled="saving || !status.task_exists" @click="saveStatus(1)">启用任务</el-button>
+                <el-button type="warning" plain :disabled="saving || !status.task_exists" @click="saveStatus(0)">关闭任务</el-button>
+            </div>
+
+            <el-alert
+                :title="`当前状态：${status.status_label || 'unknown'}`"
+                :description="status.note || '这里直接复用 PlanTask 的 PUSH_BAIDU_VIDEO_URL。'"
+                :type="status.pt_enable === 1 ? 'success' : 'warning'"
+                show-icon
+                :closable="false"
+            />
+
+            <el-descriptions :column="1" border size="small" class="baidu-push-task-dialog__desc">
+                <el-descriptions-item label="task_code">{{ status.task_code || "-" }}</el-descriptions-item>
+                <el-descriptions-item label="pt_name">{{ status.pt_name || "-" }}</el-descriptions-item>
+                <el-descriptions-item label="pt_enable">{{ status.pt_enable === 1 ? "1 / enabled" : "0 / disabled" }}</el-descriptions-item>
+                <el-descriptions-item label="pt_limit">{{ form.pt_limit }}</el-descriptions-item>
+                <el-descriptions-item label="pt_last_exec">{{ status.pt_last_exec || "-" }}</el-descriptions-item>
+                <el-descriptions-item label="db_status">
+                    {{ status.db_ready ? "ready" : `blocked: ${status.db_error || "-"}` }}
+                </el-descriptions-item>
+            </el-descriptions>
+
+            <el-form label-width="120px" class="baidu-push-task-dialog__form">
+                <el-form-item label="执行频率(秒)">
+                    <el-input-number v-model="form.pt_limit" :min="0" :step="60" />
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="primary" :loading="saving" :disabled="!status.task_exists" @click="saveStatus(status.pt_enable === 1 ? 1 : 0)">
+                        保存当前频率
+                    </el-button>
+                </el-form-item>
+            </el-form>
+        </div>
+    </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+import { ElMessage } from "element-plus";
+import { SiteList } from "@/api/interface/site/list";
+import { getDomainExternalSeoBaiduPushTaskStatus, saveDomainExternalSeoBaiduPushTaskStatus } from "@/api/modules/site/list";
+
+const visible = ref(false);
+const saving = ref(false);
+const status = ref<SiteList.DomainExternalSeoBaiduPushTaskStatusData>({});
+const form = ref({
+    pt_limit: 0
+});
+
+const loadStatus = async () => {
+    try {
+        const res = await getDomainExternalSeoBaiduPushTaskStatus();
+        status.value = res.data ?? {};
+        form.value.pt_limit = Number(status.value.pt_limit || 0);
+    } catch (_error) {
+        ElMessage.error("读取百度推送任务状态失败");
+    }
+};
+
+const saveStatus = async (ptEnable: number) => {
+    try {
+        saving.value = true;
+        const res = await saveDomainExternalSeoBaiduPushTaskStatus({
+            pt_enable: ptEnable,
+            pt_limit: Number(form.value.pt_limit || 0)
+        });
+        status.value = res.data ?? {};
+        form.value.pt_limit = Number(status.value.pt_limit || 0);
+        ElMessage.success("百度推送任务状态已更新");
+    } catch (_error) {
+        ElMessage.error("保存百度推送任务状态失败");
+    } finally {
+        saving.value = false;
+    }
+};
+
+const open = async () => {
+    visible.value = true;
+    await loadStatus();
+};
+
+defineExpose({
+    open
+});
+</script>
+
+<style scoped lang="scss">
+.baidu-push-task-dialog__toolbar {
+    margin-bottom: 12px;
+}
+
+.baidu-push-task-dialog__desc {
+    margin: 16px 0;
+}
+</style>
diff --git a/src/views/site/domainExternalSeoBaiduPushTrendDialog.vue b/src/views/site/domainExternalSeoBaiduPushTrendDialog.vue
new file mode 100644
index 0000000..4e3dde2
--- /dev/null
+++ b/src/views/site/domainExternalSeoBaiduPushTrendDialog.vue
@@ -0,0 +1,139 @@
+<template>
+    <el-dialog v-model="visible" title="百度推送趋势摘要" width="1100px" draggable>
+        <div class="baidu-push-trend-dialog">
+            <div class="baidu-push-trend-dialog__toolbar">
+                <el-button type="primary" plain @click="loadSummary">刷新</el-button>
+                <el-button v-if="summary.summary_html_path" type="success" plain @click="openPublicPath(summary.summary_html_path)">HTML摘要</el-button>
+                <el-button v-if="summary.summary_json_path" type="info" plain @click="openPublicPath(summary.summary_json_path)">JSON摘要</el-button>
+            </div>
+
+            <el-alert
+                :title="`当前趋势：${summary.health_label || 'unknown'}`"
+                :description="summary.note || '这里展示百度推送链的 proxy trend。'"
+                :type="alertType"
+                show-icon
+                :closable="false"
+            />
+
+            <div class="baidu-push-trend-dialog__metrics">
+                <div class="metric-card">
+                    <div class="metric-card__label">recent_state</div>
+                    <div class="metric-card__value">{{ summary.recent_state_count || 0 }}</div>
+                </div>
+                <div class="metric-card">
+                    <div class="metric-card__label">stale_state</div>
+                    <div class="metric-card__value">{{ summary.stale_state_count || 0 }}</div>
+                </div>
+                <div class="metric-card">
+                    <div class="metric-card__label">never_started</div>
+                    <div class="metric-card__value">{{ summary.never_started_count || 0 }}</div>
+                </div>
+                <div class="metric-card">
+                    <div class="metric-card__label">queue_count</div>
+                    <div class="metric-card__value">{{ summary.queue_count || 0 }}</div>
+                </div>
+                <div class="metric-card">
+                    <div class="metric-card__label">txt_missing</div>
+                    <div class="metric-card__value">{{ summary.txt_missing_count || 0 }}</div>
+                </div>
+            </div>
+
+            <el-descriptions :column="1" border size="small">
+                <el-descriptions-item label="task_last_exec">{{ summary.task_last_exec || "-" }}</el-descriptions-item>
+                <el-descriptions-item label="db_status">
+                    {{ summary.db_ready ? "ready" : `blocked: ${summary.db_error || "-"}` }}
+                </el-descriptions-item>
+            </el-descriptions>
+
+            <el-table v-loading="loading" :data="summary.recent_state_items || []" border max-height="420">
+                <el-table-column prop="domain" label="Domain" min-width="180" />
+                <el-table-column prop="updated_at" label="最近 state 更新时间" min-width="180" />
+                <el-table-column prop="age_hours" label="距今小时" width="100" />
+                <el-table-column label="Token" width="90">
+                    <template #default="{ row }">{{ row.token_ready ? "yes" : "no" }}</template>
+                </el-table-column>
+                <el-table-column label="State" width="90">
+                    <template #default="{ row }">{{ row.state_ready ? "yes" : "no" }}</template>
+                </el-table-column>
+                <el-table-column prop="txt_file_count" label="txt 文件" width="90" />
+            </el-table>
+        </div>
+    </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { computed, ref } from "vue";
+import { ElMessage } from "element-plus";
+import { SiteList } from "@/api/interface/site/list";
+import { getDomainExternalSeoBaiduPushTrendSummary } from "@/api/modules/site/list";
+
+const BASE_URL = import.meta.env.VITE_API_URL as string;
+const visible = ref(false);
+const loading = ref(false);
+const summary = ref<SiteList.DomainExternalSeoBaiduPushTrendData>({});
+
+const alertType = computed(() => {
+    const label = summary.value.health_label || "";
+    if (label === "active") return "success";
+    if (label === "blocked" || label === "stagnating") return "warning";
+    return "info";
+});
+
+const openPublicPath = (path?: string) => {
+    if (!path) return;
+    window.open(`${BASE_URL}/${String(path).replace(/^\/+/, "")}`, "_blank", "noopener");
+};
+
+const loadSummary = async () => {
+    loading.value = true;
+    try {
+        const res = await getDomainExternalSeoBaiduPushTrendSummary({ limit: 20 });
+        summary.value = res.data ?? {};
+    } catch (_error) {
+        ElMessage.error("读取百度推送趋势摘要失败");
+    } finally {
+        loading.value = false;
+    }
+};
+
+const open = async () => {
+    visible.value = true;
+    await loadSummary();
+};
+
+defineExpose({
+    open
+});
+</script>
+
+<style scoped lang="scss">
+.baidu-push-trend-dialog__toolbar {
+    margin-bottom: 12px;
+}
+
+.baidu-push-trend-dialog__metrics {
+    display: grid;
+    grid-template-columns: repeat(5, minmax(120px, 1fr));
+    gap: 12px;
+    margin: 16px 0;
+}
+
+.metric-card {
+    border: 1px solid #ebeef5;
+    border-radius: 8px;
+    padding: 12px;
+    background: #fafafa;
+}
+
+.metric-card__label {
+    color: #909399;
+    font-size: 12px;
+    margin-bottom: 6px;
+}
+
+.metric-card__value {
+    color: #303133;
+    font-size: 22px;
+    font-weight: 600;
+}
+</style>
diff --git a/src/views/site/domainExternalSeoCnOverviewDialog.vue b/src/views/site/domainExternalSeoCnOverviewDialog.vue
new file mode 100644
index 0000000..c17092a
--- /dev/null
+++ b/src/views/site/domainExternalSeoCnOverviewDialog.vue
@@ -0,0 +1,256 @@
+<template>
+    <el-dialog v-model="visible" title="大陆 SEO 总览" width="1220px" draggable>
+        <div class="cn-overview-dialog">
+            <div class="cn-overview-dialog__toolbar">
+                <el-button type="primary" plain @click="loadSummary">刷新</el-button>
+            </div>
+
+            <el-alert
+                :title="summary.health_label ? `当前大盘状态：${buildHealthLabel(summary.health_label)}` : '当前还没有大陆 SEO 总览数据'"
+                :description="summary.note || '这里会把快照摘要、收录变化、关键词升降和自动建议聚合到一个视角。'"
+                :type="buildHealthType(summary.health_label)"
+                show-icon
+                :closable="false"
+            />
+
+            <div class="cn-overview-dialog__hero">
+                <div class="cn-overview-dialog__hero-main">
+                    <div class="cn-overview-dialog__hero-label">大陆 SEO 大盘</div>
+                    <div class="cn-overview-dialog__hero-value">{{ buildHealthLabel(summary.health_label) }}</div>
+                    <div class="cn-overview-dialog__hero-note">
+                        先看收录和关键词是否同时在变好，再结合优先建议判断下一步要补哪里。
+                    </div>
+                </div>
+                <div class="cn-overview-dialog__hero-metrics">
+                    <div v-for="item in buildHeroMetrics(summary)" :key="item.label" class="metric-card metric-card--hero">
+                        <div class="metric-card__label">{{ item.label }}</div>
+                        <div class="metric-card__value">{{ item.value }}</div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="cn-overview-dialog__metrics">
+                <div class="metric-card"><div class="metric-card__label">Host</div><div class="metric-card__value">{{ summary.snapshot_summary?.host_count || 0 }}</div></div>
+                <div class="metric-card"><div class="metric-card__label">indexed_like</div><div class="metric-card__value">{{ summary.snapshot_summary?.indexed_like_host_count || 0 }}</div></div>
+                <div class="metric-card"><div class="metric-card__label">keyword_ready</div><div class="metric-card__value">{{ summary.snapshot_summary?.keyword_ready_host_count || 0 }}</div></div>
+                <div class="metric-card"><div class="metric-card__label">traffic_ready</div><div class="metric-card__value">{{ summary.snapshot_summary?.traffic_ready_host_count || 0 }}</div></div>
+                <div class="metric-card"><div class="metric-card__label">newly_indexed</div><div class="metric-card__value">{{ summary.index_movement?.newly_indexed_count || 0 }}</div></div>
+                <div class="metric-card"><div class="metric-card__label">lost_indexed</div><div class="metric-card__value">{{ summary.index_movement?.lost_indexed_count || 0 }}</div></div>
+            </div>
+
+            <div class="cn-overview-dialog__metrics cn-overview-dialog__metrics--priority">
+                <div class="metric-card metric-card--priority-high"><div class="metric-card__label">high</div><div class="metric-card__value">{{ summary.priority_buckets?.high || 0 }}</div></div>
+                <div class="metric-card metric-card--priority-medium"><div class="metric-card__label">medium</div><div class="metric-card__value">{{ summary.priority_buckets?.medium || 0 }}</div></div>
+                <div class="metric-card metric-card--priority-low"><div class="metric-card__label">low</div><div class="metric-card__value">{{ summary.priority_buckets?.low || 0 }}</div></div>
+                <div class="metric-card"><div class="metric-card__label">keyword_up</div><div class="metric-card__value">{{ summary.keyword_movement?.up_count || 0 }}</div></div>
+                <div class="metric-card"><div class="metric-card__label">keyword_down</div><div class="metric-card__value">{{ summary.keyword_movement?.down_count || 0 }}</div></div>
+                <div class="metric-card"><div class="metric-card__label">keyword_dropped</div><div class="metric-card__value">{{ summary.keyword_movement?.dropped_count || 0 }}</div></div>
+            </div>
+
+            <div class="cn-overview-dialog__descriptions">
+                <el-descriptions :column="2" border size="small">
+                <el-descriptions-item label="latest_snapshot_date">{{ summary.snapshot_summary?.latest_metric_date || "-" }}</el-descriptions-item>
+                <el-descriptions-item label="latest_index_date">{{ summary.index_movement?.latest_metric_date || "-" }}</el-descriptions-item>
+                <el-descriptions-item label="latest_keyword_date">{{ summary.keyword_movement?.latest_metric_date || "-" }}</el-descriptions-item>
+                <el-descriptions-item label="health_label">{{ summary.health_label || "-" }}</el-descriptions-item>
+                </el-descriptions>
+            </div>
+
+            <div class="cn-overview-dialog__attention">
+                <div class="pane-card">
+                    <div class="pane-card__title">大盘重点 Host</div>
+                    <div v-if="!(summary.top_hosts || []).length" class="pane-card__empty">当前还没有重点 Host 数据</div>
+                    <div v-else class="cn-overview-dialog__focus-list">
+                        <div v-for="(item, index) in (summary.top_hosts || []).slice(0, 3)" :key="`${item.host || 'host'}-${index}`" class="cn-overview-dialog__focus-item">
+                            <div class="cn-overview-dialog__focus-main">
+                                <div class="cn-overview-dialog__focus-host">{{ item.host || "-" }}</div>
+                                <div class="cn-overview-dialog__focus-meta">
+                                    {{ item.provider || "-" }} / 收录 {{ item.indexed_status || "-" }}
+                                </div>
+                            </div>
+                            <div class="cn-overview-dialog__focus-side">
+                                <div>PC词数 {{ item.pc_keyword_count ?? "-" }}</div>
+                                <div>移动词数 {{ item.mobile_keyword_count ?? "-" }}</div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="pane-card">
+                    <div class="pane-card__title">当前优先动作</div>
+                    <div v-if="!(summary.top_suggestions || []).length" class="pane-card__empty">当前还没有自动建议</div>
+                    <div v-else class="cn-overview-dialog__focus-list">
+                        <div
+                            v-for="(item, index) in (summary.top_suggestions || []).slice(0, 3)"
+                            :key="`${item.title || 'suggestion'}-${index}`"
+                            class="cn-overview-dialog__focus-item"
+                        >
+                            <div class="cn-overview-dialog__focus-main">
+                                <div class="cn-overview-dialog__focus-host">{{ item.title || "-" }}</div>
+                                <div class="cn-overview-dialog__focus-meta">{{ item.summary || "-" }}</div>
+                            </div>
+                            <div class="cn-overview-dialog__focus-side cn-overview-dialog__focus-side--action">
+                                {{ item.action || "-" }}
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <el-row :gutter="16" class="cn-overview-dialog__panes">
+                <el-col :span="12">
+                    <div class="pane-card">
+                        <div class="pane-card__title">重点 Host</div>
+                        <el-table v-loading="loading" :data="summary.top_hosts || []" border max-height="360">
+                            <el-table-column prop="host" label="Host" min-width="160" />
+                            <el-table-column prop="provider" label="Provider" width="100" />
+                            <el-table-column prop="indexed_status" label="收录状态" width="110" />
+                            <el-table-column prop="pc_keyword_count" label="PC词数" width="90" />
+                            <el-table-column prop="mobile_keyword_count" label="移动词数" width="90" />
+                        </el-table>
+                    </div>
+                </el-col>
+                <el-col :span="12">
+                    <div class="pane-card">
+                        <div class="pane-card__title">优先建议</div>
+                        <el-table v-loading="loading" :data="summary.top_suggestions || []" border max-height="360">
+                            <el-table-column prop="priority" label="优先级" width="90" />
+                            <el-table-column prop="title" label="建议标题" min-width="160" />
+                            <el-table-column prop="action" label="建议动作" min-width="260" />
+                        </el-table>
+                    </div>
+                </el-col>
+            </el-row>
+        </div>
+</el-dialog>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+import { ElMessage } from "element-plus";
+import { SiteList } from "@/api/interface/site/list";
+import { getDomainExternalSeoCnOverview } from "@/api/modules/site/list";
+
+const visible = ref(false);
+const loading = ref(false);
+const summary = ref<SiteList.DomainExternalSeoCnOverviewData>({});
+
+const loadSummary = async () => {
+    loading.value = true;
+    try {
+        const res = await getDomainExternalSeoCnOverview({ days: 14, limit: 20 });
+        summary.value = res.data ?? {};
+    } catch (_error) {
+        ElMessage.error("读取大陆 SEO 总览失败");
+    } finally {
+        loading.value = false;
+    }
+};
+
+const buildHealthType = (healthLabel?: string) => {
+    if (healthLabel === "growing") return "success";
+    if (healthLabel === "attention" || healthLabel === "captcha") return "warning";
+    return "info";
+};
+
+const buildHealthLabel = (healthLabel?: string) => {
+    if (healthLabel === "growing") return "增长中";
+    if (healthLabel === "attention") return "需要关注";
+    if (healthLabel === "captcha") return "抓取风控偏多";
+    return healthLabel || "等待大盘数据";
+};
+
+const buildHeroMetrics = (data: SiteList.DomainExternalSeoCnOverviewData) => {
+    return [
+        {
+            label: "收录新增",
+            value: `${Number(data.index_movement?.newly_indexed_count || 0)}`,
+        },
+        {
+            label: "收录丢失",
+            value: `${Number(data.index_movement?.lost_indexed_count || 0)}`,
+        },
+        {
+            label: "关键词上升",
+            value: `${Number(data.keyword_movement?.up_count || 0)}`,
+        },
+        {
+            label: "关键词下降",
+            value: `${Number(data.keyword_movement?.down_count || 0)}`,
+        },
+    ];
+};
+
+const open = async () => {
+    visible.value = true;
+    await loadSummary();
+};
+
+defineExpose({ open });
+</script>
+
+<style scoped lang="scss">
+.cn-overview-dialog__toolbar { margin-bottom: 12px; }
+.cn-overview-dialog__hero {
+    display:grid;
+    grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
+    gap:12px;
+    margin:16px 0;
+}
+.cn-overview-dialog__hero-main {
+    border-radius:12px;
+    padding:16px;
+    color:#fff;
+    background:linear-gradient(135deg, #14532d 0%, #1d4ed8 100%);
+}
+.cn-overview-dialog__hero-label { font-size:13px; opacity:.86; }
+.cn-overview-dialog__hero-value { margin-top:6px; font-size:28px; font-weight:700; }
+.cn-overview-dialog__hero-note { margin-top:8px; font-size:13px; line-height:1.6; opacity:.92; }
+.cn-overview-dialog__hero-metrics {
+    display:grid;
+    grid-template-columns:repeat(2,minmax(0,1fr));
+    gap:12px;
+}
+.cn-overview-dialog__metrics { display:grid; grid-template-columns:repeat(6,minmax(120px,1fr)); gap:12px; margin:16px 0; }
+.cn-overview-dialog__metrics--priority { grid-template-columns:repeat(6,minmax(120px,1fr)); }
+.metric-card { border:1px solid #ebeef5; border-radius:12px; padding:12px; background:#fafafa; }
+.metric-card--hero { background:#fafafa; }
+.metric-card--priority-high { background:#fff1f0; border-color:#fecaca; }
+.metric-card--priority-medium { background:#fffbeb; border-color:#fde68a; }
+.metric-card--priority-low { background:#f0f9ff; border-color:#bae6fd; }
+.metric-card__label { color:#909399; font-size:12px; margin-bottom:6px; }
+.metric-card__value { color:#303133; font-size:22px; font-weight:600; }
+.cn-overview-dialog__descriptions { margin: 8px 0 16px; }
+.cn-overview-dialog__attention {
+    display:grid;
+    grid-template-columns:repeat(2,minmax(0,1fr));
+    gap:16px;
+    margin-bottom:16px;
+}
+.cn-overview-dialog__panes { margin-top: 16px; }
+.pane-card { border:1px solid #ebeef5; border-radius:12px; padding:12px; background:#fff; }
+.pane-card__title { font-weight:600; margin-bottom:12px; }
+.pane-card__empty { color:#909399; font-size:13px; }
+.cn-overview-dialog__focus-list { display:flex; flex-direction:column; gap:10px; }
+.cn-overview-dialog__focus-item {
+    display:flex;
+    justify-content:space-between;
+    gap:12px;
+    padding:10px;
+    border-radius:10px;
+    background:#fafafa;
+}
+.cn-overview-dialog__focus-main { min-width:0; }
+.cn-overview-dialog__focus-host { color:#303133; font-weight:600; word-break:break-all; }
+.cn-overview-dialog__focus-meta { margin-top:6px; color:#606266; font-size:12px; line-height:1.5; }
+.cn-overview-dialog__focus-side { color:#606266; font-size:12px; line-height:1.8; text-align:right; }
+.cn-overview-dialog__focus-side--action { max-width:220px; text-align:left; }
+@media (max-width: 1100px) {
+    .cn-overview-dialog__hero,
+    .cn-overview-dialog__attention,
+    .cn-overview-dialog__hero-metrics,
+    .cn-overview-dialog__metrics,
+    .cn-overview-dialog__metrics--priority {
+        grid-template-columns:1fr;
+    }
+}
+</style>
diff --git a/src/views/site/domainExternalSeoFailedQueueDialog.vue b/src/views/site/domainExternalSeoFailedQueueDialog.vue
new file mode 100644
index 0000000..d3b63c7
--- /dev/null
+++ b/src/views/site/domainExternalSeoFailedQueueDialog.vue
@@ -0,0 +1,108 @@
+<template>
+    <el-dialog v-model="visible" title="站外异常队列" width="1100px" draggable>
+        <div class="external-failed-dialog">
+            <div class="external-failed-dialog__toolbar">
+                <el-button type="primary" plain @click="loadQueue">刷新</el-button>
+            </div>
+
+            <el-alert
+                :title="queue.queue_count ? '当前存在站外前置异常 Host' : '当前没有站外前置异常 Host'"
+                :description="queue.note || '当前队列基于 proxy_readiness 摘要生成。'"
+                :type="queue.queue_count ? 'warning' : 'success'"
+                show-icon
+                :closable="false"
+            />
+
+            <div class="external-failed-dialog__summary">
+                <span>队列：{{ queue.queue_count || 0 }}</span>
+                <span>趋势：{{ trendLabel() }}</span>
+            </div>
+
+            <el-table v-loading="loading" :data="rows" border max-height="420">
+                <el-table-column prop="host" label="Host" min-width="180" />
+                <el-table-column prop="external_readiness" label="站外准备态" width="120" />
+                <el-table-column prop="probe_status" label="探测状态" width="110" />
+                <el-table-column prop="failed_stage" label="失败阶段" width="110" />
+                <el-table-column prop="search_keyword" label="关键词样本" min-width="180" />
+                <el-table-column prop="probed_at" label="探测时间" min-width="180" />
+                <el-table-column label="操作" width="300" fixed="right">
+                    <template #default="{ row }">
+                        <el-button v-if="row.summary_html_path" link type="primary" @click="openPublicPath(row.summary_html_path)">HTML摘要</el-button>
+                        <el-button v-if="row.summary_json_path" link type="info" @click="openPublicPath(row.summary_json_path)">JSON摘要</el-button>
+                        <el-button v-if="row.probe_command" link type="warning" @click="showCommand('单条探测命令', row.probe_command)">探测命令</el-button>
+                        <el-button v-if="row.sample_command" link type="success" @click="showCommand('自动样本命令', row.sample_command)">样本命令</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+        </div>
+    </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+import { ElMessage, ElMessageBox } from "element-plus";
+import { SiteList } from "@/api/interface/site/list";
+import { getDomainExternalSeoFailedQueue } from "@/api/modules/site/list";
+
+const BASE_URL = import.meta.env.VITE_API_URL as string;
+const visible = ref(false);
+const loading = ref(false);
+const rows = ref<SiteList.DomainExternalSeoFailedQueueItem[]>([]);
+const queue = ref<SiteList.DomainExternalSeoFailedQueueData>({});
+
+const openPublicPath = (path?: string) => {
+    if (!path) return;
+    window.open(`${BASE_URL}/${String(path).replace(/^\/+/, "")}`, "_blank", "noopener");
+};
+
+const showCommand = async (title: string, command?: string) => {
+    if (!command) return;
+    await ElMessageBox.alert(`<code>${command}</code>`, title, {
+        dangerouslyUseHTMLString: true,
+        confirmButtonText: "知道了"
+    });
+};
+
+const trendLabel = () => {
+    const label = queue.value.failure_trend?.label || "flat";
+    if (label === "improving") return "改善中";
+    if (label === "worsening") return "上升中";
+    return "持平";
+};
+
+const loadQueue = async () => {
+    loading.value = true;
+    try {
+        const res = await getDomainExternalSeoFailedQueue({ limit: 50 });
+        queue.value = res.data ?? {};
+        rows.value = res.data.items ?? [];
+    } catch (_error) {
+        ElMessage.error("读取站外异常队列失败");
+    } finally {
+        loading.value = false;
+    }
+};
+
+const open = async () => {
+    visible.value = true;
+    await loadQueue();
+};
+
+defineExpose({
+    open
+});
+</script>
+
+<style scoped lang="scss">
+.external-failed-dialog__toolbar {
+    margin-bottom: 12px;
+}
+
+.external-failed-dialog__summary {
+    display: flex;
+    gap: 16px;
+    margin: 12px 0;
+    color: #606266;
+    font-size: 13px;
+}
+</style>
diff --git a/src/views/site/domainExternalSeoIndexMovementDialog.vue b/src/views/site/domainExternalSeoIndexMovementDialog.vue
new file mode 100644
index 0000000..83388b8
--- /dev/null
+++ b/src/views/site/domainExternalSeoIndexMovementDialog.vue
@@ -0,0 +1,226 @@
+<template>
+    <el-dialog v-model="visible" title="收录变化摘要" width="1220px" draggable>
+        <div class="index-movement-dialog">
+            <div class="index-movement-dialog__toolbar">
+                <el-button type="primary" plain @click="loadSummary">刷新</el-button>
+            </div>
+
+            <el-alert
+                :title="summary.latest_host_count ? '当前已可分析收录变化' : '当前收录历史快照还不够做变化分析'"
+                :description="summary.note || '这里消费 seo_external_snapshot 表里的 site: 收录历史快照。'"
+                :type="buildHealthType(summary)"
+                show-icon
+                :closable="false"
+            />
+
+            <div class="index-movement-dialog__hero">
+                <div class="index-movement-dialog__hero-main">
+                    <div class="index-movement-dialog__hero-label">收录变化大盘</div>
+                    <div class="index-movement-dialog__hero-value">{{ buildHealthLabel(summary) }}</div>
+                    <div class="index-movement-dialog__hero-note">
+                        先看新增收录和丢失收录，再看验证码、阻塞和无结果是不是在升高。
+                    </div>
+                </div>
+                <div class="index-movement-dialog__hero-metrics">
+                    <div v-for="item in buildHeroMetrics(summary)" :key="item.label" class="metric-card metric-card--hero">
+                        <div class="metric-card__label">{{ item.label }}</div>
+                        <div class="metric-card__value">{{ item.value }}</div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="index-movement-dialog__metrics">
+                <div class="metric-card"><div class="metric-card__label">latest</div><div class="metric-card__value">{{ summary.latest_host_count || 0 }}</div></div>
+                <div class="metric-card"><div class="metric-card__label">newly_indexed</div><div class="metric-card__value">{{ summary.newly_indexed_count || 0 }}</div></div>
+                <div class="metric-card"><div class="metric-card__label">lost_indexed</div><div class="metric-card__value">{{ summary.lost_indexed_count || 0 }}</div></div>
+                <div class="metric-card"><div class="metric-card__label">captcha</div><div class="metric-card__value">{{ summary.captcha_count || 0 }}</div></div>
+                <div class="metric-card"><div class="metric-card__label">blocked</div><div class="metric-card__value">{{ summary.blocked_count || 0 }}</div></div>
+                <div class="metric-card"><div class="metric-card__label">no_result</div><div class="metric-card__value">{{ summary.no_result_count || 0 }}</div></div>
+            </div>
+
+            <div class="index-movement-dialog__attention">
+                <div class="index-movement-dialog__attention-box">
+                    <div class="index-movement-dialog__attention-title">当前优先关注</div>
+                    <div class="index-movement-dialog__attention-grid">
+                        <div class="index-movement-dialog__mini">
+                            <div class="index-movement-dialog__mini-label">新增收录</div>
+                            <div class="index-movement-dialog__mini-value">{{ summary.newly_indexed_count || 0 }}</div>
+                        </div>
+                        <div class="index-movement-dialog__mini">
+                            <div class="index-movement-dialog__mini-label">丢失收录</div>
+                            <div class="index-movement-dialog__mini-value">{{ summary.lost_indexed_count || 0 }}</div>
+                        </div>
+                        <div class="index-movement-dialog__mini">
+                            <div class="index-movement-dialog__mini-label">验证码</div>
+                            <div class="index-movement-dialog__mini-value">{{ summary.captcha_count || 0 }}</div>
+                        </div>
+                        <div class="index-movement-dialog__mini">
+                            <div class="index-movement-dialog__mini-label">状态变化</div>
+                            <div class="index-movement-dialog__mini-value">{{ summary.changed_count || 0 }}</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <el-descriptions :column="2" border size="small">
+                <el-descriptions-item label="latest_metric_date">{{ summary.latest_metric_date || "-" }}</el-descriptions-item>
+                <el-descriptions-item label="previous_metric_date">{{ summary.previous_metric_date || "-" }}</el-descriptions-item>
+                <el-descriptions-item label="latest_host_count">{{ summary.latest_host_count || 0 }}</el-descriptions-item>
+                <el-descriptions-item label="changed_count">{{ summary.changed_count || 0 }}</el-descriptions-item>
+            </el-descriptions>
+
+            <el-tabs>
+                <el-tab-pane :label="`新增收录 (${summary.newly_indexed_count || 0})`">
+                    <el-table v-loading="loading" :data="summary.newly_indexed_items || []" border max-height="320">
+                        <el-table-column prop="host" label="Host" min-width="180" />
+                        <el-table-column prop="previous_state" label="Prev" width="120" />
+                        <el-table-column prop="normalized_state" label="Now" width="120" />
+                        <el-table-column prop="previous_metric_date" label="Prev Date" width="120" />
+                        <el-table-column prop="metric_date" label="Now Date" width="120" />
+                        <el-table-column prop="result_count_text" label="Result" min-width="200" />
+                    </el-table>
+                </el-tab-pane>
+                <el-tab-pane :label="`丢失收录 (${summary.lost_indexed_count || 0})`">
+                    <el-table v-loading="loading" :data="summary.lost_indexed_items || []" border max-height="320">
+                        <el-table-column prop="host" label="Host" min-width="180" />
+                        <el-table-column prop="previous_state" label="Prev" width="120" />
+                        <el-table-column prop="normalized_state" label="Now" width="120" />
+                        <el-table-column prop="previous_metric_date" label="Prev Date" width="120" />
+                        <el-table-column prop="metric_date" label="Now Date" width="120" />
+                        <el-table-column prop="result_count_text" label="Result" min-width="200" />
+                    </el-table>
+                </el-tab-pane>
+                <el-tab-pane :label="`验证码 (${summary.captcha_count || 0})`">
+                    <el-table v-loading="loading" :data="summary.captcha_items || []" border max-height="320">
+                        <el-table-column prop="host" label="Host" min-width="180" />
+                        <el-table-column prop="metric_date" label="Date" width="120" />
+                        <el-table-column prop="normalized_state" label="State" width="120" />
+                        <el-table-column prop="result_count_text" label="Result" min-width="220" />
+                    </el-table>
+                </el-tab-pane>
+                <el-tab-pane :label="`无结果 (${summary.no_result_count || 0})`">
+                    <el-table v-loading="loading" :data="summary.no_result_items || []" border max-height="320">
+                        <el-table-column prop="host" label="Host" min-width="180" />
+                        <el-table-column prop="metric_date" label="Date" width="120" />
+                        <el-table-column prop="normalized_state" label="State" width="120" />
+                        <el-table-column prop="result_count_text" label="Result" min-width="220" />
+                    </el-table>
+                </el-tab-pane>
+                <el-tab-pane :label="`阻塞 (${summary.blocked_count || 0})`">
+                    <el-table v-loading="loading" :data="summary.blocked_items || []" border max-height="320">
+                        <el-table-column prop="host" label="Host" min-width="180" />
+                        <el-table-column prop="metric_date" label="Date" width="120" />
+                        <el-table-column prop="normalized_state" label="State" width="120" />
+                        <el-table-column prop="result_count_text" label="Result" min-width="220" />
+                    </el-table>
+                </el-tab-pane>
+                <el-tab-pane :label="`状态变化 (${summary.changed_count || 0})`">
+                    <el-table v-loading="loading" :data="summary.changed_items || []" border max-height="320">
+                        <el-table-column prop="host" label="Host" min-width="180" />
+                        <el-table-column prop="previous_state" label="Prev" width="120" />
+                        <el-table-column prop="normalized_state" label="Now" width="120" />
+                        <el-table-column prop="previous_metric_date" label="Prev Date" width="120" />
+                        <el-table-column prop="metric_date" label="Now Date" width="120" />
+                        <el-table-column prop="result_count_text" label="Result" min-width="220" />
+                    </el-table>
+                </el-tab-pane>
+            </el-tabs>
+        </div>
+    </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+import { ElMessage } from "element-plus";
+import { SiteList } from "@/api/interface/site/list";
+import { getDomainExternalSeoIndexMovementSummary } from "@/api/modules/site/list";
+
+const visible = ref(false);
+const loading = ref(false);
+const summary = ref<SiteList.DomainExternalSeoIndexMovementSummaryData>({});
+
+const loadSummary = async () => {
+    loading.value = true;
+    try {
+        const res = await getDomainExternalSeoIndexMovementSummary({ days: 14, limit: 30 });
+        summary.value = res.data ?? {};
+    } catch (_error) {
+        ElMessage.error("读取收录变化摘要失败");
+    } finally {
+        loading.value = false;
+    }
+};
+
+const buildHealthType = (data: SiteList.DomainExternalSeoIndexMovementSummaryData) => {
+    if ((data.lost_indexed_count || 0) > 0 || (data.blocked_count || 0) > 0) return "warning";
+    if ((data.newly_indexed_count || 0) > 0) return "success";
+    return data.latest_host_count ? "info" : "warning";
+};
+
+const buildHealthLabel = (data: SiteList.DomainExternalSeoIndexMovementSummaryData) => {
+    if ((data.lost_indexed_count || 0) > 0) return "存在收录波动";
+    if ((data.newly_indexed_count || 0) > 0) return "收录正在增长";
+    if ((data.captcha_count || 0) > 0) return "存在验证码干扰";
+    return data.latest_host_count ? "收录变化平稳" : "等待收录历史数据";
+};
+
+const buildHeroMetrics = (data: SiteList.DomainExternalSeoIndexMovementSummaryData) => {
+    return [
+        { label: "新增收录", value: `${data.newly_indexed_count || 0}` },
+        { label: "丢失收录", value: `${data.lost_indexed_count || 0}` },
+        { label: "验证码", value: `${data.captcha_count || 0}` },
+        { label: "阻塞", value: `${data.blocked_count || 0}` },
+    ];
+};
+
+const open = async () => {
+    visible.value = true;
+    await loadSummary();
+};
+
+defineExpose({ open });
+</script>
+
+<style scoped lang="scss">
+.index-movement-dialog__toolbar { margin-bottom: 12px; }
+.index-movement-dialog__hero {
+    display:grid;
+    grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
+    gap:12px;
+    margin:16px 0;
+}
+.index-movement-dialog__hero-main {
+    border-radius:12px;
+    padding:16px;
+    color:#fff;
+    background:linear-gradient(135deg, #166534 0%, #0f766e 100%);
+}
+.index-movement-dialog__hero-label { font-size:13px; opacity:.86; }
+.index-movement-dialog__hero-value { margin-top:6px; font-size:28px; font-weight:700; }
+.index-movement-dialog__hero-note { margin-top:8px; font-size:13px; line-height:1.6; opacity:.92; }
+.index-movement-dialog__hero-metrics {
+    display:grid;
+    grid-template-columns:repeat(2,minmax(0,1fr));
+    gap:12px;
+}
+.index-movement-dialog__metrics { display:grid; grid-template-columns:repeat(6,minmax(120px,1fr)); gap:12px; margin:16px 0; }
+.index-movement-dialog__attention { margin:0 0 16px; }
+.index-movement-dialog__attention-box { border:1px solid #ebeef5; border-radius:12px; padding:14px; background:#fff; }
+.index-movement-dialog__attention-title { font-weight:600; margin-bottom:10px; }
+.index-movement-dialog__attention-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
+.index-movement-dialog__mini { padding:10px; border-radius:10px; background:#fafafa; }
+.index-movement-dialog__mini-label { color:#909399; font-size:12px; }
+.index-movement-dialog__mini-value { margin-top:6px; color:#303133; font-weight:600; line-height:1.5; }
+.metric-card { border:1px solid #ebeef5; border-radius:12px; padding:12px; background:#fafafa; }
+.metric-card--hero { background:#fafafa; }
+.metric-card__label { color:#909399; font-size:12px; margin-bottom:6px; }
+.metric-card__value { color:#303133; font-size:22px; font-weight:600; }
+@media (max-width: 1100px) {
+    .index-movement-dialog__hero,
+    .index-movement-dialog__hero-metrics,
+    .index-movement-dialog__metrics,
+    .index-movement-dialog__attention-grid {
+        grid-template-columns:1fr;
+    }
+}
+</style>
diff --git a/src/views/site/domainExternalSeoIntegrationOverviewDialog.vue b/src/views/site/domainExternalSeoIntegrationOverviewDialog.vue
new file mode 100644
index 0000000..3b2a94c
--- /dev/null
+++ b/src/views/site/domainExternalSeoIntegrationOverviewDialog.vue
@@ -0,0 +1,387 @@
+<template>
+    <el-dialog v-model="visible" title="站外 SEO 联调总览" width="980px" draggable>
+        <div class="integration-overview-dialog">
+            <div class="integration-overview-dialog__toolbar">
+                <el-button type="primary" plain @click="loadSummary">刷新</el-button>
+            </div>
+
+            <el-alert
+                :title="buildTitle(summary)"
+                :type="buildHealthType(summary.health_label)"
+                :description="summary.note || ''"
+                show-icon
+                :closable="false"
+            />
+
+            <div class="integration-overview-dialog__hero">
+                <div class="integration-overview-dialog__hero-main">
+                    <div class="integration-overview-dialog__hero-label">当前联调状态</div>
+                    <div class="integration-overview-dialog__hero-value">{{ buildHealthLabel(summary.health_label) }}</div>
+                    <div class="integration-overview-dialog__hero-note">
+                        dry-run 与正式回推会一起汇总到这里，值班时先看这一块。
+                    </div>
+                </div>
+                <div class="integration-overview-dialog__hero-metrics">
+                    <div v-for="item in buildHeroMetrics(summary)" :key="item.label" class="integration-overview-dialog__metric">
+                        <div class="integration-overview-dialog__metric-label">{{ item.label }}</div>
+                        <div class="integration-overview-dialog__metric-value">{{ item.value }}</div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="integration-overview-dialog__cards">
+                <div class="integration-overview-dialog__card integration-overview-dialog__card--validate">
+                    <div class="integration-overview-dialog__card-title">最近 dry-run</div>
+                    <div class="integration-overview-dialog__card-run">{{ summary.validate?.latest_run?.run_id || "-" }}</div>
+                    <div class="integration-overview-dialog__card-grid">
+                        <div class="integration-overview-dialog__mini">
+                            <div class="integration-overview-dialog__mini-label">总数</div>
+                            <div class="integration-overview-dialog__mini-value">{{ summary.validate?.total || 0 }}</div>
+                        </div>
+                        <div class="integration-overview-dialog__mini">
+                            <div class="integration-overview-dialog__mini-label">通过率</div>
+                            <div class="integration-overview-dialog__mini-value">{{ Number(summary.validate?.latest_run?.success_rate || 0).toFixed(0) }}%</div>
+                        </div>
+                        <div class="integration-overview-dialog__mini">
+                            <div class="integration-overview-dialog__mini-label">告警</div>
+                            <div class="integration-overview-dialog__mini-value">{{ summary.validate?.latest_run?.alert_level || "none" }}</div>
+                        </div>
+                        <div class="integration-overview-dialog__mini">
+                            <div class="integration-overview-dialog__mini-label">原因</div>
+                            <div class="integration-overview-dialog__mini-value integration-overview-dialog__mini-value--reason">
+                                {{ summary.validate?.latest_run?.alert_reason || "-" }}
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="integration-overview-dialog__card integration-overview-dialog__card--snapshot">
+                    <div class="integration-overview-dialog__card-title">最近正式回推</div>
+                    <div class="integration-overview-dialog__card-run">{{ summary.snapshot?.latest_run?.run_id || "-" }}</div>
+                    <div class="integration-overview-dialog__card-grid">
+                        <div class="integration-overview-dialog__mini">
+                            <div class="integration-overview-dialog__mini-label">总数</div>
+                            <div class="integration-overview-dialog__mini-value">{{ summary.snapshot?.total || 0 }}</div>
+                        </div>
+                        <div class="integration-overview-dialog__mini">
+                            <div class="integration-overview-dialog__mini-label">成功率</div>
+                            <div class="integration-overview-dialog__mini-value">{{ Number(summary.snapshot?.latest_run?.success_rate || 0).toFixed(0) }}%</div>
+                        </div>
+                        <div class="integration-overview-dialog__mini">
+                            <div class="integration-overview-dialog__mini-label">告警</div>
+                            <div class="integration-overview-dialog__mini-value">{{ summary.snapshot?.latest_run?.alert_level || "none" }}</div>
+                        </div>
+                        <div class="integration-overview-dialog__mini">
+                            <div class="integration-overview-dialog__mini-label">原因</div>
+                            <div class="integration-overview-dialog__mini-value integration-overview-dialog__mini-value--reason">
+                                {{ summary.snapshot?.latest_run?.alert_reason || "-" }}
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="integration-overview-dialog__attention">
+                <div class="integration-overview-dialog__attention-box">
+                    <div class="integration-overview-dialog__attention-title">dry-run 优先关注</div>
+                    <div v-if="!(summary.validate?.top_attention_runs || []).length" class="integration-overview-dialog__attention-empty">当前没有高优先级 dry-run 异常</div>
+                    <div v-else class="integration-overview-dialog__attention-list">
+                        <div v-for="item in (summary.validate?.top_attention_runs || []).slice(0, 3)" :key="item.run_id" class="integration-overview-dialog__attention-item">
+                            <div class="integration-overview-dialog__attention-run">{{ item.run_id }}</div>
+                            <div class="integration-overview-dialog__attention-reason">{{ item.alert_reason || "-" }}</div>
+                        </div>
+                    </div>
+                </div>
+                <div class="integration-overview-dialog__attention-box">
+                    <div class="integration-overview-dialog__attention-title">正式回推优先关注</div>
+                    <div v-if="!(summary.snapshot?.top_attention_runs || []).length" class="integration-overview-dialog__attention-empty">当前没有高优先级正式回推异常</div>
+                    <div v-else class="integration-overview-dialog__attention-list">
+                        <div v-for="item in (summary.snapshot?.top_attention_runs || []).slice(0, 3)" :key="item.run_id" class="integration-overview-dialog__attention-item">
+                            <div class="integration-overview-dialog__attention-run">{{ item.run_id }}</div>
+                            <div class="integration-overview-dialog__attention-reason">{{ item.alert_reason || "-" }}</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <el-table :data="buildRows(summary)" border>
+                <el-table-column prop="stage" label="阶段" width="140" />
+                <el-table-column prop="run_id" label="最新 Run" min-width="180" />
+                <el-table-column prop="success_rate" label="成功率" width="100" />
+                <el-table-column prop="alert_level" label="告警" width="100" />
+                <el-table-column prop="alert_reason" label="原因" min-width="260" />
+            </el-table>
+        </div>
+    </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+import { ElMessage } from "element-plus";
+import { SiteList } from "@/api/interface/site/list";
+import { getDomainExternalSeoIntegrationOverview } from "@/api/modules/site/list";
+
+const visible = ref(false);
+const loading = ref(false);
+const summary = ref<SiteList.DomainExternalSeoIntegrationOverviewData>({});
+
+const loadSummary = async () => {
+    loading.value = true;
+    try {
+        const res = await getDomainExternalSeoIntegrationOverview({ limit: 10 });
+        summary.value = res.data ?? {};
+    } catch (_error) {
+        ElMessage.error("读取站外 SEO 联调总览失败");
+    } finally {
+        loading.value = false;
+    }
+};
+
+const buildRows = (data: SiteList.DomainExternalSeoIntegrationOverviewData) => {
+    return [
+        {
+            stage: "dry-run 校验",
+            run_id: data.validate?.latest_run?.run_id || "-",
+            success_rate: `${Number(data.validate?.latest_run?.success_rate || 0).toFixed(0)}%`,
+            alert_level: data.validate?.latest_run?.alert_level || "none",
+            alert_reason: data.validate?.latest_run?.alert_reason || "-",
+        },
+        {
+            stage: "正式回推",
+            run_id: data.snapshot?.latest_run?.run_id || "-",
+            success_rate: `${Number(data.snapshot?.latest_run?.success_rate || 0).toFixed(0)}%`,
+            alert_level: data.snapshot?.latest_run?.alert_level || "none",
+            alert_reason: data.snapshot?.latest_run?.alert_reason || "-",
+        },
+    ];
+};
+
+const buildHealthType = (healthLabel?: string) => {
+    if (healthLabel === "validate_blocked" || healthLabel === "push_blocked") return "error";
+    if (healthLabel === "running") return "success";
+    return "info";
+};
+
+const buildHealthLabel = (healthLabel?: string) => {
+    if (healthLabel === "validate_blocked") return "字段校验受阻";
+    if (healthLabel === "push_blocked") return "正式回推受阻";
+    if (healthLabel === "running") return "联调运行中";
+    return "等待联调数据";
+};
+
+const buildHeroMetrics = (data: SiteList.DomainExternalSeoIntegrationOverviewData) => {
+    const validateLatest = data.validate?.latest_run;
+    const snapshotLatest = data.snapshot?.latest_run;
+    return [
+        {
+            label: "dry-run 成功率",
+            value: `${Number(validateLatest?.success_rate || 0).toFixed(0)}%`,
+        },
+        {
+            label: "正式回推成功率",
+            value: `${Number(snapshotLatest?.success_rate || 0).toFixed(0)}%`,
+        },
+        {
+            label: "dry-run 高优先级",
+            value: `${Number(data.validate?.alert_buckets?.high || 0)}`,
+        },
+        {
+            label: "回推高优先级",
+            value: `${Number(data.snapshot?.alert_buckets?.high || 0)}`,
+        },
+    ];
+};
+
+const buildTitle = (data: SiteList.DomainExternalSeoIntegrationOverviewData) => {
+    if (data.health_label === "validate_blocked") {
+        return "当前主要卡在字段校验阶段，先修 dry-run 问题。";
+    }
+    if (data.health_label === "push_blocked") {
+        return "当前 dry-run 已经过，但正式回推仍有阻塞。";
+    }
+    if (data.health_label === "running") {
+        return "联调链路已经跑起来，可以继续观察 dry-run 和正式回推的稳定性。";
+    }
+    return "当前还没有足够的联调记录。";
+};
+
+const open = async () => {
+    visible.value = true;
+    await loadSummary();
+};
+
+defineExpose({ open });
+</script>
+
+<style scoped lang="scss">
+.integration-overview-dialog__toolbar {
+    margin-bottom: 12px;
+}
+
+.integration-overview-dialog__hero {
+    display: grid;
+    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
+    gap: 12px;
+    margin: 12px 0;
+}
+
+.integration-overview-dialog__hero-main {
+    border-radius: 12px;
+    padding: 16px;
+    color: #fff;
+    background: linear-gradient(135deg, #1f4b99 0%, #2e7d6b 100%);
+}
+
+.integration-overview-dialog__hero-label {
+    font-size: 13px;
+    opacity: 0.85;
+}
+
+.integration-overview-dialog__hero-value {
+    font-size: 28px;
+    font-weight: 700;
+    margin-top: 6px;
+}
+
+.integration-overview-dialog__hero-note {
+    margin-top: 8px;
+    font-size: 13px;
+    opacity: 0.9;
+    line-height: 1.6;
+}
+
+.integration-overview-dialog__hero-metrics {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 12px;
+}
+
+.integration-overview-dialog__metric {
+    border: 1px solid #ebeef5;
+    border-radius: 12px;
+    padding: 14px;
+    background: #fafafa;
+}
+
+.integration-overview-dialog__metric-label {
+    color: #909399;
+    font-size: 12px;
+}
+
+.integration-overview-dialog__metric-value {
+    margin-top: 8px;
+    font-size: 24px;
+    font-weight: 700;
+    color: #303133;
+}
+
+.integration-overview-dialog__cards {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 12px;
+    margin: 12px 0;
+}
+
+.integration-overview-dialog__card {
+    border: 1px solid #ebeef5;
+    border-radius: 12px;
+    padding: 14px;
+    background: #fafafa;
+}
+
+.integration-overview-dialog__card-title {
+    font-weight: 600;
+    margin-bottom: 6px;
+}
+
+.integration-overview-dialog__card-run {
+    color: #606266;
+    font-size: 12px;
+    margin-bottom: 12px;
+    word-break: break-all;
+}
+
+.integration-overview-dialog__card-grid {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 10px;
+}
+
+.integration-overview-dialog__mini {
+    padding: 10px;
+    border-radius: 10px;
+    background: #fff;
+}
+
+.integration-overview-dialog__mini-label {
+    color: #909399;
+    font-size: 12px;
+}
+
+.integration-overview-dialog__mini-value {
+    margin-top: 6px;
+    color: #303133;
+    font-weight: 600;
+    line-height: 1.5;
+}
+
+.integration-overview-dialog__mini-value--reason {
+    font-size: 12px;
+    font-weight: 500;
+}
+
+.integration-overview-dialog__attention {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 12px;
+    margin-bottom: 12px;
+}
+
+.integration-overview-dialog__attention-box {
+    border: 1px solid #ebeef5;
+    border-radius: 12px;
+    padding: 14px;
+    background: #fff;
+}
+
+.integration-overview-dialog__attention-title {
+    font-weight: 600;
+    margin-bottom: 10px;
+}
+
+.integration-overview-dialog__attention-empty {
+    color: #909399;
+    font-size: 13px;
+}
+
+.integration-overview-dialog__attention-list {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+}
+
+.integration-overview-dialog__attention-item {
+    padding: 10px;
+    border-radius: 10px;
+    background: #fafafa;
+}
+
+.integration-overview-dialog__attention-run {
+    font-size: 12px;
+    color: #606266;
+    word-break: break-all;
+}
+
+.integration-overview-dialog__attention-reason {
+    margin-top: 6px;
+    color: #303133;
+    line-height: 1.5;
+}
+
+@media (max-width: 900px) {
+    .integration-overview-dialog__hero,
+    .integration-overview-dialog__cards,
+    .integration-overview-dialog__attention {
+        grid-template-columns: 1fr;
+    }
+}
+</style>
diff --git a/src/views/site/domainExternalSeoKeywordMovementDialog.vue b/src/views/site/domainExternalSeoKeywordMovementDialog.vue
new file mode 100644
index 0000000..7ffbd1c
--- /dev/null
+++ b/src/views/site/domainExternalSeoKeywordMovementDialog.vue
@@ -0,0 +1,204 @@
+<template>
+    <el-dialog v-model="visible" title="关键词升降摘要" width="1220px" draggable>
+        <div class="keyword-movement-dialog">
+            <div class="keyword-movement-dialog__toolbar">
+                <el-button type="primary" plain @click="loadSummary">刷新</el-button>
+            </div>
+
+            <el-alert
+                :title="summary.latest_keyword_count ? '当前已可分析关键词升降' : '当前关键词历史快照还不够做升降分析'"
+                :description="summary.note || '这里消费 seo_external_snapshot 表里的关键词历史快照。'"
+                :type="buildHealthType(summary)"
+                show-icon
+                :closable="false"
+            />
+
+            <div class="keyword-movement-dialog__hero">
+                <div class="keyword-movement-dialog__hero-main">
+                    <div class="keyword-movement-dialog__hero-label">关键词变化大盘</div>
+                    <div class="keyword-movement-dialog__hero-value">{{ buildHealthLabel(summary) }}</div>
+                    <div class="keyword-movement-dialog__hero-note">
+                        先看新增词和上升词，再看下降和掉词是否在扩大。
+                    </div>
+                </div>
+                <div class="keyword-movement-dialog__hero-metrics">
+                    <div v-for="item in buildHeroMetrics(summary)" :key="item.label" class="metric-card metric-card--hero">
+                        <div class="metric-card__label">{{ item.label }}</div>
+                        <div class="metric-card__value">{{ item.value }}</div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="keyword-movement-dialog__metrics">
+                <div class="metric-card"><div class="metric-card__label">latest</div><div class="metric-card__value">{{ summary.latest_keyword_count || 0 }}</div></div>
+                <div class="metric-card"><div class="metric-card__label">new</div><div class="metric-card__value">{{ summary.new_count || 0 }}</div></div>
+                <div class="metric-card"><div class="metric-card__label">up</div><div class="metric-card__value">{{ summary.up_count || 0 }}</div></div>
+                <div class="metric-card"><div class="metric-card__label">down</div><div class="metric-card__value">{{ summary.down_count || 0 }}</div></div>
+                <div class="metric-card"><div class="metric-card__label">dropped</div><div class="metric-card__value">{{ summary.dropped_count || 0 }}</div></div>
+            </div>
+
+            <div class="keyword-movement-dialog__attention">
+                <div class="keyword-movement-dialog__attention-box">
+                    <div class="keyword-movement-dialog__attention-title">当前优先关注</div>
+                    <div class="keyword-movement-dialog__attention-grid">
+                        <div class="keyword-movement-dialog__mini">
+                            <div class="keyword-movement-dialog__mini-label">新增词</div>
+                            <div class="keyword-movement-dialog__mini-value">{{ summary.new_count || 0 }}</div>
+                        </div>
+                        <div class="keyword-movement-dialog__mini">
+                            <div class="keyword-movement-dialog__mini-label">上升词</div>
+                            <div class="keyword-movement-dialog__mini-value">{{ summary.up_count || 0 }}</div>
+                        </div>
+                        <div class="keyword-movement-dialog__mini">
+                            <div class="keyword-movement-dialog__mini-label">下降词</div>
+                            <div class="keyword-movement-dialog__mini-value">{{ summary.down_count || 0 }}</div>
+                        </div>
+                        <div class="keyword-movement-dialog__mini">
+                            <div class="keyword-movement-dialog__mini-label">掉词</div>
+                            <div class="keyword-movement-dialog__mini-value">{{ summary.dropped_count || 0 }}</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <el-descriptions :column="2" border size="small">
+                <el-descriptions-item label="latest_metric_date">{{ summary.latest_metric_date || "-" }}</el-descriptions-item>
+                <el-descriptions-item label="previous_metric_date">{{ summary.previous_metric_date || "-" }}</el-descriptions-item>
+            </el-descriptions>
+
+            <el-tabs>
+                <el-tab-pane :label="`新增 (${summary.new_count || 0})`">
+                    <el-table v-loading="loading" :data="summary.new_items || []" border max-height="320">
+                        <el-table-column prop="host" label="Host" min-width="160" />
+                        <el-table-column prop="keyword" label="Keyword" min-width="180" />
+                        <el-table-column prop="device" label="Device" width="90" />
+                        <el-table-column prop="rank_value" label="Rank" width="90" />
+                        <el-table-column prop="search_volume" label="Volume" width="100" />
+                    </el-table>
+                </el-tab-pane>
+                <el-tab-pane :label="`上升 (${summary.up_count || 0})`">
+                    <el-table v-loading="loading" :data="summary.up_items || []" border max-height="320">
+                        <el-table-column prop="host" label="Host" min-width="160" />
+                        <el-table-column prop="keyword" label="Keyword" min-width="180" />
+                        <el-table-column prop="previous_rank" label="Prev" width="90" />
+                        <el-table-column prop="rank_value" label="Now" width="90" />
+                        <el-table-column prop="rank_change" label="Change" width="90" />
+                    </el-table>
+                </el-tab-pane>
+                <el-tab-pane :label="`下降 (${summary.down_count || 0})`">
+                    <el-table v-loading="loading" :data="summary.down_items || []" border max-height="320">
+                        <el-table-column prop="host" label="Host" min-width="160" />
+                        <el-table-column prop="keyword" label="Keyword" min-width="180" />
+                        <el-table-column prop="previous_rank" label="Prev" width="90" />
+                        <el-table-column prop="rank_value" label="Now" width="90" />
+                        <el-table-column prop="rank_change" label="Change" width="90" />
+                    </el-table>
+                </el-tab-pane>
+                <el-tab-pane :label="`掉词 (${summary.dropped_count || 0})`">
+                    <el-table v-loading="loading" :data="summary.dropped_items || []" border max-height="320">
+                        <el-table-column prop="host" label="Host" min-width="160" />
+                        <el-table-column prop="keyword" label="Keyword" min-width="180" />
+                        <el-table-column prop="device" label="Device" width="90" />
+                        <el-table-column prop="rank_value" label="Rank" width="90" />
+                        <el-table-column prop="search_volume" label="Volume" width="100" />
+                    </el-table>
+                </el-tab-pane>
+            </el-tabs>
+        </div>
+    </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+import { ElMessage } from "element-plus";
+import { SiteList } from "@/api/interface/site/list";
+import { getDomainExternalSeoKeywordMovementSummary } from "@/api/modules/site/list";
+
+const visible = ref(false);
+const loading = ref(false);
+const summary = ref<SiteList.DomainExternalSeoKeywordMovementSummaryData>({});
+
+const loadSummary = async () => {
+    loading.value = true;
+    try {
+        const res = await getDomainExternalSeoKeywordMovementSummary({ days: 14, limit: 30 });
+        summary.value = res.data ?? {};
+    } catch (_error) {
+        ElMessage.error("读取关键词升降摘要失败");
+    } finally {
+        loading.value = false;
+    }
+};
+
+const buildHealthType = (data: SiteList.DomainExternalSeoKeywordMovementSummaryData) => {
+    if ((data.down_count || 0) > 0 || (data.dropped_count || 0) > 0) return "warning";
+    if ((data.up_count || 0) > 0 || (data.new_count || 0) > 0) return "success";
+    return data.latest_keyword_count ? "info" : "warning";
+};
+
+const buildHealthLabel = (data: SiteList.DomainExternalSeoKeywordMovementSummaryData) => {
+    if ((data.dropped_count || 0) > 0) return "存在掉词风险";
+    if ((data.up_count || 0) > 0 || (data.new_count || 0) > 0) return "关键词正在增长";
+    return data.latest_keyword_count ? "关键词变化平稳" : "等待关键词历史数据";
+};
+
+const buildHeroMetrics = (data: SiteList.DomainExternalSeoKeywordMovementSummaryData) => {
+    return [
+        { label: "新增词", value: `${data.new_count || 0}` },
+        { label: "上升词", value: `${data.up_count || 0}` },
+        { label: "下降词", value: `${data.down_count || 0}` },
+        { label: "掉词", value: `${data.dropped_count || 0}` },
+    ];
+};
+
+const open = async () => {
+    visible.value = true;
+    await loadSummary();
+};
+
+defineExpose({ open });
+</script>
+
+<style scoped lang="scss">
+.keyword-movement-dialog__toolbar { margin-bottom: 12px; }
+.keyword-movement-dialog__hero {
+    display:grid;
+    grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
+    gap:12px;
+    margin:16px 0;
+}
+.keyword-movement-dialog__hero-main {
+    border-radius:12px;
+    padding:16px;
+    color:#fff;
+    background:linear-gradient(135deg, #7c3aed 0%, #2563eb 100%);
+}
+.keyword-movement-dialog__hero-label { font-size:13px; opacity:.86; }
+.keyword-movement-dialog__hero-value { margin-top:6px; font-size:28px; font-weight:700; }
+.keyword-movement-dialog__hero-note { margin-top:8px; font-size:13px; line-height:1.6; opacity:.92; }
+.keyword-movement-dialog__hero-metrics {
+    display:grid;
+    grid-template-columns:repeat(2,minmax(0,1fr));
+    gap:12px;
+}
+.keyword-movement-dialog__metrics { display:grid; grid-template-columns:repeat(5,minmax(120px,1fr)); gap:12px; margin:16px 0; }
+.keyword-movement-dialog__attention { margin:0 0 16px; }
+.keyword-movement-dialog__attention-box { border:1px solid #ebeef5; border-radius:12px; padding:14px; background:#fff; }
+.keyword-movement-dialog__attention-title { font-weight:600; margin-bottom:10px; }
+.keyword-movement-dialog__attention-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
+.keyword-movement-dialog__mini { padding:10px; border-radius:10px; background:#fafafa; }
+.keyword-movement-dialog__mini-label { color:#909399; font-size:12px; }
+.keyword-movement-dialog__mini-value { margin-top:6px; color:#303133; font-weight:600; line-height:1.5; }
+.metric-card { border:1px solid #ebeef5; border-radius:12px; padding:12px; background:#fafafa; }
+.metric-card--hero { background:#fafafa; }
+.metric-card__label { color:#909399; font-size:12px; margin-bottom:6px; }
+.metric-card__value { color:#303133; font-size:22px; font-weight:600; }
+@media (max-width: 980px) {
+    .keyword-movement-dialog__hero,
+    .keyword-movement-dialog__hero-metrics,
+    .keyword-movement-dialog__metrics,
+    .keyword-movement-dialog__attention-grid {
+        grid-template-columns:1fr;
+    }
+}
+</style>
diff --git a/src/views/site/domainExternalSeoManualImportRunDialog.vue b/src/views/site/domainExternalSeoManualImportRunDialog.vue
new file mode 100644
index 0000000..54f1864
--- /dev/null
+++ b/src/views/site/domainExternalSeoManualImportRunDialog.vue
@@ -0,0 +1,81 @@
+<template>
+    <el-dialog v-model="visible" title="最近站外手工报表记录" width="980px" draggable>
+        <div class="manual-import-run-dialog">
+            <div class="manual-import-run-dialog__toolbar">
+                <el-button type="primary" plain @click="loadRuns">刷新</el-button>
+            </div>
+            <el-table v-loading="loading" :data="rows" border>
+                <el-table-column prop="run_id" label="Run ID" min-width="180" />
+                <el-table-column prop="status" label="状态" width="120" />
+                <el-table-column prop="provider_key" label="Provider" min-width="160" />
+                <el-table-column prop="rows_total" label="行数" width="90" />
+                <el-table-column prop="hosts_count" label="域名数" width="90" />
+                <el-table-column label="指标" min-width="220">
+                    <template #default="{ row }">
+                        <span>
+                            imp {{ row.metrics?.impressions ?? "-" }},
+                            clk {{ row.metrics?.clicks ?? "-" }},
+                            ctr {{ row.metrics?.ctr ?? "-" }},
+                            pos {{ row.metrics?.avg_position ?? "-" }}
+                        </span>
+                    </template>
+                </el-table-column>
+                <el-table-column prop="updated_at" label="更新时间" min-width="180" />
+                <el-table-column label="操作" width="320" fixed="right">
+                    <template #default="{ row }">
+                        <el-button v-if="row.summary_html_path" link type="primary" @click="openPublicPath(row.summary_html_path)">HTML摘要</el-button>
+                        <el-button v-if="row.summary_json_path" link type="info" @click="openPublicPath(row.summary_json_path)">JSON摘要</el-button>
+                        <el-button v-if="row.csv_path" link type="warning" @click="openPublicPath(row.csv_path)">标准CSV</el-button>
+                        <el-button v-if="row.uploaded_report_path" link type="success" @click="openPublicPath(row.uploaded_report_path)">原始报表</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+        </div>
+    </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+import { ElMessage } from "element-plus";
+import { SiteList } from "@/api/interface/site/list";
+import { getDomainExternalSeoManualImportRuns } from "@/api/modules/site/list";
+
+const BASE_URL = import.meta.env.VITE_API_URL as string;
+const visible = ref(false);
+const loading = ref(false);
+const rows = ref<SiteList.DomainExternalSeoManualImportRunItem[]>([]);
+
+const openPublicPath = (path?: string) => {
+    if (!path) {
+        return;
+    }
+    window.open(`${BASE_URL}/${String(path).replace(/^\/+/, "")}`, "_blank", "noopener");
+};
+
+const loadRuns = async () => {
+    loading.value = true;
+    try {
+        const res = await getDomainExternalSeoManualImportRuns();
+        rows.value = res.data.items ?? [];
+    } catch (_error) {
+        ElMessage.error("读取站外手工报表记录失败");
+    } finally {
+        loading.value = false;
+    }
+};
+
+const open = async () => {
+    visible.value = true;
+    await loadRuns();
+};
+
+defineExpose({
+    open
+});
+</script>
+
+<style scoped lang="scss">
+.manual-import-run-dialog__toolbar {
+    margin-bottom: 12px;
+}
+</style>
diff --git a/src/views/site/domainExternalSeoOptimizationSuggestionDialog.vue b/src/views/site/domainExternalSeoOptimizationSuggestionDialog.vue
new file mode 100644
index 0000000..38126fb
--- /dev/null
+++ b/src/views/site/domainExternalSeoOptimizationSuggestionDialog.vue
@@ -0,0 +1,77 @@
+<template>
+    <el-dialog v-model="visible" title="站外 SEO 优化建议" width="1180px" draggable>
+        <div class="optimization-suggestion-dialog">
+            <div class="optimization-suggestion-dialog__toolbar">
+                <el-button type="primary" plain @click="loadSummary">刷新</el-button>
+            </div>
+
+            <el-alert
+                :title="(summary.suggestions || []).length ? '当前已生成自动优化建议' : '当前还没有足够历史快照生成建议'"
+                :description="summary.note || '这里会结合收录变化、关键词升降和历史快照自动给出第一版动作建议。'"
+                :type="(summary.suggestions || []).length ? 'success' : 'warning'"
+                show-icon
+                :closable="false"
+            />
+
+            <div class="optimization-suggestion-dialog__metrics">
+                <div class="metric-card"><div class="metric-card__label">indexed_like</div><div class="metric-card__value">{{ summary.summary?.indexed_like_host_count || 0 }}</div></div>
+                <div class="metric-card"><div class="metric-card__label">newly_indexed</div><div class="metric-card__value">{{ summary.index_movement?.newly_indexed_count || 0 }}</div></div>
+                <div class="metric-card"><div class="metric-card__label">lost_indexed</div><div class="metric-card__value">{{ summary.index_movement?.lost_indexed_count || 0 }}</div></div>
+                <div class="metric-card"><div class="metric-card__label">keyword_up</div><div class="metric-card__value">{{ summary.keyword_movement?.up_count || 0 }}</div></div>
+                <div class="metric-card"><div class="metric-card__label">keyword_down</div><div class="metric-card__value">{{ summary.keyword_movement?.down_count || 0 }}</div></div>
+                <div class="metric-card"><div class="metric-card__label">dropped</div><div class="metric-card__value">{{ summary.keyword_movement?.dropped_count || 0 }}</div></div>
+            </div>
+
+            <el-table v-loading="loading" :data="summary.suggestions || []" border max-height="520">
+                <el-table-column prop="priority" label="优先级" width="100" />
+                <el-table-column prop="title" label="建议标题" min-width="180" />
+                <el-table-column prop="summary" label="现状判断" min-width="260" />
+                <el-table-column prop="action" label="建议动作" min-width="300" />
+                <el-table-column label="证据" min-width="240">
+                    <template #default="{ row }">
+                        <pre class="optimization-suggestion-dialog__evidence">{{ JSON.stringify(row.evidence || {}, null, 2) }}</pre>
+                    </template>
+                </el-table-column>
+            </el-table>
+        </div>
+    </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+import { ElMessage } from "element-plus";
+import { SiteList } from "@/api/interface/site/list";
+import { getDomainExternalSeoOptimizationSuggestions } from "@/api/modules/site/list";
+
+const visible = ref(false);
+const loading = ref(false);
+const summary = ref<SiteList.DomainExternalSeoOptimizationSuggestionData>({});
+
+const loadSummary = async () => {
+    loading.value = true;
+    try {
+        const res = await getDomainExternalSeoOptimizationSuggestions({ days: 14, limit: 20 });
+        summary.value = res.data ?? {};
+    } catch (_error) {
+        ElMessage.error("读取站外 SEO 优化建议失败");
+    } finally {
+        loading.value = false;
+    }
+};
+
+const open = async () => {
+    visible.value = true;
+    await loadSummary();
+};
+
+defineExpose({ open });
+</script>
+
+<style scoped lang="scss">
+.optimization-suggestion-dialog__toolbar { margin-bottom: 12px; }
+.optimization-suggestion-dialog__metrics { display:grid; grid-template-columns:repeat(6,minmax(120px,1fr)); gap:12px; margin:16px 0; }
+.metric-card { border:1px solid #ebeef5; border-radius:8px; padding:12px; background:#fafafa; }
+.metric-card__label { color:#909399; font-size:12px; margin-bottom:6px; }
+.metric-card__value { color:#303133; font-size:22px; font-weight:600; }
+.optimization-suggestion-dialog__evidence { margin:0; white-space:pre-wrap; word-break:break-word; font-size:12px; color:#606266; }
+</style>
diff --git a/src/views/site/domainExternalSeoProviderDialog.vue b/src/views/site/domainExternalSeoProviderDialog.vue
new file mode 100644
index 0000000..2ec183c
--- /dev/null
+++ b/src/views/site/domainExternalSeoProviderDialog.vue
@@ -0,0 +1,1056 @@
+<template>
+    <el-dialog v-model="visible" title="站外数据接入" width="980px" draggable>
+        <div class="external-provider-dialog">
+            <div class="external-provider-dialog__toolbar">
+                <div class="external-provider-dialog__toolbar-section external-provider-dialog__toolbar-section--compact">
+                    <div class="external-provider-dialog__toolbar-title">通用</div>
+                    <div class="external-provider-dialog__toolbar-buttons">
+                        <el-button type="primary" plain @click="loadSummary">刷新</el-button>
+                        <el-button type="success" plain @click="downloadManualTemplate">手工导入模板</el-button>
+                        <el-button type="warning" plain @click="openManualRunsDialog">最近手工报表记录</el-button>
+                        <el-button type="info" plain @click="openRealSummaryDialog">真实站外结果</el-button>
+                    </div>
+                </div>
+
+                <div class="external-provider-dialog__toolbar-section">
+                    <div class="external-provider-dialog__toolbar-title">联调与回推</div>
+                    <div class="external-provider-dialog__toolbar-buttons">
+                        <el-button type="danger" plain @click="openIntegrationOverviewDialog">联调总览</el-button>
+                        <el-button type="primary" plain @click="openSnapshotChecklistDialog">字段校验清单</el-button>
+                        <el-button type="warning" plain @click="openSnapshotValidateRunsDialog">最近快照校验记录</el-button>
+                        <el-button type="info" plain @click="openSnapshotRunsDialog">最近快照接收记录</el-button>
+                        <el-button type="primary" plain @click="openSnapshotTrendDialog">快照接收趋势</el-button>
+                    </div>
+                </div>
+
+                <div class="external-provider-dialog__toolbar-section">
+                    <div class="external-provider-dialog__toolbar-title">大陆 SEO 结果面</div>
+                    <div class="external-provider-dialog__toolbar-buttons">
+                        <el-button type="danger" plain @click="openCnOverviewDialog">大陆 SEO 总览</el-button>
+                        <el-button type="primary" plain @click="openSnapshotSummaryDialog">站外快照摘要</el-button>
+                        <el-button type="success" plain @click="openIndexMovementDialog">收录变化摘要</el-button>
+                        <el-button type="warning" plain @click="openKeywordMovementDialog">关键词升降摘要</el-button>
+                        <el-button type="danger" plain @click="openOptimizationSuggestionDialog">自动优化建议</el-button>
+                    </div>
+                </div>
+
+                <div class="external-provider-dialog__toolbar-section">
+                    <div class="external-provider-dialog__toolbar-title">大陆 SEO 专项</div>
+                    <div class="external-provider-dialog__toolbar-buttons">
+                        <el-button type="primary" plain @click="openBaiduPlanDialog">百度计划</el-button>
+                        <el-button type="success" plain @click="openSiteQueryDialog">百度收录探测</el-button>
+                        <el-button type="warning" plain @click="openAizhanKeywordDialog">爱站关键词摘要</el-button>
+                        <el-button type="primary" plain @click="openBaiduFeedbackDialog">百度反馈摘要</el-button>
+                        <el-button type="warning" plain @click="openBaiduPushDialog">百度推送观察</el-button>
+                        <el-button type="success" plain @click="openBaiduPushTaskDialog">百度推送任务</el-button>
+                        <el-button type="danger" plain @click="openBaiduPushAttentionDialog">百度推送异常队列</el-button>
+                        <el-button type="info" plain @click="openBaiduPushTrendDialog">百度推送趋势</el-button>
+                    </div>
+                </div>
+
+                <div class="external-provider-dialog__toolbar-section">
+                    <div class="external-provider-dialog__toolbar-title">兼容资料层</div>
+                    <div class="external-provider-dialog__toolbar-buttons">
+                        <el-button type="primary" plain @click="downloadSearchConsolePropertyMapTemplate">Search Console 映射模板</el-button>
+                        <el-button type="info" plain @click="openSearchConsolePlanDialog">Search Console 计划</el-button>
+                        <el-button type="warning" plain @click="openSearchConsoleFetchDialog">Search Console Fetch</el-button>
+                    </div>
+                </div>
+            </div>
+
+            <el-upload
+                action="#"
+                :show-file-list="false"
+                :http-request="uploadManualReport"
+                :before-upload="beforeUpload"
+                accept=".csv,.xls,.xlsx,text/csv,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
+            >
+                <el-button type="warning" plain>上传手工报表</el-button>
+            </el-upload>
+
+            <el-alert
+                :title="summary.credentials_ready_count ? '当前已有部分 provider 具备接入条件' : '当前 provider 还在准备阶段'"
+                :description="summary.note || '当前只展示 provider 接入状态，还没有真正拉取外部平台数据。'"
+                :type="summary.credentials_ready_count ? 'success' : 'warning'"
+                show-icon
+                :closable="false"
+            />
+
+            <div class="external-provider-dialog__hero">
+                <div class="external-provider-dialog__hero-main">
+                    <div class="external-provider-dialog__hero-label">站外数据接入总控台</div>
+                    <div class="external-provider-dialog__hero-value">{{ buildProviderHealthLabel() }}</div>
+                    <div class="external-provider-dialog__hero-note">
+                        这里把 provider 接入、联调状态、快照回推和大陆 SEO 结果面放到一屏里，值班时先看这里。
+                    </div>
+                </div>
+                <div class="external-provider-dialog__hero-metrics">
+                    <div class="external-provider-dialog__metric">
+                        <div class="external-provider-dialog__metric-label">接入阶段</div>
+                        <div class="external-provider-dialog__metric-value">{{ summary.integration_stage || "-" }}</div>
+                    </div>
+                    <div class="external-provider-dialog__metric">
+                        <div class="external-provider-dialog__metric-label">provider</div>
+                        <div class="external-provider-dialog__metric-value">{{ summary.providers_count || 0 }}</div>
+                    </div>
+                    <div class="external-provider-dialog__metric">
+                        <div class="external-provider-dialog__metric-label">ready</div>
+                        <div class="external-provider-dialog__metric-value">{{ summary.credentials_ready_count || 0 }}</div>
+                    </div>
+                    <div class="external-provider-dialog__metric">
+                        <div class="external-provider-dialog__metric-label">推荐先接</div>
+                        <div class="external-provider-dialog__metric-value external-provider-dialog__metric-value--small">
+                            {{ summary.next_recommended_provider?.label || "-" }}
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="external-provider-dialog__overview-grid">
+                <div class="external-provider-dialog__overview-card">
+                    <div class="external-provider-dialog__overview-title">采集 API</div>
+                    <div class="external-provider-dialog__overview-value">{{ buildCollectorStatusLabel() }}</div>
+                    <div class="external-provider-dialog__overview-meta">
+                        {{ collectorStatus.debug_summary || "当前还没有 seo-collector 正式链路状态" }}
+                    </div>
+                </div>
+                <div class="external-provider-dialog__overview-card">
+                    <div class="external-provider-dialog__overview-title">联调状态</div>
+                    <div class="external-provider-dialog__overview-value">{{ buildIntegrationLabel() }}</div>
+                    <div class="external-provider-dialog__overview-meta">
+                        dry-run 高优先级 {{ integrationOverview.validate?.alert_buckets?.high || 0 }} / 回推高优先级 {{ integrationOverview.snapshot?.alert_buckets?.high || 0 }}
+                    </div>
+                </div>
+                <div class="external-provider-dialog__overview-card">
+                    <div class="external-provider-dialog__overview-title">校验记录</div>
+                    <div class="external-provider-dialog__overview-value">{{ snapshotValidateRuns.latest_run?.success_rate ?? 0 }}%</div>
+                    <div class="external-provider-dialog__overview-meta">
+                        最新 dry-run 通过率 / 高优先级 {{ snapshotValidateRuns.alert_buckets?.high || 0 }}
+                    </div>
+                </div>
+                <div class="external-provider-dialog__overview-card">
+                    <div class="external-provider-dialog__overview-title">快照接收</div>
+                    <div class="external-provider-dialog__overview-value">{{ snapshotRuns.latest_run?.success_rate ?? 0 }}%</div>
+                    <div class="external-provider-dialog__overview-meta">
+                        最新回推成功率 / 结果 {{ snapshotRuns.latest_run?.post_ingest_health_label || "-" }}
+                    </div>
+                </div>
+                <div class="external-provider-dialog__overview-card">
+                    <div class="external-provider-dialog__overview-title">接收趋势</div>
+                    <div class="external-provider-dialog__overview-value">{{ snapshotTrend.success_trend?.label || "-" }}</div>
+                    <div class="external-provider-dialog__overview-meta">
+                        runs {{ snapshotTrend.runs_count || 0 }} / 最新失败 {{ snapshotTrend.success_trend?.latest_failed_count ?? 0 }}
+                    </div>
+                </div>
+                <div class="external-provider-dialog__overview-card external-provider-dialog__overview-card--wide">
+                    <div class="external-provider-dialog__overview-title">大陆 SEO 大盘</div>
+                    <div class="external-provider-dialog__overview-value">{{ cnOverview.health_label || "-" }}</div>
+                    <div class="external-provider-dialog__overview-meta">
+                        新增收录 {{ cnOverview.index_movement?.newly_indexed_count || 0 }} / 丢失收录 {{ cnOverview.index_movement?.lost_indexed_count || 0 }} / 上升词 {{ cnOverview.keyword_movement?.up_count || 0 }} / 掉词 {{ cnOverview.keyword_movement?.dropped_count || 0 }}
+                    </div>
+                </div>
+            </div>
+
+            <div class="external-provider-dialog__quick-nav">
+                <div class="external-provider-dialog__quick-nav-title">Node 联调导航</div>
+                <div class="external-provider-dialog__quick-nav-grid">
+                    <div class="external-provider-dialog__quick-card">
+                        <div class="external-provider-dialog__quick-card-title">先看联调整体状态</div>
+                        <div class="external-provider-dialog__quick-card-note">正式链路现在统一走 <code>/seo-collector/*</code>，先确认当前是已接通、待观察，还是仍卡在校验/回推。</div>
+                        <el-button type="danger" plain @click="openIntegrationOverviewDialog">打开联调总览</el-button>
+                    </div>
+                    <div class="external-provider-dialog__quick-card">
+                        <div class="external-provider-dialog__quick-card-title">再看 dry-run</div>
+                        <div class="external-provider-dialog__quick-card-note">字段不对时，优先看最近校验记录，再对照字段清单。</div>
+                        <div class="external-provider-dialog__quick-card-actions">
+                            <el-button type="warning" plain @click="openSnapshotValidateRunsDialog">最近快照校验记录</el-button>
+                            <el-button type="primary" plain @click="openSnapshotChecklistDialog">字段校验清单</el-button>
+                        </div>
+                    </div>
+                    <div class="external-provider-dialog__quick-card">
+                        <div class="external-provider-dialog__quick-card-title">再看正式回推</div>
+                        <div class="external-provider-dialog__quick-card-note">确认最近回推成功率、告警和接收趋势有没有恶化。</div>
+                        <div class="external-provider-dialog__quick-card-actions">
+                            <el-button type="info" plain @click="openSnapshotRunsDialog">最近快照接收记录</el-button>
+                            <el-button type="primary" plain @click="openSnapshotTrendDialog">快照接收趋势</el-button>
+                        </div>
+                    </div>
+                    <div class="external-provider-dialog__quick-card">
+                        <div class="external-provider-dialog__quick-card-title">最后看结果面</div>
+                        <div class="external-provider-dialog__quick-card-note">确认收录、关键词和建议是否真的开始起来，而不是只回推成功。</div>
+                        <div class="external-provider-dialog__quick-card-actions">
+                            <el-button type="danger" plain @click="openCnOverviewDialog">大陆 SEO 总览</el-button>
+                            <el-button type="warning" plain @click="openOptimizationSuggestionDialog">自动优化建议</el-button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="external-provider-dialog__attention">
+                <div class="external-provider-dialog__attention-box">
+                    <div class="external-provider-dialog__attention-title">当前优先关注</div>
+                    <div class="external-provider-dialog__attention-list">
+                        <div class="external-provider-dialog__attention-item">
+                            <div class="external-provider-dialog__attention-label">采集 API</div>
+                            <div class="external-provider-dialog__attention-value">
+                                {{ collectorStatus.debug_summary || "当前没有 seo-collector 正式链路摘要" }}
+                            </div>
+                        </div>
+                        <div class="external-provider-dialog__attention-item">
+                            <div class="external-provider-dialog__attention-label">联调</div>
+                            <div class="external-provider-dialog__attention-value">{{ integrationOverview.note || buildIntegrationLabel() }}</div>
+                        </div>
+                        <div class="external-provider-dialog__attention-item">
+                            <div class="external-provider-dialog__attention-label">dry-run</div>
+                            <div class="external-provider-dialog__attention-value">
+                                {{ snapshotValidateRuns.top_attention_runs?.[0]?.alert_reason || "当前没有高优先级 dry-run 异常" }}
+                            </div>
+                        </div>
+                        <div class="external-provider-dialog__attention-item">
+                            <div class="external-provider-dialog__attention-label">回推</div>
+                            <div class="external-provider-dialog__attention-value">
+                                {{ snapshotRuns.top_attention_runs?.[0]?.alert_reason || "当前没有高优先级回推异常" }}
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="external-provider-dialog__provider-groups">
+                <div class="external-provider-dialog__provider-groups-title">Provider 分层</div>
+                <div class="external-provider-dialog__provider-groups-grid">
+                    <div class="external-provider-dialog__provider-group-card">
+                        <div class="external-provider-dialog__provider-group-head">
+                            <div class="external-provider-dialog__provider-group-title">主线结果层</div>
+                            <div class="external-provider-dialog__provider-group-count">{{ getProviderGroupItems("primary").length }}</div>
+                        </div>
+                        <div class="external-provider-dialog__provider-group-note">当前直接服务大陆 SEO 主线结果面，优先看这一层。</div>
+                        <div class="external-provider-dialog__provider-group-list">
+                            <div
+                                v-for="item in getProviderGroupItems('primary')"
+                                :key="`primary-${item.provider_key}`"
+                                class="external-provider-dialog__provider-group-item"
+                            >
+                                <span>{{ item.label || item.provider_key || "-" }}</span>
+                                <el-tag size="small" type="success">{{ item.status || "-" }}</el-tag>
+                            </div>
+                            <div v-if="!getProviderGroupItems('primary').length" class="external-provider-dialog__provider-group-empty">
+                                当前没有主线结果层 provider
+                            </div>
+                        </div>
+                    </div>
+                    <div class="external-provider-dialog__provider-group-card">
+                        <div class="external-provider-dialog__provider-group-head">
+                            <div class="external-provider-dialog__provider-group-title">联调与观察层</div>
+                            <div class="external-provider-dialog__provider-group-count">{{ getProviderGroupItems("integration").length }}</div>
+                        </div>
+                        <div class="external-provider-dialog__provider-group-note">已经有材料或观察链，但还需要继续联调、校验或运营观察。</div>
+                        <div class="external-provider-dialog__provider-group-list">
+                            <div
+                                v-for="item in getProviderGroupItems('integration')"
+                                :key="`integration-${item.provider_key}`"
+                                class="external-provider-dialog__provider-group-item"
+                            >
+                                <span>{{ item.label || item.provider_key || "-" }}</span>
+                                <el-tag size="small" type="warning">{{ item.status || "-" }}</el-tag>
+                            </div>
+                            <div v-if="!getProviderGroupItems('integration').length" class="external-provider-dialog__provider-group-empty">
+                                当前没有联调中的 provider
+                            </div>
+                        </div>
+                    </div>
+                    <div class="external-provider-dialog__provider-group-card">
+                        <div class="external-provider-dialog__provider-group-head">
+                            <div class="external-provider-dialog__provider-group-title">兼容资料层</div>
+                            <div class="external-provider-dialog__provider-group-count">{{ getProviderGroupItems("reference").length }}</div>
+                        </div>
+                        <div class="external-provider-dialog__provider-group-note">保留兼容入口或资料能力，不作为当前大陆 SEO 主线。</div>
+                        <div class="external-provider-dialog__provider-group-list">
+                            <div
+                                v-for="item in getProviderGroupItems('reference')"
+                                :key="`reference-${item.provider_key}`"
+                                class="external-provider-dialog__provider-group-item"
+                            >
+                                <span>{{ item.label || item.provider_key || "-" }}</span>
+                                <el-tag size="small" type="info">{{ item.status || "-" }}</el-tag>
+                            </div>
+                            <div v-if="!getProviderGroupItems('reference').length" class="external-provider-dialog__provider-group-empty">
+                                当前没有兼容资料层 provider
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="external-provider-dialog__summary">
+                <span>阶段：{{ summary.integration_stage || "-" }}</span>
+                <span>provider：{{ summary.providers_count || 0 }}</span>
+                <span>ready：{{ summary.credentials_ready_count || 0 }}</span>
+                <span>推荐先接：{{ summary.next_recommended_provider?.label || "-" }}</span>
+            </div>
+
+            <el-table v-loading="loading" :data="summary.providers || []" border max-height="420">
+                <el-table-column prop="label" label="Provider" min-width="180" />
+                <el-table-column prop="status" label="状态" width="140" />
+                <el-table-column prop="mode" label="接入模式" min-width="180" />
+                <el-table-column label="凭证" min-width="240">
+                    <template #default="{ row }">
+                        <div>{{ row.credential_path || "-" }}</div>
+                        <div v-if="row.credential_updated_at" class="external-provider-dialog__meta">
+                            {{ row.credential_updated_at }} / {{ row.credential_file_size || 0 }} bytes
+                        </div>
+                        <div v-if="row.property_map_path" class="external-provider-dialog__meta">
+                            map: {{ row.mapped_hosts_count || 0 }} hosts
+                        </div>
+                    </template>
+                </el-table-column>
+                <el-table-column label="指标" min-width="220">
+                    <template #default="{ row }">
+                        <span>{{ (row.metrics || []).join(", ") || "-" }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column label="必备项" min-width="220">
+                    <template #default="{ row }">
+                        <span>{{ (row.required_fields || []).join(", ") || "-" }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column prop="note" label="说明" min-width="280" />
+                <el-table-column label="操作" width="140" fixed="right">
+                    <template #default="{ row }">
+                        <el-upload
+                            v-if="supportsCredentialUpload(row.provider_key)"
+                            action="#"
+                            :show-file-list="false"
+                            :http-request="param => uploadProviderCredential(row.provider_key, param)"
+                            :before-upload="beforeCredentialUpload"
+                            accept=".json,application/json,text/json"
+                        >
+                            <el-button link type="primary">上传凭证</el-button>
+                        </el-upload>
+                        <el-upload
+                            v-if="row.provider_key === 'google_search_console'"
+                            action="#"
+                            :show-file-list="false"
+                            :http-request="uploadSearchConsolePropertyMap"
+                            :before-upload="beforeCredentialUpload"
+                            accept=".json,application/json,text/json"
+                        >
+                            <el-button link type="warning">上传映射</el-button>
+                        </el-upload>
+                    </template>
+                </el-table-column>
+            </el-table>
+        </div>
+    </el-dialog>
+    <DomainExternalSeoRealSummaryDialog ref="realSummaryDialogRef" />
+    <DomainExternalSeoCnOverviewDialog ref="cnOverviewDialogRef" />
+    <DomainExternalSeoSnapshotSummaryDialog ref="snapshotSummaryDialogRef" />
+    <DomainExternalSeoIndexMovementDialog ref="indexMovementDialogRef" />
+    <DomainExternalSeoKeywordMovementDialog ref="keywordMovementDialogRef" />
+    <DomainExternalSeoOptimizationSuggestionDialog ref="optimizationSuggestionDialogRef" />
+    <DomainExternalSeoManualImportRunDialog ref="manualRunsDialogRef" />
+    <DomainExternalSeoIntegrationOverviewDialog ref="integrationOverviewDialogRef" />
+    <DomainExternalSeoSnapshotChecklistDialog ref="snapshotChecklistDialogRef" />
+    <DomainExternalSeoSnapshotRunDialog ref="snapshotRunsDialogRef" />
+    <DomainExternalSeoSnapshotValidateRunDialog ref="snapshotValidateRunsDialogRef" />
+    <DomainExternalSeoSnapshotTrendDialog ref="snapshotTrendDialogRef" />
+    <DomainExternalSeoSearchConsolePlanDialog ref="searchConsolePlanDialogRef" />
+    <DomainExternalSeoSearchConsoleFetchDialog ref="searchConsoleFetchDialogRef" />
+    <DomainExternalSeoBaiduPlanDialog ref="baiduPlanDialogRef" />
+    <DomainExternalSeoSiteQueryDialog ref="siteQueryDialogRef" />
+    <DomainExternalSeoAizhanKeywordDialog ref="aizhanKeywordDialogRef" />
+    <DomainExternalSeoBaiduFeedbackDialog ref="baiduFeedbackDialogRef" />
+    <DomainExternalSeoBaiduPushDialog ref="baiduPushDialogRef" />
+    <DomainExternalSeoBaiduPushTaskDialog ref="baiduPushTaskDialogRef" />
+    <DomainExternalSeoBaiduPushAttentionDialog ref="baiduPushAttentionDialogRef" />
+    <DomainExternalSeoBaiduPushTrendDialog ref="baiduPushTrendDialogRef" />
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+import { ElMessage, UploadRawFile } from "element-plus";
+import { SiteList } from "@/api/interface/site/list";
+import {
+    getDomainExternalSeoManualImportTemplate,
+    getDomainExternalSeoCnOverview,
+    getDomainExternalSeoCollectorStatus,
+    getDomainExternalSeoIntegrationOverview,
+    getDomainExternalSeoProviderStatus,
+    getDomainExternalSeoSnapshotRuns,
+    getDomainExternalSeoSnapshotTrend,
+    getDomainExternalSeoSnapshotValidateRuns,
+    getDomainExternalSeoSearchConsolePropertyMapTemplate,
+    uploadDomainExternalSeoManualImport,
+    uploadDomainExternalSeoProviderCredential,
+    uploadDomainExternalSeoSearchConsolePropertyMap
+} from "@/api/modules/site/list";
+import DomainExternalSeoRealSummaryDialog from "./domainExternalSeoRealSummaryDialog.vue";
+import DomainExternalSeoCnOverviewDialog from "./domainExternalSeoCnOverviewDialog.vue";
+import DomainExternalSeoSnapshotSummaryDialog from "./domainExternalSeoSnapshotSummaryDialog.vue";
+import DomainExternalSeoIndexMovementDialog from "./domainExternalSeoIndexMovementDialog.vue";
+import DomainExternalSeoKeywordMovementDialog from "./domainExternalSeoKeywordMovementDialog.vue";
+import DomainExternalSeoOptimizationSuggestionDialog from "./domainExternalSeoOptimizationSuggestionDialog.vue";
+import DomainExternalSeoManualImportRunDialog from "./domainExternalSeoManualImportRunDialog.vue";
+import DomainExternalSeoIntegrationOverviewDialog from "./domainExternalSeoIntegrationOverviewDialog.vue";
+import DomainExternalSeoSnapshotChecklistDialog from "./domainExternalSeoSnapshotChecklistDialog.vue";
+import DomainExternalSeoSnapshotRunDialog from "./domainExternalSeoSnapshotRunDialog.vue";
+import DomainExternalSeoSnapshotValidateRunDialog from "./domainExternalSeoSnapshotValidateRunDialog.vue";
+import DomainExternalSeoSnapshotTrendDialog from "./domainExternalSeoSnapshotTrendDialog.vue";
+import DomainExternalSeoSearchConsolePlanDialog from "./domainExternalSeoSearchConsolePlanDialog.vue";
+import DomainExternalSeoSearchConsoleFetchDialog from "./domainExternalSeoSearchConsoleFetchDialog.vue";
+import DomainExternalSeoBaiduPlanDialog from "./domainExternalSeoBaiduPlanDialog.vue";
+import DomainExternalSeoSiteQueryDialog from "./domainExternalSeoSiteQueryDialog.vue";
+import DomainExternalSeoAizhanKeywordDialog from "./domainExternalSeoAizhanKeywordDialog.vue";
+import DomainExternalSeoBaiduFeedbackDialog from "./domainExternalSeoBaiduFeedbackDialog.vue";
+import DomainExternalSeoBaiduPushDialog from "./domainExternalSeoBaiduPushDialog.vue";
+import DomainExternalSeoBaiduPushTaskDialog from "./domainExternalSeoBaiduPushTaskDialog.vue";
+import DomainExternalSeoBaiduPushAttentionDialog from "./domainExternalSeoBaiduPushAttentionDialog.vue";
+import DomainExternalSeoBaiduPushTrendDialog from "./domainExternalSeoBaiduPushTrendDialog.vue";
+
+const visible = ref(false);
+const loading = ref(false);
+const summary = ref<SiteList.DomainExternalSeoProviderStatusData>({});
+const collectorStatus = ref<SiteList.DomainExternalSeoCollectorStatusData>({});
+const integrationOverview = ref<SiteList.DomainExternalSeoIntegrationOverviewData>({});
+const snapshotValidateRuns = ref<SiteList.DomainExternalSeoSnapshotValidateRunData>({});
+const snapshotRuns = ref<SiteList.DomainExternalSeoSnapshotRunData>({});
+const snapshotTrend = ref<SiteList.DomainExternalSeoSnapshotTrendData>({});
+const cnOverview = ref<SiteList.DomainExternalSeoCnOverviewData>({});
+const realSummaryDialogRef = ref();
+const cnOverviewDialogRef = ref();
+const snapshotSummaryDialogRef = ref();
+const indexMovementDialogRef = ref();
+const keywordMovementDialogRef = ref();
+const optimizationSuggestionDialogRef = ref();
+const manualRunsDialogRef = ref();
+const integrationOverviewDialogRef = ref();
+const snapshotChecklistDialogRef = ref();
+const snapshotRunsDialogRef = ref();
+const snapshotValidateRunsDialogRef = ref();
+const snapshotTrendDialogRef = ref();
+const searchConsolePlanDialogRef = ref();
+const searchConsoleFetchDialogRef = ref();
+const baiduPlanDialogRef = ref();
+const siteQueryDialogRef = ref();
+const aizhanKeywordDialogRef = ref();
+const baiduFeedbackDialogRef = ref();
+const baiduPushDialogRef = ref();
+const baiduPushTaskDialogRef = ref();
+const baiduPushAttentionDialogRef = ref();
+const baiduPushTrendDialogRef = ref();
+
+const loadSummary = async () => {
+    loading.value = true;
+    try {
+        const [providerRes, collectorRes, integrationRes, validateRes, runsRes, trendRes, cnRes] = await Promise.all([
+            getDomainExternalSeoProviderStatus(),
+            getDomainExternalSeoCollectorStatus({ limit: 10 }),
+            getDomainExternalSeoIntegrationOverview({ limit: 10 }),
+            getDomainExternalSeoSnapshotValidateRuns({ limit: 10 }),
+            getDomainExternalSeoSnapshotRuns({ limit: 10 }),
+            getDomainExternalSeoSnapshotTrend({ limit: 10 }),
+            getDomainExternalSeoCnOverview({ days: 14, limit: 10 })
+        ]);
+        summary.value = providerRes.data ?? {};
+        collectorStatus.value = collectorRes.data ?? {};
+        integrationOverview.value = integrationRes.data ?? {};
+        snapshotValidateRuns.value = validateRes.data ?? {};
+        snapshotRuns.value = runsRes.data ?? {};
+        snapshotTrend.value = trendRes.data ?? {};
+        cnOverview.value = cnRes.data ?? {};
+    } catch (_error) {
+        ElMessage.error("读取站外数据接入状态失败");
+    } finally {
+        loading.value = false;
+    }
+};
+
+const buildProviderHealthLabel = () => {
+    if (collectorStatus.value.status_label === "connected") return "seo-collector 正式链路已接通";
+    if (collectorStatus.value.status_label === "attention") return "seo-collector 需要继续观察";
+    if (collectorStatus.value.status_label === "validated") return "seo-collector 已通过校验等待继续回推";
+    if (collectorStatus.value.status_label === "ready") return "seo-collector 已准备好接收采集数据";
+    if (integrationOverview.value.health_label === "validate_blocked") return "联调卡在字段校验";
+    if (integrationOverview.value.health_label === "push_blocked") return "联调卡在正式回推";
+    if (integrationOverview.value.health_label === "running") return "站外采集正在运行";
+    if ((summary.value.credentials_ready_count || 0) > 0) return "provider 已具备部分接入条件";
+    return "站外接入仍在准备阶段";
+};
+
+const buildCollectorStatusLabel = () => {
+    const label = collectorStatus.value.status_label;
+    if (label === "connected") return "已接通";
+    if (label === "validated") return "已校验";
+    if (label === "ready") return "已准备";
+    if (label === "attention") return "需观察";
+    return "未配置";
+};
+
+const buildIntegrationLabel = () => {
+    const label = integrationOverview.value.health_label;
+    if (label === "validate_blocked") return "字段校验受阻";
+    if (label === "push_blocked") return "正式回推受阻";
+    if (label === "running") return "联调运行中";
+    return "等待联调数据";
+};
+
+const getProviderGroup = (provider?: { provider_key?: string; status?: string }) => {
+    const key = String(provider?.provider_key || "");
+    const status = String(provider?.status || "");
+
+    if (key === "manual_csv_import" || key === "baidu_webmaster") return "primary";
+    if (key === "google_search_console") return "reference";
+    if (key.includes("baidu")) return "integration";
+    if (status === "data_ready" || status === "ready") return "primary";
+    if (status === "planned" || status === "partial" || status === "credentials_ready") return "integration";
+    return "reference";
+};
+
+const getProviderGroupItems = (group: "primary" | "integration" | "reference") => {
+    return (summary.value.providers || []).filter(item => getProviderGroup(item) === group);
+};
+
+const openRealSummaryDialog = () => {
+    realSummaryDialogRef.value?.open();
+};
+
+const openCnOverviewDialog = () => {
+    cnOverviewDialogRef.value?.open();
+};
+
+const openSnapshotSummaryDialog = () => {
+    snapshotSummaryDialogRef.value?.open();
+};
+
+const openIndexMovementDialog = () => {
+    indexMovementDialogRef.value?.open();
+};
+
+const openKeywordMovementDialog = () => {
+    keywordMovementDialogRef.value?.open();
+};
+
+const openOptimizationSuggestionDialog = () => {
+    optimizationSuggestionDialogRef.value?.open();
+};
+
+const openManualRunsDialog = () => {
+    manualRunsDialogRef.value?.open();
+};
+
+const openIntegrationOverviewDialog = () => {
+    integrationOverviewDialogRef.value?.open();
+};
+
+const openSnapshotChecklistDialog = () => {
+    snapshotChecklistDialogRef.value?.open();
+};
+
+const openSnapshotRunsDialog = () => {
+    snapshotRunsDialogRef.value?.open();
+};
+
+const openSnapshotValidateRunsDialog = () => {
+    snapshotValidateRunsDialogRef.value?.open();
+};
+
+const openSnapshotTrendDialog = () => {
+    snapshotTrendDialogRef.value?.open();
+};
+
+const openSearchConsolePlanDialog = () => {
+    searchConsolePlanDialogRef.value?.open();
+};
+
+const openSearchConsoleFetchDialog = () => {
+    searchConsoleFetchDialogRef.value?.open();
+};
+
+const openBaiduPlanDialog = () => {
+    baiduPlanDialogRef.value?.open();
+};
+
+const openSiteQueryDialog = () => {
+    siteQueryDialogRef.value?.open();
+};
+
+const openAizhanKeywordDialog = () => {
+    aizhanKeywordDialogRef.value?.open();
+};
+
+const openBaiduFeedbackDialog = () => {
+    baiduFeedbackDialogRef.value?.open();
+};
+
+const openBaiduPushDialog = () => {
+    baiduPushDialogRef.value?.open();
+};
+
+const openBaiduPushTaskDialog = () => {
+    baiduPushTaskDialogRef.value?.open();
+};
+
+const openBaiduPushAttentionDialog = () => {
+    baiduPushAttentionDialogRef.value?.open();
+};
+
+const openBaiduPushTrendDialog = () => {
+    baiduPushTrendDialogRef.value?.open();
+};
+
+const downloadManualTemplate = async () => {
+    try {
+        const res = await getDomainExternalSeoManualImportTemplate();
+        const path = res.data.file_path;
+        if (!path) {
+            ElMessage.warning("模板生成成功，但没有可打开的文件路径");
+            return;
+        }
+        window.open(`${import.meta.env.VITE_API_URL}/${String(path).replace(/^\/+/, "")}`, "_blank", "noopener");
+    } catch (_error) {
+        ElMessage.error("生成站外手工导入模板失败");
+    }
+};
+
+const downloadSearchConsolePropertyMapTemplate = async () => {
+    try {
+        const res = await getDomainExternalSeoSearchConsolePropertyMapTemplate();
+        const path = res.data.file_path;
+        if (!path) {
+            ElMessage.warning("映射模板生成成功，但没有可打开的文件路径");
+            return;
+        }
+        window.open(`${import.meta.env.VITE_API_URL}/${String(path).replace(/^\/+/, "")}`, "_blank", "noopener");
+    } catch (_error) {
+        ElMessage.error("生成 Search Console 映射模板失败");
+    }
+};
+
+const beforeUpload = (file: UploadRawFile) => {
+    const type = file.type || "";
+    const name = file.name || "";
+    const isSupported =
+        type === "text/csv" ||
+        type === "application/vnd.ms-excel" ||
+        type === "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" ||
+        /\.xlsx?$/i.test(name) ||
+        /\.csv$/i.test(name);
+    if (!isSupported) {
+        ElMessage.warning("请上传 csv / xls / xlsx 文件");
+    }
+    return isSupported;
+};
+
+const beforeCredentialUpload = (file: UploadRawFile) => {
+    const type = file.type || "";
+    const name = file.name || "";
+    const isJson = type === "application/json" || type === "text/json" || /\.json$/i.test(name);
+    if (!isJson) {
+        ElMessage.warning("请上传 json 凭证文件");
+    }
+    return isJson;
+};
+
+const supportsCredentialUpload = (providerKey?: string) => {
+    return providerKey === "google_search_console" || providerKey === "baidu_webmaster";
+};
+
+const uploadManualReport = async (param: any) => {
+    try {
+        const formData = new FormData();
+        formData.append("excel_file", param.file);
+        const res = await uploadDomainExternalSeoManualImport(formData);
+        ElMessage.success(`导入完成：共 ${res.data.rows_total || 0} 行，写入 ${res.data.imported_count || 0} 行`);
+        const summaryHtmlPath = res.data.summary_html_path;
+        if (summaryHtmlPath) {
+            window.open(`${import.meta.env.VITE_API_URL}/${String(summaryHtmlPath).replace(/^\/+/, "")}`, "_blank", "noopener");
+        }
+        await loadSummary();
+        openRealSummaryDialog();
+        param.onSuccess?.(res?.data ?? {}, param.file);
+    } catch (error) {
+        ElMessage.error("上传站外手工报表失败");
+        param.onError?.(error);
+    }
+};
+
+const uploadProviderCredential = async (providerKey: string, param: any) => {
+    try {
+        const formData = new FormData();
+        formData.append("provider_key", providerKey);
+        formData.append("credential_file", param.file);
+        const res = await uploadDomainExternalSeoProviderCredential(formData);
+        ElMessage.success(`凭证上传完成：${res.data.provider_key || providerKey}`);
+        await loadSummary();
+        param.onSuccess?.(res?.data ?? {}, param.file);
+    } catch (error) {
+        ElMessage.error("上传 provider 凭证失败");
+        param.onError?.(error);
+    }
+};
+
+const uploadSearchConsolePropertyMap = async (param: any) => {
+    try {
+        const formData = new FormData();
+        formData.append("property_map_file", param.file);
+        const res = await uploadDomainExternalSeoSearchConsolePropertyMap(formData);
+        ElMessage.success(`Search Console 映射上传完成：${res.data.mapped_hosts_count || 0} 个 host`);
+        const summaryHtmlPath = res.data.summary_html_path;
+        if (summaryHtmlPath) {
+            window.open(`${import.meta.env.VITE_API_URL}/${String(summaryHtmlPath).replace(/^\/+/, "")}`, "_blank", "noopener");
+        }
+        await loadSummary();
+        openRealSummaryDialog();
+        param.onSuccess?.(res?.data ?? {}, param.file);
+    } catch (error) {
+        ElMessage.error("上传 Search Console 映射失败");
+        param.onError?.(error);
+    }
+};
+
+const open = async () => {
+    visible.value = true;
+    await loadSummary();
+};
+
+defineExpose({
+    open
+});
+</script>
+
+<style scoped lang="scss">
+.external-provider-dialog__toolbar {
+    margin-bottom: 12px;
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+}
+
+.external-provider-dialog__toolbar-section {
+    border: 1px solid #ebeef5;
+    border-radius: 12px;
+    padding: 12px;
+    background: #fafafa;
+}
+
+.external-provider-dialog__toolbar-section--compact {
+    background: #fff;
+}
+
+.external-provider-dialog__toolbar-title {
+    font-weight: 600;
+    margin-bottom: 10px;
+    color: #303133;
+}
+
+.external-provider-dialog__toolbar-buttons {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 10px;
+}
+
+.external-provider-dialog__summary {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 16px;
+    margin: 12px 0;
+    color: #606266;
+    font-size: 13px;
+}
+
+.external-provider-dialog__hero {
+    display: grid;
+    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
+    gap: 12px;
+    margin: 16px 0;
+}
+
+.external-provider-dialog__hero-main {
+    border-radius: 12px;
+    padding: 16px;
+    color: #fff;
+    background: linear-gradient(135deg, #1e3a8a 0%, #0f766e 100%);
+}
+
+.external-provider-dialog__hero-label {
+    font-size: 13px;
+    opacity: 0.86;
+}
+
+.external-provider-dialog__hero-value {
+    margin-top: 6px;
+    font-size: 28px;
+    font-weight: 700;
+}
+
+.external-provider-dialog__hero-note {
+    margin-top: 8px;
+    font-size: 13px;
+    line-height: 1.6;
+    opacity: 0.92;
+}
+
+.external-provider-dialog__hero-metrics {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 12px;
+}
+
+.external-provider-dialog__metric {
+    border: 1px solid #ebeef5;
+    border-radius: 12px;
+    padding: 14px;
+    background: #fafafa;
+}
+
+.external-provider-dialog__metric-label {
+    color: #909399;
+    font-size: 12px;
+}
+
+.external-provider-dialog__metric-value {
+    margin-top: 8px;
+    font-size: 24px;
+    font-weight: 700;
+    color: #303133;
+}
+
+.external-provider-dialog__metric-value--small {
+    font-size: 16px;
+    line-height: 1.5;
+}
+
+.external-provider-dialog__overview-grid {
+    display: grid;
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+    gap: 12px;
+    margin-bottom: 12px;
+}
+
+.external-provider-dialog__overview-card {
+    border: 1px solid #ebeef5;
+    border-radius: 12px;
+    padding: 14px;
+    background: #fff;
+}
+
+.external-provider-dialog__overview-card--wide {
+    grid-column: span 2;
+}
+
+.external-provider-dialog__overview-title {
+    color: #909399;
+    font-size: 12px;
+}
+
+.external-provider-dialog__overview-value {
+    margin-top: 8px;
+    font-size: 22px;
+    font-weight: 700;
+    color: #303133;
+}
+
+.external-provider-dialog__overview-meta {
+    margin-top: 8px;
+    color: #606266;
+    font-size: 12px;
+    line-height: 1.6;
+}
+
+.external-provider-dialog__quick-nav {
+    margin-bottom: 12px;
+    border: 1px solid #ebeef5;
+    border-radius: 12px;
+    padding: 14px;
+    background: #f8fafc;
+}
+
+.external-provider-dialog__quick-nav-title {
+    font-size: 15px;
+    font-weight: 600;
+    color: #303133;
+    margin-bottom: 10px;
+}
+
+.external-provider-dialog__quick-nav-grid {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 12px;
+}
+
+.external-provider-dialog__quick-card {
+    border: 1px solid #e5e7eb;
+    border-radius: 12px;
+    padding: 14px;
+    background: #fff;
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+}
+
+.external-provider-dialog__quick-card-title {
+    font-size: 14px;
+    font-weight: 600;
+    color: #303133;
+}
+
+.external-provider-dialog__quick-card-note {
+    color: #606266;
+    font-size: 12px;
+    line-height: 1.6;
+}
+
+.external-provider-dialog__quick-card-actions {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+}
+
+.external-provider-dialog__attention {
+    margin-bottom: 12px;
+}
+
+.external-provider-dialog__attention-box {
+    border: 1px solid #ebeef5;
+    border-radius: 12px;
+    padding: 14px;
+    background: #fff;
+}
+
+.external-provider-dialog__attention-title {
+    font-weight: 600;
+    margin-bottom: 10px;
+}
+
+.external-provider-dialog__attention-list {
+    display: grid;
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+    gap: 10px;
+}
+
+.external-provider-dialog__attention-item {
+    padding: 10px;
+    border-radius: 10px;
+    background: #fafafa;
+}
+
+.external-provider-dialog__attention-label {
+    color: #909399;
+    font-size: 12px;
+}
+
+.external-provider-dialog__attention-value {
+    margin-top: 6px;
+    color: #303133;
+    line-height: 1.5;
+}
+
+.external-provider-dialog__provider-groups {
+    margin-bottom: 12px;
+    border: 1px solid #ebeef5;
+    border-radius: 12px;
+    padding: 14px;
+    background: #fff;
+}
+
+.external-provider-dialog__provider-groups-title {
+    font-size: 15px;
+    font-weight: 600;
+    color: #303133;
+    margin-bottom: 10px;
+}
+
+.external-provider-dialog__provider-groups-grid {
+    display: grid;
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+    gap: 12px;
+}
+
+.external-provider-dialog__provider-group-card {
+    border: 1px solid #ebeef5;
+    border-radius: 12px;
+    padding: 14px;
+    background: #fafafa;
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+}
+
+.external-provider-dialog__provider-group-head {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 12px;
+}
+
+.external-provider-dialog__provider-group-title {
+    font-size: 14px;
+    font-weight: 600;
+    color: #303133;
+}
+
+.external-provider-dialog__provider-group-count {
+    min-width: 24px;
+    height: 24px;
+    padding: 0 8px;
+    border-radius: 999px;
+    background: #e2e8f0;
+    color: #0f172a;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 12px;
+    font-weight: 600;
+}
+
+.external-provider-dialog__provider-group-note {
+    color: #606266;
+    font-size: 12px;
+    line-height: 1.6;
+}
+
+.external-provider-dialog__provider-group-list {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+}
+
+.external-provider-dialog__provider-group-item {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 10px;
+    padding: 10px 12px;
+    border-radius: 10px;
+    background: #fff;
+}
+
+.external-provider-dialog__provider-group-empty {
+    color: #909399;
+    font-size: 12px;
+    padding: 10px 12px;
+    border-radius: 10px;
+    background: #fff;
+}
+
+.external-provider-dialog__meta {
+    margin-top: 4px;
+    color: #909399;
+    font-size: 12px;
+}
+
+@media (max-width: 1100px) {
+    .external-provider-dialog__hero,
+    .external-provider-dialog__hero-metrics,
+    .external-provider-dialog__overview-grid,
+    .external-provider-dialog__quick-nav-grid,
+    .external-provider-dialog__provider-groups-grid,
+    .external-provider-dialog__attention-list {
+        grid-template-columns: 1fr;
+    }
+
+    .external-provider-dialog__overview-card--wide {
+        grid-column: auto;
+    }
+}
+</style>
diff --git a/src/views/site/domainExternalSeoRealSummaryDialog.vue b/src/views/site/domainExternalSeoRealSummaryDialog.vue
new file mode 100644
index 0000000..40722d1
--- /dev/null
+++ b/src/views/site/domainExternalSeoRealSummaryDialog.vue
@@ -0,0 +1,195 @@
+<template>
+    <el-dialog v-model="visible" title="真实站外结果" width="920px" draggable>
+        <div class="external-real-dialog">
+            <div class="external-real-dialog__toolbar">
+                <el-button type="primary" plain @click="loadSummary">刷新</el-button>
+                <el-button v-if="summary.summary_html_path" type="success" plain @click="openSummaryFile(summary.summary_html_path)">打开 HTML 摘要</el-button>
+                <el-button v-if="summary.summary_json_path" type="info" plain @click="openSummaryFile(summary.summary_json_path)">打开 JSON 摘要</el-button>
+            </div>
+
+            <el-alert
+                :title="alertTitle"
+                :description="summary.note || '当前尚未拉取真实外部平台数据。'"
+                :type="summary.real_metrics_available ? 'success' : 'warning'"
+                show-icon
+                :closable="false"
+            />
+
+            <div class="external-real-dialog__summary">
+                <span>数据来源：{{ summary.provider_label || "-" }}</span>
+                <span>来源状态：{{ summary.provider_status || "-" }}</span>
+                <span>来源模式：{{ sourceModeLabel(summary.source_mode) }}</span>
+                <span>当前状态：{{ statusLabel(summary.status) }}</span>
+            </div>
+
+            <div class="external-real-dialog__metrics">
+                <div v-for="metric in summary.headline_metrics || []" :key="metric.key || metric.label" class="metric-card">
+                    <div class="metric-card__label">{{ metric.label || "-" }}</div>
+                    <div class="metric-card__value">{{ renderMetric(metric) }}</div>
+                    <div class="metric-card__note">{{ metric.note || "-" }}</div>
+                </div>
+            </div>
+
+            <el-descriptions :column="2" border size="small">
+                <el-descriptions-item label="统计周期">{{ summary.days || 0 }} 天</el-descriptions-item>
+                <el-descriptions-item label="来源说明">{{ sourceHint }}</el-descriptions-item>
+                <el-descriptions-item label="结果更新时间">{{ formatDateTime(summary.generated_at) }}</el-descriptions-item>
+                <el-descriptions-item label="最新快照日期">{{ formatDateTime(summary.snapshot_metrics?.latest_metric_date) }}</el-descriptions-item>
+            </el-descriptions>
+
+            <div class="external-real-dialog__steps">
+                <div class="external-real-dialog__steps-title">下一步</div>
+                <ul>
+                    <li v-for="(step, index) in summary.next_steps || []" :key="`${index}-${step}`">{{ step }}</li>
+                </ul>
+            </div>
+        </div>
+    </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { computed, ref } from "vue";
+import { ElMessage } from "element-plus";
+import { SiteList } from "@/api/interface/site/list";
+import { getDomainExternalSeoRealSummary } from "@/api/modules/site/list";
+
+const visible = ref(false);
+const loading = ref(false);
+const summary = ref<SiteList.DomainExternalSeoRealSummaryData>({});
+
+const alertTitle = computed(() => {
+    if (summary.value.source_mode === "automation_snapshot") {
+        return "当前展示的是 Node 自动快照结果";
+    }
+    if (summary.value.real_metrics_available) {
+        return "当前已接入真实站外指标";
+    }
+    return "当前还在真实结果接入阶段";
+});
+
+const sourceHint = computed(() => {
+    if (summary.value.source_mode === "automation_snapshot") {
+        return "自动快照优先，主要看收录、起词和流量就绪，不是展现/点击报表。";
+    }
+    if (summary.value.source_mode === "manual_csv") {
+        return "当前来自人工 CSV / 报表导入，适合临时补录和历史对账。";
+    }
+    return "当前仍在平台级真实结果接入阶段。";
+});
+
+const loadSummary = async () => {
+    loading.value = true;
+    try {
+        const res = await getDomainExternalSeoRealSummary({ days: 7 });
+        summary.value = res.data ?? {};
+    } catch (_error) {
+        ElMessage.error("读取真实站外 summary 骨架失败");
+    } finally {
+        loading.value = false;
+    }
+};
+
+const openSummaryFile = (path?: string) => {
+    if (!path) return;
+    window.open(`${import.meta.env.VITE_API_URL}/${String(path).replace(/^\/+/, "")}`, "_blank", "noopener");
+};
+
+const statusLabel = (status?: string) => {
+    if (status === "ready") return "已就绪";
+    if (status === "not_configured") return "未配置";
+    if (status === "provider_ready_but_property_map_missing") return "缺少属性映射";
+    if (status === "provider_ready_but_client_missing") return "缺少客户端依赖";
+    if (status === "ready_for_api_implementation") return "可接 API";
+    return status || "-";
+};
+
+const sourceModeLabel = (mode?: string) => {
+    if (mode === "automation_snapshot") return "自动快照";
+    if (mode === "manual_csv") return "人工报表";
+    if (mode === "provider_skeleton") return "接入骨架";
+    return mode || "-";
+};
+
+const renderMetric = (metric?: any) => {
+    if (!metric) return "-";
+    const value = metric.value;
+    if (value === null || value === undefined || value === "") return "-";
+    if (metric.format === "percent" && typeof value === "number") {
+        return `${(value * 100).toFixed(2)}%`;
+    }
+    return String(value);
+};
+
+const formatDateTime = (value?: string) => {
+    if (!value) return "-";
+    const date = new Date(value);
+    if (Number.isNaN(date.getTime())) return value;
+    const pad = (num: number) => String(num).padStart(2, "0");
+    return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())} ${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`;
+};
+
+const open = async () => {
+    visible.value = true;
+    await loadSummary();
+};
+
+defineExpose({
+    open
+});
+</script>
+
+<style scoped lang="scss">
+.external-real-dialog__toolbar {
+    margin-bottom: 12px;
+}
+
+.external-real-dialog__summary {
+    display: flex;
+    gap: 16px;
+    margin: 12px 0;
+    color: #606266;
+    font-size: 13px;
+}
+
+.external-real-dialog__steps {
+    margin-top: 16px;
+}
+
+.external-real-dialog__metrics {
+    display: grid;
+    grid-template-columns: repeat(4, minmax(150px, 1fr));
+    gap: 12px;
+    margin-bottom: 16px;
+}
+
+.metric-card {
+    border: 1px solid #ebeef5;
+    border-radius: 10px;
+    padding: 14px;
+    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
+}
+
+.metric-card__label {
+    color: #909399;
+    font-size: 12px;
+    margin-bottom: 8px;
+}
+
+.metric-card__value {
+    color: #303133;
+    font-size: 26px;
+    font-weight: 700;
+    line-height: 1.2;
+}
+
+.metric-card__note {
+    margin-top: 8px;
+    color: #606266;
+    font-size: 12px;
+}
+
+.external-real-dialog__steps-title {
+    font-weight: 600;
+    margin-bottom: 8px;
+}
+</style>
diff --git a/src/views/site/domainExternalSeoResultObserveDialog.vue b/src/views/site/domainExternalSeoResultObserveDialog.vue
new file mode 100644
index 0000000..4a72540
--- /dev/null
+++ b/src/views/site/domainExternalSeoResultObserveDialog.vue
@@ -0,0 +1,362 @@
+<template>
+    <el-dialog v-model="visible" title="SEO 结果观察面板" width="980px" draggable>
+        <div class="result-observe-dialog">
+            <div class="result-observe-dialog__toolbar">
+                <el-button type="primary" plain @click="loadData">刷新</el-button>
+                <el-button v-if="realSummary.summary_html_path" type="success" plain @click="openSummaryFile(realSummary.summary_html_path)">
+                    打开真实结果摘要
+                </el-button>
+                <el-button v-if="realSummary.summary_json_path" type="info" plain @click="openSummaryFile(realSummary.summary_json_path)">
+                    打开 JSON
+                </el-button>
+                <el-button type="warning" plain @click="openSnapshotRunsDialog">最近自动快照接收</el-button>
+            </div>
+
+            <el-alert
+                :title="heroTitle"
+                :description="heroDescription"
+                :type="realSummary.real_metrics_available ? 'success' : 'warning'"
+                show-icon
+                :closable="false"
+            />
+
+            <div class="result-observe-dialog__metrics" v-loading="loading">
+                <div
+                    v-for="(metric, index) in displayHeadlineMetrics"
+                    :key="metric.key || metric.label || index"
+                    class="metric-card"
+                    :class="{ 'metric-card--primary': index === 0 }"
+                >
+                    <div class="metric-card__label">{{ metric.label || "-" }}</div>
+                    <div class="metric-card__value">{{ renderHeadlineMetric(metric) }}</div>
+                    <div class="metric-card__note">{{ metric.note || "-" }}</div>
+                </div>
+            </div>
+
+            <div class="result-observe-dialog__insights">
+                <div class="insight-card">
+                    <div class="insight-card__title">当前准备态</div>
+                    <div class="insight-card__value">{{ readinessSummary.hero_summary || "当前还没有准备态摘要" }}</div>
+                    <div class="insight-card__meta">
+                        已恢复 {{ readinessSummary.ready_count || 0 }} / {{ readinessSummary.host_count || 0 }}，
+                        当前异常 {{ readinessSummary.queue_count || 0 }}
+                    </div>
+                </div>
+                <div class="insight-card">
+                    <div class="insight-card__title">当前趋势</div>
+                    <div class="insight-card__value">{{ trendLabel(trendSummary.proxy_signal_trend?.label) }}</div>
+                    <div class="insight-card__meta">
+                        最新失败 {{ trendSummary.proxy_signal_trend?.latest_failed_count || 0 }}，
+                        前次失败 {{ trendSummary.proxy_signal_trend?.previous_failed_count || 0 }}
+                    </div>
+                </div>
+                <div class="insight-card">
+                    <div class="insight-card__title">最近自动快照接收</div>
+                    <div class="insight-card__value">{{ snapshotRunHealth }}</div>
+                    <div class="insight-card__meta">
+                        最新接收 {{ snapshotRuns.latest_run?.received_count || 0 }}，
+                        失败 {{ snapshotRuns.latest_run?.failed_count || 0 }}，
+                        成功率 {{ Number(snapshotRuns.latest_run?.success_rate || 0).toFixed(0) }}%
+                    </div>
+                </div>
+                <div class="insight-card">
+                    <div class="insight-card__title">最近自动快照时间</div>
+                    <div class="insight-card__value">{{ formatDateTime(snapshotRuns.latest_run?.updated_at) }}</div>
+                    <div class="insight-card__meta">
+                        总回推 {{ snapshotRuns.total || 0 }} 笔，
+                        高优先 {{ snapshotRuns.alert_buckets?.high || 0 }}，
+                        中优先 {{ snapshotRuns.alert_buckets?.medium || 0 }}
+                    </div>
+                </div>
+            </div>
+
+            <el-row :gutter="12" class="result-observe-dialog__lists">
+                <el-col :span="12">
+                    <div class="list-card">
+                        <div class="list-card__title">当前重点词</div>
+                        <el-table :data="realSummary.top_queries || []" border max-height="220" size="small">
+                            <el-table-column prop="query" label="搜索词" min-width="180" />
+                            <el-table-column prop="impressions" label="展现" width="90" />
+                        </el-table>
+                    </div>
+                </el-col>
+                <el-col :span="12">
+                    <div class="list-card">
+                        <div class="list-card__title">当前重点页</div>
+                        <el-table :data="realSummary.top_pages || []" border max-height="220" size="small">
+                            <el-table-column prop="page" label="页面" min-width="200" />
+                            <el-table-column prop="impressions" label="展现" width="90" />
+                        </el-table>
+                    </div>
+                </el-col>
+            </el-row>
+
+            <div class="result-observe-dialog__failure-box">
+                <div class="list-card">
+                    <div class="list-card__title">最近失败的自动快照 Run</div>
+                    <div v-if="!attentionSnapshotRuns.length" class="list-card__empty">最近没有需要优先关注的自动快照异常</div>
+                    <el-table v-else :data="attentionSnapshotRuns" border max-height="220" size="small">
+                        <el-table-column prop="run_id" label="Run ID" min-width="200" />
+                        <el-table-column label="告警" width="100">
+                            <template #default="{ row }">
+                                <el-tag v-if="row.alert_level === 'high'" type="danger" size="small">高</el-tag>
+                                <el-tag v-else-if="row.alert_level === 'medium'" type="warning" size="small">中</el-tag>
+                                <el-tag v-else size="small">低</el-tag>
+                            </template>
+                        </el-table-column>
+                        <el-table-column prop="alert_reason" label="原因" min-width="220" show-overflow-tooltip />
+                        <el-table-column label="成功率" width="100">
+                            <template #default="{ row }">
+                                {{ Number(row.success_rate || 0).toFixed(0) }}%
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="失败数" width="90">
+                            <template #default="{ row }">
+                                {{ row.failed_count || 0 }}
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="更新时间" min-width="170">
+                            <template #default="{ row }">
+                                {{ formatDateTime(row.updated_at) }}
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="操作" width="120" fixed="right">
+                            <template #default>
+                                <el-button link type="primary" @click="openSnapshotRunsDialog">查看详情</el-button>
+                            </template>
+                        </el-table-column>
+                    </el-table>
+                </div>
+            </div>
+
+            <el-descriptions :column="2" border size="small" class="result-observe-dialog__meta">
+                <el-descriptions-item label="结果来源">{{ realSummary.provider_label || "-" }}</el-descriptions-item>
+                <el-descriptions-item label="统计周期">{{ realSummary.days || 0 }} 天</el-descriptions-item>
+                <el-descriptions-item label="结果更新时间">{{ formatDateTime(realSummary.generated_at) }}</el-descriptions-item>
+                <el-descriptions-item label="准备态更新时间">{{ formatDateTime(readinessSummary.generated_at) }}</el-descriptions-item>
+            </el-descriptions>
+        </div>
+        <DomainExternalSeoSnapshotRunDialog ref="snapshotRunsDialogRef" />
+    </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { computed, ref } from "vue";
+import { ElMessage } from "element-plus";
+import { SiteList } from "@/api/interface/site/list";
+import { getDomainExternalSeoRealSummary, getDomainExternalSeoSnapshotRuns, getDomainExternalSeoSummary, getDomainExternalSeoTrendSummary } from "@/api/modules/site/list";
+import DomainExternalSeoSnapshotRunDialog from "./domainExternalSeoSnapshotRunDialog.vue";
+
+const visible = ref(false);
+const loading = ref(false);
+const realSummary = ref<SiteList.DomainExternalSeoRealSummaryData>({});
+const readinessSummary = ref<SiteList.DomainExternalSeoSummaryData>({});
+const trendSummary = ref<SiteList.DomainExternalSeoTrendData>({});
+const snapshotRuns = ref<SiteList.DomainExternalSeoSnapshotRunData>({});
+const snapshotRunsDialogRef = ref();
+
+const displayHeadlineMetrics = computed(() => {
+    return (realSummary.value.headline_metrics || []).slice(0, 4);
+});
+
+const heroTitle = computed(() => {
+    if (realSummary.value.source_mode === "automation_snapshot") {
+        return "每天先看这 4 个自动化信号：采集域名、疑似已收录、已起词、流量就绪";
+    }
+    if (realSummary.value.real_metrics_available) {
+        return "每天先看这 4 个数字：展现、点击、点击率、平均排名";
+    }
+    return "当前还没有稳定的真实结果数据，先继续观察准备态和接入状态";
+});
+
+const heroDescription = computed(() => {
+    if (realSummary.value.source_mode === "automation_snapshot") {
+        return "当前这块优先展示 Node 自动快照。更适合无人值守时先看收录、起词和流量信号，再决定要不要继续补料或观察。";
+    }
+    if (realSummary.value.real_metrics_available) {
+        return "当展现开始持续增长、点击跟着起来，说明这批域名已经开始进入真实 SEO 结果观察期。";
+    }
+    return realSummary.value.note || "当前还在接入真实结果阶段。";
+});
+
+const snapshotRunHealth = computed(() => {
+    if (Number(snapshotRuns.value.alert_buckets?.high || 0) > 0) return "有高优先异常";
+    if (Number(snapshotRuns.value.alert_buckets?.medium || 0) > 0) return "有中优先异常";
+    if (Number(snapshotRuns.value.latest_run?.received_count || 0) > 0) return "最近回推稳定";
+    return "等待新的自动快照";
+});
+
+const attentionSnapshotRuns = computed(() => {
+    return (snapshotRuns.value.top_attention_runs || []).slice(0, 5);
+});
+
+const renderHeadlineMetric = (metric?: any) => {
+    if (!metric) return "-";
+    const value = metric.value;
+    if (value === null || value === undefined || value === "") return "-";
+    if (metric.format === "percent" && typeof value === "number") {
+        return `${(value * 100).toFixed(2)}%`;
+    }
+    return String(value);
+};
+
+const trendLabel = (label?: string) => {
+    if (label === "improving") return "改善中";
+    if (label === "worsening") return "上升中";
+    return "持平";
+};
+
+const formatDateTime = (value?: string) => {
+    if (!value) return "-";
+    const date = new Date(value);
+    if (Number.isNaN(date.getTime())) return value;
+    const pad = (num: number) => String(num).padStart(2, "0");
+    return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())} ${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`;
+};
+
+const openSummaryFile = (path?: string) => {
+    if (!path) return;
+    window.open(`${import.meta.env.VITE_API_URL}/${String(path).replace(/^\/+/, "")}`, "_blank", "noopener");
+};
+
+const openSnapshotRunsDialog = () => {
+    snapshotRunsDialogRef.value?.open?.();
+};
+
+const loadData = async () => {
+    loading.value = true;
+    try {
+        const [realRes, summaryRes, trendRes, snapshotRunRes] = await Promise.all([
+            getDomainExternalSeoRealSummary({ days: 7 }),
+            getDomainExternalSeoSummary({ limit: 20 }),
+            getDomainExternalSeoTrendSummary({ limit: 10 }),
+            getDomainExternalSeoSnapshotRuns({ limit: 10 })
+        ]);
+        realSummary.value = realRes.data ?? {};
+        readinessSummary.value = summaryRes.data ?? {};
+        trendSummary.value = trendRes.data ?? {};
+        snapshotRuns.value = snapshotRunRes.data ?? {};
+    } catch (_error) {
+        ElMessage.error("读取 SEO 结果观察面板失败");
+    } finally {
+        loading.value = false;
+    }
+};
+
+const open = async () => {
+    visible.value = true;
+    await loadData();
+};
+
+defineExpose({
+    open
+});
+</script>
+
+<style scoped lang="scss">
+.result-observe-dialog__toolbar {
+    margin-bottom: 12px;
+}
+
+.result-observe-dialog__metrics {
+    display: grid;
+    grid-template-columns: repeat(4, minmax(140px, 1fr));
+    gap: 12px;
+    margin: 16px 0;
+}
+
+.metric-card {
+    border: 1px solid #ebeef5;
+    border-radius: 10px;
+    padding: 16px;
+    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
+}
+
+.metric-card--primary {
+    border-color: #cfe3ff;
+    background: linear-gradient(180deg, #eef6ff 0%, #ffffff 100%);
+}
+
+.metric-card__label {
+    font-size: 12px;
+    color: #909399;
+    margin-bottom: 8px;
+}
+
+.metric-card__value {
+    font-size: 28px;
+    font-weight: 700;
+    color: #303133;
+    line-height: 1.2;
+}
+
+.metric-card__note {
+    margin-top: 8px;
+    font-size: 12px;
+    color: #606266;
+}
+
+.result-observe-dialog__insights {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(200px, 1fr));
+    gap: 12px;
+    margin-bottom: 16px;
+}
+
+.insight-card {
+    border: 1px solid #ebeef5;
+    border-radius: 10px;
+    padding: 14px 16px;
+    background: #fafafa;
+}
+
+.insight-card__title {
+    color: #909399;
+    font-size: 12px;
+    margin-bottom: 8px;
+}
+
+.insight-card__value {
+    color: #303133;
+    font-size: 15px;
+    font-weight: 600;
+    line-height: 1.6;
+}
+
+.insight-card__meta {
+    margin-top: 8px;
+    color: #606266;
+    font-size: 12px;
+}
+
+.result-observe-dialog__lists {
+    margin-bottom: 16px;
+}
+
+.result-observe-dialog__failure-box {
+    margin-bottom: 16px;
+}
+
+.list-card {
+    border: 1px solid #ebeef5;
+    border-radius: 10px;
+    padding: 12px;
+    background: #fff;
+}
+
+.list-card__title {
+    margin-bottom: 10px;
+    font-weight: 600;
+    color: #303133;
+}
+
+.list-card__empty {
+    padding: 10px 2px;
+    color: #909399;
+    font-size: 13px;
+}
+
+.result-observe-dialog__meta {
+    margin-top: 8px;
+}
+</style>
diff --git a/src/views/site/domainExternalSeoSearchConsoleFetchDialog.vue b/src/views/site/domainExternalSeoSearchConsoleFetchDialog.vue
new file mode 100644
index 0000000..2275c78
--- /dev/null
+++ b/src/views/site/domainExternalSeoSearchConsoleFetchDialog.vue
@@ -0,0 +1,146 @@
+<template>
+    <el-dialog v-model="visible" title="Search Console Fetch 摘要" width="1080px" draggable>
+        <div class="search-console-fetch-dialog">
+            <div class="search-console-fetch-dialog__toolbar">
+                <el-button type="primary" plain @click="loadSummary">刷新</el-button>
+                <el-button v-if="summary.summary_html_path" type="success" plain @click="openPublicPath(summary.summary_html_path)">HTML摘要</el-button>
+                <el-button v-if="summary.summary_json_path" type="info" plain @click="openPublicPath(summary.summary_json_path)">JSON摘要</el-button>
+            </div>
+
+            <el-alert
+                :title="summary.status || 'planned'"
+                :description="summary.note || '当前这里展示 Search Console fetch 骨架。'"
+                :type="summary.client_dependency_ready ? 'success' : 'warning'"
+                show-icon
+                :closable="false"
+            />
+
+            <div class="search-console-fetch-dialog__metrics">
+                <div class="metric-card">
+                    <div class="metric-card__label">请求数</div>
+                    <div class="metric-card__value">{{ summary.planned_request_count || 0 }}</div>
+                </div>
+                <div class="metric-card">
+                    <div class="metric-card__label">凭证</div>
+                    <div class="metric-card__value">{{ summary.credential_ready ? "ready" : "missing" }}</div>
+                </div>
+                <div class="metric-card">
+                    <div class="metric-card__label">映射</div>
+                    <div class="metric-card__value">{{ summary.property_map_ready ? "ready" : "missing" }}</div>
+                </div>
+                <div class="metric-card">
+                    <div class="metric-card__label">Client</div>
+                    <div class="metric-card__value">{{ summary.client_dependency_ready ? "ready" : "missing" }}</div>
+                </div>
+            </div>
+
+            <el-descriptions :column="1" border size="small">
+                <el-descriptions-item label="blocked_reason">{{ summary.blocked_reason || "-" }}</el-descriptions-item>
+            </el-descriptions>
+
+            <div class="search-console-fetch-dialog__steps">
+                <div class="search-console-fetch-dialog__title">下一步</div>
+                <ul>
+                    <li v-for="(step, index) in summary.next_steps || []" :key="`${index}-${step}`">{{ step }}</li>
+                </ul>
+            </div>
+
+            <el-table v-loading="loading" :data="summary.request_plan || []" border max-height="360">
+                <el-table-column prop="host" label="Host" min-width="180" />
+                <el-table-column prop="site_url" label="Site URL" min-width="260" />
+                <el-table-column prop="property_scope" label="Scope" width="120" />
+                <el-table-column label="Dimensions" min-width="160">
+                    <template #default="{ row }">{{ (row.request_dimensions || []).join(", ") || "-" }}</template>
+                </el-table-column>
+                <el-table-column label="Metrics" min-width="220">
+                    <template #default="{ row }">{{ (row.request_metrics || []).join(", ") || "-" }}</template>
+                </el-table-column>
+                <el-table-column label="Date Range" min-width="180">
+                    <template #default="{ row }">
+                        {{ row.date_range?.start_date || "-" }} ~ {{ row.date_range?.end_date || "-" }}
+                    </template>
+                </el-table-column>
+                <el-table-column prop="request_status" label="请求状态" width="140" />
+            </el-table>
+        </div>
+    </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+import { ElMessage } from "element-plus";
+import { SiteList } from "@/api/interface/site/list";
+import { getDomainExternalSeoSearchConsoleFetchSummary } from "@/api/modules/site/list";
+
+const BASE_URL = import.meta.env.VITE_API_URL as string;
+const visible = ref(false);
+const loading = ref(false);
+const summary = ref<SiteList.DomainExternalSeoSearchConsoleFetchData>({});
+
+const openPublicPath = (path?: string) => {
+    if (!path) return;
+    window.open(`${BASE_URL}/${String(path).replace(/^\/+/, "")}`, "_blank", "noopener");
+};
+
+const loadSummary = async () => {
+    loading.value = true;
+    try {
+        const res = await getDomainExternalSeoSearchConsoleFetchSummary({ days: 7 });
+        summary.value = res.data ?? {};
+    } catch (_error) {
+        ElMessage.error("读取 Search Console fetch 摘要失败");
+    } finally {
+        loading.value = false;
+    }
+};
+
+const open = async () => {
+    visible.value = true;
+    await loadSummary();
+};
+
+defineExpose({
+    open
+});
+</script>
+
+<style scoped lang="scss">
+.search-console-fetch-dialog__toolbar {
+    margin-bottom: 12px;
+}
+
+.search-console-fetch-dialog__metrics {
+    display: grid;
+    grid-template-columns: repeat(4, minmax(120px, 1fr));
+    gap: 12px;
+    margin: 16px 0;
+}
+
+.metric-card {
+    border: 1px solid #ebeef5;
+    border-radius: 8px;
+    padding: 12px;
+    background: #fafafa;
+}
+
+.metric-card__label {
+    color: #909399;
+    font-size: 12px;
+    margin-bottom: 6px;
+}
+
+.metric-card__value {
+    color: #303133;
+    font-size: 22px;
+    font-weight: 600;
+}
+
+.search-console-fetch-dialog__steps {
+    margin: 16px 0;
+}
+
+.search-console-fetch-dialog__title {
+    font-weight: 600;
+    margin-bottom: 8px;
+}
+</style>
diff --git a/src/views/site/domainExternalSeoSearchConsolePlanDialog.vue b/src/views/site/domainExternalSeoSearchConsolePlanDialog.vue
new file mode 100644
index 0000000..6ff61f2
--- /dev/null
+++ b/src/views/site/domainExternalSeoSearchConsolePlanDialog.vue
@@ -0,0 +1,147 @@
+<template>
+    <el-dialog v-model="visible" title="Search Console Provider 计划" width="980px" draggable>
+        <div class="search-console-plan-dialog">
+            <div class="search-console-plan-dialog__toolbar">
+                <el-button type="primary" plain @click="loadSummary">刷新</el-button>
+                <el-button type="warning" plain @click="openFetchDialog">Fetch 摘要</el-button>
+                <el-button v-if="summary.summary_html_path" type="success" plain @click="openPublicPath(summary.summary_html_path)">HTML摘要</el-button>
+                <el-button v-if="summary.summary_json_path" type="info" plain @click="openPublicPath(summary.summary_json_path)">JSON摘要</el-button>
+            </div>
+
+            <el-alert
+                :title="summary.status || 'planned'"
+                :description="summary.note || '当前这里展示 Search Console provider 的准备态。'"
+                :type="summary.client_dependency_ready ? 'success' : 'warning'"
+                show-icon
+                :closable="false"
+            />
+
+            <div class="search-console-plan-dialog__metrics">
+                <div class="metric-card">
+                    <div class="metric-card__label">凭证</div>
+                    <div class="metric-card__value">{{ summary.credential_ready ? "ready" : "missing" }}</div>
+                </div>
+                <div class="metric-card">
+                    <div class="metric-card__label">映射</div>
+                    <div class="metric-card__value">{{ summary.property_map_ready ? "ready" : "missing" }}</div>
+                </div>
+                <div class="metric-card">
+                    <div class="metric-card__label">Client</div>
+                    <div class="metric-card__value">{{ summary.client_dependency_ready ? "ready" : "missing" }}</div>
+                </div>
+                <div class="metric-card">
+                    <div class="metric-card__label">Mapped Hosts</div>
+                    <div class="metric-card__value">{{ summary.mapped_hosts_count || 0 }}</div>
+                </div>
+            </div>
+
+            <el-descriptions :column="1" border size="small">
+                <el-descriptions-item label="credential_path">{{ summary.credential_path || "-" }}</el-descriptions-item>
+                <el-descriptions-item label="property_map_path">{{ summary.property_map_path || "-" }}</el-descriptions-item>
+                <el-descriptions-item label="fetch_scope">
+                    {{ (summary.fetch_scope?.dimensions || []).join(", ") || "-" }} /
+                    {{ (summary.fetch_scope?.aggregations || []).join(", ") || "-" }}
+                </el-descriptions-item>
+            </el-descriptions>
+
+            <div class="search-console-plan-dialog__steps">
+                <div class="search-console-plan-dialog__title">下一步</div>
+                <ul>
+                    <li v-for="(step, index) in summary.next_steps || []" :key="`${index}-${step}`">{{ step }}</li>
+                </ul>
+            </div>
+
+            <el-table v-loading="loading" :data="summary.properties_preview || []" border max-height="320">
+                <el-table-column prop="host" label="Host" min-width="180" />
+                <el-table-column prop="site_url" label="Site URL" min-width="280" />
+                <el-table-column prop="property_scope" label="Property Scope" width="140" />
+            </el-table>
+        </div>
+    </el-dialog>
+    <DomainExternalSeoSearchConsoleFetchDialog ref="fetchDialogRef" />
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+import { ElMessage } from "element-plus";
+import { SiteList } from "@/api/interface/site/list";
+import { getDomainExternalSeoSearchConsoleProviderPlan } from "@/api/modules/site/list";
+import DomainExternalSeoSearchConsoleFetchDialog from "./domainExternalSeoSearchConsoleFetchDialog.vue";
+
+const BASE_URL = import.meta.env.VITE_API_URL as string;
+const visible = ref(false);
+const loading = ref(false);
+const summary = ref<SiteList.DomainExternalSeoSearchConsoleProviderPlanData>({});
+const fetchDialogRef = ref();
+
+const openPublicPath = (path?: string) => {
+    if (!path) return;
+    window.open(`${BASE_URL}/${String(path).replace(/^\/+/, "")}`, "_blank", "noopener");
+};
+
+const openFetchDialog = () => {
+    fetchDialogRef.value?.open();
+};
+
+const loadSummary = async () => {
+    loading.value = true;
+    try {
+        const res = await getDomainExternalSeoSearchConsoleProviderPlan({ days: 7 });
+        summary.value = res.data ?? {};
+    } catch (_error) {
+        ElMessage.error("读取 Search Console provider 计划失败");
+    } finally {
+        loading.value = false;
+    }
+};
+
+const open = async () => {
+    visible.value = true;
+    await loadSummary();
+};
+
+defineExpose({
+    open
+});
+</script>
+
+<style scoped lang="scss">
+.search-console-plan-dialog__toolbar {
+    margin-bottom: 12px;
+}
+
+.search-console-plan-dialog__metrics {
+    display: grid;
+    grid-template-columns: repeat(4, minmax(120px, 1fr));
+    gap: 12px;
+    margin: 16px 0;
+}
+
+.metric-card {
+    border: 1px solid #ebeef5;
+    border-radius: 8px;
+    padding: 12px;
+    background: #fafafa;
+}
+
+.metric-card__label {
+    color: #909399;
+    font-size: 12px;
+    margin-bottom: 6px;
+}
+
+.metric-card__value {
+    color: #303133;
+    font-size: 22px;
+    font-weight: 600;
+}
+
+.search-console-plan-dialog__steps {
+    margin: 16px 0;
+}
+
+.search-console-plan-dialog__title {
+    font-weight: 600;
+    margin-bottom: 8px;
+}
+</style>
diff --git a/src/views/site/domainExternalSeoSiteQueryDialog.vue b/src/views/site/domainExternalSeoSiteQueryDialog.vue
new file mode 100644
index 0000000..c7bdb67
--- /dev/null
+++ b/src/views/site/domainExternalSeoSiteQueryDialog.vue
@@ -0,0 +1,144 @@
+<template>
+    <el-dialog v-model="visible" title="百度 site: 收录探测" width="1180px" draggable>
+        <div class="site-query-dialog">
+            <div class="site-query-dialog__toolbar">
+                <el-button type="primary" plain @click="loadSummary">刷新</el-button>
+                <el-button v-if="summary.summary_html_path" type="success" plain @click="openPublicPath(summary.summary_html_path)">HTML摘要</el-button>
+                <el-button v-if="summary.summary_json_path" type="info" plain @click="openPublicPath(summary.summary_json_path)">JSON摘要</el-button>
+            </div>
+
+            <el-alert
+                :title="alertTitle"
+                :description="summary.note || '这里优先沉淀 site: 收录探测状态。当前如果命中百度安全验证，也会明确标成 captcha，而不是假装有精确收录量。'"
+                :type="alertType"
+                show-icon
+                :closable="false"
+            />
+
+            <div class="site-query-dialog__metrics">
+                <div class="metric-card">
+                    <div class="metric-card__label">Hosts</div>
+                    <div class="metric-card__value">{{ summary.host_count || 0 }}</div>
+                </div>
+                <div class="metric-card">
+                    <div class="metric-card__label">疑似收录</div>
+                    <div class="metric-card__value">{{ summary.status_buckets?.indexed_like || 0 }}</div>
+                </div>
+                <div class="metric-card">
+                    <div class="metric-card__label">Captcha</div>
+                    <div class="metric-card__value">{{ summary.status_buckets?.captcha || 0 }}</div>
+                </div>
+                <div class="metric-card">
+                    <div class="metric-card__label">No Result</div>
+                    <div class="metric-card__value">{{ summary.status_buckets?.no_result || 0 }}</div>
+                </div>
+                <div class="metric-card">
+                    <div class="metric-card__label">Blocked</div>
+                    <div class="metric-card__value">{{ summary.status_buckets?.blocked || 0 }}</div>
+                </div>
+            </div>
+
+            <el-table v-loading="loading" :data="summary.items || []" border max-height="460">
+                <el-table-column prop="host" label="Host" min-width="180" />
+                <el-table-column prop="query_status" label="状态" width="110" />
+                <el-table-column prop="engine_variant" label="Variant" width="110" />
+                <el-table-column prop="http_status" label="HTTP" width="80" />
+                <el-table-column prop="page_title" label="页面标题" min-width="180" />
+                <el-table-column prop="result_count_text" label="结果文本" min-width="180" />
+                <el-table-column label="Captcha" width="90">
+                    <template #default="{ row }">{{ row.captcha_detected ? "yes" : "no" }}</template>
+                </el-table-column>
+                <el-table-column label="Host 命中" width="100">
+                    <template #default="{ row }">{{ row.has_host_mention ? "yes" : "no" }}</template>
+                </el-table-column>
+                <el-table-column prop="probed_at" label="探测时间" min-width="180" />
+            </el-table>
+        </div>
+    </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { computed, ref } from "vue";
+import { ElMessage } from "element-plus";
+import { SiteList } from "@/api/interface/site/list";
+import { getDomainExternalSeoSiteQueryProbeSummary } from "@/api/modules/site/list";
+
+const BASE_URL = import.meta.env.VITE_API_URL as string;
+const visible = ref(false);
+const loading = ref(false);
+const summary = ref<SiteList.DomainExternalSeoSiteQueryProbeData>({});
+
+const openPublicPath = (path?: string) => {
+    if (!path) return;
+    window.open(`${BASE_URL}/${String(path).replace(/^\/+/, "")}`, "_blank", "noopener");
+};
+
+const alertTitle = computed(() => {
+    const indexedLike = summary.value.status_buckets?.indexed_like || 0;
+    const captcha = summary.value.status_buckets?.captcha || 0;
+    if (indexedLike > 0) return "当前已有部分域名疑似命中百度收录";
+    if (captcha > 0) return "当前探测主要被百度安全验证拦截";
+    return "当前还没有拿到明确收录信号";
+});
+
+const alertType = computed(() => {
+    const indexedLike = summary.value.status_buckets?.indexed_like || 0;
+    const captcha = summary.value.status_buckets?.captcha || 0;
+    if (indexedLike > 0) return "success";
+    if (captcha > 0) return "warning";
+    return "info";
+});
+
+const loadSummary = async () => {
+    loading.value = true;
+    try {
+        const res = await getDomainExternalSeoSiteQueryProbeSummary({ limit: 50 });
+        summary.value = res.data ?? {};
+    } catch (_error) {
+        ElMessage.error("读取百度 site: 收录探测失败");
+    } finally {
+        loading.value = false;
+    }
+};
+
+const open = async () => {
+    visible.value = true;
+    await loadSummary();
+};
+
+defineExpose({
+    open
+});
+</script>
+
+<style scoped lang="scss">
+.site-query-dialog__toolbar {
+    margin-bottom: 12px;
+}
+
+.site-query-dialog__metrics {
+    display: grid;
+    grid-template-columns: repeat(5, minmax(120px, 1fr));
+    gap: 12px;
+    margin: 16px 0;
+}
+
+.metric-card {
+    border: 1px solid #ebeef5;
+    border-radius: 8px;
+    padding: 12px;
+    background: #fafafa;
+}
+
+.metric-card__label {
+    color: #909399;
+    font-size: 12px;
+    margin-bottom: 6px;
+}
+
+.metric-card__value {
+    color: #303133;
+    font-size: 22px;
+    font-weight: 600;
+}
+</style>
diff --git a/src/views/site/domainExternalSeoSnapshotChecklistDialog.vue b/src/views/site/domainExternalSeoSnapshotChecklistDialog.vue
new file mode 100644
index 0000000..d36f85a
--- /dev/null
+++ b/src/views/site/domainExternalSeoSnapshotChecklistDialog.vue
@@ -0,0 +1,87 @@
+<template>
+    <el-dialog v-model="visible" title="站外快照字段校验清单" width="980px" draggable>
+        <div class="snapshot-checklist-dialog">
+            <div class="snapshot-checklist-dialog__toolbar">
+                <el-button type="primary" plain @click="loadSummary">刷新</el-button>
+            </div>
+
+            <el-alert
+                :title="summary.note || '字段清单'"
+                type="info"
+                :closable="false"
+                show-icon
+            />
+
+            <div class="snapshot-checklist-dialog__common">
+                <span class="snapshot-checklist-dialog__label">通用必填：</span>
+                <el-tag v-for="item in summary.common_required || []" :key="item" size="small" class="snapshot-checklist-dialog__tag">{{ item }}</el-tag>
+            </div>
+
+            <el-table v-loading="loading" :data="summary.rows || []" border>
+                <el-table-column prop="provider" label="Provider" min-width="140" />
+                <el-table-column prop="snapshot_type" label="Snapshot Type" min-width="180" />
+                <el-table-column prop="scope" label="Scope" width="100" />
+                <el-table-column label="必填字段" min-width="240">
+                    <template #default="{ row }">
+                        <el-tag v-for="item in row.required || []" :key="item" size="small" class="snapshot-checklist-dialog__tag">{{ item }}</el-tag>
+                    </template>
+                </el-table-column>
+                <el-table-column label="推荐字段" min-width="260">
+                    <template #default="{ row }">
+                        <el-tag v-for="item in row.recommended || []" :key="item" size="small" type="success" class="snapshot-checklist-dialog__tag">{{ item }}</el-tag>
+                    </template>
+                </el-table-column>
+            </el-table>
+        </div>
+    </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+import { ElMessage } from "element-plus";
+import { SiteList } from "@/api/interface/site/list";
+import { getDomainExternalSeoSnapshotChecklist } from "@/api/modules/site/list";
+
+const visible = ref(false);
+const loading = ref(false);
+const summary = ref<SiteList.DomainExternalSeoSnapshotChecklistData>({});
+
+const loadSummary = async () => {
+    loading.value = true;
+    try {
+        const res = await getDomainExternalSeoSnapshotChecklist();
+        summary.value = res.data ?? {};
+    } catch (_error) {
+        ElMessage.error("读取站外快照字段校验清单失败");
+    } finally {
+        loading.value = false;
+    }
+};
+
+const open = async () => {
+    visible.value = true;
+    await loadSummary();
+};
+
+defineExpose({ open });
+</script>
+
+<style scoped lang="scss">
+.snapshot-checklist-dialog__toolbar {
+    margin-bottom: 12px;
+}
+
+.snapshot-checklist-dialog__common {
+    margin: 12px 0;
+}
+
+.snapshot-checklist-dialog__label {
+    margin-right: 8px;
+    font-weight: 600;
+}
+
+.snapshot-checklist-dialog__tag {
+    margin-right: 6px;
+    margin-bottom: 6px;
+}
+</style>
diff --git a/src/views/site/domainExternalSeoSnapshotRunDialog.vue b/src/views/site/domainExternalSeoSnapshotRunDialog.vue
new file mode 100644
index 0000000..9248015
--- /dev/null
+++ b/src/views/site/domainExternalSeoSnapshotRunDialog.vue
@@ -0,0 +1,364 @@
+<template>
+    <el-dialog v-model="visible" title="最近站外快照接收记录" width="1080px" draggable>
+        <div class="snapshot-run-dialog">
+            <div class="snapshot-run-dialog__toolbar">
+                <el-button type="primary" plain @click="loadRuns">刷新</el-button>
+            </div>
+            <div v-if="summary" class="snapshot-run-dialog__summary">
+                <el-alert
+                    :title="buildSummaryTitle(summary)"
+                    :type="summary.alert_buckets?.high ? 'error' : summary.alert_buckets?.medium ? 'warning' : 'success'"
+                    :closable="false"
+                    show-icon
+                />
+            </div>
+
+            <div v-if="summary" class="snapshot-run-dialog__hero">
+                <div class="snapshot-run-dialog__hero-main">
+                    <div class="snapshot-run-dialog__hero-label">最近回推总览</div>
+                    <div class="snapshot-run-dialog__hero-value">{{ buildSnapshotHealth(summary) }}</div>
+                    <div class="snapshot-run-dialog__hero-note">
+                        先看高优先级 run 数量，再看最新一笔回推是否把结果面带起来。
+                    </div>
+                </div>
+                <div class="snapshot-run-dialog__hero-metrics">
+                    <div v-for="item in buildHeroMetrics(summary)" :key="item.label" class="snapshot-run-dialog__metric">
+                        <div class="snapshot-run-dialog__metric-label">{{ item.label }}</div>
+                        <div class="snapshot-run-dialog__metric-value">{{ item.value }}</div>
+                    </div>
+                </div>
+            </div>
+
+            <div v-if="summary" class="snapshot-run-dialog__attention">
+                <div class="snapshot-run-dialog__attention-box">
+                    <div class="snapshot-run-dialog__attention-title">优先关注的回推 Run</div>
+                    <div v-if="!(summary.top_attention_runs || []).length" class="snapshot-run-dialog__attention-empty">当前没有高优先级回推异常</div>
+                    <div v-else class="snapshot-run-dialog__attention-list">
+                        <div v-for="item in (summary.top_attention_runs || []).slice(0, 3)" :key="item.run_id" class="snapshot-run-dialog__attention-item">
+                            <div class="snapshot-run-dialog__attention-run">{{ item.run_id }}</div>
+                            <div class="snapshot-run-dialog__attention-reason">{{ item.alert_reason || "-" }}</div>
+                            <div class="snapshot-run-dialog__attention-meta">
+                                成功率 {{ Number(item.success_rate || 0).toFixed(0) }}% / 失败 {{ Number(item.failed_count || 0) }}
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="snapshot-run-dialog__attention-box">
+                    <div class="snapshot-run-dialog__attention-title">最新一笔结果面</div>
+                    <div class="snapshot-run-dialog__latest-grid">
+                        <div class="snapshot-run-dialog__mini">
+                            <div class="snapshot-run-dialog__mini-label">Run</div>
+                            <div class="snapshot-run-dialog__mini-value snapshot-run-dialog__mini-value--break">
+                                {{ summary.latest_run?.run_id || "-" }}
+                            </div>
+                        </div>
+                        <div class="snapshot-run-dialog__mini">
+                            <div class="snapshot-run-dialog__mini-label">结果健康度</div>
+                            <div class="snapshot-run-dialog__mini-value">{{ summary.latest_run?.post_ingest_health_label || "-" }}</div>
+                        </div>
+                        <div class="snapshot-run-dialog__mini">
+                            <div class="snapshot-run-dialog__mini-label">接收趋势</div>
+                            <div class="snapshot-run-dialog__mini-value">{{ summary.latest_run?.post_ingest_trend_label || "-" }}</div>
+                        </div>
+                        <div class="snapshot-run-dialog__mini">
+                            <div class="snapshot-run-dialog__mini-label">告警</div>
+                            <div class="snapshot-run-dialog__mini-value">{{ summary.latest_run?.alert_reason || "-" }}</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <el-table v-loading="loading" :data="rows" border>
+                <el-table-column prop="run_id" label="Run ID" min-width="180" />
+                <el-table-column prop="source" label="Source" width="120" />
+                <el-table-column prop="received_count" label="接收" width="90" />
+                <el-table-column prop="inserted_count" label="新增" width="90" />
+                <el-table-column prop="updated_count" label="更新" width="90" />
+                <el-table-column prop="failed_count" label="失败" width="90" />
+                <el-table-column label="成功率" width="100">
+                    <template #default="{ row }">
+                        <span>{{ Number(row.success_rate || 0).toFixed(0) }}%</span>
+                    </template>
+                </el-table-column>
+                <el-table-column label="告警" width="120">
+                    <template #default="{ row }">
+                        <el-tag v-if="row.alert_level && row.alert_level !== 'none'" :type="row.alert_level === 'high' ? 'danger' : 'warning'" size="small">
+                            {{ row.alert_level }}
+                        </el-tag>
+                        <span v-else>-</span>
+                    </template>
+                </el-table-column>
+                <el-table-column label="结果健康度" width="120">
+                    <template #default="{ row }">
+                        <el-tag v-if="row.post_ingest_health_label" size="small">{{ row.post_ingest_health_label }}</el-tag>
+                        <span v-else>-</span>
+                    </template>
+                </el-table-column>
+                <el-table-column label="接收趋势" width="120">
+                    <template #default="{ row }">
+                        <el-tag v-if="row.post_ingest_trend_label" size="small" type="success">{{ row.post_ingest_trend_label }}</el-tag>
+                        <span v-else>-</span>
+                    </template>
+                </el-table-column>
+                <el-table-column label="失败聚合" min-width="240">
+                    <template #default="{ row }">
+                        <span v-if="!(row.error_buckets || []).length">-</span>
+                        <span v-else>
+                            {{
+                                (row.error_buckets || [])
+                                    .slice(0, 3)
+                                    .map((item: any) => `${item.message} x${item.count}`)
+                                    .join(" ; ")
+                            }}
+                        </span>
+                    </template>
+                </el-table-column>
+                <el-table-column prop="updated_at" label="更新时间" min-width="180" />
+                <el-table-column label="操作" width="320" fixed="right">
+                    <template #default="{ row }">
+                        <el-button v-if="row.summary_html_path" link type="primary" @click="openPublicPath(row.summary_html_path)">HTML摘要</el-button>
+                        <el-button v-if="row.summary_json_path" link type="info" @click="openPublicPath(row.summary_json_path)">JSON摘要</el-button>
+                        <el-button v-if="row.payload_json_path" link type="warning" @click="openPublicPath(row.payload_json_path)">原始快照</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+        </div>
+    </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+import { ElMessage } from "element-plus";
+import { SiteList } from "@/api/interface/site/list";
+import { getDomainExternalSeoSnapshotRuns } from "@/api/modules/site/list";
+
+const BASE_URL = import.meta.env.VITE_API_URL as string;
+const visible = ref(false);
+const loading = ref(false);
+const rows = ref<SiteList.DomainExternalSeoSnapshotRunItem[]>([]);
+const summary = ref<SiteList.DomainExternalSeoSnapshotRunData | null>(null);
+
+const openPublicPath = (path?: string) => {
+    if (!path) return;
+    window.open(`${BASE_URL}/${String(path).replace(/^\/+/, "")}`, "_blank", "noopener");
+};
+
+const loadRuns = async () => {
+    loading.value = true;
+    try {
+        const res = await getDomainExternalSeoSnapshotRuns({ limit: 20 });
+        summary.value = res.data ?? null;
+        rows.value = res.data.items ?? [];
+    } catch (_error) {
+        ElMessage.error("读取站外快照接收记录失败");
+    } finally {
+        loading.value = false;
+    }
+};
+
+const buildSummaryTitle = (data?: SiteList.DomainExternalSeoSnapshotRunData | null) => {
+    const high = Number(data?.alert_buckets?.high || 0);
+    const medium = Number(data?.alert_buckets?.medium || 0);
+    if (high > 0) {
+        const item = (data?.top_attention_runs || [])[0];
+        return `最近回推里有 ${high} 笔高优先级异常，先看 ${item?.run_id || "最新异常 run"}。`;
+    }
+    if (medium > 0) {
+        const item = (data?.top_attention_runs || [])[0];
+        return `最近回推里有 ${medium} 笔需要关注的异常，建议先看 ${item?.run_id || "异常 run"}。`;
+    }
+    return "最近回推整体稳定，当前没有高优先级接收异常。";
+};
+
+const buildSnapshotHealth = (data?: SiteList.DomainExternalSeoSnapshotRunData | null) => {
+    if (Number(data?.alert_buckets?.high || 0) > 0) return "高优先级异常待处理";
+    if (Number(data?.alert_buckets?.medium || 0) > 0) return "回推可运行但需关注";
+    if (Number(data?.latest_run?.success_rate || 0) > 0) return "最近回推整体稳定";
+    return "等待新的回推数据";
+};
+
+const buildHeroMetrics = (data?: SiteList.DomainExternalSeoSnapshotRunData | null) => {
+    return [
+        {
+            label: "总回推笔数",
+            value: `${Number(data?.total || 0)}`,
+        },
+        {
+            label: "高优先级 Run",
+            value: `${Number(data?.alert_buckets?.high || 0)}`,
+        },
+        {
+            label: "最新成功率",
+            value: `${Number(data?.latest_run?.success_rate || 0).toFixed(0)}%`,
+        },
+        {
+            label: "最新失败数",
+            value: `${Number(data?.latest_run?.failed_count || 0)}`,
+        },
+    ];
+};
+
+const open = async () => {
+    visible.value = true;
+    await loadRuns();
+};
+
+defineExpose({ open });
+</script>
+
+<style scoped lang="scss">
+.snapshot-run-dialog__toolbar {
+    margin-bottom: 12px;
+}
+
+.snapshot-run-dialog__summary {
+    margin-bottom: 12px;
+}
+
+.snapshot-run-dialog__hero {
+    display: grid;
+    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
+    gap: 12px;
+    margin-bottom: 12px;
+}
+
+.snapshot-run-dialog__hero-main {
+    border-radius: 12px;
+    padding: 16px;
+    color: #fff;
+    background: linear-gradient(135deg, #0f766e 0%, #2563eb 100%);
+}
+
+.snapshot-run-dialog__hero-label {
+    font-size: 13px;
+    opacity: 0.85;
+}
+
+.snapshot-run-dialog__hero-value {
+    margin-top: 6px;
+    font-size: 28px;
+    font-weight: 700;
+}
+
+.snapshot-run-dialog__hero-note {
+    margin-top: 8px;
+    font-size: 13px;
+    line-height: 1.6;
+    opacity: 0.92;
+}
+
+.snapshot-run-dialog__hero-metrics {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 12px;
+}
+
+.snapshot-run-dialog__metric {
+    border: 1px solid #ebeef5;
+    border-radius: 12px;
+    padding: 14px;
+    background: #fafafa;
+}
+
+.snapshot-run-dialog__metric-label {
+    color: #909399;
+    font-size: 12px;
+}
+
+.snapshot-run-dialog__metric-value {
+    margin-top: 8px;
+    font-size: 24px;
+    font-weight: 700;
+    color: #303133;
+}
+
+.snapshot-run-dialog__attention {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 12px;
+    margin-bottom: 12px;
+}
+
+.snapshot-run-dialog__attention-box {
+    border: 1px solid #ebeef5;
+    border-radius: 12px;
+    padding: 14px;
+    background: #fff;
+}
+
+.snapshot-run-dialog__attention-title {
+    font-weight: 600;
+    margin-bottom: 10px;
+}
+
+.snapshot-run-dialog__attention-empty {
+    color: #909399;
+    font-size: 13px;
+}
+
+.snapshot-run-dialog__attention-list {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+}
+
+.snapshot-run-dialog__attention-item {
+    padding: 10px;
+    border-radius: 10px;
+    background: #fafafa;
+}
+
+.snapshot-run-dialog__attention-run {
+    font-size: 12px;
+    color: #606266;
+    word-break: break-all;
+}
+
+.snapshot-run-dialog__attention-reason {
+    margin-top: 6px;
+    color: #303133;
+    line-height: 1.5;
+}
+
+.snapshot-run-dialog__attention-meta {
+    margin-top: 6px;
+    color: #909399;
+    font-size: 12px;
+}
+
+.snapshot-run-dialog__latest-grid {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 10px;
+}
+
+.snapshot-run-dialog__mini {
+    padding: 10px;
+    border-radius: 10px;
+    background: #fafafa;
+}
+
+.snapshot-run-dialog__mini-label {
+    color: #909399;
+    font-size: 12px;
+}
+
+.snapshot-run-dialog__mini-value {
+    margin-top: 6px;
+    color: #303133;
+    font-weight: 600;
+    line-height: 1.5;
+}
+
+.snapshot-run-dialog__mini-value--break {
+    word-break: break-all;
+}
+
+@media (max-width: 980px) {
+    .snapshot-run-dialog__hero,
+    .snapshot-run-dialog__attention,
+    .snapshot-run-dialog__hero-metrics,
+    .snapshot-run-dialog__latest-grid {
+        grid-template-columns: 1fr;
+    }
+}
+</style>
diff --git a/src/views/site/domainExternalSeoSnapshotSummaryDialog.vue b/src/views/site/domainExternalSeoSnapshotSummaryDialog.vue
new file mode 100644
index 0000000..e3f1cf9
--- /dev/null
+++ b/src/views/site/domainExternalSeoSnapshotSummaryDialog.vue
@@ -0,0 +1,81 @@
+<template>
+    <el-dialog v-model="visible" title="站外快照摘要" width="1180px" draggable>
+        <div class="snapshot-summary-dialog">
+            <div class="snapshot-summary-dialog__toolbar">
+                <el-button type="primary" plain @click="loadSummary">刷新</el-button>
+            </div>
+
+            <el-alert
+                :title="summary.snapshot_count ? '当前已有历史快照可分析' : '当前还没有历史快照数据'"
+                :description="summary.note || '这里展示 seo_external_snapshot 表里的历史快照摘要。'"
+                :type="summary.snapshot_count ? 'success' : 'warning'"
+                show-icon
+                :closable="false"
+            />
+
+            <div class="snapshot-summary-dialog__metrics">
+                <div class="metric-card"><div class="metric-card__label">快照数</div><div class="metric-card__value">{{ summary.snapshot_count || 0 }}</div></div>
+                <div class="metric-card"><div class="metric-card__label">Host</div><div class="metric-card__value">{{ summary.host_count || 0 }}</div></div>
+                <div class="metric-card"><div class="metric-card__label">indexed_like</div><div class="metric-card__value">{{ summary.indexed_like_host_count || 0 }}</div></div>
+                <div class="metric-card"><div class="metric-card__label">keyword_ready</div><div class="metric-card__value">{{ summary.keyword_ready_host_count || 0 }}</div></div>
+                <div class="metric-card"><div class="metric-card__label">traffic_ready</div><div class="metric-card__value">{{ summary.traffic_ready_host_count || 0 }}</div></div>
+            </div>
+
+            <el-descriptions :column="2" border size="small">
+                <el-descriptions-item label="days">{{ summary.days || 0 }}</el-descriptions-item>
+                <el-descriptions-item label="latest_metric_date">{{ summary.latest_metric_date || "-" }}</el-descriptions-item>
+                <el-descriptions-item label="providers">{{ (summary.providers || []).join(", ") || "-" }}</el-descriptions-item>
+                <el-descriptions-item label="keyword_snapshot_count">{{ summary.keyword_snapshot_count || 0 }}</el-descriptions-item>
+            </el-descriptions>
+
+            <el-table v-loading="loading" :data="summary.hosts || []" border max-height="420">
+                <el-table-column prop="host" label="Host" min-width="160" />
+                <el-table-column prop="provider" label="Provider" width="120" />
+                <el-table-column prop="metric_date" label="日期" width="110" />
+                <el-table-column prop="indexed_status" label="收录状态" width="120" />
+                <el-table-column prop="baidu_pc_ip_range" label="百度来路" width="120" />
+                <el-table-column prop="baidu_mobile_ip_range" label="移动来路" width="120" />
+                <el-table-column prop="pc_keyword_count" label="PC词数" width="90" />
+                <el-table-column prop="mobile_keyword_count" label="移动词数" width="90" />
+            </el-table>
+        </div>
+    </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+import { ElMessage } from "element-plus";
+import { SiteList } from "@/api/interface/site/list";
+import { getDomainExternalSeoSnapshotSummary } from "@/api/modules/site/list";
+
+const visible = ref(false);
+const loading = ref(false);
+const summary = ref<SiteList.DomainExternalSeoSnapshotSummaryData>({});
+
+const loadSummary = async () => {
+    loading.value = true;
+    try {
+        const res = await getDomainExternalSeoSnapshotSummary({ days: 7, limit: 20 });
+        summary.value = res.data ?? {};
+    } catch (_error) {
+        ElMessage.error("读取站外快照摘要失败");
+    } finally {
+        loading.value = false;
+    }
+};
+
+const open = async () => {
+    visible.value = true;
+    await loadSummary();
+};
+
+defineExpose({ open });
+</script>
+
+<style scoped lang="scss">
+.snapshot-summary-dialog__toolbar { margin-bottom: 12px; }
+.snapshot-summary-dialog__metrics { display:grid; grid-template-columns:repeat(5,minmax(120px,1fr)); gap:12px; margin:16px 0; }
+.metric-card { border:1px solid #ebeef5; border-radius:8px; padding:12px; background:#fafafa; }
+.metric-card__label { color:#909399; font-size:12px; margin-bottom:6px; }
+.metric-card__value { color:#303133; font-size:22px; font-weight:600; }
+</style>
diff --git a/src/views/site/domainExternalSeoSnapshotTrendDialog.vue b/src/views/site/domainExternalSeoSnapshotTrendDialog.vue
new file mode 100644
index 0000000..16f87c8
--- /dev/null
+++ b/src/views/site/domainExternalSeoSnapshotTrendDialog.vue
@@ -0,0 +1,173 @@
+<template>
+    <el-dialog v-model="visible" title="快照接收趋势" width="980px" draggable>
+        <div class="snapshot-trend-dialog">
+            <div class="snapshot-trend-dialog__toolbar">
+                <el-button type="primary" plain @click="loadSummary">刷新</el-button>
+            </div>
+
+            <el-alert
+                :title="summary.success_trend?.label ? `当前趋势：${buildTrendLabel(summary.success_trend.label)}` : '当前还没有快照接收趋势数据'"
+                :description="summary.note || '这里展示最近几次 snapshots/save 的成功率变化。'"
+                :type="buildTrendType(summary.success_trend?.label)"
+                show-icon
+                :closable="false"
+            />
+
+            <div class="snapshot-trend-dialog__hero">
+                <div class="snapshot-trend-dialog__hero-main">
+                    <div class="snapshot-trend-dialog__hero-label">接收趋势面板</div>
+                    <div class="snapshot-trend-dialog__hero-value">{{ buildTrendLabel(summary.success_trend?.label) }}</div>
+                    <div class="snapshot-trend-dialog__hero-note">
+                        先看最近成功率和失败数是在改善还是变差，再决定是否缩批次或继续放量。
+                    </div>
+                </div>
+                <div class="snapshot-trend-dialog__hero-metrics">
+                    <div v-for="item in buildHeroMetrics(summary)" :key="item.label" class="metric-card metric-card--hero">
+                        <div class="metric-card__label">{{ item.label }}</div>
+                        <div class="metric-card__value">{{ item.value }}</div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="snapshot-trend-dialog__metrics">
+                <div class="metric-card"><div class="metric-card__label">runs</div><div class="metric-card__value">{{ summary.runs_count || 0 }}</div></div>
+                <div class="metric-card"><div class="metric-card__label">latest success%</div><div class="metric-card__value">{{ summary.success_trend?.latest_success_rate ?? 0 }}</div></div>
+                <div class="metric-card"><div class="metric-card__label">prev success%</div><div class="metric-card__value">{{ summary.success_trend?.previous_success_rate ?? 0 }}</div></div>
+                <div class="metric-card"><div class="metric-card__label">latest failed</div><div class="metric-card__value">{{ summary.success_trend?.latest_failed_count ?? 0 }}</div></div>
+                <div class="metric-card"><div class="metric-card__label">prev failed</div><div class="metric-card__value">{{ summary.success_trend?.previous_failed_count ?? 0 }}</div></div>
+            </div>
+
+            <div class="snapshot-trend-dialog__attention">
+                <div class="snapshot-trend-dialog__attention-box">
+                    <div class="snapshot-trend-dialog__attention-title">最新一笔回推</div>
+                    <div class="snapshot-trend-dialog__attention-grid">
+                        <div class="snapshot-trend-dialog__mini">
+                            <div class="snapshot-trend-dialog__mini-label">Run</div>
+                            <div class="snapshot-trend-dialog__mini-value snapshot-trend-dialog__mini-value--break">{{ summary.latest_run?.run_id || "-" }}</div>
+                        </div>
+                        <div class="snapshot-trend-dialog__mini">
+                            <div class="snapshot-trend-dialog__mini-label">Source</div>
+                            <div class="snapshot-trend-dialog__mini-value">{{ summary.latest_run?.source || "-" }}</div>
+                        </div>
+                        <div class="snapshot-trend-dialog__mini">
+                            <div class="snapshot-trend-dialog__mini-label">成功率</div>
+                            <div class="snapshot-trend-dialog__mini-value">{{ summary.latest_run?.success_rate ?? 0 }}%</div>
+                        </div>
+                        <div class="snapshot-trend-dialog__mini">
+                            <div class="snapshot-trend-dialog__mini-label">失败数</div>
+                            <div class="snapshot-trend-dialog__mini-value">{{ summary.latest_run?.failed_count ?? 0 }}</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <el-table v-loading="loading" :data="summary.recent_runs || []" border>
+                <el-table-column prop="run_id" label="Run ID" min-width="180" />
+                <el-table-column prop="source" label="Source" width="120" />
+                <el-table-column prop="received_count" label="接收" width="90" />
+                <el-table-column prop="inserted_count" label="新增" width="90" />
+                <el-table-column prop="updated_count" label="更新" width="90" />
+                <el-table-column prop="failed_count" label="失败" width="90" />
+                <el-table-column prop="success_rate" label="成功率%" width="100" />
+                <el-table-column prop="updated_at" label="更新时间" min-width="180" />
+            </el-table>
+        </div>
+    </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+import { ElMessage } from "element-plus";
+import { SiteList } from "@/api/interface/site/list";
+import { getDomainExternalSeoSnapshotTrend } from "@/api/modules/site/list";
+
+const visible = ref(false);
+const loading = ref(false);
+const summary = ref<SiteList.DomainExternalSeoSnapshotTrendData>({});
+
+const loadSummary = async () => {
+    loading.value = true;
+    try {
+        const res = await getDomainExternalSeoSnapshotTrend({ limit: 10 });
+        summary.value = res.data ?? {};
+    } catch (_error) {
+        ElMessage.error("读取快照接收趋势失败");
+    } finally {
+        loading.value = false;
+    }
+};
+
+const buildTrendType = (label?: string) => {
+    if (label === "improving") return "success";
+    if (label === "worsening") return "warning";
+    return "info";
+};
+
+const buildTrendLabel = (label?: string) => {
+    if (label === "improving") return "趋势改善中";
+    if (label === "worsening") return "趋势转差";
+    if (label === "flat") return "趋势持平";
+    return "等待趋势数据";
+};
+
+const buildHeroMetrics = (data: SiteList.DomainExternalSeoSnapshotTrendData) => {
+    return [
+        { label: "最新成功率", value: `${data.success_trend?.latest_success_rate ?? 0}%` },
+        { label: "上一笔成功率", value: `${data.success_trend?.previous_success_rate ?? 0}%` },
+        { label: "最新失败数", value: `${data.success_trend?.latest_failed_count ?? 0}` },
+        { label: "上一笔失败数", value: `${data.success_trend?.previous_failed_count ?? 0}` },
+    ];
+};
+
+const open = async () => {
+    visible.value = true;
+    await loadSummary();
+};
+
+defineExpose({ open });
+</script>
+
+<style scoped lang="scss">
+.snapshot-trend-dialog__toolbar { margin-bottom: 12px; }
+.snapshot-trend-dialog__hero {
+    display:grid;
+    grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
+    gap:12px;
+    margin:16px 0;
+}
+.snapshot-trend-dialog__hero-main {
+    border-radius:12px;
+    padding:16px;
+    color:#fff;
+    background:linear-gradient(135deg, #1d4ed8 0%, #0f766e 100%);
+}
+.snapshot-trend-dialog__hero-label { font-size:13px; opacity:.86; }
+.snapshot-trend-dialog__hero-value { margin-top:6px; font-size:28px; font-weight:700; }
+.snapshot-trend-dialog__hero-note { margin-top:8px; font-size:13px; line-height:1.6; opacity:.92; }
+.snapshot-trend-dialog__hero-metrics {
+    display:grid;
+    grid-template-columns:repeat(2,minmax(0,1fr));
+    gap:12px;
+}
+.snapshot-trend-dialog__metrics { display:grid; grid-template-columns:repeat(5,minmax(120px,1fr)); gap:12px; margin:16px 0; }
+.snapshot-trend-dialog__attention { margin:0 0 16px; }
+.snapshot-trend-dialog__attention-box { border:1px solid #ebeef5; border-radius:12px; padding:14px; background:#fff; }
+.snapshot-trend-dialog__attention-title { font-weight:600; margin-bottom:10px; }
+.snapshot-trend-dialog__attention-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
+.snapshot-trend-dialog__mini { padding:10px; border-radius:10px; background:#fafafa; }
+.snapshot-trend-dialog__mini-label { color:#909399; font-size:12px; }
+.snapshot-trend-dialog__mini-value { margin-top:6px; color:#303133; font-weight:600; line-height:1.5; }
+.snapshot-trend-dialog__mini-value--break { word-break:break-all; }
+.metric-card { border:1px solid #ebeef5; border-radius:12px; padding:12px; background:#fafafa; }
+.metric-card--hero { background:#fafafa; }
+.metric-card__label { color:#909399; font-size:12px; margin-bottom:6px; }
+.metric-card__value { color:#303133; font-size:22px; font-weight:600; }
+@media (max-width: 980px) {
+    .snapshot-trend-dialog__hero,
+    .snapshot-trend-dialog__hero-metrics,
+    .snapshot-trend-dialog__metrics,
+    .snapshot-trend-dialog__attention-grid {
+        grid-template-columns:1fr;
+    }
+}
+</style>
diff --git a/src/views/site/domainExternalSeoSnapshotValidateRunDialog.vue b/src/views/site/domainExternalSeoSnapshotValidateRunDialog.vue
new file mode 100644
index 0000000..192593f
--- /dev/null
+++ b/src/views/site/domainExternalSeoSnapshotValidateRunDialog.vue
@@ -0,0 +1,371 @@
+<template>
+    <el-dialog v-model="visible" title="最近站外快照校验记录" width="1080px" draggable>
+        <div class="snapshot-validate-run-dialog">
+            <div class="snapshot-validate-run-dialog__toolbar">
+                <el-button type="primary" plain @click="loadRuns">刷新</el-button>
+            </div>
+            <div v-if="summary" class="snapshot-validate-run-dialog__summary">
+                <el-alert
+                    :title="buildSummaryTitle(summary)"
+                    :type="summary.alert_buckets?.high ? 'error' : summary.alert_buckets?.medium ? 'warning' : 'success'"
+                    :closable="false"
+                    show-icon
+                />
+            </div>
+
+            <div v-if="summary" class="snapshot-validate-run-dialog__hero">
+                <div class="snapshot-validate-run-dialog__hero-main">
+                    <div class="snapshot-validate-run-dialog__hero-label">最近 dry-run 总览</div>
+                    <div class="snapshot-validate-run-dialog__hero-value">{{ buildValidateHealth(summary) }}</div>
+                    <div class="snapshot-validate-run-dialog__hero-note">
+                        先看高优先级 dry-run 数量，再看最新一笔字段校验是否已经恢复通过。
+                    </div>
+                </div>
+                <div class="snapshot-validate-run-dialog__hero-metrics">
+                    <div v-for="item in buildHeroMetrics(summary)" :key="item.label" class="snapshot-validate-run-dialog__metric">
+                        <div class="snapshot-validate-run-dialog__metric-label">{{ item.label }}</div>
+                        <div class="snapshot-validate-run-dialog__metric-value">{{ item.value }}</div>
+                    </div>
+                </div>
+            </div>
+
+            <div v-if="summary" class="snapshot-validate-run-dialog__attention">
+                <div class="snapshot-validate-run-dialog__attention-box">
+                    <div class="snapshot-validate-run-dialog__attention-title">优先关注的 dry-run</div>
+                    <div v-if="!(summary.top_attention_runs || []).length" class="snapshot-validate-run-dialog__attention-empty">当前没有高优先级 dry-run 异常</div>
+                    <div v-else class="snapshot-validate-run-dialog__attention-list">
+                        <div v-for="item in (summary.top_attention_runs || []).slice(0, 3)" :key="item.run_id" class="snapshot-validate-run-dialog__attention-item">
+                            <div class="snapshot-validate-run-dialog__attention-run">{{ item.run_id }}</div>
+                            <div class="snapshot-validate-run-dialog__attention-reason">{{ item.alert_reason || "-" }}</div>
+                            <div class="snapshot-validate-run-dialog__attention-meta">
+                                通过率 {{ Number(item.success_rate || 0).toFixed(0) }}% / 错误 {{ Number(item.error_count || 0) }}
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="snapshot-validate-run-dialog__attention-box">
+                    <div class="snapshot-validate-run-dialog__attention-title">最新一笔字段校验</div>
+                    <div class="snapshot-validate-run-dialog__latest-grid">
+                        <div class="snapshot-validate-run-dialog__mini">
+                            <div class="snapshot-validate-run-dialog__mini-label">Run</div>
+                            <div class="snapshot-validate-run-dialog__mini-value snapshot-validate-run-dialog__mini-value--break">
+                                {{ summary.latest_run?.run_id || "-" }}
+                            </div>
+                        </div>
+                        <div class="snapshot-validate-run-dialog__mini">
+                            <div class="snapshot-validate-run-dialog__mini-label">状态</div>
+                            <div class="snapshot-validate-run-dialog__mini-value">{{ summary.latest_run?.passed ? "passed" : "failed" }}</div>
+                        </div>
+                        <div class="snapshot-validate-run-dialog__mini">
+                            <div class="snapshot-validate-run-dialog__mini-label">通过率</div>
+                            <div class="snapshot-validate-run-dialog__mini-value">{{ Number(summary.latest_run?.success_rate || 0).toFixed(0) }}%</div>
+                        </div>
+                        <div class="snapshot-validate-run-dialog__mini">
+                            <div class="snapshot-validate-run-dialog__mini-label">主要原因</div>
+                            <div class="snapshot-validate-run-dialog__mini-value">{{ summary.latest_run?.alert_reason || "-" }}</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <el-table v-loading="loading" :data="rows" border>
+                <el-table-column prop="run_id" label="Run ID" min-width="180" />
+                <el-table-column prop="received_count" label="接收" width="90" />
+                <el-table-column prop="valid_count" label="通过" width="90" />
+                <el-table-column prop="error_count" label="错误" width="90" />
+                <el-table-column prop="warning_count" label="警告" width="90" />
+                <el-table-column label="通过率" width="100">
+                    <template #default="{ row }">
+                        <span>{{ Number(row.success_rate || 0).toFixed(0) }}%</span>
+                    </template>
+                </el-table-column>
+                <el-table-column label="告警" width="120">
+                    <template #default="{ row }">
+                        <el-tag v-if="row.alert_level && row.alert_level !== 'none'" :type="row.alert_level === 'high' ? 'danger' : row.alert_level === 'medium' ? 'warning' : 'info'" size="small">
+                            {{ row.alert_level }}
+                        </el-tag>
+                        <span v-else>-</span>
+                    </template>
+                </el-table-column>
+                <el-table-column label="状态" width="100">
+                    <template #default="{ row }">
+                        <el-tag :type="row.passed ? 'success' : 'danger'" size="small">
+                            {{ row.passed ? "passed" : "failed" }}
+                        </el-tag>
+                    </template>
+                </el-table-column>
+                <el-table-column label="错误聚合" min-width="240">
+                    <template #default="{ row }">
+                        <span v-if="!(row.error_buckets || []).length">-</span>
+                        <span v-else>
+                            {{
+                                (row.error_buckets || [])
+                                    .slice(0, 3)
+                                    .map((item: any) => `${item.message} x${item.count}`)
+                                    .join(" ; ")
+                            }}
+                        </span>
+                    </template>
+                </el-table-column>
+                <el-table-column label="警告聚合" min-width="220">
+                    <template #default="{ row }">
+                        <span v-if="!(row.warning_buckets || []).length">-</span>
+                        <span v-else>
+                            {{
+                                (row.warning_buckets || [])
+                                    .slice(0, 2)
+                                    .map((item: any) => `${item.message} x${item.count}`)
+                                    .join(" ; ")
+                            }}
+                        </span>
+                    </template>
+                </el-table-column>
+                <el-table-column prop="updated_at" label="更新时间" min-width="180" />
+                <el-table-column label="操作" width="320" fixed="right">
+                    <template #default="{ row }">
+                        <el-button v-if="row.summary_html_path" link type="primary" @click="openPublicPath(row.summary_html_path)">HTML摘要</el-button>
+                        <el-button v-if="row.summary_json_path" link type="info" @click="openPublicPath(row.summary_json_path)">JSON摘要</el-button>
+                        <el-button v-if="row.payload_json_path" link type="warning" @click="openPublicPath(row.payload_json_path)">原始快照</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+        </div>
+    </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+import { ElMessage } from "element-plus";
+import { SiteList } from "@/api/interface/site/list";
+import { getDomainExternalSeoSnapshotValidateRuns } from "@/api/modules/site/list";
+
+const BASE_URL = import.meta.env.VITE_API_URL as string;
+const visible = ref(false);
+const loading = ref(false);
+const rows = ref<SiteList.DomainExternalSeoSnapshotValidateRunItem[]>([]);
+const summary = ref<SiteList.DomainExternalSeoSnapshotValidateRunData | null>(null);
+
+const openPublicPath = (path?: string) => {
+    if (!path) return;
+    window.open(`${BASE_URL}/${String(path).replace(/^\/+/, "")}`, "_blank", "noopener");
+};
+
+const loadRuns = async () => {
+    loading.value = true;
+    try {
+        const res = await getDomainExternalSeoSnapshotValidateRuns({ limit: 20 });
+        summary.value = res.data ?? null;
+        rows.value = res.data.items ?? [];
+    } catch (_error) {
+        ElMessage.error("读取站外快照校验记录失败");
+    } finally {
+        loading.value = false;
+    }
+};
+
+const buildSummaryTitle = (data?: SiteList.DomainExternalSeoSnapshotValidateRunData | null) => {
+    const high = Number(data?.alert_buckets?.high || 0);
+    const medium = Number(data?.alert_buckets?.medium || 0);
+    if (high > 0) {
+        const item = (data?.top_attention_runs || [])[0];
+        return `最近 dry-run 里有 ${high} 笔高优先级校验失败，先看 ${item?.run_id || "最新异常 run"}。`;
+    }
+    if (medium > 0) {
+        const item = (data?.top_attention_runs || [])[0];
+        return `最近 dry-run 里有 ${medium} 笔需要关注的字段问题，建议先看 ${item?.run_id || "异常 run"}。`;
+    }
+    return "最近 dry-run 整体稳定，当前没有高优先级字段校验问题。";
+};
+
+const buildValidateHealth = (data?: SiteList.DomainExternalSeoSnapshotValidateRunData | null) => {
+    if (Number(data?.alert_buckets?.high || 0) > 0) return "字段校验高风险";
+    if (Number(data?.alert_buckets?.medium || 0) > 0) return "字段校验需关注";
+    if (data?.latest_run?.passed) return "最近 dry-run 已恢复通过";
+    return "等待新的 dry-run 数据";
+};
+
+const buildHeroMetrics = (data?: SiteList.DomainExternalSeoSnapshotValidateRunData | null) => {
+    return [
+        {
+            label: "总校验笔数",
+            value: `${Number(data?.total || 0)}`,
+        },
+        {
+            label: "高优先级 Run",
+            value: `${Number(data?.alert_buckets?.high || 0)}`,
+        },
+        {
+            label: "最新通过率",
+            value: `${Number(data?.latest_run?.success_rate || 0).toFixed(0)}%`,
+        },
+        {
+            label: "最新错误数",
+            value: `${Number(data?.latest_run?.error_count || 0)}`,
+        },
+    ];
+};
+
+const open = async () => {
+    visible.value = true;
+    await loadRuns();
+};
+
+defineExpose({ open });
+</script>
+
+<style scoped lang="scss">
+.snapshot-validate-run-dialog__toolbar {
+    margin-bottom: 12px;
+}
+
+.snapshot-validate-run-dialog__summary {
+    margin-bottom: 12px;
+}
+
+.snapshot-validate-run-dialog__hero {
+    display: grid;
+    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
+    gap: 12px;
+    margin-bottom: 12px;
+}
+
+.snapshot-validate-run-dialog__hero-main {
+    border-radius: 12px;
+    padding: 16px;
+    color: #fff;
+    background: linear-gradient(135deg, #9a3412 0%, #b91c1c 100%);
+}
+
+.snapshot-validate-run-dialog__hero-label {
+    font-size: 13px;
+    opacity: 0.86;
+}
+
+.snapshot-validate-run-dialog__hero-value {
+    margin-top: 6px;
+    font-size: 28px;
+    font-weight: 700;
+}
+
+.snapshot-validate-run-dialog__hero-note {
+    margin-top: 8px;
+    font-size: 13px;
+    line-height: 1.6;
+    opacity: 0.92;
+}
+
+.snapshot-validate-run-dialog__hero-metrics {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 12px;
+}
+
+.snapshot-validate-run-dialog__metric {
+    border: 1px solid #ebeef5;
+    border-radius: 12px;
+    padding: 14px;
+    background: #fafafa;
+}
+
+.snapshot-validate-run-dialog__metric-label {
+    color: #909399;
+    font-size: 12px;
+}
+
+.snapshot-validate-run-dialog__metric-value {
+    margin-top: 8px;
+    font-size: 24px;
+    font-weight: 700;
+    color: #303133;
+}
+
+.snapshot-validate-run-dialog__attention {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 12px;
+    margin-bottom: 12px;
+}
+
+.snapshot-validate-run-dialog__attention-box {
+    border: 1px solid #ebeef5;
+    border-radius: 12px;
+    padding: 14px;
+    background: #fff;
+}
+
+.snapshot-validate-run-dialog__attention-title {
+    font-weight: 600;
+    margin-bottom: 10px;
+}
+
+.snapshot-validate-run-dialog__attention-empty {
+    color: #909399;
+    font-size: 13px;
+}
+
+.snapshot-validate-run-dialog__attention-list {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+}
+
+.snapshot-validate-run-dialog__attention-item {
+    padding: 10px;
+    border-radius: 10px;
+    background: #fafafa;
+}
+
+.snapshot-validate-run-dialog__attention-run {
+    font-size: 12px;
+    color: #606266;
+    word-break: break-all;
+}
+
+.snapshot-validate-run-dialog__attention-reason {
+    margin-top: 6px;
+    color: #303133;
+    line-height: 1.5;
+}
+
+.snapshot-validate-run-dialog__attention-meta {
+    margin-top: 6px;
+    color: #909399;
+    font-size: 12px;
+}
+
+.snapshot-validate-run-dialog__latest-grid {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 10px;
+}
+
+.snapshot-validate-run-dialog__mini {
+    padding: 10px;
+    border-radius: 10px;
+    background: #fafafa;
+}
+
+.snapshot-validate-run-dialog__mini-label {
+    color: #909399;
+    font-size: 12px;
+}
+
+.snapshot-validate-run-dialog__mini-value {
+    margin-top: 6px;
+    color: #303133;
+    font-weight: 600;
+    line-height: 1.5;
+}
+
+.snapshot-validate-run-dialog__mini-value--break {
+    word-break: break-all;
+}
+
+@media (max-width: 980px) {
+    .snapshot-validate-run-dialog__hero,
+    .snapshot-validate-run-dialog__attention,
+    .snapshot-validate-run-dialog__hero-metrics,
+    .snapshot-validate-run-dialog__latest-grid {
+        grid-template-columns: 1fr;
+    }
+}
+</style>
diff --git a/src/views/site/domainExternalSeoSummaryDialog.vue b/src/views/site/domainExternalSeoSummaryDialog.vue
new file mode 100644
index 0000000..13f226a
--- /dev/null
+++ b/src/views/site/domainExternalSeoSummaryDialog.vue
@@ -0,0 +1,214 @@
+<template>
+    <el-dialog v-model="visible" title="站外效果摘要" width="1100px" draggable>
+        <div class="external-seo-dialog">
+            <div class="external-seo-dialog__toolbar">
+                <el-button type="primary" plain @click="loadSummary">刷新</el-button>
+                <el-button type="warning" plain @click="openFailedQueueDialog">站外异常队列</el-button>
+                <el-button type="info" plain @click="openTrendDialog">站外效果趋势</el-button>
+                <el-button type="success" plain @click="openRealSummaryDialog">真实站外结果</el-button>
+                <el-button type="primary" plain @click="openProviderDialog">站外数据接入</el-button>
+                <el-button type="info" plain @click="openSearchConsolePlanDialog">Search Console 计划</el-button>
+                <el-button v-if="summary.summary_html_path" type="success" plain @click="openPublicPath(summary.summary_html_path)">HTML摘要</el-button>
+                <el-button v-if="summary.summary_json_path" type="info" plain @click="openPublicPath(summary.summary_json_path)">JSON摘要</el-button>
+            </div>
+
+            <el-alert
+                :title="summary.real_external_metrics ? '当前已接入真实站外数据' : '当前展示的是上线前准备态摘要'"
+                :description="summary.note || '当前还没有接入真实搜索引擎平台数据，这里先用导入探测、失败队列、重跑和趋势结果判断这批域名是否已经具备站外起量基础。'"
+                :type="summary.real_external_metrics ? 'success' : 'warning'"
+                show-icon
+                :closable="false"
+            />
+
+            <el-alert
+                v-if="summary.hero_summary"
+                :title="summary.hero_summary"
+                type="info"
+                show-icon
+                :closable="false"
+                class="external-seo-dialog__hero"
+            />
+
+            <div class="external-seo-dialog__metrics">
+                <div class="metric-card">
+                    <div class="metric-card__label">域名数</div>
+                    <div class="metric-card__value">{{ summary.host_count || 0 }}</div>
+                </div>
+                <div class="metric-card">
+                    <div class="metric-card__label">已恢复</div>
+                    <div class="metric-card__value">{{ summary.ready_count || 0 }}</div>
+                </div>
+                <div class="metric-card">
+                    <div class="metric-card__label">待关注</div>
+                    <div class="metric-card__value">{{ summary.attention_count || 0 }}</div>
+                </div>
+                <div class="metric-card">
+                    <div class="metric-card__label">关键词</div>
+                    <div class="metric-card__value">{{ summary.tracked_keyword_count || 0 }}</div>
+                </div>
+            </div>
+
+            <div class="external-seo-dialog__summary">
+                <span>失败趋势：{{ trendLabel() }}</span>
+                <span>当前异常：{{ summary.queue_count || 0 }}</span>
+                <span>重跑记录：{{ summary.rerun_runs_count || 0 }}</span>
+            </div>
+
+            <el-table v-loading="loading" :data="rows" border max-height="420">
+                <el-table-column prop="host" label="域名" min-width="180" />
+                <el-table-column prop="external_readiness" label="当前状态" width="120">
+                    <template #default="{ row }">
+                        <el-tag :type="readinessTagType(row.external_readiness)">{{ readinessLabel(row.external_readiness) }}</el-tag>
+                    </template>
+                </el-table-column>
+                <el-table-column prop="probe_status" label="探测状态" width="110" />
+                <el-table-column prop="failed_stage" label="失败阶段" width="110" />
+                <el-table-column prop="search_keyword" label="关键词样本" min-width="180" />
+                <el-table-column prop="sample_source" label="样本来源" min-width="140" />
+                <el-table-column prop="probed_at" label="探测时间" min-width="180" />
+            </el-table>
+        </div>
+    </el-dialog>
+    <DomainExternalSeoFailedQueueDialog ref="failedQueueDialogRef" />
+    <DomainExternalSeoTrendDialog ref="trendDialogRef" />
+    <DomainExternalSeoRealSummaryDialog ref="realSummaryDialogRef" />
+    <DomainExternalSeoProviderDialog ref="providerDialogRef" />
+    <DomainExternalSeoSearchConsolePlanDialog ref="searchConsolePlanDialogRef" />
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+import { ElMessage } from "element-plus";
+import { SiteList } from "@/api/interface/site/list";
+import { getDomainExternalSeoSummary } from "@/api/modules/site/list";
+import DomainExternalSeoFailedQueueDialog from "./domainExternalSeoFailedQueueDialog.vue";
+import DomainExternalSeoTrendDialog from "./domainExternalSeoTrendDialog.vue";
+import DomainExternalSeoRealSummaryDialog from "./domainExternalSeoRealSummaryDialog.vue";
+import DomainExternalSeoProviderDialog from "./domainExternalSeoProviderDialog.vue";
+import DomainExternalSeoSearchConsolePlanDialog from "./domainExternalSeoSearchConsolePlanDialog.vue";
+
+const BASE_URL = import.meta.env.VITE_API_URL as string;
+const visible = ref(false);
+const loading = ref(false);
+const rows = ref<SiteList.DomainExternalSeoHostItem[]>([]);
+const summary = ref<SiteList.DomainExternalSeoSummaryData>({});
+const failedQueueDialogRef = ref();
+const trendDialogRef = ref();
+const realSummaryDialogRef = ref();
+const providerDialogRef = ref();
+const searchConsolePlanDialogRef = ref();
+
+const openPublicPath = (path?: string) => {
+    if (!path) {
+        return;
+    }
+    window.open(`${BASE_URL}/${String(path).replace(/^\/+/, "")}`, "_blank", "noopener");
+};
+
+const trendLabel = () => {
+    const label = summary.value.failure_trend?.label || "flat";
+    if (label === "improving") return "改善中";
+    if (label === "worsening") return "上升中";
+    return "持平";
+};
+
+const readinessLabel = (label?: string) => {
+    if (label === "ready") return "已恢复";
+    if (label === "attention") return "待关注";
+    if (label === "probe_failed") return "探测失败";
+    return label || "-";
+};
+
+const readinessTagType = (label?: string) => {
+    if (label === "ready") return "success";
+    if (label === "attention") return "warning";
+    if (label === "probe_failed") return "danger";
+    return "info";
+};
+
+const openFailedQueueDialog = () => {
+    failedQueueDialogRef.value?.open();
+};
+
+const openTrendDialog = () => {
+    trendDialogRef.value?.open();
+};
+
+const openRealSummaryDialog = () => {
+    realSummaryDialogRef.value?.open();
+};
+
+const openProviderDialog = () => {
+    providerDialogRef.value?.open();
+};
+
+const openSearchConsolePlanDialog = () => {
+    searchConsolePlanDialogRef.value?.open();
+};
+
+const loadSummary = async () => {
+    loading.value = true;
+    try {
+        const res = await getDomainExternalSeoSummary({ limit: 20 });
+        summary.value = res.data ?? {};
+        rows.value = res.data.hosts ?? [];
+    } catch (_error) {
+        ElMessage.error("读取站外效果摘要失败");
+    } finally {
+        loading.value = false;
+    }
+};
+
+const open = async () => {
+    visible.value = true;
+    await loadSummary();
+};
+
+defineExpose({
+    open
+});
+</script>
+
+<style scoped lang="scss">
+.external-seo-dialog__toolbar {
+    margin-bottom: 12px;
+}
+
+.external-seo-dialog__metrics {
+    display: grid;
+    grid-template-columns: repeat(4, minmax(120px, 1fr));
+    gap: 12px;
+    margin: 16px 0;
+}
+
+.external-seo-dialog__hero {
+    margin-top: 12px;
+}
+
+.metric-card {
+    border: 1px solid #ebeef5;
+    border-radius: 8px;
+    padding: 12px;
+    background: #fafafa;
+}
+
+.metric-card__label {
+    color: #909399;
+    font-size: 12px;
+    margin-bottom: 6px;
+}
+
+.metric-card__value {
+    color: #303133;
+    font-size: 24px;
+    font-weight: 600;
+}
+
+.external-seo-dialog__summary {
+    display: flex;
+    gap: 16px;
+    margin: 0 0 12px;
+    color: #606266;
+    font-size: 13px;
+}
+</style>
diff --git a/src/views/site/domainExternalSeoTrendDialog.vue b/src/views/site/domainExternalSeoTrendDialog.vue
new file mode 100644
index 0000000..28a5ed3
--- /dev/null
+++ b/src/views/site/domainExternalSeoTrendDialog.vue
@@ -0,0 +1,153 @@
+<template>
+    <el-dialog v-model="visible" title="站外效果趋势" width="1100px" draggable>
+        <div class="external-trend-dialog">
+            <div class="external-trend-dialog__toolbar">
+                <el-button type="primary" plain @click="loadSummary">刷新</el-button>
+                <el-button v-if="summary.summary_html_path" type="success" plain @click="openPublicPath(summary.summary_html_path)">HTML摘要</el-button>
+                <el-button v-if="summary.summary_json_path" type="info" plain @click="openPublicPath(summary.summary_json_path)">JSON摘要</el-button>
+            </div>
+
+            <el-alert
+                :title="summary.real_external_metrics ? '当前已接入真实站外趋势' : '当前展示的是站外恢复趋势'"
+                :description="summary.note || '当前趋势基于导入探测、失败队列和重跑结果生成，用来看这批域名是否已经恢复到可起量状态。'"
+                :type="summary.real_external_metrics ? 'success' : 'warning'"
+                show-icon
+                :closable="false"
+            />
+
+            <el-alert
+                v-if="summary.hero_summary"
+                :title="summary.hero_summary"
+                type="info"
+                show-icon
+                :closable="false"
+                class="external-trend-dialog__hero"
+            />
+
+            <div class="external-trend-dialog__metrics">
+                <div class="metric-card">
+                    <div class="metric-card__label">域名数</div>
+                    <div class="metric-card__value">{{ summary.host_count || 0 }}</div>
+                </div>
+                <div class="metric-card">
+                    <div class="metric-card__label">已恢复</div>
+                    <div class="metric-card__value">{{ summary.ready_count || 0 }}</div>
+                </div>
+                <div class="metric-card">
+                    <div class="metric-card__label">待关注</div>
+                    <div class="metric-card__value">{{ summary.attention_count || 0 }}</div>
+                </div>
+                <div class="metric-card">
+                    <div class="metric-card__label">当前异常</div>
+                    <div class="metric-card__value">{{ summary.external_queue_count || 0 }}</div>
+                </div>
+                <div class="metric-card">
+                    <div class="metric-card__label">趋势</div>
+                    <div class="metric-card__value">{{ trendLabel() }}</div>
+                </div>
+            </div>
+
+            <el-table v-loading="loading" :data="summary.recent_reruns || []" border max-height="220">
+                <el-table-column prop="run_id" label="最近重跑批次" min-width="160" />
+                <el-table-column prop="passed_count" label="通过" width="90" />
+                <el-table-column prop="failed_count" label="失败" width="90" />
+                <el-table-column prop="updated_at" label="更新时间" min-width="180" />
+            </el-table>
+
+            <div class="external-trend-dialog__spacer" />
+
+            <el-table v-loading="loading" :data="summary.recent_import_runs || []" border max-height="220">
+                <el-table-column prop="run_id" label="最近导入批次" min-width="160" />
+                <el-table-column prop="processed_count" label="探测" width="90" />
+                <el-table-column prop="passed_count" label="通过" width="90" />
+                <el-table-column prop="failed_count" label="失败" width="90" />
+                <el-table-column prop="updated_at" label="更新时间" min-width="180" />
+            </el-table>
+        </div>
+    </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+import { ElMessage } from "element-plus";
+import { SiteList } from "@/api/interface/site/list";
+import { getDomainExternalSeoTrendSummary } from "@/api/modules/site/list";
+
+const BASE_URL = import.meta.env.VITE_API_URL as string;
+const visible = ref(false);
+const loading = ref(false);
+const summary = ref<SiteList.DomainExternalSeoTrendData>({});
+
+const openPublicPath = (path?: string) => {
+    if (!path) return;
+    window.open(`${BASE_URL}/${String(path).replace(/^\/+/, "")}`, "_blank", "noopener");
+};
+
+const trendLabel = () => {
+    const label = summary.value.proxy_signal_trend?.label || "flat";
+    if (label === "improving") return "改善中";
+    if (label === "worsening") return "上升中";
+    return "持平";
+};
+
+const loadSummary = async () => {
+    loading.value = true;
+    try {
+        const res = await getDomainExternalSeoTrendSummary({ limit: 10 });
+        summary.value = res.data ?? {};
+    } catch (_error) {
+        ElMessage.error("读取站外效果趋势失败");
+    } finally {
+        loading.value = false;
+    }
+};
+
+const open = async () => {
+    visible.value = true;
+    await loadSummary();
+};
+
+defineExpose({
+    open
+});
+</script>
+
+<style scoped lang="scss">
+.external-trend-dialog__toolbar {
+    margin-bottom: 12px;
+}
+
+.external-trend-dialog__metrics {
+    display: grid;
+    grid-template-columns: repeat(5, minmax(120px, 1fr));
+    gap: 12px;
+    margin: 16px 0;
+}
+
+.external-trend-dialog__hero {
+    margin-top: 12px;
+}
+
+.metric-card {
+    border: 1px solid #ebeef5;
+    border-radius: 8px;
+    padding: 12px;
+    background: #fafafa;
+}
+
+.metric-card__label {
+    color: #909399;
+    font-size: 12px;
+    margin-bottom: 6px;
+}
+
+.metric-card__value {
+    color: #303133;
+    font-size: 22px;
+    font-weight: 600;
+}
+
+.external-trend-dialog__spacer {
+    height: 12px;
+}
+</style>
diff --git a/src/views/site/domainImportExternalSeoClosureActionDialog.vue b/src/views/site/domainImportExternalSeoClosureActionDialog.vue
new file mode 100644
index 0000000..30ba214
--- /dev/null
+++ b/src/views/site/domainImportExternalSeoClosureActionDialog.vue
@@ -0,0 +1,203 @@
+<template>
+    <el-dialog v-model="visible" title="闭环动作记录" width="980px" draggable>
+        <div class="closure-action-dialog">
+            <div class="closure-action-dialog__toolbar">
+                <el-button type="primary" plain @click="loadSummary">刷新</el-button>
+                <el-button type="info" plain @click="openHostHistory()">按 Host 看历史</el-button>
+            </div>
+            <el-alert
+                :title="heroTitle"
+                :description="heroDescription"
+                :type="heroType"
+                show-icon
+                :closable="false"
+            />
+
+            <div class="closure-action-dialog__metrics">
+                <div class="metric-card"><div class="metric-card__label">动作记录</div><div class="metric-card__value">{{ summary.total || 0 }}</div></div>
+                <div class="metric-card"><div class="metric-card__label">高优先</div><div class="metric-card__value">{{ summary.alert_buckets?.high || 0 }}</div></div>
+                <div class="metric-card"><div class="metric-card__label">中优先</div><div class="metric-card__value">{{ summary.alert_buckets?.medium || 0 }}</div></div>
+                <div class="metric-card"><div class="metric-card__label">待处理</div><div class="metric-card__value">{{ summary.status_buckets?.pending || 0 }}</div></div>
+                <div class="metric-card"><div class="metric-card__label">观察中</div><div class="metric-card__value">{{ summary.status_buckets?.observing || 0 }}</div></div>
+                <div class="metric-card"><div class="metric-card__label">改善</div><div class="metric-card__value">{{ summary.result_buckets?.improved || 0 }}</div></div>
+            </div>
+
+            <div class="closure-action-dialog__panes">
+                <div class="pane-card">
+                    <div class="pane-card__title">优先关注动作</div>
+                    <div v-if="!(summary.top_attention_runs || []).length" class="pane-card__empty">当前没有高优先或中优先动作</div>
+                    <div v-else class="focus-list">
+                        <div v-for="item in (summary.top_attention_runs || []).slice(0, 5)" :key="item.run_id" class="focus-item">
+                            <div class="focus-title">{{ item.action_label || "-" }}</div>
+                            <div class="focus-meta">{{ item.target_host || item.target_key || "-" }} / {{ formatAlertLabel(item.alert_level) }} / {{ item.result_label || "pending" }}</div>
+                            <div class="focus-desc">{{ item.alert_reason || item.result_summary || item.action_summary || "-" }}</div>
+                        </div>
+                    </div>
+                </div>
+                <div class="pane-card">
+                    <div class="pane-card__title">动作有效性</div>
+                    <div v-if="!(summary.effectiveness || []).length" class="pane-card__empty">当前还没有动作效果统计</div>
+                    <div v-else class="focus-list">
+                        <div v-for="item in (summary.effectiveness || []).slice(0, 5)" :key="item.action_key" class="focus-item">
+                            <div class="focus-title">{{ item.action_label || item.action_key || "-" }}</div>
+                            <div class="focus-meta">改善 {{ item.improved || 0 }} / 无变化 {{ item.no_change || 0 }} / 变差 {{ item.regression || 0 }}</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <el-table v-loading="loading" :data="rows" border>
+                <el-table-column prop="run_id" label="Run ID" min-width="180" />
+                <el-table-column prop="action_label" label="动作" min-width="180" />
+                <el-table-column prop="target_host" label="Host" min-width="140" />
+                <el-table-column prop="closure_stage" label="阶段" min-width="140" />
+                <el-table-column prop="status" label="状态" width="100" />
+                <el-table-column prop="result_label" label="结果" width="110" />
+                <el-table-column prop="alert_level" label="告警" width="100">
+                    <template #default="{ row }">
+                        {{ formatAlertLabel(row.alert_level) }}
+                    </template>
+                </el-table-column>
+                <el-table-column prop="updated_at" label="更新时间" min-width="180" />
+                <el-table-column label="操作" width="320" fixed="right">
+                    <template #default="{ row }">
+                        <el-button v-if="row.target_host" link type="info" @click="openHostHistory(row.target_host)">Host 历史</el-button>
+                        <el-button link type="primary" @click="refreshResult(row)">回写结果</el-button>
+                        <el-button link type="warning" @click="updateStatus(row, 'running')">进行中</el-button>
+                        <el-button link type="primary" @click="updateStatus(row, 'observing')">观察中</el-button>
+                        <el-button link type="success" @click="updateStatus(row, 'done')">完成</el-button>
+                        <el-button link type="info" @click="updateStatus(row, 'ignored')">忽略</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+        </div>
+    </el-dialog>
+    <DomainImportExternalSeoClosureHostHistoryDialog ref="hostHistoryDialogRef" />
+</template>
+
+<script setup lang="ts">
+import { computed, ref } from "vue";
+import { ElMessage } from "element-plus";
+import { SiteList } from "@/api/interface/site/list";
+import { getDomainImportExternalSeoClosureActionSummary, refreshDomainImportExternalSeoClosureActionResult, updateDomainImportExternalSeoClosureActionStatus } from "@/api/modules/site/list";
+import DomainImportExternalSeoClosureHostHistoryDialog from "./domainImportExternalSeoClosureHostHistoryDialog.vue";
+
+const visible = ref(false);
+const loading = ref(false);
+const rows = ref<SiteList.DomainImportExternalSeoClosureActionSummaryItem[]>([]);
+const summary = ref<SiteList.DomainImportExternalSeoClosureActionSummaryData>({});
+const hostHistoryDialogRef = ref();
+
+const heroTitle = computed(() => {
+    const high = summary.value.alert_buckets?.high || 0;
+    const medium = summary.value.alert_buckets?.medium || 0;
+    if (high > 0) return `当前有 ${high} 条高优先闭环动作`;
+    if (medium > 0) return `当前有 ${medium} 条中优先闭环动作`;
+    return "当前闭环动作状态整体平稳";
+});
+
+const heroDescription = computed(() => {
+    const latest = summary.value.latest_run;
+    if (latest?.alert_reason) {
+        return latest.alert_reason;
+    }
+    return "这里会汇总动作执行、结果回写和优先关注项，方便直接跟进处理。";
+});
+
+const heroType = computed(() => {
+    const high = summary.value.alert_buckets?.high || 0;
+    const medium = summary.value.alert_buckets?.medium || 0;
+    if (high > 0) return "error";
+    if (medium > 0) return "warning";
+    return "success";
+});
+
+const loadSummary = async () => {
+    loading.value = true;
+    try {
+        const res = await getDomainImportExternalSeoClosureActionSummary({ limit: 20 });
+        summary.value = res.data ?? {};
+        rows.value = summary.value.items ?? [];
+    } catch (_error) {
+        ElMessage.error("读取闭环动作记录失败");
+    } finally {
+        loading.value = false;
+    }
+};
+
+const updateStatus = async (row: SiteList.DomainImportExternalSeoClosureActionSummaryItem, status: "running" | "observing" | "done" | "ignored") => {
+    try {
+        await updateDomainImportExternalSeoClosureActionStatus({
+            run_id: row.run_id,
+            status,
+        });
+        ElMessage.success(`已更新为${status}`);
+        await loadSummary();
+    } catch (_error) {
+        ElMessage.error("更新闭环动作状态失败");
+    }
+};
+
+const refreshResult = async (row: SiteList.DomainImportExternalSeoClosureActionSummaryItem) => {
+    try {
+        await refreshDomainImportExternalSeoClosureActionResult({
+            run_id: row.run_id,
+        });
+        ElMessage.success("已刷新动作结果");
+        await loadSummary();
+    } catch (_error) {
+        ElMessage.error("回写动作结果失败");
+    }
+};
+
+const formatAlertLabel = (value?: string) => {
+    if (value === "high") return "高优先";
+    if (value === "medium") return "中优先";
+    if (value === "low") return "低优先";
+    return "平稳";
+};
+
+const openHostHistory = (host = "") => {
+    hostHistoryDialogRef.value?.open(host);
+};
+
+const open = async () => {
+    visible.value = true;
+    await loadSummary();
+};
+
+defineExpose({ open, loadSummary });
+</script>
+
+<style scoped lang="scss">
+.closure-action-dialog__toolbar { margin-bottom: 12px; }
+.closure-action-dialog__metrics {
+    display:grid;
+    grid-template-columns:repeat(6,minmax(120px,1fr));
+    gap:12px;
+    margin:16px 0;
+}
+.metric-card { border:1px solid #ebeef5; border-radius:12px; padding:12px; background:#fafafa; }
+.metric-card__label { color:#909399; font-size:12px; margin-bottom:6px; }
+.metric-card__value { color:#303133; font-size:22px; font-weight:600; }
+.closure-action-dialog__panes {
+    display:grid;
+    grid-template-columns:repeat(2,minmax(0,1fr));
+    gap:16px;
+    margin-bottom:16px;
+}
+.pane-card { border:1px solid #ebeef5; border-radius:12px; padding:12px; background:#fff; }
+.pane-card__title { font-weight:600; margin-bottom:12px; }
+.pane-card__empty { color:#909399; font-size:13px; }
+.focus-list { display:flex; flex-direction:column; gap:10px; }
+.focus-item { padding:10px; border-radius:10px; background:#fafafa; }
+.focus-title { color:#303133; font-weight:600; }
+.focus-meta { margin-top:6px; color:#606266; font-size:12px; line-height:1.5; }
+.focus-desc { margin-top:4px; color:#909399; font-size:12px; line-height:1.5; }
+@media (max-width: 1100px) {
+    .closure-action-dialog__metrics,
+    .closure-action-dialog__panes {
+        grid-template-columns:1fr;
+    }
+}
+</style>
diff --git a/src/views/site/domainImportExternalSeoClosureDialog.vue b/src/views/site/domainImportExternalSeoClosureDialog.vue
new file mode 100644
index 0000000..ba462c8
--- /dev/null
+++ b/src/views/site/domainImportExternalSeoClosureDialog.vue
@@ -0,0 +1,304 @@
+<template>
+    <el-dialog v-model="visible" title="导入与站外 SEO 闭环总览" width="1180px" draggable>
+        <div class="closure-dialog">
+            <div class="closure-dialog__toolbar">
+                <el-button type="primary" plain @click="loadSummary">刷新</el-button>
+                <el-button type="primary" plain @click="openActionRuns">闭环动作记录</el-button>
+                <el-button type="info" plain @click="openHostHistory()">按 Host 看历史</el-button>
+                <el-button type="warning" plain @click="openTodayDashboard">闭环今日值班面</el-button>
+                <el-button type="info" plain @click="openImportHealth">导入健康台</el-button>
+                <el-button type="danger" plain @click="openManualAttention">人工关注队列</el-button>
+                <el-button type="success" plain @click="openCnOverview">大陆 SEO 总览</el-button>
+                <el-button type="warning" plain @click="openIndexMovement">收录变化</el-button>
+                <el-button type="primary" plain @click="openKeywordMovement">关键词升降</el-button>
+                <el-button type="info" plain @click="openOptimization">自动优化建议</el-button>
+            </div>
+
+            <el-alert
+                :title="summary.health_label ? `当前闭环状态：${healthLabelText(summary.health_label)}` : '当前还没有闭环总览数据'"
+                :description="summary.hero_summary || '这里会把导入恢复主线和大陆 SEO 效果面放到一个视角里。'"
+                :type="healthType(summary.health_label)"
+                show-icon
+                :closable="false"
+            />
+
+            <div class="closure-dialog__hero">
+                <div class="closure-dialog__hero-main">
+                    <div class="closure-dialog__hero-label">闭环阶段</div>
+                    <div class="closure-dialog__hero-value">{{ stageText(summary.closure_stage) }}</div>
+                    <div class="closure-dialog__hero-note">{{ summary.hero_summary || "-" }}</div>
+                </div>
+                <div class="closure-dialog__hero-metrics">
+                    <div class="metric-card metric-card--hero">
+                        <div class="metric-card__label">导入失败</div>
+                        <div class="metric-card__value">{{ summary.import_summary?.active_count || 0 }}</div>
+                    </div>
+                    <div class="metric-card metric-card--hero">
+                        <div class="metric-card__label">人工接管</div>
+                        <div class="metric-card__value">{{ summary.import_summary?.manual_attention_count || 0 }}</div>
+                    </div>
+                    <div class="metric-card metric-card--hero">
+                        <div class="metric-card__label">收录 Host</div>
+                        <div class="metric-card__value">{{ summary.external_summary?.indexed_like_host_count || 0 }}</div>
+                    </div>
+                    <div class="metric-card metric-card--hero">
+                        <div class="metric-card__label">关键词 Ready</div>
+                        <div class="metric-card__value">{{ summary.external_summary?.keyword_ready_host_count || 0 }}</div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="closure-dialog__grid">
+                <div class="pane-card">
+                    <div class="pane-card__title">导入恢复侧</div>
+                    <div class="pane-card__line">健康度：{{ summary.import_summary?.health_label || "-" }}</div>
+                    <div class="pane-card__line">阶段：{{ summary.import_summary?.workbench_stage || "-" }}</div>
+                    <div class="pane-card__line">导入记录：{{ summary.import_summary?.import_runs_count || 0 }}</div>
+                    <div class="pane-card__line">当前失败：{{ summary.import_summary?.active_count || 0 }}</div>
+                    <div class="pane-card__line">人工接管：{{ summary.import_summary?.manual_attention_count || 0 }}</div>
+                </div>
+                <div class="pane-card">
+                    <div class="pane-card__title">站外效果侧</div>
+                    <div class="pane-card__line">大盘健康：{{ summary.external_summary?.health_label || "-" }}</div>
+                    <div class="pane-card__line">快照 Host：{{ summary.external_summary?.host_count || 0 }}</div>
+                    <div class="pane-card__line">收录 Host：{{ summary.external_summary?.indexed_like_host_count || 0 }}</div>
+                    <div class="pane-card__line">关键词 Ready：{{ summary.external_summary?.keyword_ready_host_count || 0 }}</div>
+                    <div class="pane-card__line">高优先建议：{{ summary.external_summary?.priority_high_count || 0 }}</div>
+                </div>
+            </div>
+
+            <div class="closure-dialog__attention">
+                <div class="pane-card">
+                    <div class="pane-card__title">当前优先动作</div>
+                    <div v-if="!(summary.priority_actions || []).length" class="pane-card__empty">当前没有优先动作</div>
+                    <div v-else class="closure-dialog__focus-list">
+                        <div v-for="item in summary.priority_actions || []" :key="item.key" class="closure-dialog__focus-item">
+                            <div class="closure-dialog__focus-main">
+                                <div class="closure-dialog__focus-title">{{ item.label || "-" }}</div>
+                                <div class="closure-dialog__focus-meta">{{ item.summary || "-" }}</div>
+                            </div>
+                            <div class="closure-dialog__focus-side">
+                                <el-button size="small" type="success" plain @click="createAction(item)">加入动作</el-button>
+                                <el-button size="small" type="primary" plain @click="handleAction(item.action_key)">
+                                    打开
+                                </el-button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="pane-card">
+                    <div class="pane-card__title">站外优先建议</div>
+                    <div v-if="!(summary.top_seo_suggestions || []).length" class="pane-card__empty">当前还没有外部效果建议</div>
+                    <div v-else class="closure-dialog__focus-list">
+                        <div v-for="(item, index) in (summary.top_seo_suggestions || []).slice(0, 3)" :key="`${item.title || 'suggestion'}-${index}`" class="closure-dialog__focus-item">
+                            <div class="closure-dialog__focus-main">
+                                <div class="closure-dialog__focus-title">{{ item.title || "-" }}</div>
+                                <div class="closure-dialog__focus-meta">{{ item.summary || "-" }}</div>
+                            </div>
+                            <div class="closure-dialog__focus-side closure-dialog__focus-side--text">
+                                {{ item.action || "-" }}
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </el-dialog>
+    <DomainImportManualAttentionDialog ref="manualAttentionDialogRef" />
+    <DomainExternalSeoCnOverviewDialog ref="cnOverviewDialogRef" />
+    <DomainExternalSeoIndexMovementDialog ref="indexMovementDialogRef" />
+    <DomainExternalSeoKeywordMovementDialog ref="keywordMovementDialogRef" />
+    <DomainExternalSeoOptimizationSuggestionDialog ref="optimizationDialogRef" />
+    <DomainImportExternalSeoClosureActionDialog ref="actionDialogRef" />
+    <DomainImportExternalSeoClosureHostHistoryDialog ref="hostHistoryDialogRef" />
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+import { ElMessage } from "element-plus";
+import { SiteList } from "@/api/interface/site/list";
+import { getDomainImportExternalSeoClosure, runDomainImportExternalSeoClosureAction } from "@/api/modules/site/list";
+import DomainImportManualAttentionDialog from "./domainImportManualAttentionDialog.vue";
+import DomainExternalSeoCnOverviewDialog from "./domainExternalSeoCnOverviewDialog.vue";
+import DomainExternalSeoIndexMovementDialog from "./domainExternalSeoIndexMovementDialog.vue";
+import DomainExternalSeoKeywordMovementDialog from "./domainExternalSeoKeywordMovementDialog.vue";
+import DomainExternalSeoOptimizationSuggestionDialog from "./domainExternalSeoOptimizationSuggestionDialog.vue";
+import DomainImportExternalSeoClosureActionDialog from "./domainImportExternalSeoClosureActionDialog.vue";
+import DomainImportExternalSeoClosureHostHistoryDialog from "./domainImportExternalSeoClosureHostHistoryDialog.vue";
+
+const visible = ref(false);
+const loading = ref(false);
+const summary = ref<SiteList.DomainImportExternalSeoClosureData>({});
+const manualAttentionDialogRef = ref();
+const cnOverviewDialogRef = ref();
+const indexMovementDialogRef = ref();
+const keywordMovementDialogRef = ref();
+const optimizationDialogRef = ref();
+const actionDialogRef = ref();
+const hostHistoryDialogRef = ref();
+const requestGlobalDialogOpen = (key: string) => {
+    window.dispatchEvent(new CustomEvent("site-dialog-open", { detail: { key } }));
+};
+
+const loadSummary = async () => {
+    loading.value = true;
+    try {
+        const res = await getDomainImportExternalSeoClosure({ days: 14, limit: 10 });
+        summary.value = res.data ?? {};
+    } catch (_error) {
+        ElMessage.error("读取闭环总览失败");
+    } finally {
+        loading.value = false;
+    }
+};
+
+const healthType = (label?: string) => {
+    if (label === "growing") return "success";
+    if (label === "attention") return "warning";
+    return "info";
+};
+
+const healthLabelText = (label?: string) => {
+    if (label === "growing") return "增长中";
+    if (label === "attention") return "需要关注";
+    if (label === "warming") return "正在起量";
+    return "平稳";
+};
+
+const stageText = (stage?: string) => {
+    const mapping: Record<string, string> = {
+        import_not_started: "导入未开始",
+        import_recovery_needed: "导入恢复中",
+        manual_intervention_needed: "人工接管中",
+        external_waiting_data: "等待站外数据",
+        waiting_indexing: "等待收录起量",
+        indexing_without_keywords: "收录已起、词面未起",
+        seo_attention: "站外效果需要关注",
+        seo_growing: "站外效果增长中",
+        closed_loop_running: "闭环运行中",
+    };
+    return mapping[stage || ""] || (stage || "-");
+};
+
+const openImportHealth = () => requestGlobalDialogOpen("domainImportHealthWorkbenchDialog");
+const openManualAttention = () => manualAttentionDialogRef.value?.open();
+const openCnOverview = () => cnOverviewDialogRef.value?.open();
+const openIndexMovement = () => indexMovementDialogRef.value?.open();
+const openKeywordMovement = () => keywordMovementDialogRef.value?.open();
+const openOptimization = () => optimizationDialogRef.value?.open();
+const openActionRuns = () => actionDialogRef.value?.open();
+const openHostHistory = (host = "") => hostHistoryDialogRef.value?.open(host);
+const openTodayDashboard = () => requestGlobalDialogOpen("domainImportExternalSeoClosureTodayDialog");
+
+const handleAction = (actionKey?: string) => {
+    if (actionKey === "open_import_health") return openImportHealth();
+    if (actionKey === "open_manual_attention") return openManualAttention();
+    if (actionKey === "open_cn_overview") return openCnOverview();
+    if (actionKey === "open_index_movement") return openIndexMovement();
+    if (actionKey === "open_keyword_movement") return openKeywordMovement();
+    if (actionKey === "open_optimization") return openOptimization();
+};
+
+const createAction = async (item: { key?: string; label?: string; summary?: string }) => {
+    let targetType = "closure";
+    let targetKey = item.key || "";
+    let targetHost = "";
+    if (item.key === "open_manual_attention") {
+        targetType = "manual_attention";
+        targetHost = String(summary.value.import_summary?.manual_attention_count || 0);
+    } else if (item.key === "open_index_movement") {
+        targetType = "index_movement";
+    } else if (item.key === "open_keyword_movement") {
+        targetType = "keyword_movement";
+    } else if (item.key === "open_optimization") {
+        targetType = "optimization";
+    } else if (item.key === "open_import_health") {
+        targetType = "import_health";
+    }
+    try {
+        await runDomainImportExternalSeoClosureAction({
+            action_key: item.key,
+            action_label: item.label,
+            action_summary: item.summary,
+            closure_stage: summary.value.closure_stage,
+            health_label: summary.value.health_label,
+            target_type: targetType,
+            target_key: targetKey,
+            target_host: targetHost,
+            status: "pending",
+        });
+        ElMessage.success("已加入闭环动作记录");
+        openActionRuns();
+    } catch (_error) {
+        ElMessage.error("写入闭环动作记录失败");
+    }
+};
+
+const open = async () => {
+    visible.value = true;
+    await loadSummary();
+};
+
+defineExpose({ open });
+</script>
+
+<style scoped lang="scss">
+.closure-dialog__toolbar { margin-bottom: 12px; }
+.closure-dialog__hero {
+    display:grid;
+    grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
+    gap:12px;
+    margin:16px 0;
+}
+.closure-dialog__hero-main {
+    border-radius:12px;
+    padding:16px;
+    color:#fff;
+    background:linear-gradient(135deg, #0f766e 0%, #1d4ed8 100%);
+}
+.closure-dialog__hero-label { font-size:13px; opacity:.86; }
+.closure-dialog__hero-value { margin-top:6px; font-size:28px; font-weight:700; }
+.closure-dialog__hero-note { margin-top:8px; font-size:13px; line-height:1.6; opacity:.92; }
+.closure-dialog__hero-metrics {
+    display:grid;
+    grid-template-columns:repeat(2,minmax(0,1fr));
+    gap:12px;
+}
+.closure-dialog__grid,
+.closure-dialog__attention {
+    display:grid;
+    grid-template-columns:repeat(2,minmax(0,1fr));
+    gap:16px;
+    margin:16px 0;
+}
+.metric-card { border:1px solid #ebeef5; border-radius:12px; padding:12px; background:#fafafa; }
+.metric-card--hero { background:#fafafa; }
+.metric-card__label { color:#909399; font-size:12px; margin-bottom:6px; }
+.metric-card__value { color:#303133; font-size:22px; font-weight:600; }
+.pane-card { border:1px solid #ebeef5; border-radius:12px; padding:12px; background:#fff; }
+.pane-card__title { font-weight:600; margin-bottom:12px; }
+.pane-card__line { color:#606266; font-size:13px; line-height:1.9; }
+.pane-card__empty { color:#909399; font-size:13px; }
+.closure-dialog__focus-list { display:flex; flex-direction:column; gap:10px; }
+.closure-dialog__focus-item {
+    display:flex;
+    justify-content:space-between;
+    gap:12px;
+    padding:10px;
+    border-radius:10px;
+    background:#fafafa;
+}
+.closure-dialog__focus-main { min-width:0; }
+.closure-dialog__focus-title { color:#303133; font-weight:600; word-break:break-all; }
+.closure-dialog__focus-meta { margin-top:6px; color:#606266; font-size:12px; line-height:1.5; }
+.closure-dialog__focus-side { display:flex; align-items:center; }
+.closure-dialog__focus-side--text { color:#606266; font-size:12px; text-align:left; max-width:220px; }
+@media (max-width: 1100px) {
+    .closure-dialog__hero,
+    .closure-dialog__hero-metrics,
+    .closure-dialog__grid,
+    .closure-dialog__attention {
+        grid-template-columns:1fr;
+    }
+}
+</style>
diff --git a/src/views/site/domainImportExternalSeoClosureHostHistoryDialog.vue b/src/views/site/domainImportExternalSeoClosureHostHistoryDialog.vue
new file mode 100644
index 0000000..b6e21e0
--- /dev/null
+++ b/src/views/site/domainImportExternalSeoClosureHostHistoryDialog.vue
@@ -0,0 +1,130 @@
+<template>
+    <el-dialog v-model="visible" title="按 Host 看闭环历史" width="980px" draggable>
+        <div class="closure-host-dialog">
+            <div class="closure-host-dialog__toolbar">
+                <el-input v-model="host" placeholder="输入 host，例如 a.com" clearable class="closure-host-dialog__input" @keyup.enter="loadSummary" />
+                <el-button type="primary" plain @click="loadSummary">刷新</el-button>
+            </div>
+
+            <el-alert
+                :title="host ? `当前 Host：${host}` : '先选择一个 Host 查看闭环历史'"
+                :description="host ? heroDescription : '也可以先看最近最活跃的 Host，再继续下钻。'"
+                :type="host ? 'success' : 'info'"
+                show-icon
+                :closable="false"
+            />
+
+            <div class="closure-host-dialog__panes">
+                <div class="pane-card">
+                    <div class="pane-card__title">最近活跃 Host</div>
+                    <div v-if="!hostEntries.length" class="pane-card__empty">当前还没有可用的 Host 历史</div>
+                    <div v-else class="focus-list">
+                        <div v-for="item in hostEntries" :key="item.host" class="focus-item">
+                            <div>
+                                <div class="focus-title">{{ item.host }}</div>
+                                <div class="focus-meta">动作 {{ item.count }}</div>
+                            </div>
+                            <div class="focus-side">
+                                <el-button size="small" type="primary" plain @click="openHost(item.host)">查看</el-button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="pane-card">
+                    <div class="pane-card__title">当前 Host 摘要</div>
+                    <div v-if="!summary.host_selected" class="pane-card__empty">选择 Host 后这里会显示动作、结果和告警分布。</div>
+                    <div v-else class="host-summary">
+                        <div class="metric-card"><div class="metric-card__label">动作数</div><div class="metric-card__value">{{ summary.total_actions || 0 }}</div></div>
+                        <div class="metric-card"><div class="metric-card__label">高优先</div><div class="metric-card__value">{{ summary.alert_buckets?.high || 0 }}</div></div>
+                        <div class="metric-card"><div class="metric-card__label">改善</div><div class="metric-card__value">{{ summary.result_buckets?.improved || 0 }}</div></div>
+                        <div class="metric-card"><div class="metric-card__label">变差</div><div class="metric-card__value">{{ summary.result_buckets?.regression || 0 }}</div></div>
+                    </div>
+                </div>
+            </div>
+
+            <el-table v-if="summary.host_selected" v-loading="loading" :data="summary.items || []" border>
+                <el-table-column prop="run_id" label="Run ID" min-width="180" />
+                <el-table-column prop="action_label" label="动作" min-width="180" />
+                <el-table-column prop="closure_stage" label="阶段" min-width="140" />
+                <el-table-column prop="status" label="状态" width="100" />
+                <el-table-column prop="result_label" label="结果" width="110" />
+                <el-table-column prop="alert_level" label="告警" width="100" />
+                <el-table-column prop="updated_at" label="更新时间" min-width="180" />
+            </el-table>
+        </div>
+    </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { computed, ref } from "vue";
+import { ElMessage } from "element-plus";
+import { SiteList } from "@/api/interface/site/list";
+import { getDomainImportExternalSeoClosureHostHistory } from "@/api/modules/site/list";
+
+const visible = ref(false);
+const loading = ref(false);
+const host = ref("");
+const summary = ref<SiteList.DomainImportExternalSeoClosureHostHistoryData>({});
+
+const hostEntries = computed(() => Object.entries(summary.value.host_buckets || {}).map(([currentHost, count]) => ({ host: currentHost, count })));
+const heroDescription = computed(() => {
+    const latest = summary.value.latest_run;
+    if (latest?.alert_reason) return latest.alert_reason;
+    if (latest?.result_summary) return latest.result_summary;
+    return "这里会按 Host 展示闭环动作、结果回写和告警轨迹。";
+});
+
+const loadSummary = async () => {
+    loading.value = true;
+    try {
+        const res = await getDomainImportExternalSeoClosureHostHistory({ host: host.value, limit: 20 });
+        summary.value = res.data ?? {};
+    } catch (_error) {
+        ElMessage.error("读取闭环 Host 历史失败");
+    } finally {
+        loading.value = false;
+    }
+};
+
+const openHost = async (value: string) => {
+    host.value = value;
+    await loadSummary();
+};
+
+const open = async (value = "") => {
+    visible.value = true;
+    host.value = value;
+    await loadSummary();
+};
+
+defineExpose({ open });
+</script>
+
+<style scoped lang="scss">
+.closure-host-dialog__toolbar { display:flex; gap:12px; margin-bottom:12px; }
+.closure-host-dialog__input { max-width:320px; }
+.closure-host-dialog__panes {
+    display:grid;
+    grid-template-columns:repeat(2,minmax(0,1fr));
+    gap:16px;
+    margin:16px 0;
+}
+.pane-card { border:1px solid #ebeef5; border-radius:12px; padding:12px; background:#fff; }
+.pane-card__title { font-weight:600; margin-bottom:12px; }
+.pane-card__empty { color:#909399; font-size:13px; }
+.focus-list { display:flex; flex-direction:column; gap:10px; }
+.focus-item { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:10px; border-radius:10px; background:#fafafa; }
+.focus-title { color:#303133; font-weight:600; }
+.focus-meta { margin-top:6px; color:#606266; font-size:12px; }
+.focus-side { display:flex; align-items:center; }
+.host-summary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
+.metric-card { border:1px solid #ebeef5; border-radius:12px; padding:12px; background:#fafafa; }
+.metric-card__label { color:#909399; font-size:12px; margin-bottom:6px; }
+.metric-card__value { color:#303133; font-size:22px; font-weight:600; }
+@media (max-width: 1100px) {
+    .closure-host-dialog__panes,
+    .host-summary {
+        grid-template-columns:1fr;
+    }
+}
+</style>
diff --git a/src/views/site/domainImportExternalSeoClosureTodayDialog.vue b/src/views/site/domainImportExternalSeoClosureTodayDialog.vue
new file mode 100644
index 0000000..0e95cd1
--- /dev/null
+++ b/src/views/site/domainImportExternalSeoClosureTodayDialog.vue
@@ -0,0 +1,170 @@
+<template>
+    <el-dialog v-model="visible" title="闭环今日值班面" width="1100px" draggable>
+        <div class="closure-today-dialog">
+            <div class="closure-today-dialog__toolbar">
+                <el-button type="primary" plain @click="loadSummary">刷新</el-button>
+                <el-button type="primary" plain @click="openActionRuns">闭环动作记录</el-button>
+                <el-button type="info" plain @click="openClosure">闭环总览</el-button>
+            </div>
+
+            <el-alert
+                :title="summary.health_label ? `今日闭环状态：${summary.health_label}` : '当前还没有今日闭环数据'"
+                :description="summary.hero_summary || '这里会聚合今天该处理的闭环动作、异常和改善项。'"
+                :type="summary.health_label === 'growing' ? 'success' : summary.health_label === 'attention' ? 'warning' : 'info'"
+                show-icon
+                :closable="false"
+            />
+
+            <div class="closure-today-dialog__metrics">
+                <div class="metric-card"><div class="metric-card__label">待跟动作</div><div class="metric-card__value">{{ summary.pending_action_count || 0 }}</div></div>
+                <div class="metric-card"><div class="metric-card__label">需关注动作</div><div class="metric-card__value">{{ summary.attention_action_count || 0 }}</div></div>
+                <div class="metric-card"><div class="metric-card__label">今日改善</div><div class="metric-card__value">{{ summary.improved_action_count || 0 }}</div></div>
+                <div class="metric-card"><div class="metric-card__label">高优先动作</div><div class="metric-card__value">{{ summary.alert_buckets?.high || 0 }}</div></div>
+                <div class="metric-card"><div class="metric-card__label">人工接管</div><div class="metric-card__value">{{ summary.manual_attention_count || 0 }}</div></div>
+                <div class="metric-card"><div class="metric-card__label">导入失败</div><div class="metric-card__value">{{ summary.import_active_count || 0 }}</div></div>
+                <div class="metric-card"><div class="metric-card__label">已收录 Host</div><div class="metric-card__value">{{ summary.indexed_like_host_count || 0 }}</div></div>
+                <div class="metric-card"><div class="metric-card__label">关键词 Ready</div><div class="metric-card__value">{{ summary.keyword_ready_host_count || 0 }}</div></div>
+            </div>
+
+            <div class="closure-today-dialog__panes">
+                <div class="pane-card">
+                    <div class="pane-card__title">优先动作</div>
+                    <div v-if="!(summary.priority_actions || []).length" class="pane-card__empty">当前没有新的优先动作</div>
+                    <div v-else class="focus-list">
+                        <div v-for="item in (summary.priority_actions || []).slice(0, 5)" :key="item.key || item.label" class="focus-item">
+                            <div class="focus-title">{{ item.label || "-" }}</div>
+                            <div class="focus-desc">{{ item.summary || "-" }}</div>
+                        </div>
+                    </div>
+                </div>
+                <div class="pane-card">
+                    <div class="pane-card__title">今日动作</div>
+                    <div v-if="!(summary.today_actions || []).length" class="pane-card__empty">今天还没有闭环动作</div>
+                    <div v-else class="focus-list">
+                        <div v-for="item in (summary.today_actions || []).slice(0, 8)" :key="item.run_id" class="focus-item">
+                            <div class="focus-main">
+                                <div class="focus-title">{{ item.action_label || "-" }}</div>
+                                <div class="focus-meta">{{ item.target_host || item.target_key || "-" }} / {{ item.status || "-" }} / {{ item.result_label || "pending" }} / {{ formatAlertLabel(item.alert_level) }}</div>
+                                <div class="focus-desc">{{ item.alert_reason || item.result_summary || item.action_summary || "-" }}</div>
+                                <div class="focus-actions">
+                                    <el-button v-if="item.target_host" size="small" type="info" plain @click="openHostHistory(item.target_host)">Host 历史</el-button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="pane-card">
+                    <div class="pane-card__title">优先关注动作</div>
+                    <div v-if="!(summary.top_attention_runs || []).length" class="pane-card__empty">当前没有高优先或中优先动作</div>
+                    <div v-else class="focus-list">
+                        <div v-for="item in (summary.top_attention_runs || []).slice(0, 5)" :key="item.run_id" class="focus-item">
+                            <div class="focus-main">
+                                <div class="focus-title">{{ item.action_label || "-" }}</div>
+                                <div class="focus-meta">{{ item.target_host || item.target_key || "-" }} / {{ formatAlertLabel(item.alert_level) }}</div>
+                                <div class="focus-desc">{{ item.alert_reason || item.result_summary || "-" }}</div>
+                                <div class="focus-actions">
+                                    <el-button v-if="item.target_host" size="small" type="info" plain @click="openHostHistory(item.target_host)">Host 历史</el-button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="pane-card">
+                    <div class="pane-card__title">动作有效性</div>
+                    <div v-if="!(summary.top_effectiveness || []).length" class="pane-card__empty">当前还没有动作效果统计</div>
+                    <div v-else class="focus-list">
+                        <div v-for="item in (summary.top_effectiveness || []).slice(0, 5)" :key="item.action_key" class="focus-item">
+                            <div class="focus-main">
+                                <div class="focus-title">{{ item.action_label || item.action_key || "-" }}</div>
+                                <div class="focus-meta">改善 {{ item.improved || 0 }} / 无变化 {{ item.no_change || 0 }} / 变差 {{ item.regression || 0 }}</div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </el-dialog>
+    <DomainImportExternalSeoClosureActionDialog ref="actionDialogRef" />
+    <DomainImportExternalSeoClosureHostHistoryDialog ref="hostHistoryDialogRef" />
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+import { ElMessage } from "element-plus";
+import { SiteList } from "@/api/interface/site/list";
+import { getDomainImportExternalSeoClosureToday } from "@/api/modules/site/list";
+import DomainImportExternalSeoClosureActionDialog from "./domainImportExternalSeoClosureActionDialog.vue";
+import DomainImportExternalSeoClosureHostHistoryDialog from "./domainImportExternalSeoClosureHostHistoryDialog.vue";
+
+const visible = ref(false);
+const loading = ref(false);
+const summary = ref<SiteList.DomainImportExternalSeoClosureTodayData>({});
+const actionDialogRef = ref();
+const hostHistoryDialogRef = ref();
+const requestGlobalDialogOpen = (key: string) => {
+    window.dispatchEvent(new CustomEvent("site-dialog-open", { detail: { key } }));
+};
+
+const loadSummary = async () => {
+    loading.value = true;
+    try {
+        const res = await getDomainImportExternalSeoClosureToday({ days: 14, limit: 10 });
+        summary.value = res.data ?? {};
+    } catch (_error) {
+        ElMessage.error("读取闭环今日值班面失败");
+    } finally {
+        loading.value = false;
+    }
+};
+
+const openClosure = () => requestGlobalDialogOpen("domainImportExternalSeoClosureDialog");
+const openActionRuns = () => actionDialogRef.value?.open();
+const openHostHistory = (host = "") => hostHistoryDialogRef.value?.open(host);
+
+const formatAlertLabel = (value?: string) => {
+    if (value === "high") return "高优先";
+    if (value === "medium") return "中优先";
+    if (value === "low") return "低优先";
+    return "平稳";
+};
+
+const open = async () => {
+    visible.value = true;
+    await loadSummary();
+};
+
+defineExpose({ open });
+</script>
+
+<style scoped lang="scss">
+.closure-today-dialog__toolbar { margin-bottom: 12px; }
+.closure-today-dialog__metrics {
+    display:grid;
+    grid-template-columns:repeat(6,minmax(120px,1fr));
+    gap:12px;
+    margin:16px 0;
+}
+.metric-card { border:1px solid #ebeef5; border-radius:12px; padding:12px; background:#fafafa; }
+.metric-card__label { color:#909399; font-size:12px; margin-bottom:6px; }
+.metric-card__value { color:#303133; font-size:22px; font-weight:600; }
+.closure-today-dialog__panes {
+    display:grid;
+    grid-template-columns:repeat(2,minmax(0,1fr));
+    gap:16px;
+}
+.pane-card { border:1px solid #ebeef5; border-radius:12px; padding:12px; background:#fff; }
+.pane-card__title { font-weight:600; margin-bottom:12px; }
+.pane-card__empty { color:#909399; font-size:13px; }
+.focus-list { display:flex; flex-direction:column; gap:10px; }
+.focus-item { padding:10px; border-radius:10px; background:#fafafa; }
+.focus-title { color:#303133; font-weight:600; }
+.focus-meta { margin-top:6px; color:#606266; font-size:12px; line-height:1.5; }
+.focus-desc { margin-top:4px; color:#909399; font-size:12px; line-height:1.5; }
+.focus-actions { margin-top:8px; }
+@media (max-width: 1100px) {
+    .closure-today-dialog__metrics,
+    .closure-today-dialog__panes {
+        grid-template-columns:1fr;
+    }
+}
+</style>
diff --git a/src/views/site/domainImportFailedQueueDialog.vue b/src/views/site/domainImportFailedQueueDialog.vue
new file mode 100644
index 0000000..7d2937e
--- /dev/null
+++ b/src/views/site/domainImportFailedQueueDialog.vue
@@ -0,0 +1,261 @@
+<template>
+    <el-dialog v-model="visible" title="导入后探测失败队列" width="1100px" draggable>
+        <div class="failed-queue-dialog">
+            <div class="failed-queue-dialog__toolbar">
+                <el-button type="primary" plain @click="loadQueue">刷新</el-button>
+                <el-button type="success" plain :loading="selfHealingLoading" @click="runSelfHealing">后台执行自动修复</el-button>
+                <el-button type="danger" plain :loading="rerunLoading" @click="runQueueRerun">后台执行整批重跑</el-button>
+                <el-button type="warning" plain :loading="remediationLoading" @click="runQueueRemediation">后台执行补料候选</el-button>
+                <el-button v-if="rerunAllCommand" type="warning" plain @click="showRerunAllCommand">整批重跑命令</el-button>
+                <el-button type="info" plain @click="openSelfHealingDialog">最近自动修复记录</el-button>
+                <el-button type="info" plain @click="openRerunDialog">最近重跑记录</el-button>
+                <el-button type="info" plain @click="openRemediationDialog">最近补料记录</el-button>
+            </div>
+            <el-alert
+                title="这里是导入成功后，自动页面探测仍未通过的 host"
+                description="它不代表域名没有入库，而是代表首页、搜索、详情、播放这条页面链路还没有探通。"
+                type="warning"
+                show-icon
+                :closable="false"
+            />
+            <div class="failed-queue-dialog__summary">
+                <span>当前探测失败：{{ queueSummary.active_count || healthTrend.active_count || healthTrend.queue_count || 0 }}</span>
+                <span>已自动消退：{{ queueSummary.resolved_count || healthTrend.resolved_count || 0 }}</span>
+                <span>重跑记录：{{ healthTrend.rerun_runs_count || 0 }}</span>
+                <span>补料记录：{{ healthTrend.remediation_runs_count || 0 }}</span>
+                <span>{{ trendLabel() }}</span>
+            </div>
+            <div class="failed-queue-dialog__summary">
+                <span>重跑消退：{{ queueSummary.resolved_by_rerun_count || healthTrend.resolved_by_rerun_count || 0 }}</span>
+                <span>补料消退：{{ queueSummary.resolved_by_remediation_count || healthTrend.resolved_by_remediation_count || 0 }}</span>
+            </div>
+            <div v-if="resolvedPreview().length" class="failed-queue-dialog__resolved">
+                <span class="failed-queue-dialog__resolved-label">最近自动消退：</span>
+                <span>{{ resolvedPreview().join(" / ") }}</span>
+            </div>
+            <el-table v-loading="loading" :data="rows" border>
+                <el-table-column prop="host" label="Host" min-width="180" />
+                <el-table-column prop="run_id" label="Run ID" min-width="160" />
+                <el-table-column prop="failed_stage" label="失败阶段" width="100" />
+                <el-table-column label="失败明细" min-width="260">
+                    <template #default="{ row }">
+                        <span>
+                            {{ formatFailedChecks(row) }}
+                        </span>
+                    </template>
+                </el-table-column>
+                <el-table-column prop="search_keyword" label="搜索词样本" min-width="160" />
+                <el-table-column label="补料候选" min-width="220">
+                    <template #default="{ row }">
+                        <span>
+                            {{ row.remediation_plan?.title || "-" }} / {{ row.remediation_plan?.summary || "-" }}
+                        </span>
+                    </template>
+                </el-table-column>
+                <el-table-column prop="updated_at" label="更新时间" min-width="180" />
+                <el-table-column label="操作" width="320" fixed="right">
+                    <template #default="{ row }">
+                        <el-button v-if="row.summary_html_path" link type="primary" @click="openPublicPath(row.summary_html_path)">HTML摘要</el-button>
+                        <el-button v-if="row.summary_json_path" link type="info" @click="openPublicPath(row.summary_json_path)">JSON摘要</el-button>
+                        <el-button v-if="row.rerun_command" link type="warning" @click="showCommand('单条重跑命令', row.rerun_command)">重跑命令</el-button>
+                        <el-button v-if="row.sample_command" link type="success" @click="showCommand('自动样本命令', row.sample_command)">样本命令</el-button>
+                        <el-button v-if="row.remediation_command" link type="danger" @click="showCommand('补料候选命令', row.remediation_command)">补料命令</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+        </div>
+    </el-dialog>
+    <DomainImportSelfHealingDialog ref="selfHealingDialogRef" />
+    <DomainImportRerunDialog ref="rerunDialogRef" />
+    <DomainImportRemediationDialog ref="remediationDialogRef" />
+    <DomainImportTaskConsoleDialog ref="taskConsoleDialogRef" />
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+import { ElMessage, ElMessageBox } from "element-plus";
+import { SiteList } from "@/api/interface/site/list";
+import { getDomainImportFailedQueue, getDomainImportHealthTrend, runDomainImportFailedQueue, runDomainImportFailureRemediation, runDomainImportSelfHealing } from "@/api/modules/site/list";
+import DomainImportSelfHealingDialog from "./domainImportSelfHealingDialog.vue";
+import DomainImportRerunDialog from "./domainImportRerunDialog.vue";
+import DomainImportRemediationDialog from "./domainImportRemediationDialog.vue";
+import DomainImportTaskConsoleDialog from "./domainImportTaskConsoleDialog.vue";
+
+const BASE_URL = import.meta.env.VITE_API_URL as string;
+const visible = ref(false);
+const loading = ref(false);
+const selfHealingLoading = ref(false);
+const rerunLoading = ref(false);
+const remediationLoading = ref(false);
+const rows = ref<SiteList.DomainImportFailedQueueItem[]>([]);
+const queueSummary = ref<SiteList.DomainImportFailedQueueData>({});
+const rerunAllCommand = ref("");
+const selfHealingDialogRef = ref();
+const rerunDialogRef = ref();
+const remediationDialogRef = ref();
+const taskConsoleDialogRef = ref();
+const healthTrend = ref<SiteList.DomainImportHealthTrendData>({});
+
+const formatFailedChecks = (row: SiteList.DomainImportFailedQueueItem) => {
+    return (row.failed_checks || [])
+        .slice(0, 2)
+        .map(item => `${item?.stage || "-"}:${item?.detail || "-"}`)
+        .join(" | ") || "-";
+};
+
+const openPublicPath = (path?: string) => {
+    if (!path) {
+        return;
+    }
+    window.open(`${BASE_URL}/${String(path).replace(/^\/+/, "")}`, "_blank", "noopener");
+};
+
+const showCommand = async (title: string, command?: string) => {
+    if (!command) {
+        return;
+    }
+    await ElMessageBox.alert(`<code>${command}</code>`, title, {
+        dangerouslyUseHTMLString: true,
+        confirmButtonText: "知道了"
+    });
+};
+
+const showRerunAllCommand = async () => {
+    await showCommand("整批重跑命令", rerunAllCommand.value);
+};
+
+const openRerunDialog = () => {
+    rerunDialogRef.value?.open();
+};
+
+const openRemediationDialog = () => {
+    remediationDialogRef.value?.open();
+};
+
+const openSelfHealingDialog = () => {
+    selfHealingDialogRef.value?.open();
+};
+
+const trendLabel = () => {
+    const label = healthTrend.value.failure_trend?.label || "flat";
+    if (label === "improving") return "失败趋势改善中";
+    if (label === "worsening") return "失败趋势上升";
+    return "失败趋势持平";
+};
+
+const resolvedPreview = () => {
+    return queueSummary.value.resolved_hosts_preview || healthTrend.value.resolved_hosts_preview || [];
+};
+
+const runQueueRerun = async () => {
+    rerunLoading.value = true;
+    try {
+        const res = await runDomainImportFailedQueue({ limit: 50 });
+        const job = res.data.job;
+        if (!job?.job_id) {
+            throw new Error("job_id missing");
+        }
+        ElMessage.success("重跑任务已创建");
+        taskConsoleDialogRef.value?.open("失败队列重跑任务", job.job_id, async () => {
+            await loadQueue();
+            openRerunDialog();
+        });
+    } catch (_error) {
+        ElMessage.error("执行失败队列重跑失败");
+    } finally {
+        rerunLoading.value = false;
+    }
+};
+
+const runSelfHealing = async () => {
+    selfHealingLoading.value = true;
+    try {
+        const res = await runDomainImportSelfHealing();
+        const job = res.data.job;
+        if (!job?.job_id) {
+            throw new Error("job_id missing");
+        }
+        ElMessage.success("自动修复任务已创建");
+        taskConsoleDialogRef.value?.open("自动修复任务", job.job_id, async () => {
+            await loadQueue();
+            openSelfHealingDialog();
+        });
+    } catch (_error) {
+        ElMessage.error("执行自动修复失败");
+    } finally {
+        selfHealingLoading.value = false;
+    }
+};
+
+const runQueueRemediation = async () => {
+    remediationLoading.value = true;
+    try {
+        const res = await runDomainImportFailureRemediation({ limit: 50 });
+        const job = res.data.job;
+        if (!job?.job_id) {
+            throw new Error("job_id missing");
+        }
+        ElMessage.success("补料任务已创建");
+        taskConsoleDialogRef.value?.open("失败补料候选任务", job.job_id, async () => {
+            await loadQueue();
+            openRemediationDialog();
+        });
+    } catch (_error) {
+        ElMessage.error("执行失败队列补料候选失败");
+    } finally {
+        remediationLoading.value = false;
+    }
+};
+
+const loadQueue = async () => {
+    loading.value = true;
+    try {
+        const [queueRes, trendRes] = await Promise.all([
+            getDomainImportFailedQueue({ limit: 50 }),
+            getDomainImportHealthTrend({ limit: 10 })
+        ]);
+        queueSummary.value = queueRes.data ?? {};
+        rows.value = queueSummary.value.items ?? [];
+        rerunAllCommand.value = queueSummary.value.rerun_all_command ?? "";
+        healthTrend.value = trendRes.data ?? {};
+    } catch (_error) {
+        ElMessage.error("读取导入后探测失败队列失败");
+    } finally {
+        loading.value = false;
+    }
+};
+
+const open = async () => {
+    visible.value = true;
+    await loadQueue();
+};
+
+defineExpose({
+    open
+});
+</script>
+
+<style scoped lang="scss">
+.failed-queue-dialog__toolbar {
+    margin-bottom: 12px;
+}
+
+.failed-queue-dialog__summary {
+    display: flex;
+    gap: 16px;
+    margin-bottom: 12px;
+    color: #606266;
+    font-size: 13px;
+}
+
+.failed-queue-dialog__resolved {
+    margin-bottom: 12px;
+    font-size: 13px;
+    color: #909399;
+}
+
+.failed-queue-dialog__resolved-label {
+    margin-right: 8px;
+    color: #606266;
+}
+</style>
diff --git a/src/views/site/domainImportHealthWorkbenchDialog.vue b/src/views/site/domainImportHealthWorkbenchDialog.vue
new file mode 100644
index 0000000..7ad0dc8
--- /dev/null
+++ b/src/views/site/domainImportHealthWorkbenchDialog.vue
@@ -0,0 +1,677 @@
+<template>
+    <el-dialog v-model="visible" title="导入健康台" width="1100px" draggable>
+        <div class="import-health-workbench">
+            <div class="import-health-workbench__toolbar">
+                <el-button type="primary" plain @click="loadSummary">刷新</el-button>
+                <el-button type="primary" plain :loading="workbenchRunLoading" @click="runWorkbenchSummaryAction">刷新并落盘健康台</el-button>
+                <el-button type="success" plain :loading="selfHealingLoading" @click="runSelfHealingAction">执行自动修复</el-button>
+                <el-button type="success" plain @click="openClosureOverview">闭环总览</el-button>
+                <el-button type="info" plain @click="openImportRuns">最近导入记录</el-button>
+                <el-button type="warning" plain @click="openFailedQueue">探测失败队列</el-button>
+                <el-button type="info" plain @click="openRerunRuns">最近重跑记录</el-button>
+                <el-button type="warning" plain @click="openRemediationRuns">最近补料记录</el-button>
+                <el-button type="info" plain @click="openSelfHealingRuns">最近自动修复记录</el-button>
+                <el-button type="danger" plain @click="openManualAttention">人工关注队列</el-button>
+                <el-button type="primary" plain @click="openManualHandleRuns">最近人工处理记录</el-button>
+                <el-button type="info" plain @click="openWorkbenchRuns">最近健康台记录</el-button>
+                <el-button type="info" plain @click="openWorkbenchTrend">健康台趋势</el-button>
+            </div>
+            <div class="import-health-workbench__hero">
+                <div class="import-health-workbench__hero-title">导入健康台</div>
+                <div class="import-health-workbench__hero-desc">{{ healthLabelText() }}</div>
+                <div v-if="summary.hero_summary" class="import-health-workbench__hero-note">
+                    {{ summary.hero_summary }}
+                </div>
+            </div>
+            <div class="import-health-workbench__stats">
+                <span>导入记录：{{ summary.import_runs_count || 0 }}</span>
+                <span>当前失败：{{ summary.active_count || summary.queue_count || 0 }}</span>
+                <span>自动修复记录：{{ summary.self_healing_runs_count || 0 }}</span>
+                <span>人工关注：{{ summary.manual_attention_count || 0 }}</span>
+                <span>重跑恢复：{{ summary.resolved_by_rerun_count || 0 }}</span>
+                <span>补料恢复：{{ summary.resolved_by_remediation_count || 0 }}</span>
+            </div>
+            <div class="import-health-workbench__blocks">
+                <div class="import-health-workbench__block">
+                    <div class="import-health-workbench__block-title">最新导入</div>
+                    <div>{{ summary.latest_import_run?.run_id || "-" }}</div>
+                    <div>失败 {{ summary.latest_import_run?.failed_count || 0 }}</div>
+                </div>
+                <div class="import-health-workbench__block">
+                    <div class="import-health-workbench__block-title">最新失败 Host</div>
+                    <div>{{ summary.latest_failed_item?.host || "-" }}</div>
+                    <div>{{ summary.latest_failed_item?.failed_stage || "-" }}</div>
+                </div>
+                <div class="import-health-workbench__block">
+                    <div class="import-health-workbench__block-title">最新自动修复</div>
+                    <div>{{ summary.latest_self_healing_run?.run_id || "-" }}</div>
+                    <div>{{ summary.latest_self_healing_run?.status || "-" }}</div>
+                </div>
+                <div class="import-health-workbench__block">
+                    <div class="import-health-workbench__block-title">最新重跑</div>
+                    <div>{{ summary.latest_rerun_run?.run_id || "-" }}</div>
+                    <div>失败 {{ summary.latest_rerun_run?.failed_count || 0 }}</div>
+                </div>
+                <div class="import-health-workbench__block">
+                    <div class="import-health-workbench__block-title">最新补料</div>
+                    <div>{{ summary.latest_remediation_run?.run_id || "-" }}</div>
+                    <div>恢复 {{ summary.latest_remediation_run?.recovered_count || 0 }}</div>
+                </div>
+                <div class="import-health-workbench__block">
+                    <div class="import-health-workbench__block-title">失败趋势</div>
+                    <div>{{ failureTrendText() }}</div>
+                </div>
+                <div class="import-health-workbench__block">
+                    <div class="import-health-workbench__block-title">人工关注</div>
+                    <div>{{ summary.manual_attention_count || 0 }}</div>
+                    <div>{{ summary.latest_manual_attention_item?.host || "-" }}</div>
+                </div>
+                <div class="import-health-workbench__block">
+                    <div class="import-health-workbench__block-title">最新人工处理</div>
+                    <div>{{ summary.latest_manual_handle_run?.run_id || "-" }}</div>
+                    <div>{{ summary.latest_manual_handle_run?.status || "-" }}</div>
+                </div>
+            </div>
+            <div v-if="(summary.resolved_hosts_preview || []).length" class="import-health-workbench__resolved">
+                <span class="import-health-workbench__resolved-label">最近恢复：</span>
+                <span>{{ (summary.resolved_hosts_preview || []).join(" / ") }}</span>
+            </div>
+            <div class="import-health-workbench__insights">
+                <div class="import-health-workbench__insight-card">
+                    <div class="import-health-workbench__panel-title">当前失败阶段分布</div>
+                    <div
+                        v-for="item in (summary.top_failed_stages || []).slice(0, 5)"
+                        :key="item.stage"
+                        class="import-health-workbench__panel-row"
+                    >
+                        <span>{{ item.stage || "-" }}</span>
+                        <span>{{ item.count || 0 }}</span>
+                    </div>
+                    <div v-if="!(summary.top_failed_stages || []).length" class="import-health-workbench__empty">当前没有活跃失败阶段</div>
+                </div>
+                <div class="import-health-workbench__insight-card">
+                    <div class="import-health-workbench__panel-title">当前恢复主路径</div>
+                    <div class="import-health-workbench__mix-main">{{ recoveryMixText() }}</div>
+                    <div class="import-health-workbench__mix-sub">
+                        重跑恢复 {{ summary.recovery_mix?.resolved_by_rerun_count || 0 }} /
+                        补料恢复 {{ summary.recovery_mix?.resolved_by_remediation_count || 0 }}
+                    </div>
+                    <div class="import-health-workbench__mix-sub">
+                        自动修复记录 {{ summary.recovery_mix?.self_healing_runs_count || 0 }}
+                    </div>
+                </div>
+            </div>
+            <div class="import-health-workbench__insights">
+                <div class="import-health-workbench__insight-card">
+                    <div class="import-health-workbench__panel-title">人工关注分层</div>
+                    <div class="import-health-workbench__mix-main">{{ manualAttentionText() }}</div>
+                    <div class="import-health-workbench__mix-sub">
+                        高优先 {{ summary.manual_attention_buckets?.high || 0 }} /
+                        中优先 {{ summary.manual_attention_buckets?.medium || 0 }} /
+                        低优先 {{ summary.manual_attention_buckets?.low || 0 }}
+                    </div>
+                    <div
+                        v-for="item in (summary.recent_manual_attention_items || []).slice(0, 3)"
+                        :key="item.host"
+                        class="import-health-workbench__panel-row"
+                    >
+                        <span>{{ item.host || "-" }}</span>
+                        <span>{{ item.attention_reason || "-" }}</span>
+                    </div>
+                    <div v-if="!(summary.recent_manual_attention_items || []).length" class="import-health-workbench__empty">当前没有需要人工接管的 host</div>
+                </div>
+                <div class="import-health-workbench__insight-card">
+                    <div class="import-health-workbench__panel-title">最近人工处理</div>
+                    <div class="import-health-workbench__mix-main">{{ manualHandleText() }}</div>
+                    <div class="import-health-workbench__mix-sub">
+                        处理记录 {{ summary.manual_handle_runs_count || 0 }} / 最新复核 {{ summary.latest_manual_handle_run?.reprobe_status || "-" }}
+                    </div>
+                    <div
+                        v-for="item in (summary.recent_manual_handle_runs || []).slice(0, 3)"
+                        :key="item.run_id"
+                        class="import-health-workbench__panel-row"
+                    >
+                        <span>{{ item.host || "-" }}</span>
+                        <span>{{ item.action || "-" }} / {{ item.status || "-" }}</span>
+                    </div>
+                    <div v-if="!(summary.recent_manual_handle_runs || []).length" class="import-health-workbench__empty">当前还没有人工处理记录</div>
+                </div>
+            </div>
+            <div class="import-health-workbench__insights">
+                <div class="import-health-workbench__insight-card">
+                    <div class="import-health-workbench__panel-title">健康台记录告警</div>
+                    <div class="import-health-workbench__mix-main">{{ workbenchAlertText() }}</div>
+                    <div class="import-health-workbench__mix-sub">
+                        高优先 {{ workbenchRunsSummary.alert_buckets?.high || 0 }} /
+                        中优先 {{ workbenchRunsSummary.alert_buckets?.medium || 0 }} /
+                        低优先 {{ workbenchRunsSummary.alert_buckets?.low || 0 }}
+                    </div>
+                    <div
+                        v-for="item in (workbenchRunsSummary.top_attention_runs || []).slice(0, 3)"
+                        :key="item.run_id"
+                        class="import-health-workbench__panel-row"
+                    >
+                        <span>{{ item.run_id || "-" }}</span>
+                        <span>{{ item.alert_reason || "-" }}</span>
+                    </div>
+                    <div v-if="!(workbenchRunsSummary.top_attention_runs || []).length" class="import-health-workbench__empty">当前没有需要优先回看的健康台 run</div>
+                </div>
+                <div class="import-health-workbench__insight-card">
+                    <div class="import-health-workbench__panel-title">健康台趋势告警</div>
+                    <div class="import-health-workbench__mix-main">{{ trendAlertText() }}</div>
+                    <div class="import-health-workbench__mix-sub">
+                        当前趋势 {{ trendText() }}
+                    </div>
+                    <div class="import-health-workbench__mix-sub">
+                        {{ workbenchTrend.alert_reason || "当前健康台趋势平稳" }}
+                    </div>
+                    <div
+                        v-for="item in (workbenchTrend.stage_buckets || []).slice(0, 3)"
+                        :key="item.stage"
+                        class="import-health-workbench__panel-row"
+                    >
+                        <span>{{ item.stage || "-" }}</span>
+                        <span>{{ item.count || 0 }}</span>
+                    </div>
+                </div>
+            </div>
+            <div v-if="(summary.priority_actions || []).length" class="import-health-workbench__actions">
+                <div
+                    v-for="item in summary.priority_actions || []"
+                    :key="item.key"
+                    class="import-health-workbench__action-card"
+                >
+                    <div class="import-health-workbench__action-head">
+                        <div class="import-health-workbench__action-title">{{ item.label || "-" }}</div>
+                        <el-tag size="small" :type="item.tag_type || 'info'">{{ actionTagText(item.tag_type) }}</el-tag>
+                    </div>
+                    <div class="import-health-workbench__action-summary">{{ item.summary || "-" }}</div>
+                    <div class="import-health-workbench__action-foot">
+                        <el-button size="small" :type="buttonType(item.tag_type)" plain @click="handlePriorityAction(item.action_key)">
+                            {{ item.action_label || "执行" }}
+                        </el-button>
+                    </div>
+                </div>
+            </div>
+            <div class="import-health-workbench__panels">
+                <div class="import-health-workbench__panel">
+                    <div class="import-health-workbench__panel-title">最近导入</div>
+                    <div
+                        v-for="item in (summary.recent_import_runs || []).slice(0, 5)"
+                        :key="item.run_id"
+                        class="import-health-workbench__panel-row"
+                    >
+                        <span>{{ item.run_id || "-" }}</span>
+                        <span>失败 {{ item.failed_count || 0 }}</span>
+                    </div>
+                </div>
+                <div class="import-health-workbench__panel">
+                    <div class="import-health-workbench__panel-title">最近自动修复</div>
+                    <div
+                        v-for="item in (summary.recent_self_healing_runs || []).slice(0, 5)"
+                        :key="item.run_id"
+                        class="import-health-workbench__panel-row"
+                    >
+                        <span>{{ item.run_id || "-" }}</span>
+                        <span>{{ item.status || "-" }}</span>
+                    </div>
+                </div>
+                <div class="import-health-workbench__panel">
+                    <div class="import-health-workbench__panel-title">最近重跑</div>
+                    <div
+                        v-for="item in (summary.recent_rerun_runs || []).slice(0, 5)"
+                        :key="item.run_id"
+                        class="import-health-workbench__panel-row"
+                    >
+                        <span>{{ item.run_id || "-" }}</span>
+                        <span>失败 {{ item.failed_count || 0 }}</span>
+                    </div>
+                </div>
+                <div class="import-health-workbench__panel">
+                    <div class="import-health-workbench__panel-title">最近补料</div>
+                    <div
+                        v-for="item in (summary.recent_remediation_runs || []).slice(0, 5)"
+                        :key="item.run_id"
+                        class="import-health-workbench__panel-row"
+                    >
+                        <span>{{ item.run_id || "-" }}</span>
+                        <span>恢复 {{ item.recovered_count || 0 }}</span>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </el-dialog>
+    <DomainImportRunDialog ref="importRunDialogRef" />
+    <DomainImportFailedQueueDialog ref="failedQueueDialogRef" />
+    <DomainImportRerunDialog ref="rerunDialogRef" />
+    <DomainImportRemediationDialog ref="remediationDialogRef" />
+    <DomainImportSelfHealingDialog ref="selfHealingDialogRef" />
+    <DomainImportManualAttentionDialog ref="manualAttentionDialogRef" />
+    <DomainImportManualAttentionHandleDialog ref="manualHandleDialogRef" />
+    <DomainImportHealthWorkbenchSummaryDialog ref="workbenchSummaryDialogRef" />
+    <DomainImportHealthWorkbenchTrendDialog ref="workbenchTrendDialogRef" />
+    <DomainImportTaskConsoleDialog ref="taskConsoleDialogRef" />
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+import { ElMessage } from "element-plus";
+import { SiteList } from "@/api/interface/site/list";
+import {
+    getDomainImportHealthWorkbench,
+    getDomainImportHealthWorkbenchSummary,
+    getDomainImportHealthWorkbenchTrend,
+    runDomainImportHealthWorkbenchSummary,
+    runDomainImportSelfHealing
+} from "@/api/modules/site/list";
+import DomainImportRunDialog from "./domainImportRunDialog.vue";
+import DomainImportFailedQueueDialog from "./domainImportFailedQueueDialog.vue";
+import DomainImportRerunDialog from "./domainImportRerunDialog.vue";
+import DomainImportRemediationDialog from "./domainImportRemediationDialog.vue";
+import DomainImportSelfHealingDialog from "./domainImportSelfHealingDialog.vue";
+import DomainImportManualAttentionDialog from "./domainImportManualAttentionDialog.vue";
+import DomainImportManualAttentionHandleDialog from "./domainImportManualAttentionHandleDialog.vue";
+import DomainImportHealthWorkbenchSummaryDialog from "./domainImportHealthWorkbenchSummaryDialog.vue";
+import DomainImportHealthWorkbenchTrendDialog from "./domainImportHealthWorkbenchTrendDialog.vue";
+import DomainImportTaskConsoleDialog from "./domainImportTaskConsoleDialog.vue";
+
+const visible = ref(false);
+const loading = ref(false);
+const workbenchRunLoading = ref(false);
+const selfHealingLoading = ref(false);
+const summary = ref<SiteList.DomainImportHealthWorkbenchData>({});
+const workbenchRunsSummary = ref<SiteList.DomainImportHealthWorkbenchSummaryData>({});
+const workbenchTrend = ref<SiteList.DomainImportHealthWorkbenchTrendData>({});
+const importRunDialogRef = ref();
+const failedQueueDialogRef = ref();
+const rerunDialogRef = ref();
+const remediationDialogRef = ref();
+const selfHealingDialogRef = ref();
+const manualAttentionDialogRef = ref();
+const manualHandleDialogRef = ref();
+const workbenchSummaryDialogRef = ref();
+const workbenchTrendDialogRef = ref();
+const taskConsoleDialogRef = ref();
+const requestGlobalDialogOpen = (key: string) => {
+    window.dispatchEvent(new CustomEvent("site-dialog-open", { detail: { key } }));
+};
+
+const healthLabelText = () => {
+    const label = summary.value.health_label || "steady";
+    if (label === "worsening") return "探测失败趋势上升，优先处理探测失败队列";
+    if (label === "attention") return "当前仍有失败 host，建议关注自愈结果";
+    if (label === "waiting_self_healing") return "存在失败 host，但还缺自动修复进展";
+    return "导入链整体平稳";
+};
+
+const actionTagText = (tagType?: string) => {
+    if (tagType === "danger") return "高优先";
+    if (tagType === "warning") return "先处理";
+    if (tagType === "success") return "已接入";
+    return "建议";
+};
+
+const buttonType = (tagType?: string) => {
+    if (tagType === "danger") return "danger";
+    if (tagType === "warning") return "warning";
+    if (tagType === "success") return "success";
+    return "primary";
+};
+
+const failureTrendText = () => {
+    const label = summary.value.failure_trend?.label || "flat";
+    if (label === "improving") return "改善中";
+    if (label === "worsening") return "上升中";
+    return "持平";
+};
+
+const recoveryMixText = () => {
+    const path = summary.value.recovery_mix?.primary_path || "none";
+    if (path === "rerun") return "当前恢复主要靠重跑";
+    if (path === "remediation") return "当前恢复主要靠补料";
+    if (path === "balanced") return "当前恢复由重跑和补料共同承担";
+    return "当前还没有明显恢复主路径";
+};
+
+const manualAttentionText = () => {
+    const count = summary.value.manual_attention_count || 0;
+    if (count > 0) {
+        return `当前有 ${count} 个 host 需要人工接管`;
+    }
+    return "当前没有需要人工接管的 host";
+};
+
+const manualHandleText = () => {
+    const latestRun = summary.value.latest_manual_handle_run || {};
+    if (latestRun.run_id) {
+        return `最新人工处理 ${latestRun.run_id}，Host ${latestRun.host || "-"}，状态 ${latestRun.status || "-"}`;
+    }
+    return "当前还没有人工处理记录";
+};
+
+const workbenchAlertText = () => {
+    const level = workbenchRunsSummary.value.latest_run?.alert_level || "none";
+    if (level === "high") return "最近健康台 run 有高优先级告警";
+    if (level === "medium") return "最近健康台 run 需要继续重点关注";
+    if (level === "low") return "当前处于恢复观察态";
+    return "最近健康台 run 整体平稳";
+};
+
+const trendText = () => {
+    const label = workbenchTrend.value.label || "flat";
+    if (label === "improving") return "改善中";
+    if (label === "worsening") return "上升中";
+    return "持平";
+};
+
+const trendAlertText = () => {
+    const level = workbenchTrend.value.alert_level || "none";
+    if (level === "high") return "趋势高优先级告警";
+    if (level === "medium") return "趋势需要继续重点关注";
+    if (level === "low") return "趋势进入低优先级观察态";
+    return "趋势平稳";
+};
+
+const openImportRuns = () => {
+    importRunDialogRef.value?.open();
+};
+
+const openFailedQueue = () => {
+    failedQueueDialogRef.value?.open();
+};
+
+const openSelfHealingRuns = () => {
+    selfHealingDialogRef.value?.open();
+};
+
+const openManualAttention = () => {
+    manualAttentionDialogRef.value?.open();
+};
+
+const openManualHandleRuns = () => {
+    manualHandleDialogRef.value?.open();
+};
+
+const openRerunRuns = () => {
+    rerunDialogRef.value?.open();
+};
+
+const openRemediationRuns = () => {
+    remediationDialogRef.value?.open();
+};
+
+const openWorkbenchRuns = () => {
+    workbenchSummaryDialogRef.value?.open();
+};
+
+const openWorkbenchTrend = () => {
+    workbenchTrendDialogRef.value?.open();
+};
+
+const openClosureOverview = () => {
+    requestGlobalDialogOpen("domainImportExternalSeoClosureDialog");
+};
+
+const handlePriorityAction = async (actionKey?: string) => {
+    if (actionKey === "open_import_runs") {
+        openImportRuns();
+        return;
+    }
+    if (actionKey === "open_failed_queue") {
+        openFailedQueue();
+        return;
+    }
+    if (actionKey === "open_self_healing_runs") {
+        openSelfHealingRuns();
+        return;
+    }
+    if (actionKey === "open_manual_attention") {
+        openManualAttention();
+        return;
+    }
+    if (actionKey === "open_manual_handle_runs") {
+        openManualHandleRuns();
+        return;
+    }
+    if (actionKey === "open_rerun_runs") {
+        openRerunRuns();
+        return;
+    }
+    if (actionKey === "open_remediation_runs") {
+        openRemediationRuns();
+        return;
+    }
+    if (actionKey === "run_self_healing") {
+        await runSelfHealingAction();
+    }
+};
+
+const runSelfHealingAction = async () => {
+    selfHealingLoading.value = true;
+    try {
+        const res = await runDomainImportSelfHealing();
+        const job = res.data.job;
+        if (!job?.job_id) {
+            throw new Error("job_id missing");
+        }
+        ElMessage.success("自动修复任务已创建");
+        taskConsoleDialogRef.value?.open("自动修复任务", job.job_id, async () => {
+            await loadSummary();
+            openSelfHealingRuns();
+        });
+    } catch (_error) {
+        ElMessage.error("执行自动修复失败");
+    } finally {
+        selfHealingLoading.value = false;
+    }
+};
+
+const runWorkbenchSummaryAction = async () => {
+    workbenchRunLoading.value = true;
+    try {
+        const res = await runDomainImportHealthWorkbenchSummary({ limit: 10 });
+        const job = res.data.job;
+        if (!job?.job_id) {
+            throw new Error("job_id missing");
+        }
+        ElMessage.success("健康台刷新任务已创建");
+        taskConsoleDialogRef.value?.open("健康台落盘任务", job.job_id, async () => {
+            await loadSummary();
+            openWorkbenchRuns();
+        });
+    } catch (_error) {
+        ElMessage.error("刷新并落盘健康台失败");
+    } finally {
+        workbenchRunLoading.value = false;
+    }
+};
+
+const loadSummary = async () => {
+    loading.value = true;
+    try {
+        const [workbenchRes, runsRes, trendRes] = await Promise.all([
+            getDomainImportHealthWorkbench({ limit: 10 }),
+            getDomainImportHealthWorkbenchSummary({ limit: 10 }),
+            getDomainImportHealthWorkbenchTrend({ limit: 10 })
+        ]);
+        summary.value = workbenchRes.data ?? {};
+        workbenchRunsSummary.value = runsRes.data ?? {};
+        workbenchTrend.value = trendRes.data ?? {};
+    } catch (_error) {
+        ElMessage.error("读取导入健康台失败");
+    } finally {
+        loading.value = false;
+    }
+};
+
+const open = async () => {
+    visible.value = true;
+    await loadSummary();
+};
+
+defineExpose({
+    open
+});
+</script>
+
+<style scoped lang="scss">
+.import-health-workbench__toolbar {
+    margin-bottom: 12px;
+}
+
+.import-health-workbench__hero {
+    padding: 14px 16px;
+    border-radius: 12px;
+    background: linear-gradient(135deg, #f3f8ff 0%, #eefaf4 100%);
+    margin-bottom: 12px;
+}
+
+.import-health-workbench__hero-title {
+    font-size: 18px;
+    font-weight: 600;
+    margin-bottom: 4px;
+}
+
+.import-health-workbench__hero-desc,
+.import-health-workbench__hero-note,
+.import-health-workbench__stats,
+.import-health-workbench__resolved {
+    font-size: 13px;
+    color: #606266;
+}
+
+.import-health-workbench__hero-note {
+    margin-top: 8px;
+}
+
+.import-health-workbench__stats {
+    display: flex;
+    gap: 16px;
+    margin-bottom: 12px;
+}
+
+.import-health-workbench__blocks {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 12px;
+    margin-bottom: 12px;
+}
+
+.import-health-workbench__block {
+    border: 1px solid #ebeef5;
+    border-radius: 12px;
+    padding: 12px;
+    background: #fff;
+}
+
+.import-health-workbench__block-title {
+    font-size: 13px;
+    color: #909399;
+    margin-bottom: 6px;
+}
+
+.import-health-workbench__resolved-label {
+    margin-right: 8px;
+    color: #303133;
+}
+
+.import-health-workbench__insights {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 12px;
+    margin-top: 12px;
+}
+
+.import-health-workbench__insight-card {
+    border: 1px solid #ebeef5;
+    border-radius: 12px;
+    padding: 12px;
+    background: #fff;
+}
+
+.import-health-workbench__mix-main {
+    font-size: 14px;
+    font-weight: 600;
+    color: #303133;
+    margin-bottom: 8px;
+}
+
+.import-health-workbench__mix-sub,
+.import-health-workbench__empty {
+    font-size: 13px;
+    color: #606266;
+}
+
+.import-health-workbench__actions {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 12px;
+    margin-top: 12px;
+}
+
+.import-health-workbench__action-card {
+    border: 1px solid #ebeef5;
+    border-radius: 12px;
+    padding: 12px;
+    background: #fff;
+}
+
+.import-health-workbench__action-head {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+    margin-bottom: 8px;
+}
+
+.import-health-workbench__action-title {
+    font-size: 14px;
+    font-weight: 600;
+    color: #303133;
+}
+
+.import-health-workbench__action-summary {
+    font-size: 13px;
+    color: #606266;
+    line-height: 1.6;
+    min-height: 42px;
+}
+
+.import-health-workbench__action-foot {
+    margin-top: 10px;
+}
+
+.import-health-workbench__panels {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 12px;
+    margin-top: 12px;
+}
+
+.import-health-workbench__panel {
+    border: 1px solid #ebeef5;
+    border-radius: 12px;
+    padding: 12px;
+    background: #fff;
+}
+
+.import-health-workbench__panel-title {
+    font-size: 13px;
+    color: #909399;
+    margin-bottom: 8px;
+}
+
+.import-health-workbench__panel-row {
+    display: flex;
+    justify-content: space-between;
+    gap: 12px;
+    padding: 6px 0;
+    font-size: 13px;
+    color: #606266;
+    border-top: 1px dashed #f0f2f5;
+}
+
+.import-health-workbench__panel-row:first-of-type {
+    border-top: 0;
+}
+</style>
diff --git a/src/views/site/domainImportHealthWorkbenchSummaryDialog.vue b/src/views/site/domainImportHealthWorkbenchSummaryDialog.vue
new file mode 100644
index 0000000..4900881
--- /dev/null
+++ b/src/views/site/domainImportHealthWorkbenchSummaryDialog.vue
@@ -0,0 +1,139 @@
+<template>
+    <el-dialog v-model="visible" title="最近导入健康台记录" width="980px" draggable>
+        <div class="import-health-workbench-summary-dialog">
+            <div class="import-health-workbench-summary-dialog__toolbar">
+                <el-button type="primary" plain @click="loadRuns">刷新</el-button>
+                <el-button type="info" plain @click="openTrend">健康台趋势</el-button>
+            </div>
+            <div class="import-health-workbench-summary-dialog__summary">
+                <span>健康台记录：{{ summary.total || 0 }}</span>
+                <span>最新健康度：{{ summary.latest_run?.health_label || "-" }}</span>
+                <span>最新阶段：{{ summary.latest_run?.workbench_stage || "-" }}</span>
+                <span>最新失败：{{ summary.latest_run?.active_count || 0 }}</span>
+            </div>
+            <div class="import-health-workbench-summary-dialog__summary">
+                <span>高优先级：{{ summary.alert_buckets?.high || 0 }}</span>
+                <span>中优先级：{{ summary.alert_buckets?.medium || 0 }}</span>
+                <span>低优先级：{{ summary.alert_buckets?.low || 0 }}</span>
+            </div>
+            <div v-if="(summary.top_attention_runs || []).length" class="import-health-workbench-summary-dialog__attention">
+                <div class="import-health-workbench-summary-dialog__attention-title">优先关注</div>
+                <div
+                    v-for="item in summary.top_attention_runs || []"
+                    :key="item.run_id"
+                    class="import-health-workbench-summary-dialog__attention-row"
+                >
+                    <span>{{ item.run_id || "-" }}</span>
+                    <span>{{ item.alert_reason || "-" }}</span>
+                </div>
+            </div>
+            <el-table v-loading="loading" :data="rows" border>
+                <el-table-column prop="run_id" label="Run ID" min-width="180" />
+                <el-table-column prop="health_label" label="健康度" width="110" />
+                <el-table-column prop="workbench_stage" label="阶段" width="140" />
+                <el-table-column prop="alert_level" label="告警" width="90" />
+                <el-table-column prop="active_count" label="当前失败" width="90" />
+                <el-table-column prop="resolved_count" label="已恢复" width="90" />
+                <el-table-column prop="hero_summary" label="摘要" min-width="260" />
+                <el-table-column prop="updated_at" label="更新时间" min-width="180" />
+                <el-table-column label="操作" width="220" fixed="right">
+                    <template #default="{ row }">
+                        <el-button v-if="row.summary_html_path" link type="primary" @click="openPublicPath(row.summary_html_path)">HTML摘要</el-button>
+                        <el-button v-if="row.summary_json_path" link type="info" @click="openPublicPath(row.summary_json_path)">JSON摘要</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+        </div>
+    </el-dialog>
+    <DomainImportHealthWorkbenchTrendDialog ref="trendDialogRef" />
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+import { ElMessage } from "element-plus";
+import { SiteList } from "@/api/interface/site/list";
+import { getDomainImportHealthWorkbenchSummary } from "@/api/modules/site/list";
+import DomainImportHealthWorkbenchTrendDialog from "./domainImportHealthWorkbenchTrendDialog.vue";
+
+const BASE_URL = import.meta.env.VITE_API_URL as string;
+const visible = ref(false);
+const loading = ref(false);
+const rows = ref<SiteList.DomainImportHealthWorkbenchSummaryItem[]>([]);
+const summary = ref<SiteList.DomainImportHealthWorkbenchSummaryData>({});
+const trendDialogRef = ref();
+
+const openPublicPath = (path?: string) => {
+    if (!path) {
+        return;
+    }
+    window.open(`${BASE_URL}/${String(path).replace(/^\/+/, "")}`, "_blank", "noopener");
+};
+
+const loadRuns = async () => {
+    loading.value = true;
+    try {
+        const res = await getDomainImportHealthWorkbenchSummary({ limit: 20 });
+        summary.value = res.data ?? {};
+        rows.value = summary.value.items ?? [];
+    } catch (_error) {
+        ElMessage.error("读取导入健康台记录失败");
+    } finally {
+        loading.value = false;
+    }
+};
+
+const openTrend = () => {
+    trendDialogRef.value?.open();
+};
+
+const open = async () => {
+    visible.value = true;
+    await loadRuns();
+};
+
+defineExpose({
+    open
+});
+</script>
+
+<style scoped lang="scss">
+.import-health-workbench-summary-dialog__toolbar {
+    margin-bottom: 12px;
+}
+
+.import-health-workbench-summary-dialog__summary {
+    display: flex;
+    gap: 16px;
+    margin-bottom: 12px;
+    color: #606266;
+    font-size: 13px;
+}
+
+.import-health-workbench-summary-dialog__attention {
+    border: 1px solid #ebeef5;
+    border-radius: 12px;
+    padding: 12px;
+    background: #fff;
+    margin-bottom: 12px;
+}
+
+.import-health-workbench-summary-dialog__attention-title {
+    font-size: 13px;
+    color: #909399;
+    margin-bottom: 8px;
+}
+
+.import-health-workbench-summary-dialog__attention-row {
+    display: flex;
+    justify-content: space-between;
+    gap: 12px;
+    padding: 6px 0;
+    font-size: 13px;
+    color: #606266;
+    border-top: 1px dashed #f0f2f5;
+}
+
+.import-health-workbench-summary-dialog__attention-row:first-of-type {
+    border-top: 0;
+}
+</style>
diff --git a/src/views/site/domainImportHealthWorkbenchTrendDialog.vue b/src/views/site/domainImportHealthWorkbenchTrendDialog.vue
new file mode 100644
index 0000000..f1a7a43
--- /dev/null
+++ b/src/views/site/domainImportHealthWorkbenchTrendDialog.vue
@@ -0,0 +1,131 @@
+<template>
+    <el-dialog v-model="visible" title="导入健康台趋势" width="920px" draggable>
+        <div class="import-health-workbench-trend-dialog">
+            <div class="import-health-workbench-trend-dialog__toolbar">
+                <el-button type="primary" plain @click="loadSummary">刷新</el-button>
+            </div>
+            <div class="import-health-workbench-trend-dialog__summary">
+                <span>健康台记录：{{ summary.runs_count || 0 }}</span>
+                <span>最新失败：{{ summary.latest_active_count || 0 }}</span>
+                <span>上一笔失败：{{ summary.previous_active_count || 0 }}</span>
+                <span>{{ trendText() }}</span>
+            </div>
+            <div class="import-health-workbench-trend-dialog__summary">
+                <span>趋势告警：{{ summary.alert_level || "-" }}</span>
+                <span>{{ summary.alert_reason || "-" }}</span>
+            </div>
+            <div class="import-health-workbench-trend-dialog__blocks">
+                <div class="import-health-workbench-trend-dialog__block">
+                    <div class="import-health-workbench-trend-dialog__block-title">最新阶段</div>
+                    <div>{{ summary.latest_stage || "-" }}</div>
+                    <div>{{ summary.latest_health_label || "-" }}</div>
+                </div>
+                <div class="import-health-workbench-trend-dialog__block">
+                    <div class="import-health-workbench-trend-dialog__block-title">上一笔阶段</div>
+                    <div>{{ summary.previous_stage || "-" }}</div>
+                    <div>{{ summary.previous_health_label || "-" }}</div>
+                </div>
+            </div>
+            <div class="import-health-workbench-trend-dialog__panel">
+                <div class="import-health-workbench-trend-dialog__panel-title">阶段分布</div>
+                <div
+                    v-for="item in summary.stage_buckets || []"
+                    :key="item.stage"
+                    class="import-health-workbench-trend-dialog__panel-row"
+                >
+                    <span>{{ item.stage || "-" }}</span>
+                    <span>{{ item.count || 0 }}</span>
+                </div>
+            </div>
+        </div>
+    </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+import { ElMessage } from "element-plus";
+import { SiteList } from "@/api/interface/site/list";
+import { getDomainImportHealthWorkbenchTrend } from "@/api/modules/site/list";
+
+const visible = ref(false);
+const loading = ref(false);
+const summary = ref<SiteList.DomainImportHealthWorkbenchTrendData>({});
+
+const trendText = () => {
+    const label = summary.value.label || "flat";
+    if (label === "improving") return "健康台趋势改善中";
+    if (label === "worsening") return "健康台趋势上升";
+    return "健康台趋势持平";
+};
+
+const loadSummary = async () => {
+    loading.value = true;
+    try {
+        const res = await getDomainImportHealthWorkbenchTrend({ limit: 10 });
+        summary.value = res.data ?? {};
+    } catch (_error) {
+        ElMessage.error("读取导入健康台趋势失败");
+    } finally {
+        loading.value = false;
+    }
+};
+
+const open = async () => {
+    visible.value = true;
+    await loadSummary();
+};
+
+defineExpose({
+    open
+});
+</script>
+
+<style scoped lang="scss">
+.import-health-workbench-trend-dialog__toolbar {
+    margin-bottom: 12px;
+}
+
+.import-health-workbench-trend-dialog__summary {
+    display: flex;
+    gap: 16px;
+    margin-bottom: 12px;
+    color: #606266;
+    font-size: 13px;
+}
+
+.import-health-workbench-trend-dialog__blocks {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 12px;
+    margin-bottom: 12px;
+}
+
+.import-health-workbench-trend-dialog__block,
+.import-health-workbench-trend-dialog__panel {
+    border: 1px solid #ebeef5;
+    border-radius: 12px;
+    padding: 12px;
+    background: #fff;
+}
+
+.import-health-workbench-trend-dialog__block-title,
+.import-health-workbench-trend-dialog__panel-title {
+    font-size: 13px;
+    color: #909399;
+    margin-bottom: 8px;
+}
+
+.import-health-workbench-trend-dialog__panel-row {
+    display: flex;
+    justify-content: space-between;
+    gap: 12px;
+    padding: 6px 0;
+    font-size: 13px;
+    color: #606266;
+    border-top: 1px dashed #f0f2f5;
+}
+
+.import-health-workbench-trend-dialog__panel-row:first-of-type {
+    border-top: 0;
+}
+</style>
diff --git a/src/views/site/domainImportManualAttentionDialog.vue b/src/views/site/domainImportManualAttentionDialog.vue
new file mode 100644
index 0000000..7e4b6a6
--- /dev/null
+++ b/src/views/site/domainImportManualAttentionDialog.vue
@@ -0,0 +1,120 @@
+<template>
+    <el-dialog v-model="visible" title="导入人工关注队列" width="980px" draggable>
+        <div class="import-manual-attention-dialog">
+            <div class="import-manual-attention-dialog__toolbar">
+                <el-button type="primary" plain @click="loadSummary">刷新</el-button>
+                <el-button type="info" plain @click="openHandleRuns">最近人工处理记录</el-button>
+            </div>
+            <div class="import-manual-attention-dialog__summary">
+                <span>人工关注：{{ summary.queue_count || 0 }}</span>
+                <span>高优先：{{ summary.attention_buckets?.high || 0 }}</span>
+                <span>中优先：{{ summary.attention_buckets?.medium || 0 }}</span>
+                <span>低优先：{{ summary.attention_buckets?.low || 0 }}</span>
+            </div>
+            <div class="import-manual-attention-dialog__summary">
+                <span>最新自动修复：{{ summary.self_healing_latest_run?.run_id || "-" }}</span>
+                <span>最新状态：{{ summary.self_healing_latest_run?.status || "-" }}</span>
+                <span>最新降级：{{ summary.self_healing_latest_run?.downgraded_count || 0 }}</span>
+            </div>
+            <el-table v-loading="loading" :data="rows" border>
+                <el-table-column prop="host" label="Host" min-width="180" />
+                <el-table-column prop="attention_level" label="优先级" width="90" />
+                <el-table-column prop="attention_source" label="来源" width="120" />
+                <el-table-column prop="failed_stage" label="失败阶段" width="120" />
+                <el-table-column prop="latest_rerun_status" label="最近重跑" width="100" />
+                <el-table-column prop="latest_remediation_status" label="最近补料" width="100" />
+                <el-table-column prop="handled_status" label="人工处理" width="100" />
+                <el-table-column prop="attention_reason" label="原因" min-width="280" />
+                <el-table-column prop="updated_at" label="更新时间" min-width="180" />
+                <el-table-column label="操作" width="360" fixed="right">
+                    <template #default="{ row }">
+                        <el-button link type="success" @click="runHandle(row, 'resolved')">处理并复核</el-button>
+                        <el-button link type="warning" @click="runHandle(row, 'defer')">暂缓</el-button>
+                        <el-button link type="danger" @click="runHandle(row, 'ignored')">忽略</el-button>
+                        <el-button v-if="row.summary_html_path" link type="primary" @click="openPublicPath(row.summary_html_path)">HTML摘要</el-button>
+                        <el-button v-if="row.summary_json_path" link type="info" @click="openPublicPath(row.summary_json_path)">JSON摘要</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+        </div>
+    </el-dialog>
+    <DomainImportManualAttentionHandleDialog ref="handleDialogRef" />
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+import { ElMessage, ElMessageBox } from "element-plus";
+import { SiteList } from "@/api/interface/site/list";
+import { getDomainImportManualAttentionQueue, runDomainImportManualAttentionHandle } from "@/api/modules/site/list";
+import DomainImportManualAttentionHandleDialog from "./domainImportManualAttentionHandleDialog.vue";
+
+const BASE_URL = import.meta.env.VITE_API_URL as string;
+const visible = ref(false);
+const loading = ref(false);
+const rows = ref<SiteList.DomainImportManualAttentionQueueItem[]>([]);
+const summary = ref<SiteList.DomainImportManualAttentionQueueData>({});
+const handleDialogRef = ref();
+
+const openPublicPath = (path?: string) => {
+    if (!path) return;
+    window.open(`${BASE_URL}/${String(path).replace(/^\/+/, "")}`, "_blank", "noopener");
+};
+
+const openHandleRuns = () => {
+    handleDialogRef.value?.open();
+};
+
+const runHandle = async (row: SiteList.DomainImportManualAttentionQueueItem, action: "resolved" | "defer" | "ignored") => {
+    const host = row.host || "";
+    if (!host) {
+        return;
+    }
+    const actionLabel = action === "resolved" ? "处理并复核" : action === "defer" ? "暂缓" : "忽略";
+    await ElMessageBox.confirm(`是否对 ${host} 执行“${actionLabel}”？`, "人工处理确认", {
+        type: action === "ignored" ? "warning" : "info"
+    });
+    try {
+        const res = await runDomainImportManualAttentionHandle({ host, action });
+        const item = res.data.summary?.items?.[0] ?? {};
+        ElMessage.success(`${host} 已处理：${item.status || actionLabel}`);
+        await loadSummary();
+        openHandleRuns();
+    } catch (_error) {
+        ElMessage.error(`执行${actionLabel}失败`);
+    }
+};
+
+const loadSummary = async () => {
+    loading.value = true;
+    try {
+        const res = await getDomainImportManualAttentionQueue({ limit: 20 });
+        summary.value = res.data ?? {};
+        rows.value = summary.value.items ?? [];
+    } catch (_error) {
+        ElMessage.error("读取导入人工关注队列失败");
+    } finally {
+        loading.value = false;
+    }
+};
+
+const open = async () => {
+    visible.value = true;
+    await loadSummary();
+};
+
+defineExpose({ open });
+</script>
+
+<style scoped lang="scss">
+.import-manual-attention-dialog__toolbar {
+    margin-bottom: 12px;
+}
+
+.import-manual-attention-dialog__summary {
+    display: flex;
+    gap: 16px;
+    margin-bottom: 12px;
+    color: #606266;
+    font-size: 13px;
+}
+</style>
diff --git a/src/views/site/domainImportManualAttentionHandleDialog.vue b/src/views/site/domainImportManualAttentionHandleDialog.vue
new file mode 100644
index 0000000..4aa97c3
--- /dev/null
+++ b/src/views/site/domainImportManualAttentionHandleDialog.vue
@@ -0,0 +1,81 @@
+<template>
+    <el-dialog v-model="visible" title="最近人工处理记录" width="900px" draggable>
+        <div class="import-manual-attention-handle-dialog">
+            <div class="import-manual-attention-handle-dialog__toolbar">
+                <el-button type="primary" plain @click="loadSummary">刷新</el-button>
+            </div>
+            <div class="import-manual-attention-handle-dialog__summary">
+                <span>处理记录：{{ summary.total || 0 }}</span>
+                <span>最新 Host：{{ summary.latest_run?.host || "-" }}</span>
+                <span>最新动作：{{ summary.latest_run?.action || "-" }}</span>
+                <span>最新状态：{{ summary.latest_run?.status || "-" }}</span>
+            </div>
+            <el-table v-loading="loading" :data="rows" border>
+                <el-table-column prop="run_id" label="Run ID" min-width="180" />
+                <el-table-column prop="host" label="Host" min-width="160" />
+                <el-table-column prop="action" label="动作" width="100" />
+                <el-table-column prop="status" label="状态" width="100" />
+                <el-table-column prop="reprobe_status" label="复核" width="120" />
+                <el-table-column prop="updated_at" label="更新时间" min-width="180" />
+                <el-table-column label="操作" width="220" fixed="right">
+                    <template #default="{ row }">
+                        <el-button v-if="row.summary_html_path" link type="primary" @click="openPublicPath(row.summary_html_path)">HTML摘要</el-button>
+                        <el-button v-if="row.summary_json_path" link type="info" @click="openPublicPath(row.summary_json_path)">JSON摘要</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+        </div>
+    </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+import { ElMessage } from "element-plus";
+import { SiteList } from "@/api/interface/site/list";
+import { getDomainImportManualAttentionHandleSummary } from "@/api/modules/site/list";
+
+const BASE_URL = import.meta.env.VITE_API_URL as string;
+const visible = ref(false);
+const loading = ref(false);
+const rows = ref<SiteList.DomainImportManualAttentionHandleSummaryItem[]>([]);
+const summary = ref<SiteList.DomainImportManualAttentionHandleSummaryData>({});
+
+const openPublicPath = (path?: string) => {
+    if (!path) return;
+    window.open(`${BASE_URL}/${String(path).replace(/^\/+/, "")}`, "_blank", "noopener");
+};
+
+const loadSummary = async () => {
+    loading.value = true;
+    try {
+        const res = await getDomainImportManualAttentionHandleSummary({ limit: 20 });
+        summary.value = res.data ?? {};
+        rows.value = summary.value.items ?? [];
+    } catch (_error) {
+        ElMessage.error("读取人工处理记录失败");
+    } finally {
+        loading.value = false;
+    }
+};
+
+const open = async () => {
+    visible.value = true;
+    await loadSummary();
+};
+
+defineExpose({ open });
+</script>
+
+<style scoped lang="scss">
+.import-manual-attention-handle-dialog__toolbar {
+    margin-bottom: 12px;
+}
+
+.import-manual-attention-handle-dialog__summary {
+    display: flex;
+    gap: 16px;
+    margin-bottom: 12px;
+    color: #606266;
+    font-size: 13px;
+}
+</style>
diff --git a/src/views/site/domainImportRemediationDialog.vue b/src/views/site/domainImportRemediationDialog.vue
new file mode 100644
index 0000000..a37a3c1
--- /dev/null
+++ b/src/views/site/domainImportRemediationDialog.vue
@@ -0,0 +1,73 @@
+<template>
+    <el-dialog v-model="visible" title="最近补料记录" width="980px" draggable>
+        <div class="import-remediation-dialog">
+            <div class="import-remediation-dialog__toolbar">
+                <el-button type="primary" plain @click="loadRuns">刷新</el-button>
+            </div>
+            <el-table v-loading="loading" :data="rows" border>
+                <el-table-column prop="run_id" label="Run ID" min-width="180" />
+                <el-table-column prop="processed_count" label="补料" width="90" />
+                <el-table-column prop="recovered_count" label="恢复" width="90" />
+                <el-table-column prop="failed_count" label="失败" width="90" />
+                <el-table-column label="Host" min-width="260">
+                    <template #default="{ row }">
+                        <span>{{ (row.hosts || []).slice(0, 4).join(", ") || "-" }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column prop="updated_at" label="更新时间" min-width="180" />
+                <el-table-column label="操作" width="220" fixed="right">
+                    <template #default="{ row }">
+                        <el-button v-if="row.summary_html_path" link type="primary" @click="openPublicPath(row.summary_html_path)">HTML摘要</el-button>
+                        <el-button v-if="row.summary_json_path" link type="info" @click="openPublicPath(row.summary_json_path)">JSON摘要</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+        </div>
+    </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+import { ElMessage } from "element-plus";
+import { SiteList } from "@/api/interface/site/list";
+import { getDomainImportRemediationSummary } from "@/api/modules/site/list";
+
+const BASE_URL = import.meta.env.VITE_API_URL as string;
+const visible = ref(false);
+const loading = ref(false);
+const rows = ref<SiteList.DomainImportRemediationSummaryItem[]>([]);
+
+const openPublicPath = (path?: string) => {
+    if (!path) {
+        return;
+    }
+    window.open(`${BASE_URL}/${String(path).replace(/^\/+/, "")}`, "_blank", "noopener");
+};
+
+const loadRuns = async () => {
+    loading.value = true;
+    try {
+        const res = await getDomainImportRemediationSummary({ limit: 20 });
+        rows.value = res.data.items ?? [];
+    } catch (_error) {
+        ElMessage.error("读取补料记录失败");
+    } finally {
+        loading.value = false;
+    }
+};
+
+const open = async () => {
+    visible.value = true;
+    await loadRuns();
+};
+
+defineExpose({
+    open
+});
+</script>
+
+<style scoped lang="scss">
+.import-remediation-dialog__toolbar {
+    margin-bottom: 12px;
+}
+</style>
diff --git a/src/views/site/domainImportRerunDialog.vue b/src/views/site/domainImportRerunDialog.vue
new file mode 100644
index 0000000..f5676e8
--- /dev/null
+++ b/src/views/site/domainImportRerunDialog.vue
@@ -0,0 +1,73 @@
+<template>
+    <el-dialog v-model="visible" title="最近重跑记录" width="980px" draggable>
+        <div class="import-rerun-dialog">
+            <div class="import-rerun-dialog__toolbar">
+                <el-button type="primary" plain @click="loadRuns">刷新</el-button>
+            </div>
+            <el-table v-loading="loading" :data="rows" border>
+                <el-table-column prop="run_id" label="Run ID" min-width="180" />
+                <el-table-column prop="processed_count" label="重跑" width="90" />
+                <el-table-column prop="passed_count" label="通过" width="90" />
+                <el-table-column prop="failed_count" label="失败" width="90" />
+                <el-table-column label="Host" min-width="260">
+                    <template #default="{ row }">
+                        <span>{{ (row.hosts || []).slice(0, 4).join(", ") || "-" }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column prop="updated_at" label="更新时间" min-width="180" />
+                <el-table-column label="操作" width="220" fixed="right">
+                    <template #default="{ row }">
+                        <el-button v-if="row.summary_html_path" link type="primary" @click="openPublicPath(row.summary_html_path)">HTML摘要</el-button>
+                        <el-button v-if="row.summary_json_path" link type="info" @click="openPublicPath(row.summary_json_path)">JSON摘要</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+        </div>
+    </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+import { ElMessage } from "element-plus";
+import { SiteList } from "@/api/interface/site/list";
+import { getDomainImportRerunSummary } from "@/api/modules/site/list";
+
+const BASE_URL = import.meta.env.VITE_API_URL as string;
+const visible = ref(false);
+const loading = ref(false);
+const rows = ref<SiteList.DomainImportRerunSummaryItem[]>([]);
+
+const openPublicPath = (path?: string) => {
+    if (!path) {
+        return;
+    }
+    window.open(`${BASE_URL}/${String(path).replace(/^\/+/, "")}`, "_blank", "noopener");
+};
+
+const loadRuns = async () => {
+    loading.value = true;
+    try {
+        const res = await getDomainImportRerunSummary({ limit: 20 });
+        rows.value = res.data.items ?? [];
+    } catch (_error) {
+        ElMessage.error("读取重跑记录失败");
+    } finally {
+        loading.value = false;
+    }
+};
+
+const open = async () => {
+    visible.value = true;
+    await loadRuns();
+};
+
+defineExpose({
+    open
+});
+</script>
+
+<style scoped lang="scss">
+.import-rerun-dialog__toolbar {
+    margin-bottom: 12px;
+}
+</style>
diff --git a/src/views/site/domainImportRunDialog.vue b/src/views/site/domainImportRunDialog.vue
new file mode 100644
index 0000000..db163e2
--- /dev/null
+++ b/src/views/site/domainImportRunDialog.vue
@@ -0,0 +1,76 @@
+<template>
+    <el-dialog v-model="visible" title="最近导入记录" width="980px" draggable>
+        <div class="import-run-dialog">
+            <div class="import-run-dialog__toolbar">
+                <el-button type="primary" plain @click="loadRuns">刷新</el-button>
+            </div>
+            <el-table v-loading="loading" :data="rows" border>
+                <el-table-column prop="run_id" label="Run ID" min-width="180" />
+                <el-table-column prop="status" label="导入状态" width="100" />
+                <el-table-column prop="probe_status" label="探测状态" width="100" />
+                <el-table-column prop="processed_count" label="探测" width="90" />
+                <el-table-column prop="passed_count" label="通过" width="90" />
+                <el-table-column prop="failed_count" label="失败" width="90" />
+                <el-table-column label="失败域名" min-width="220">
+                    <template #default="{ row }">
+                        <span>{{ (row.failed_hosts || []).slice(0, 3).join(", ") || "-" }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column prop="updated_at" label="更新时间" min-width="180" />
+                <el-table-column label="操作" width="240" fixed="right">
+                    <template #default="{ row }">
+                        <el-button v-if="row.summary_html_path" link type="primary" @click="openPublicPath(row.summary_html_path)">HTML摘要</el-button>
+                        <el-button v-if="row.summary_json_path" link type="info" @click="openPublicPath(row.summary_json_path)">JSON摘要</el-button>
+                        <el-button v-if="row.uploaded_excel_path" link type="success" @click="openPublicPath(row.uploaded_excel_path)">原始Excel</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+        </div>
+    </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+import { ElMessage } from "element-plus";
+import { SiteList } from "@/api/interface/site/list";
+import { getDomainImportRunSummary } from "@/api/modules/site/list";
+
+const BASE_URL = import.meta.env.VITE_API_URL as string;
+const visible = ref(false);
+const loading = ref(false);
+const rows = ref<SiteList.DomainImportRunSummaryItem[]>([]);
+
+const openPublicPath = (path?: string) => {
+    if (!path) {
+        return;
+    }
+    window.open(`${BASE_URL}/${String(path).replace(/^\/+/, "")}`, "_blank", "noopener");
+};
+
+const loadRuns = async () => {
+    loading.value = true;
+    try {
+        const res = await getDomainImportRunSummary({ limit: 20 });
+        rows.value = res.data.items ?? [];
+    } catch (_error) {
+        ElMessage.error("读取导入记录失败");
+    } finally {
+        loading.value = false;
+    }
+};
+
+const open = async () => {
+    visible.value = true;
+    await loadRuns();
+};
+
+defineExpose({
+    open
+});
+</script>
+
+<style scoped lang="scss">
+.import-run-dialog__toolbar {
+    margin-bottom: 12px;
+}
+</style>
diff --git a/src/views/site/domainImportSelfHealingDialog.vue b/src/views/site/domainImportSelfHealingDialog.vue
new file mode 100644
index 0000000..6743b47
--- /dev/null
+++ b/src/views/site/domainImportSelfHealingDialog.vue
@@ -0,0 +1,92 @@
+<template>
+    <el-dialog v-model="visible" title="最近自动修复记录" width="980px" draggable>
+        <div class="import-self-healing-dialog">
+            <div class="import-self-healing-dialog__toolbar">
+                <el-button type="primary" plain @click="loadRuns">刷新</el-button>
+            </div>
+            <div class="import-self-healing-dialog__summary">
+                <span>自动修复记录：{{ summary.total || 0 }}</span>
+                <span>最新状态：{{ summary.latest_run?.status || "-" }}</span>
+                <span>最新队列：{{ summary.latest_run?.queue_count || 0 }}</span>
+                <span>最新选中：{{ summary.latest_run?.selected_count || 0 }}</span>
+                <span>最新跳过：{{ summary.latest_run?.skipped_count || 0 }}</span>
+                <span>最新降级：{{ summary.latest_run?.downgraded_count || 0 }}</span>
+                <span>最新补料恢复：{{ summary.latest_run?.resolved_by_remediation_count || 0 }}</span>
+            </div>
+            <el-table v-loading="loading" :data="rows" border>
+                <el-table-column prop="run_id" label="Run ID" min-width="180" />
+                <el-table-column prop="status" label="状态" width="100" />
+                <el-table-column prop="queue_count" label="队列" width="80" />
+                <el-table-column prop="selected_count" label="选中" width="80" />
+                <el-table-column prop="skipped_count" label="跳过" width="80" />
+                <el-table-column prop="downgraded_count" label="降级" width="80" />
+                <el-table-column prop="rerun_runs_count" label="重跑数" width="90" />
+                <el-table-column prop="remediation_runs_count" label="补料数" width="90" />
+                <el-table-column prop="resolved_by_remediation_count" label="补料恢复" width="100" />
+                <el-table-column prop="updated_at" label="更新时间" min-width="180" />
+                <el-table-column label="操作" width="220" fixed="right">
+                    <template #default="{ row }">
+                        <el-button v-if="row.summary_html_path" link type="primary" @click="openPublicPath(row.summary_html_path)">HTML摘要</el-button>
+                        <el-button v-if="row.summary_json_path" link type="info" @click="openPublicPath(row.summary_json_path)">JSON摘要</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+        </div>
+    </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+import { ElMessage } from "element-plus";
+import { SiteList } from "@/api/interface/site/list";
+import { getDomainImportSelfHealingSummary } from "@/api/modules/site/list";
+
+const BASE_URL = import.meta.env.VITE_API_URL as string;
+const visible = ref(false);
+const loading = ref(false);
+const rows = ref<SiteList.DomainImportSelfHealingSummaryItem[]>([]);
+const summary = ref<SiteList.DomainImportSelfHealingSummaryData>({});
+
+const openPublicPath = (path?: string) => {
+    if (!path) {
+        return;
+    }
+    window.open(`${BASE_URL}/${String(path).replace(/^\/+/, "")}`, "_blank", "noopener");
+};
+
+const loadRuns = async () => {
+    loading.value = true;
+    try {
+        const res = await getDomainImportSelfHealingSummary({ limit: 20 });
+        summary.value = res.data ?? {};
+        rows.value = summary.value.items ?? [];
+    } catch (_error) {
+        ElMessage.error("读取自动修复记录失败");
+    } finally {
+        loading.value = false;
+    }
+};
+
+const open = async () => {
+    visible.value = true;
+    await loadRuns();
+};
+
+defineExpose({
+    open
+});
+</script>
+
+<style scoped lang="scss">
+.import-self-healing-dialog__toolbar {
+    margin-bottom: 12px;
+}
+
+.import-self-healing-dialog__summary {
+    display: flex;
+    gap: 16px;
+    margin-bottom: 12px;
+    color: #606266;
+    font-size: 13px;
+}
+</style>
diff --git a/src/views/site/domainImportTaskConsoleDialog.vue b/src/views/site/domainImportTaskConsoleDialog.vue
new file mode 100644
index 0000000..f1f3423
--- /dev/null
+++ b/src/views/site/domainImportTaskConsoleDialog.vue
@@ -0,0 +1,209 @@
+<template>
+    <el-dialog v-model="visible" :title="dialogTitle" width="980px" draggable>
+        <div class="task-console">
+            <div class="task-console__meta">
+                <span>状态：{{ statusLabel(job.status) }}</span>
+                <span>进度：{{ job.progress_percent || 0 }}%</span>
+                <span>阶段：{{ stepLabel(job.current_step) }}</span>
+                <span>任务号：{{ job.job_id || "-" }}</span>
+            </div>
+            <div class="task-console__meta">
+                <span>当前：{{ job.progress_current || 0 }}</span>
+                <span>总数：{{ job.progress_total || 0 }}</span>
+                <span>开始：{{ formatDateTime(job.started_at) }}</span>
+                <span>结束：{{ formatDateTime(job.finished_at) }}</span>
+            </div>
+            <el-progress :percentage="job.progress_percent || 0" :status="progressStatus()" />
+            <div class="task-console__message">{{ job.message || "等待任务状态..." }}</div>
+            <div ref="screenRef" class="task-console__screen">
+                <div v-for="(line, index) in job.log_tail || []" :key="`${index}-${line}`" class="task-console__line">
+                    {{ line }}
+                </div>
+                <div v-if="!(job.log_tail || []).length" class="task-console__line task-console__line--muted">等待日志输出...</div>
+            </div>
+        </div>
+    </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { nextTick, onBeforeUnmount, ref, watch } from "vue";
+import { ElMessage } from "element-plus";
+import { SiteList } from "@/api/interface/site/list";
+import { getDomainImportAsyncJobStatus } from "@/api/modules/site/list";
+
+const visible = ref(false);
+const dialogTitle = ref("任务执行窗口");
+const job = ref<SiteList.DomainImportAsyncJobStatusData>({});
+const activeJobId = ref("");
+const screenRef = ref<HTMLElement | null>(null);
+let onFinished: ((job: SiteList.DomainImportAsyncJobStatusData) => void) | null = null;
+let finishedNotified = false;
+let timer: number | null = null;
+
+const statusLabel = (status?: string) => {
+    const map: Record<string, string> = {
+        queued: "已排队",
+        running: "执行中",
+        success: "成功",
+        failed: "失败"
+    };
+    return status ? map[status] || status : "-";
+};
+
+const stepLabel = (step?: string) => {
+    const map: Record<string, string> = {
+        queued: "已排队",
+        starting: "开始执行",
+        prepare: "准备中",
+        sample_discovery: "样本发现",
+        probing: "页面探测",
+        probe_failed: "探测失败",
+        running: "执行中",
+        health_workbench: "健康台落盘",
+        completed: "已完成",
+        failed: "失败"
+    };
+    return step ? map[step] || step : "-";
+};
+
+const formatDateTime = (value?: string) => {
+    if (!value) {
+        return "-";
+    }
+    const date = new Date(value);
+    if (Number.isNaN(date.getTime())) {
+        return value;
+    }
+    const year = date.getFullYear();
+    const month = `${date.getMonth() + 1}`.padStart(2, "0");
+    const day = `${date.getDate()}`.padStart(2, "0");
+    const hour = `${date.getHours()}`.padStart(2, "0");
+    const minute = `${date.getMinutes()}`.padStart(2, "0");
+    const second = `${date.getSeconds()}`.padStart(2, "0");
+    return `${year}-${month}-${day} ${hour}:${minute}:${second}`;
+};
+
+const progressStatus = () => {
+    if (job.value.status === "failed") return "exception";
+    if (job.value.status === "success") return "success";
+    return undefined;
+};
+
+const stopPolling = () => {
+    if (timer) {
+        window.clearInterval(timer);
+        timer = null;
+    }
+};
+
+const scrollScreenToBottom = async () => {
+    await nextTick();
+    const screenEl = screenRef.value;
+    if (!screenEl) {
+        return;
+    }
+    screenEl.scrollTop = screenEl.scrollHeight;
+};
+
+const loadStatus = async (silent = false) => {
+    if (!activeJobId.value) {
+        return;
+    }
+    try {
+        const res = await getDomainImportAsyncJobStatus({ job_id: activeJobId.value, lines: 200 });
+        job.value = res.data ?? {};
+        if (job.value.status === "success" || job.value.status === "failed") {
+            stopPolling();
+            if (!finishedNotified && onFinished) {
+                finishedNotified = true;
+                onFinished(job.value);
+            }
+        }
+    } catch (_error) {
+        stopPolling();
+        if (!silent) {
+            ElMessage.error("读取任务状态失败");
+        }
+    }
+};
+
+const startPolling = () => {
+    stopPolling();
+    timer = window.setInterval(() => {
+        loadStatus(true);
+    }, 3000);
+};
+
+const open = async (title: string, jobId: string, callback?: (job: SiteList.DomainImportAsyncJobStatusData) => void) => {
+    dialogTitle.value = title;
+    activeJobId.value = jobId;
+    job.value = {};
+    onFinished = callback ?? null;
+    finishedNotified = false;
+    visible.value = true;
+    await loadStatus();
+    startPolling();
+    scrollScreenToBottom();
+};
+
+watch(
+    () => [visible.value, (job.value.log_tail || []).length, job.value.message, job.value.status],
+    ([isVisible]) => {
+        if (!isVisible) {
+            return;
+        }
+        scrollScreenToBottom();
+    }
+);
+
+onBeforeUnmount(() => {
+    stopPolling();
+});
+
+defineExpose({
+    open
+});
+</script>
+
+<style scoped lang="scss">
+.task-console {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+}
+
+.task-console__meta {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 16px;
+    font-size: 13px;
+    color: #606266;
+}
+
+.task-console__message {
+    font-size: 13px;
+    color: #303133;
+}
+
+.task-console__screen {
+    min-height: 360px;
+    max-height: 480px;
+    overflow: auto;
+    padding: 12px;
+    border-radius: 8px;
+    background: #0f172a;
+    color: #d1fae5;
+    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
+    font-size: 12px;
+    line-height: 1.6;
+}
+
+.task-console__line {
+    white-space: pre-wrap;
+    word-break: break-word;
+}
+
+.task-console__line--muted {
+    color: #94a3b8;
+}
+</style>
diff --git a/src/views/site/domainSeoCopyWorkbenchDialog.vue b/src/views/site/domainSeoCopyWorkbenchDialog.vue
new file mode 100644
index 0000000..f27ad04
--- /dev/null
+++ b/src/views/site/domainSeoCopyWorkbenchDialog.vue
@@ -0,0 +1,689 @@
+<template>
+    <el-dialog v-model="visible" title="AI文案工作台" width="1080px" draggable>
+        <div class="seo-copy-workbench">
+            <div class="seo-copy-workbench__toolbar">
+                <el-button type="primary" plain @click="loadData">刷新</el-button>
+                <el-input
+                    v-model="hostFilter"
+                    clearable
+                    placeholder="筛选域名，可留空看全部"
+                    style="width: 260px"
+                    @keyup.enter="loadHistory"
+                />
+                <el-button type="info" plain @click="loadHistory">筛选历史</el-button>
+            </div>
+
+            <el-alert
+                :title="providerAlertTitle"
+                :description="providerAlertDescription"
+                :type="providerSummary.configured ? 'success' : 'warning'"
+                show-icon
+                :closable="false"
+            />
+
+            <el-alert
+                v-if="providerSummary.config_note"
+                :title="providerSummary.protocol ? `当前协议：${providerSummary.protocol}` : '当前协议说明'"
+                :description="providerSummary.config_note"
+                type="info"
+                show-icon
+                :closable="false"
+            />
+
+            <div class="seo-copy-workbench__grid">
+                <div class="seo-copy-workbench__card">
+                    <div class="seo-copy-workbench__card-title">当前 Provider</div>
+                    <div class="seo-copy-workbench__card-value">{{ providerSummary.provider_label || "-" }}</div>
+                    <div class="seo-copy-workbench__card-meta">
+                        model {{ providerSummary.model || "-" }} / fallback {{ providerSummary.fallback_provider || "-" }}
+                    </div>
+                </div>
+                <div class="seo-copy-workbench__card">
+                    <div class="seo-copy-workbench__card-title">域名总数</div>
+                    <div class="seo-copy-workbench__card-value">{{ providerSummary.domain_counts?.total || 0 }}</div>
+                    <div class="seo-copy-workbench__card-meta">当前已纳入文案状态追踪的站点数</div>
+                </div>
+                <div class="seo-copy-workbench__card">
+                    <div class="seo-copy-workbench__card-title">等待 AI</div>
+                    <div class="seo-copy-workbench__card-value">{{ providerSummary.domain_counts?.ai_pending || 0 }}</div>
+                    <div class="seo-copy-workbench__card-meta">已提交任务，等待生成或重优化完成</div>
+                </div>
+                <div class="seo-copy-workbench__card">
+                    <div class="seo-copy-workbench__card-title">AI 已就绪</div>
+                    <div class="seo-copy-workbench__card-value">{{ providerSummary.domain_counts?.ai_ready || 0 }}</div>
+                    <div class="seo-copy-workbench__card-meta">已发布 AI 文案，可直接作为前台优先稿</div>
+                </div>
+                <div class="seo-copy-workbench__card">
+                    <div class="seo-copy-workbench__card-title">Node 热词反哺域名</div>
+                    <div class="seo-copy-workbench__card-value">{{ providerSummary.resource_pool_summary?.reflected_host_count || 0 }}</div>
+                    <div class="seo-copy-workbench__card-meta">已写入 keyword_feedback/by_host 的域名数</div>
+                </div>
+                <div class="seo-copy-workbench__card">
+                    <div class="seo-copy-workbench__card-title">建议 AI 介入</div>
+                    <div class="seo-copy-workbench__card-value">{{ providerSummary.ai_trigger_summary?.recommend_count || 0 }}</div>
+                    <div class="seo-copy-workbench__card-meta">基于本地评分规则，值得优先做 AI 重优化的域名数</div>
+                </div>
+                <div class="seo-copy-workbench__card">
+                    <div class="seo-copy-workbench__card-title">最近 AI 动作</div>
+                    <div class="seo-copy-workbench__card-value">{{ latestHistoryAction }}</div>
+                    <div class="seo-copy-workbench__card-meta">{{ latestHistoryMeta }}</div>
+                </div>
+                <div class="seo-copy-workbench__card">
+                    <div class="seo-copy-workbench__card-title">OpenAI 占比</div>
+                    <div class="seo-copy-workbench__card-value">{{ recentOpenAiCount }}/{{ recentHistoryCount }}</div>
+                    <div class="seo-copy-workbench__card-meta">最近历史里真实走 OpenAI 的记录数</div>
+                </div>
+            </div>
+
+            <el-descriptions :column="2" border size="small" class="seo-copy-workbench__desc">
+                <el-descriptions-item label="Base URL">{{ providerSummary.base_url || "-" }}</el-descriptions-item>
+                <el-descriptions-item label="API Key">{{ providerSummary.api_key_configured ? "已配置" : "未配置" }}</el-descriptions-item>
+                <el-descriptions-item label="缺失项">
+                    {{ Array.isArray(providerSummary.missing_fields) && providerSummary.missing_fields.length ? providerSummary.missing_fields.join("、") : "无" }}
+                </el-descriptions-item>
+                <el-descriptions-item label="兼容模式">
+                    {{ providerSummary.openai_compatible ? "OpenAI 协议兼容" : "本地规则" }}
+                </el-descriptions-item>
+                <el-descriptions-item label="已发布文案目录">{{ providerSummary.published_root || "-" }}</el-descriptions-item>
+                <el-descriptions-item label="历史目录">{{ providerSummary.history_root || "-" }}</el-descriptions-item>
+            </el-descriptions>
+
+            <div class="seo-copy-workbench__history-head">
+                <div class="seo-copy-workbench__history-title">资源池与 Node 反哺状态</div>
+                <div class="seo-copy-workbench__history-note">这里看的是本地资源池是否已长好，以及 Node 回推后的热词是否已经反哺到本地。</div>
+            </div>
+
+            <el-descriptions :column="2" border size="small" class="seo-copy-workbench__desc">
+                <el-descriptions-item label="资源根目录">{{ providerSummary.resource_pool_summary?.resource_root || "-" }}</el-descriptions-item>
+                <el-descriptions-item label="站点定位词">
+                    {{ providerSummary.resource_pool_summary?.site_positioning_count || 0 }} 份
+                </el-descriptions-item>
+                <el-descriptions-item label="热词反馈文件">
+                    {{ providerSummary.resource_pool_summary?.keyword_feedback_host_count || 0 }} 份
+                </el-descriptions-item>
+                <el-descriptions-item label="全局热词数">
+                    {{ providerSummary.resource_pool_summary?.hot_keyword_count || 0 }}
+                </el-descriptions-item>
+                <el-descriptions-item label="最近反哺时间">
+                    {{ formatDateTime(providerSummary.resource_pool_summary?.hot_keyword_updated_at) }}
+                </el-descriptions-item>
+                <el-descriptions-item label="回看周期">
+                    {{ providerSummary.resource_pool_summary?.latest_days || 0 }} 天
+                </el-descriptions-item>
+                <el-descriptions-item label="疑似已收录域名">
+                    {{ providerSummary.resource_pool_summary?.indexed_like_host_count || 0 }}
+                </el-descriptions-item>
+                <el-descriptions-item label="已起词域名">
+                    {{ providerSummary.resource_pool_summary?.keyword_ready_host_count || 0 }}
+                </el-descriptions-item>
+                <el-descriptions-item label="流量就绪域名">
+                    {{ providerSummary.resource_pool_summary?.traffic_ready_host_count || 0 }}
+                </el-descriptions-item>
+                <el-descriptions-item label="反哺状态">
+                    {{ providerSummary.resource_pool_summary?.node_feedback_ready ? "已就绪" : "暂无快照反哺" }}
+                </el-descriptions-item>
+            </el-descriptions>
+
+            <div class="seo-copy-workbench__history-head">
+                <div class="seo-copy-workbench__history-title">建议优先 AI 介入</div>
+                <div class="seo-copy-workbench__history-note">分数越高，越值得优先把 AI 资源花在这个域名上，避免把成本浪费在还不该优化的站上。</div>
+            </div>
+
+            <el-table :data="providerSummary.ai_trigger_summary?.top_items || []" border size="small" max-height="280">
+                <el-table-column prop="host" label="域名" min-width="160" />
+                <el-table-column prop="score" label="分数" min-width="80" />
+                <el-table-column prop="status" label="当前状态" min-width="100">
+                    <template #default="scope">
+                        {{ generationStatusLabel(scope.row.status) }}
+                    </template>
+                </el-table-column>
+                <el-table-column prop="feedback_keyword_count" label="反哺词数" min-width="90" />
+                <el-table-column prop="priority_keyword_count" label="站点主词数" min-width="90" />
+                <el-table-column prop="reasons" label="建议原因" min-width="360" show-overflow-tooltip>
+                    <template #default="scope">
+                        {{ Array.isArray(scope.row.reasons) && scope.row.reasons.length ? scope.row.reasons.join("；") : "-" }}
+                    </template>
+                </el-table-column>
+            </el-table>
+
+            <div v-if="(providerSummary.resource_pool_summary?.top_keywords || []).length" class="seo-copy-workbench__history-head">
+                <div class="seo-copy-workbench__history-title">最近反哺热词 Top</div>
+                <div class="seo-copy-workbench__history-note">这些词已经能被本地规则和后续 AI 优化共同使用。</div>
+            </div>
+
+            <el-table v-if="(providerSummary.resource_pool_summary?.top_keywords || []).length" :data="providerSummary.resource_pool_summary?.top_keywords || []" border size="small" max-height="260">
+                <el-table-column prop="keyword" label="热词" min-width="200" />
+                <el-table-column prop="host" label="域名" min-width="160" />
+                <el-table-column prop="source" label="来源" min-width="120" />
+                <el-table-column prop="weight" label="权重" min-width="90">
+                    <template #default="scope">
+                        {{ Number(scope.row.weight || 0).toFixed(2) }}
+                    </template>
+                </el-table-column>
+            </el-table>
+
+            <div class="seo-copy-workbench__history-head">
+                <div class="seo-copy-workbench__history-title">配置键提示</div>
+                <div class="seo-copy-workbench__history-note">优先读 `SEO_COPY_AI_*`，同时兼容 `OPENAI_*` 作为回退键。</div>
+            </div>
+
+            <el-table :data="envKeyRows" border size="small">
+                <el-table-column prop="label" label="配置项" min-width="140" />
+                <el-table-column prop="keys" label="支持的环境变量" min-width="420" show-overflow-tooltip />
+            </el-table>
+
+            <div class="seo-copy-workbench__history-head">
+                <div class="seo-copy-workbench__history-title">最近 AI 优化历史</div>
+                <div class="seo-copy-workbench__history-note">会显示生成 / 重优化任务、实际 provider、是否真配好 API、以及这次发布了几类页面。</div>
+            </div>
+
+            <el-table :data="history.items || []" border height="420">
+                <el-table-column prop="recorded_at" label="时间" min-width="170">
+                    <template #default="scope">
+                        {{ formatDateTime(scope.row.recorded_at) }}
+                    </template>
+                </el-table-column>
+                <el-table-column prop="host" label="域名" min-width="160" />
+                <el-table-column prop="action" label="动作" min-width="120">
+                    <template #default="scope">
+                        {{ actionLabel(scope.row.action) }}
+                    </template>
+                </el-table-column>
+                <el-table-column prop="provider_effective" label="实际 Provider" min-width="120">
+                    <template #default="scope">
+                        <el-tag size="small" :type="scope.row.provider_effective === 'openai' ? 'success' : 'info'">
+                            {{ providerLabel(scope.row.provider_effective) }}
+                        </el-tag>
+                    </template>
+                </el-table-column>
+                <el-table-column prop="configured" label="配置状态" min-width="100">
+                    <template #default="scope">
+                        {{ scope.row.configured ? "已配置" : "回退本地" }}
+                    </template>
+                </el-table-column>
+                <el-table-column prop="published_pages" label="发布页数" min-width="90" />
+                <el-table-column prop="message" label="结果说明" min-width="280" show-overflow-tooltip />
+                <el-table-column label="操作" min-width="170" fixed="right">
+                    <template #default="scope">
+                        <el-button link type="primary" @click="openHistoryDetail(scope.row)">看 Diff</el-button>
+                        <el-button link type="success" @click="openPublishedPreview(scope.row.host)">看现稿</el-button>
+                        <el-button link type="warning" @click="rollbackHistory(scope.row)">回滚</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+
+            <el-dialog v-model="detailVisible" :title="detailTitle" width="980px" append-to-body>
+                <div v-if="detailMode === 'history'" class="seo-copy-detail">
+                    <el-empty v-if="!historyDetail?.item" description="暂无历史明细" />
+                    <template v-else>
+                        <el-descriptions :column="2" border size="small">
+                            <el-descriptions-item label="域名">{{ historyDetail.item.host || "-" }}</el-descriptions-item>
+                            <el-descriptions-item label="任务">{{ actionLabel(historyDetail.item.action) }}</el-descriptions-item>
+                            <el-descriptions-item label="时间">{{ formatDateTime(historyDetail.item.recorded_at) }}</el-descriptions-item>
+                            <el-descriptions-item label="Provider">{{ providerLabel(historyDetail.item.provider_effective) }}</el-descriptions-item>
+                            <el-descriptions-item label="发布页数">{{ historyDetail.item.published_pages || 0 }}</el-descriptions-item>
+                            <el-descriptions-item label="结果说明">{{ historyDetail.item.message || "-" }}</el-descriptions-item>
+                        </el-descriptions>
+
+                        <div class="seo-copy-detail__section-title">页面级 Diff</div>
+                        <div
+                            v-for="item in historyDetail.item.page_diffs || []"
+                            :key="`${item.scene}-${item.page_key}`"
+                            class="seo-copy-detail__block"
+                        >
+                            <div class="seo-copy-detail__block-head">
+                                <div>{{ sceneLabel(item.scene) }} / {{ item.page_key || "-" }}</div>
+                                <div class="seo-copy-detail__changed">变更字段：{{ (item.changed_fields || []).join("、") || "无" }}</div>
+                            </div>
+                            <div class="seo-copy-detail__compare">
+                                <div class="seo-copy-detail__pane">
+                                    <div class="seo-copy-detail__pane-title">优化前</div>
+                                    <div v-if="formatDiffPayload(item.before, item.changed_fields || []).length" class="seo-copy-detail__kv-list">
+                                        <div
+                                            v-for="row in formatDiffPayload(item.before, item.changed_fields || [])"
+                                            :key="`before-${item.scene}-${item.page_key}-${row.key}`"
+                                            class="seo-copy-detail__kv-item"
+                                            :class="row.changed ? 'seo-copy-detail__kv-item--changed' : ''"
+                                        >
+                                            <div class="seo-copy-detail__kv-key">{{ row.key }}</div>
+                                            <pre>{{ row.value }}</pre>
+                                        </div>
+                                    </div>
+                                    <pre v-else>{{ formatJson(item.before) }}</pre>
+                                </div>
+                                <div class="seo-copy-detail__pane">
+                                    <div class="seo-copy-detail__pane-title">优化后</div>
+                                    <div v-if="formatDiffPayload(item.after, item.changed_fields || []).length" class="seo-copy-detail__kv-list">
+                                        <div
+                                            v-for="row in formatDiffPayload(item.after, item.changed_fields || [])"
+                                            :key="`after-${item.scene}-${item.page_key}-${row.key}`"
+                                            class="seo-copy-detail__kv-item"
+                                            :class="row.changed ? 'seo-copy-detail__kv-item--changed' : ''"
+                                        >
+                                            <div class="seo-copy-detail__kv-key">{{ row.key }}</div>
+                                            <pre>{{ row.value }}</pre>
+                                        </div>
+                                    </div>
+                                    <pre v-else>{{ formatJson(item.after) }}</pre>
+                                </div>
+                            </div>
+                        </div>
+                    </template>
+                </div>
+
+                <div v-else class="seo-copy-detail">
+                    <el-empty v-if="!publishedPreview.items?.length" description="暂无已发布稿" />
+                    <div
+                        v-for="item in publishedPreview.items || []"
+                        :key="`${item.scene}-${item.page_key}`"
+                        class="seo-copy-detail__block"
+                    >
+                        <div class="seo-copy-detail__block-head">
+                            <div>{{ sceneLabel(item.scene) }} / {{ item.page_key || "-" }}</div>
+                        </div>
+                        <div class="seo-copy-detail__pane seo-copy-detail__pane--single">
+                            <pre>{{ formatJson(item.data) }}</pre>
+                        </div>
+                    </div>
+                </div>
+            </el-dialog>
+            <DomainImportTaskConsoleDialog ref="taskConsoleRef" />
+        </div>
+    </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { computed, ref } from "vue";
+import { ElMessage, ElMessageBox } from "element-plus";
+import { SiteList } from "@/api/interface/site/list";
+import DomainImportTaskConsoleDialog from "./domainImportTaskConsoleDialog.vue";
+import {
+    getDomainSeoCopyAiProviderStatus,
+    getDomainSeoCopyGenerationHistory,
+    getDomainSeoCopyGenerationHistoryDetail,
+    getDomainSeoCopyPublishedPreview,
+    rollbackDomainSeoCopyHistory
+} from "@/api/modules/site/list";
+
+const visible = ref(false);
+const hostFilter = ref("");
+const providerSummary = ref<SiteList.DomainSeoCopyAiProviderStatusData>({});
+const history = ref<SiteList.DomainSeoCopyGenerationHistoryData>({});
+const detailVisible = ref(false);
+const detailTitle = ref("AI 文案明细");
+const detailMode = ref<"history" | "published">("history");
+const historyDetail = ref<SiteList.DomainSeoCopyGenerationHistoryDetailData>({});
+const publishedPreview = ref<SiteList.DomainSeoCopyPublishedPreviewData>({});
+const taskConsoleRef = ref<InstanceType<typeof DomainImportTaskConsoleDialog> | null>(null);
+
+const envKeyRows = computed(() => {
+    const envKeys = (providerSummary.value as any)?.env_keys ?? {};
+    const labelMap: Record<string, string> = {
+        provider: "Provider",
+        model: "Model",
+        base_url: "Base URL",
+        api_key: "API Key",
+        timeout_ms: "超时"
+    };
+    return Object.keys(envKeys).map(key => ({
+        label: labelMap[key] ?? key,
+        keys: Array.isArray(envKeys[key]) ? envKeys[key].join(" / ") : "-"
+    }));
+});
+
+const providerAlertTitle = computed(() => {
+    if (providerSummary.value.configured) {
+        return "当前 AI provider 已配置完成";
+    }
+    return "当前 AI provider 仍会回退到本地增强";
+});
+
+const providerAlertDescription = computed(() => {
+    if (providerSummary.value.configured) {
+        return `当前默认 provider 为 ${providerSummary.value.provider_label || "-"}，后续提交 AI 生成 / 重优化任务时会优先走真实 AI。`;
+    }
+    const missing = Array.isArray((providerSummary.value as any).missing_fields) && (providerSummary.value as any).missing_fields.length
+        ? `当前缺少：${(providerSummary.value as any).missing_fields.join("、")}。`
+        : "";
+    return `${missing}任务虽然能跑，但会自动回退到本地增强生成。`;
+});
+
+const latestHistoryRow = computed(() => {
+    const items = Array.isArray(history.value.items) ? history.value.items : [];
+    return items[0] || null;
+});
+
+const recentHistoryCount = computed(() => {
+    const items = Array.isArray(history.value.items) ? history.value.items : [];
+    return items.length;
+});
+
+const recentOpenAiCount = computed(() => {
+    const items = Array.isArray(history.value.items) ? history.value.items : [];
+    return items.filter(item => item?.provider_effective === "openai").length;
+});
+
+const latestHistoryAction = computed(() => {
+    const row = latestHistoryRow.value;
+    if (!row) return "-";
+    return actionLabel(row.action);
+});
+
+const latestHistoryMeta = computed(() => {
+    const row = latestHistoryRow.value;
+    if (!row) return "当前还没有 AI 历史记录";
+    return `${formatDateTime(row.recorded_at)} / ${providerLabel(row.provider_effective)} / ${row.host || "-"}`;
+});
+
+const loadProviderStatus = async () => {
+    const res = await getDomainSeoCopyAiProviderStatus();
+    providerSummary.value = res.data ?? {};
+};
+
+const loadHistory = async () => {
+    const res = await getDomainSeoCopyGenerationHistory({
+        host: hostFilter.value.trim() || undefined,
+        limit: 60
+    });
+    history.value = res.data ?? {};
+};
+
+const loadData = async () => {
+    try {
+        await Promise.all([loadProviderStatus(), loadHistory()]);
+    } catch (_error) {
+        ElMessage.error("读取 AI 文案工作台失败");
+    }
+};
+
+const providerLabel = (provider?: string) => {
+    if (provider === "openai") return "OpenAI";
+    if (provider === "local") return "本地增强";
+    return provider || "-";
+};
+
+const actionLabel = (action?: string) => {
+    if (action === "ai_generate") return "AI生成";
+    if (action === "ai_optimize") return "AI重优化";
+    return action || "-";
+};
+
+const sceneLabel = (scene?: string) => {
+    if (scene === "home") return "首页";
+    if (scene === "category_index") return "分类首页";
+    if (scene === "search") return "搜索页";
+    if (scene === "detail") return "详情页";
+    if (scene === "play") return "播放页";
+    return scene || "-";
+};
+
+const generationStatusLabel = (status?: string) => {
+    if (status === "draft") return "草稿";
+    if (status === "local_ready") return "本地已就绪";
+    if (status === "ai_pending") return "等待AI";
+    if (status === "ai_ready") return "AI已就绪";
+    return status || "-";
+};
+
+const formatDateTime = (value?: string) => {
+    if (!value) return "-";
+    const date = new Date(value);
+    if (Number.isNaN(date.getTime())) return value;
+    const pad = (num: number) => String(num).padStart(2, "0");
+    return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())} ${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`;
+};
+
+const formatJson = (value?: Record<string, any>) => {
+    if (!value || !Object.keys(value).length) return "{}";
+    return JSON.stringify(value, null, 2);
+};
+
+const formatDiffPayload = (value?: Record<string, any>, changedFields: string[] = []) => {
+    if (!value || !Object.keys(value).length) return [];
+    return Object.entries(value).map(([key, val]) => ({
+        key,
+        value: typeof val === "string" ? val : JSON.stringify(val, null, 2),
+        changed: changedFields.includes(key)
+    }));
+};
+
+const openHistoryDetail = async (row: SiteList.DomainSeoCopyGenerationHistoryItem) => {
+    if (!row.host || !row.job_id) {
+        ElMessage.warning("当前记录缺少明细索引");
+        return;
+    }
+    try {
+        const res = await getDomainSeoCopyGenerationHistoryDetail({ host: row.host, job_id: row.job_id });
+        historyDetail.value = res.data ?? {};
+        detailMode.value = "history";
+        detailTitle.value = `AI优化 Diff - ${row.host}`;
+        detailVisible.value = true;
+    } catch (_error) {
+        ElMessage.error("读取 AI 优化明细失败");
+    }
+};
+
+const openPublishedPreview = async (host?: string) => {
+    if (!host) {
+        ElMessage.warning("当前域名不能为空");
+        return;
+    }
+    try {
+        const res = await getDomainSeoCopyPublishedPreview({ host });
+        publishedPreview.value = res.data ?? {};
+        detailMode.value = "published";
+        detailTitle.value = `当前已发布稿 - ${host}`;
+        detailVisible.value = true;
+    } catch (_error) {
+        ElMessage.error("读取已发布稿失败");
+    }
+};
+
+const rollbackHistory = async (row: SiteList.DomainSeoCopyGenerationHistoryItem) => {
+    if (!row.host || !row.job_id) {
+        ElMessage.warning("当前记录缺少回滚索引");
+        return;
+    }
+    try {
+        await ElMessageBox.confirm(`将 ${row.host} 回滚到历史任务 ${row.job_id} 的已发布稿，是否继续？`, "确认回滚", {
+            type: "warning",
+            confirmButtonText: "继续回滚",
+            cancelButtonText: "取消"
+        });
+        const res = await rollbackDomainSeoCopyHistory({ host: row.host, job_id: row.job_id });
+        const strJobId = String(res.data?.job?.job_id ?? "").trim();
+        if (strJobId) {
+            taskConsoleRef.value?.open("AI文案回滚任务", strJobId, async () => {
+                await loadHistory();
+                if (detailMode.value === "published" && detailVisible.value) {
+                    await openPublishedPreview(row.host);
+                }
+            });
+        } else {
+            ElMessage.success(res.data?.message || "回滚成功");
+            await loadHistory();
+        }
+    } catch (_error: any) {
+        if (_error === "cancel") return;
+        ElMessage.error("回滚 AI 历史失败");
+    }
+};
+
+const open = async (host = "") => {
+    hostFilter.value = host;
+    visible.value = true;
+    await loadData();
+};
+
+defineExpose({
+    open
+});
+</script>
+
+<style scoped lang="scss">
+.seo-copy-workbench {
+    display: flex;
+    flex-direction: column;
+    gap: 14px;
+}
+
+.seo-copy-workbench__toolbar {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 10px;
+}
+
+.seo-copy-workbench__grid {
+    display: grid;
+    grid-template-columns: repeat(6, minmax(160px, 1fr));
+    gap: 12px;
+}
+
+.seo-copy-workbench__card {
+    border: 1px solid #ebeef5;
+    border-radius: 12px;
+    padding: 14px;
+    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
+}
+
+.seo-copy-workbench__card-title {
+    color: #909399;
+    font-size: 12px;
+    margin-bottom: 8px;
+}
+
+.seo-copy-workbench__card-value {
+    color: #303133;
+    font-size: 24px;
+    font-weight: 700;
+    line-height: 1.2;
+}
+
+.seo-copy-workbench__card-meta {
+    margin-top: 8px;
+    color: #606266;
+    font-size: 12px;
+}
+
+.seo-copy-workbench__desc {
+    margin-top: 4px;
+}
+
+.seo-copy-workbench__history-head {
+    display: flex;
+    justify-content: space-between;
+    gap: 16px;
+    align-items: flex-end;
+}
+
+.seo-copy-workbench__history-title {
+    font-size: 15px;
+    font-weight: 600;
+}
+
+.seo-copy-workbench__history-note {
+    color: #606266;
+    font-size: 12px;
+}
+
+@media (max-width: 1280px) {
+    .seo-copy-workbench__grid {
+        grid-template-columns: repeat(3, minmax(160px, 1fr));
+    }
+}
+
+@media (max-width: 768px) {
+    .seo-copy-workbench__grid {
+        grid-template-columns: repeat(2, minmax(140px, 1fr));
+    }
+}
+
+.seo-copy-detail {
+    display: flex;
+    flex-direction: column;
+    gap: 14px;
+}
+
+.seo-copy-detail__section-title {
+    font-size: 15px;
+    font-weight: 600;
+}
+
+.seo-copy-detail__block {
+    border: 1px solid #ebeef5;
+    border-radius: 12px;
+    padding: 12px;
+    background: #fff;
+}
+
+.seo-copy-detail__block-head {
+    display: flex;
+    justify-content: space-between;
+    gap: 12px;
+    margin-bottom: 10px;
+    font-weight: 600;
+}
+
+.seo-copy-detail__changed {
+    color: #606266;
+    font-size: 12px;
+    font-weight: 400;
+}
+
+.seo-copy-detail__compare {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 12px;
+}
+
+.seo-copy-detail__pane {
+    border: 1px solid #ebeef5;
+    border-radius: 10px;
+    padding: 10px;
+    background: #f8fafc;
+}
+
+.seo-copy-detail__pane--single {
+    background: #f8fafc;
+}
+
+.seo-copy-detail__pane-title {
+    margin-bottom: 8px;
+    font-size: 13px;
+    font-weight: 600;
+}
+
+.seo-copy-detail__kv-list {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+}
+
+.seo-copy-detail__kv-item {
+    border: 1px solid #e5e7eb;
+    border-radius: 8px;
+    padding: 8px;
+    background: #fff;
+}
+
+.seo-copy-detail__kv-item--changed {
+    border-color: #f59e0b;
+    background: #fff7e6;
+}
+
+.seo-copy-detail__kv-key {
+    margin-bottom: 6px;
+    color: #606266;
+    font-size: 12px;
+    font-weight: 600;
+}
+
+.seo-copy-detail__pane pre {
+    margin: 0;
+    white-space: pre-wrap;
+    word-break: break-word;
+    font-size: 12px;
+    line-height: 1.6;
+    color: #303133;
+}
+</style>
diff --git a/src/views/site/domainSpiderCrawlWorkbenchDialog.vue b/src/views/site/domainSpiderCrawlWorkbenchDialog.vue
new file mode 100644
index 0000000..e7c0584
--- /dev/null
+++ b/src/views/site/domainSpiderCrawlWorkbenchDialog.vue
@@ -0,0 +1,1162 @@
+<template>
+    <el-dialog v-model="visible" title="蜘蛛抓取概览" width="94vw" top="3vh" draggable>
+        <div class="crawl-workbench">
+            <div class="crawl-workbench__toolbar">
+                <el-button plain @click="loadData">刷新</el-button>
+                <el-button plain :disabled="!summary.latest?.summary_html_path" @click="openPublicPath(summary.latest?.summary_html_path)">打开最新 HTML 摘要</el-button>
+                <el-button plain :disabled="!summary.latest?.summary_json_path" @click="openPublicPath(summary.latest?.summary_json_path)">打开最新 JSON 摘要</el-button>
+                <el-button plain :disabled="!selectedHost" @click="clearHostSelection">清除域名钻取</el-button>
+                <el-button plain :disabled="filteredRecentAnomalies.length === 0" @click="copyFilteredAnomalies">复制当前异常</el-button>
+                <el-button plain :disabled="filteredRecentAnomalies.length === 0" @click="exportFilteredAnomaliesCsv">导出异常 CSV</el-button>
+                <el-button plain :disabled="filteredHostHealthRows.length === 0" @click="exportFilteredHostsCsv">导出域名排行 CSV</el-button>
+                <el-select v-model="selectedWindowHours" style="width: 160px" @change="loadData">
+                    <el-option v-for="item in windowOptions" :key="item.value" :label="item.label" :value="item.value" />
+                </el-select>
+                <el-popover placement="bottom-start" :width="320" trigger="click">
+                    <template #reference>
+                        <el-button plain>蜘蛛展示筛选</el-button>
+                    </template>
+                    <div class="crawl-workbench__bot-filter">
+                        <div class="crawl-workbench__bot-filter-actions">
+                            <el-button link type="primary" @click="selectDomesticBots">国内默认</el-button>
+                            <el-button link type="primary" @click="selectAllBots">全选</el-button>
+                            <el-button link type="primary" @click="clearBotSelection">清空</el-button>
+                        </div>
+                        <el-checkbox-group v-model="selectedBots" @change="handleSelectedBotsChange">
+                            <el-checkbox v-for="item in botOptions" :key="item" :label="item">
+                                {{ item }}
+                            </el-checkbox>
+                        </el-checkbox-group>
+                    </div>
+                </el-popover>
+                <span class="crawl-workbench__filter-note">当前所有汇总仅按已勾选蜘蛛计算</span>
+                <el-select v-model="selectedPageType" placeholder="筛选页面类型" clearable style="width: 180px">
+                    <el-option label="全部页面" value="" />
+                    <el-option v-for="item in pageTypeOptions" :key="item" :label="item" :value="item" />
+                </el-select>
+                <el-select v-model="selectedStatus" placeholder="筛选状态码" clearable style="width: 180px">
+                    <el-option label="全部状态" value="" />
+                    <el-option v-for="item in statusOptions" :key="item" :label="item" :value="item" />
+                </el-select>
+            </div>
+
+            <el-alert
+                :title="summary.has_data ? '前端站群蜘蛛日志已接入' : '当前还没有蜘蛛抓取日志数据'"
+                :description="summary.status_note || fallbackNote"
+                :type="summary.has_data ? 'success' : 'warning'"
+                :closable="false"
+                show-icon
+            />
+
+                <el-descriptions :column="2" border size="small">
+                    <el-descriptions-item label="最近抓取时间">{{ formatDateTime(summary.latest?.generated_at) }}</el-descriptions-item>
+                    <el-descriptions-item label="来源">{{ summary.latest?.source || "-" }}</el-descriptions-item>
+                    <el-descriptions-item label="latest 目录">{{ summary.latest_root || "-" }}</el-descriptions-item>
+                    <el-descriptions-item label="runs 目录">{{ summary.runs_root || "-" }}</el-descriptions-item>
+                    <el-descriptions-item label="当前域名钻取">{{ selectedHost || "-" }}</el-descriptions-item>
+                    <el-descriptions-item label="当前筛选">{{ activeFilterSummary }}</el-descriptions-item>
+                </el-descriptions>
+
+            <template v-if="summary.has_data">
+                <div v-if="(summary.recommendations || []).length > 0" class="crawl-workbench__section">
+                    <div class="crawl-workbench__section-title">当前建议动作</div>
+                    <div class="crawl-workbench__recommendations">
+                        <el-card v-for="item in summary.recommendations || []" :key="item.key" shadow="never" class="crawl-workbench__recommendation-card">
+                            <div class="crawl-workbench__recommendation-head">
+                                <span class="crawl-workbench__recommendation-title">{{ item.title }}</span>
+                                <el-tag :type="item.tag_type || 'info'" size="small">{{ item.priority_label || "低优先" }}</el-tag>
+                            </div>
+                            <div class="crawl-workbench__recommendation-summary">{{ item.summary }}</div>
+                            <div class="crawl-workbench__recommendation-action">建议动作：{{ item.action }}</div>
+                            <div class="crawl-workbench__recommendation-actions">
+                                <el-button link type="primary" @click="applyRecommendationFilter(item.key)">快捷定位</el-button>
+                            </div>
+                        </el-card>
+                    </div>
+                </div>
+
+                <div v-if="(summary.window_comparison?.rows || []).length > 0" class="crawl-workbench__section">
+                    <div class="crawl-workbench__section-title">时间窗口对比</div>
+                    <el-alert
+                        :title="summary.window_comparison?.status_note || '当前还没有可解读的窗口对比结论'"
+                        type="info"
+                        :closable="false"
+                        show-icon
+                    />
+                    <el-table :data="summary.window_comparison?.rows || []" size="small" border max-height="280">
+                        <el-table-column prop="label" label="窗口" min-width="120" />
+                        <el-table-column prop="summary_total_requests" label="请求数" min-width="90" />
+                        <el-table-column prop="anomaly_record_count" label="异常数" min-width="90" />
+                        <el-table-column prop="deep_requests" label="深页请求" min-width="100" />
+                        <el-table-column label="detail/play" min-width="120">
+                            <template #default="scope">
+                                {{ scope.row.detail_requests || 0 }} / {{ scope.row.play_requests || 0 }}
+                            </template>
+                        </el-table-column>
+                        <el-table-column prop="hosts_count" label="域名数" min-width="90" />
+                        <el-table-column prop="bots_count" label="蜘蛛数" min-width="90" />
+                    </el-table>
+                </div>
+
+                <div v-if="summary.index_signal_summary?.host_count" class="crawl-workbench__section">
+                    <div class="crawl-workbench__section-title">收录信号联动</div>
+                    <div class="crawl-workbench__cards">
+                        <div class="crawl-card">
+                            <div class="crawl-card__label">域名数</div>
+                            <div class="crawl-card__value">{{ summary.index_signal_summary?.host_count || 0 }}</div>
+                        </div>
+                        <div class="crawl-card">
+                            <div class="crawl-card__label">indexed_like</div>
+                            <div class="crawl-card__value">{{ summary.index_signal_summary?.indexed_like_count || 0 }}</div>
+                        </div>
+                        <div class="crawl-card">
+                            <div class="crawl-card__label">关键词就绪</div>
+                            <div class="crawl-card__value">{{ summary.index_signal_summary?.keyword_ready_count || 0 }}</div>
+                        </div>
+                        <div class="crawl-card">
+                            <div class="crawl-card__label">流量就绪</div>
+                            <div class="crawl-card__value">{{ summary.index_signal_summary?.traffic_ready_count || 0 }}</div>
+                        </div>
+                    </div>
+                    <el-alert
+                        :title="summary.index_signal_summary?.status_note || '当前还没有可解读的收录信号'"
+                        type="info"
+                        :closable="false"
+                        show-icon
+                    />
+                    <el-table :data="summary.index_signal_summary?.rows || []" size="small" border max-height="280">
+                        <el-table-column prop="host" label="域名" min-width="160" />
+                        <el-table-column label="收录信号" min-width="120">
+                            <template #default="scope">
+                                <el-tag :type="scope.row.indexed_like ? 'success' : 'info'" size="small">
+                                    {{ scope.row.indexed_like ? "已抬头" : "未抬头" }}
+                                </el-tag>
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="关键词" min-width="120">
+                            <template #default="scope">
+                                <el-tag :type="scope.row.keyword_ready ? 'success' : 'info'" size="small">
+                                    {{ scope.row.keyword_ready ? "已就绪" : "未就绪" }}
+                                </el-tag>
+                            </template>
+                        </el-table-column>
+                        <el-table-column prop="keyword_count" label="关键词数" min-width="90" />
+                        <el-table-column prop="latest_metric_date" label="最新日期" min-width="110" />
+                    </el-table>
+                </div>
+
+                <div v-if="(summary.baidu_deep_crawl_checklist || []).length > 0" class="crawl-workbench__section">
+                    <div class="crawl-workbench__section-title">百度深抓提升清单</div>
+                    <div class="crawl-workbench__focus-groups">
+                        <el-card v-for="group in summary.baidu_deep_crawl_checklist || []" :key="group.key" shadow="never">
+                            <template #header>
+                                <div class="crawl-workbench__focus-head">
+                                    <span>{{ group.label }}</span>
+                                    <el-tag :type="group.tag_type || 'info'" size="small">{{ group.count || 0 }}</el-tag>
+                                </div>
+                            </template>
+                            <div class="crawl-workbench__focus-summary">{{ group.summary }}</div>
+                            <div class="crawl-workbench__recommendation-action">建议动作：{{ group.action }}</div>
+                            <el-table :data="group.items || []" size="small" border max-height="260">
+                                <el-table-column prop="host" label="域名" min-width="150" />
+                                <el-table-column prop="top_bot_name" label="主蜘蛛" min-width="90" />
+                                <el-table-column prop="deep_requests" label="深页" min-width="70" />
+                                <el-table-column label="detail/play" min-width="110">
+                                    <template #default="scope">
+                                        {{ scope.row.detail_requests || 0 }} / {{ scope.row.play_requests || 0 }}
+                                    </template>
+                                </el-table-column>
+                                <el-table-column prop="anomaly_count" label="异常" min-width="70" />
+                                <el-table-column label="收录" min-width="80">
+                                    <template #default="scope">
+                                        <el-tag :type="scope.row.indexed_like ? 'success' : 'info'" size="small">
+                                            {{ scope.row.indexed_like ? "抬头" : "观察" }}
+                                        </el-tag>
+                                    </template>
+                                </el-table-column>
+                                <el-table-column label="关键词" min-width="80">
+                                    <template #default="scope">
+                                        <el-tag :type="scope.row.keyword_ready ? 'success' : 'info'" size="small">
+                                            {{ scope.row.keyword_ready ? "就绪" : "未就绪" }}
+                                        </el-tag>
+                                    </template>
+                                </el-table-column>
+                                <el-table-column prop="health_score" label="健康分" min-width="80" />
+                                <el-table-column label="操作" min-width="80" fixed="right">
+                                    <template #default="scope">
+                                        <el-button link type="primary" @click="inspectHost(scope.row.host)">钻取</el-button>
+                                    </template>
+                                </el-table-column>
+                            </el-table>
+                        </el-card>
+                    </div>
+                </div>
+
+                <div v-if="(summary.host_focus_groups || []).length > 0" class="crawl-workbench__section">
+                    <div class="crawl-workbench__section-title">优先关注域名</div>
+                    <div class="crawl-workbench__focus-groups">
+                        <el-card v-for="group in summary.host_focus_groups || []" :key="group.key" shadow="never">
+                            <template #header>
+                                <div class="crawl-workbench__focus-head">
+                                    <span>{{ group.label }}</span>
+                                    <el-tag :type="group.tag_type || 'info'" size="small">{{ group.count || 0 }}</el-tag>
+                                </div>
+                            </template>
+                            <div class="crawl-workbench__focus-summary">{{ group.summary }}</div>
+                            <el-table :data="group.items || []" size="small" border max-height="260">
+                                <el-table-column prop="host" label="域名" min-width="150" />
+                                <el-table-column prop="top_bot_name" label="主蜘蛛" min-width="90" />
+                                <el-table-column prop="deep_requests" label="深页" min-width="70" />
+                                <el-table-column prop="anomaly_count" label="异常" min-width="70" />
+                                <el-table-column label="收录" min-width="80">
+                                    <template #default="scope">
+                                        <el-tag :type="scope.row.indexed_like ? 'success' : 'info'" size="small">
+                                            {{ scope.row.indexed_like ? "抬头" : "观察" }}
+                                        </el-tag>
+                                    </template>
+                                </el-table-column>
+                                <el-table-column prop="health_score" label="健康分" min-width="80" />
+                                <el-table-column label="操作" min-width="80" fixed="right">
+                                    <template #default="scope">
+                                        <el-button link type="primary" @click="inspectHost(scope.row.host)">钻取</el-button>
+                                    </template>
+                                </el-table-column>
+                            </el-table>
+                        </el-card>
+                    </div>
+                </div>
+
+                <div class="crawl-workbench__section">
+                    <div class="crawl-workbench__section-title">蜘蛛抓取概览</div>
+                    <div class="crawl-workbench__cards">
+                        <div class="crawl-card">
+                            <div class="crawl-card__label">抓取请求</div>
+                            <div class="crawl-card__value">{{ summary.overview?.summary_total_requests || 0 }}</div>
+                        </div>
+                        <div class="crawl-card">
+                            <div class="crawl-card__label">异常明细</div>
+                            <div class="crawl-card__value">{{ summary.overview?.anomaly_record_count || 0 }}</div>
+                        </div>
+                        <div class="crawl-card">
+                            <div class="crawl-card__label">命中域名</div>
+                            <div class="crawl-card__value">{{ summary.overview?.hosts_count || 0 }}</div>
+                        </div>
+                        <div class="crawl-card">
+                            <div class="crawl-card__label">蜘蛛类型</div>
+                            <div class="crawl-card__value">{{ summary.overview?.bots_count || 0 }}</div>
+                        </div>
+                        <div class="crawl-card">
+                            <div class="crawl-card__label">detail 命中</div>
+                            <div class="crawl-card__value">{{ summary.overview?.detail_requests || 0 }}</div>
+                        </div>
+                        <div class="crawl-card">
+                            <div class="crawl-card__label">play 命中</div>
+                            <div class="crawl-card__value">{{ summary.overview?.play_requests || 0 }}</div>
+                        </div>
+                        <div class="crawl-card">
+                            <div class="crawl-card__label">高优先异常</div>
+                            <div class="crawl-card__value">{{ summary.overview?.priority_health?.high || 0 }}</div>
+                        </div>
+                        <div class="crawl-card">
+                            <div class="crawl-card__label">中优先异常</div>
+                            <div class="crawl-card__value">{{ summary.overview?.priority_health?.medium || 0 }}</div>
+                        </div>
+                        <div class="crawl-card">
+                            <div class="crawl-card__label">低优先异常</div>
+                            <div class="crawl-card__value">{{ summary.overview?.priority_health?.low || 0 }}</div>
+                        </div>
+                    </div>
+                    <el-alert
+                        :title="summary.overview?.status_note || '当前还没有可解读的抓取结论'"
+                        type="info"
+                        :closable="false"
+                        show-icon
+                    />
+                    <el-row :gutter="12">
+                        <el-col :span="12">
+                            <el-card shadow="never">
+                                <template #header>Top 蜘蛛</template>
+                                <el-table :data="filteredTopBots" size="small" border max-height="260">
+                                    <el-table-column prop="bot_name" label="蜘蛛" min-width="120" />
+                                    <el-table-column prop="count" label="请求数" min-width="100" />
+                                </el-table>
+                            </el-card>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-card shadow="never">
+                                <template #header>Top 域名</template>
+                                <el-table :data="filteredTopHosts" size="small" border max-height="260">
+                                    <el-table-column prop="host" label="域名" min-width="180" />
+                                    <el-table-column prop="count" label="请求数" min-width="100" />
+                                </el-table>
+                            </el-card>
+                        </el-col>
+                    </el-row>
+                </div>
+
+                <div class="crawl-workbench__section">
+                    <div class="crawl-workbench__section-title">最近异常</div>
+                    <el-table :data="filteredRecentAnomalies" size="small" border max-height="320">
+                        <el-table-column prop="time" label="时间" min-width="180">
+                            <template #default="scope">{{ formatDateTime(scope.row.time) }}</template>
+                        </el-table-column>
+                        <el-table-column label="优先级" min-width="110">
+                            <template #default="scope">
+                                <el-tag :type="scope.row.priority_tag_type || 'info'" size="small">{{ scope.row.priority_label || "低" }}</el-tag>
+                            </template>
+                        </el-table-column>
+                        <el-table-column prop="bot_name" label="蜘蛛" min-width="110" />
+                        <el-table-column prop="host" label="域名" min-width="160" />
+                        <el-table-column prop="page_type" label="页面类型" min-width="100" />
+                        <el-table-column prop="status" label="状态" min-width="80" />
+                        <el-table-column prop="cache_status" label="缓存" min-width="90" />
+                        <el-table-column prop="url" label="URL" min-width="360" show-overflow-tooltip />
+                        <el-table-column prop="priority_reason" label="判定原因" min-width="260" show-overflow-tooltip />
+                    </el-table>
+                </div>
+
+                <div class="crawl-workbench__section">
+                    <div class="crawl-workbench__section-title">深页覆盖</div>
+                    <div class="crawl-workbench__cards">
+                        <div class="crawl-card">
+                            <div class="crawl-card__label">深页请求</div>
+                            <div class="crawl-card__value">{{ summary.deep_page_coverage?.deep_requests || 0 }}</div>
+                        </div>
+                        <div class="crawl-card">
+                            <div class="crawl-card__label">深页占比</div>
+                            <div class="crawl-card__value">{{ summary.deep_page_coverage?.deep_ratio || "0.0%" }}</div>
+                        </div>
+                        <div class="crawl-card">
+                            <div class="crawl-card__label">detail 异常</div>
+                            <div class="crawl-card__value">{{ summary.deep_page_coverage?.detail_anomaly_count || 0 }}</div>
+                        </div>
+                        <div class="crawl-card">
+                            <div class="crawl-card__label">play 异常</div>
+                            <div class="crawl-card__value">{{ summary.deep_page_coverage?.play_anomaly_count || 0 }}</div>
+                        </div>
+                    </div>
+                    <el-alert
+                        :title="summary.deep_page_coverage?.status_note || '当前还没有深页抓取说明'"
+                        type="info"
+                        :closable="false"
+                        show-icon
+                    />
+                    <el-row :gutter="12">
+                        <el-col :span="12">
+                            <el-card shadow="never">
+                                <template #header>深页异常 Top 域名</template>
+                                <el-table :data="summary.deep_page_coverage?.top_hosts || []" size="small" border max-height="260">
+                                    <el-table-column prop="host" label="域名" min-width="180" />
+                                    <el-table-column prop="count" label="异常数" min-width="100" />
+                                </el-table>
+                            </el-card>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-card shadow="never">
+                                <template #header>深页异常 Top 蜘蛛</template>
+                                <el-table :data="filteredDeepBotRows" size="small" border max-height="260">
+                                    <el-table-column prop="bot_name" label="蜘蛛" min-width="140" />
+                                    <el-table-column prop="deep_anomaly_count" label="异常数" min-width="100" />
+                                </el-table>
+                            </el-card>
+                        </el-col>
+                    </el-row>
+                </div>
+
+                <div class="crawl-workbench__section">
+                    <div class="crawl-workbench__section-title">域名抓取健康排行</div>
+                    <el-table
+                        :data="filteredHostHealthRows"
+                        size="small"
+                        border
+                        max-height="360"
+                        highlight-current-row
+                        row-key="host"
+                        @row-click="handleHostRowClick"
+                    >
+                        <el-table-column prop="host" label="域名" min-width="180" fixed="left" />
+                        <el-table-column prop="top_bot_name" label="主蜘蛛" min-width="110" />
+                        <el-table-column prop="total_requests" label="总请求" min-width="90" />
+                        <el-table-column prop="deep_requests" label="深页请求" min-width="90" />
+                        <el-table-column label="detail/play" min-width="120">
+                            <template #default="scope">
+                                {{ scope.row.detail_requests || 0 }} / {{ scope.row.play_requests || 0 }}
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="入口命中" min-width="120">
+                            <template #default="scope">
+                                {{ scope.row.robots_requests || 0 }} / {{ scope.row.sitemap_requests || 0 }}
+                            </template>
+                        </el-table-column>
+                        <el-table-column prop="anomaly_count" label="异常" min-width="80" />
+                        <el-table-column label="收录" min-width="80">
+                            <template #default="scope">
+                                <el-tag :type="scope.row.indexed_like ? 'success' : 'info'" size="small">
+                                    {{ scope.row.indexed_like ? "抬头" : "观察" }}
+                                </el-tag>
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="关键词" min-width="80">
+                            <template #default="scope">
+                                <el-tag :type="scope.row.keyword_ready ? 'success' : 'info'" size="small">
+                                    {{ scope.row.keyword_ready ? "就绪" : "未就绪" }}
+                                </el-tag>
+                            </template>
+                        </el-table-column>
+                        <el-table-column prop="health_score" label="健康分" min-width="90" />
+                        <el-table-column prop="status_label" label="状态判断" min-width="180" show-overflow-tooltip />
+                        <el-table-column label="操作" min-width="100" fixed="right">
+                            <template #default="scope">
+                                <el-button link type="primary" @click.stop="inspectHost(scope.row.host)">钻取</el-button>
+                            </template>
+                        </el-table-column>
+                    </el-table>
+                </div>
+
+                <div v-if="summary.host_detail?.host" class="crawl-workbench__section">
+                    <div class="crawl-workbench__section-title">域名钻取详情</div>
+                    <el-alert
+                        :title="summary.host_detail?.status_note || '当前域名暂无钻取结论'"
+                        type="info"
+                        :closable="false"
+                        show-icon
+                    />
+                    <div v-if="(summary.host_recommendations || []).length > 0" class="crawl-workbench__recommendations">
+                        <el-card v-for="item in summary.host_recommendations || []" :key="item.key" shadow="never" class="crawl-workbench__recommendation-card">
+                            <div class="crawl-workbench__recommendation-head">
+                                <span class="crawl-workbench__recommendation-title">{{ item.title }}</span>
+                                <el-tag :type="item.tag_type || 'info'" size="small">{{ item.priority_label || "低优先" }}</el-tag>
+                            </div>
+                            <div class="crawl-workbench__recommendation-summary">{{ item.summary }}</div>
+                            <div class="crawl-workbench__recommendation-action">建议动作：{{ item.action }}</div>
+                            <div class="crawl-workbench__recommendation-actions">
+                                <el-button link type="primary" @click="applyRecommendationFilter(item.key)">快捷定位</el-button>
+                            </div>
+                        </el-card>
+                    </div>
+                    <div class="crawl-workbench__cards">
+                        <div class="crawl-card">
+                            <div class="crawl-card__label">钻取域名</div>
+                            <div class="crawl-card__value crawl-card__value--small">{{ summary.host_detail?.host || "-" }}</div>
+                        </div>
+                        <div class="crawl-card">
+                            <div class="crawl-card__label">总请求</div>
+                            <div class="crawl-card__value">{{ summary.host_detail?.total_requests || 0 }}</div>
+                        </div>
+                        <div class="crawl-card">
+                            <div class="crawl-card__label">入口请求</div>
+                            <div class="crawl-card__value">{{ summary.host_detail?.entry_requests || 0 }}</div>
+                        </div>
+                        <div class="crawl-card">
+                            <div class="crawl-card__label">深页请求</div>
+                            <div class="crawl-card__value">{{ summary.host_detail?.deep_requests || 0 }}</div>
+                        </div>
+                        <div class="crawl-card">
+                            <div class="crawl-card__label">深页占比</div>
+                            <div class="crawl-card__value">{{ summary.host_detail?.deep_ratio || "0.0%" }}</div>
+                        </div>
+                        <div class="crawl-card">
+                            <div class="crawl-card__label">异常数</div>
+                            <div class="crawl-card__value">{{ summary.host_detail?.anomaly_count || 0 }}</div>
+                        </div>
+                    </div>
+                    <el-row :gutter="12">
+                        <el-col :span="8">
+                            <el-card shadow="never">
+                                <template #header>页面类型分布</template>
+                                <el-table :data="summary.host_detail?.page_type_buckets || []" size="small" border max-height="240">
+                                    <el-table-column prop="page_type" label="页面类型" min-width="110" />
+                                    <el-table-column prop="count" label="请求数" min-width="90" />
+                                </el-table>
+                            </el-card>
+                        </el-col>
+                        <el-col :span="8">
+                            <el-card shadow="never">
+                                <template #header>状态码分布</template>
+                                <el-table :data="summary.host_detail?.status_buckets || []" size="small" border max-height="240">
+                                    <el-table-column prop="status" label="状态码" min-width="90" />
+                                    <el-table-column prop="count" label="请求数" min-width="90" />
+                                </el-table>
+                            </el-card>
+                        </el-col>
+                        <el-col :span="8">
+                            <el-card shadow="never">
+                                <template #header>蜘蛛分布</template>
+                                <el-table :data="summary.host_detail?.bot_buckets || []" size="small" border max-height="240">
+                                    <el-table-column prop="bot_name" label="蜘蛛" min-width="110" />
+                                    <el-table-column prop="count" label="请求数" min-width="90" />
+                                </el-table>
+                            </el-card>
+                        </el-col>
+                    </el-row>
+                    <el-card shadow="never">
+                        <template #header>该域名最近异常</template>
+                        <el-table :data="summary.host_detail?.recent_anomalies || []" size="small" border max-height="280">
+                            <el-table-column prop="time" label="时间" min-width="170">
+                                <template #default="scope">{{ formatDateTime(scope.row.time) }}</template>
+                            </el-table-column>
+                            <el-table-column label="优先级" min-width="110">
+                                <template #default="scope">
+                                    <el-tag :type="scope.row.priority_tag_type || 'info'" size="small">{{ scope.row.priority_label || "低" }}</el-tag>
+                                </template>
+                            </el-table-column>
+                            <el-table-column prop="bot_name" label="蜘蛛" min-width="100" />
+                            <el-table-column prop="page_type" label="页面类型" min-width="100" />
+                            <el-table-column prop="status" label="状态" min-width="80" />
+                            <el-table-column prop="cache_status" label="缓存" min-width="90" />
+                            <el-table-column prop="url" label="URL" min-width="360" show-overflow-tooltip />
+                            <el-table-column prop="priority_reason" label="判定原因" min-width="240" show-overflow-tooltip />
+                        </el-table>
+                    </el-card>
+                </div>
+
+                <div class="crawl-workbench__section">
+                    <div class="crawl-workbench__section-title">最近推送 Run</div>
+                    <el-table :data="summary.recent_runs || []" size="small" border max-height="320">
+                        <el-table-column prop="generated_at" label="时间" min-width="180">
+                            <template #default="scope">{{ formatDateTime(scope.row.generated_at) }}</template>
+                        </el-table-column>
+                        <el-table-column prop="run_id" label="Run ID" min-width="180" />
+                        <el-table-column prop="source" label="来源" min-width="180" />
+                        <el-table-column prop="summary_total_requests" label="请求数" min-width="100" />
+                        <el-table-column prop="anomaly_record_count" label="异常数" min-width="100" />
+                        <el-table-column prop="hosts_count" label="域名数" min-width="90" />
+                        <el-table-column label="操作" min-width="180" fixed="right">
+                            <template #default="scope">
+                                <el-button link type="primary" @click="openPublicPath(scope.row.summary_html_path)">HTML</el-button>
+                                <el-button link type="primary" @click="openPublicPath(scope.row.summary_json_path)">JSON</el-button>
+                            </template>
+                        </el-table-column>
+                    </el-table>
+                </div>
+            </template>
+
+            <el-empty v-else description="前端站群还没有推送抓取日志，部署 spiderlog-agent 后这里会自动开始有数据。" />
+        </div>
+    </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { computed, ref } from "vue";
+import { ElMessage } from "element-plus";
+import { SiteList } from "@/api/interface/site/list";
+import { getDomainSpiderCrawlWorkbenchSummary } from "@/api/modules/site/list";
+
+const visible = ref(false);
+const summary = ref<SiteList.DomainSpiderCrawlWorkbenchSummaryData>({});
+const BASE_URL = import.meta.env.VITE_API_URL as string;
+const domesticBots = ["baiduspider", "bytespider", "sogou"];
+const selectedBots = ref<string[]>([...domesticBots]);
+const selectedStatus = ref("");
+const selectedPageType = ref("");
+const selectedHost = ref("");
+const selectedWindowHours = ref(24);
+const SPIDER_CRAWL_SELECTED_BOTS_KEY = "seonexus_spider_crawl_selected_bots";
+
+const windowOptions = [
+    { label: "最近 1 小时", value: 1 },
+    { label: "最近 6 小时", value: 6 },
+    { label: "最近 24 小时", value: 24 },
+    { label: "最近 72 小时", value: 72 },
+    { label: "全部窗口", value: 0 }
+];
+
+const fallbackNote = computed(() => "当前还没有收到前端站群蜘蛛日志，请先部署 spiderlog-agent 并推送 crawl-logs/save。");
+
+const readStoredSelectedBots = (): string[] => {
+    try {
+        const raw = window.localStorage.getItem(SPIDER_CRAWL_SELECTED_BOTS_KEY) || "";
+        if (!raw) {
+            return [...domesticBots];
+        }
+        const parsed = JSON.parse(raw);
+        if (!Array.isArray(parsed)) {
+            return [...domesticBots];
+        }
+        return parsed
+            .map(item => String(item || "").trim())
+            .filter(Boolean);
+    } catch {
+        return [...domesticBots];
+    }
+};
+
+const persistSelectedBots = () => {
+    window.localStorage.setItem(SPIDER_CRAWL_SELECTED_BOTS_KEY, JSON.stringify(selectedBots.value));
+};
+
+const handleSelectedBotsChange = () => {
+    persistSelectedBots();
+    loadData();
+};
+
+const botOptions = computed(() => {
+    const set = new Set<string>();
+    (summary.value.overview?.top_bots || []).forEach(item => {
+        const bot = String(item?.bot_name || "").trim();
+        if (bot) set.add(bot);
+    });
+    (summary.value.deep_page_coverage?.bot_rows || []).forEach(item => {
+        const bot = String(item?.bot_name || "").trim();
+        if (bot) set.add(bot);
+    });
+    (summary.value.recent_anomalies || []).forEach(item => {
+        const bot = String(item?.bot_name || "").trim();
+        if (bot) set.add(bot);
+    });
+    (summary.value.host_health_rows || []).forEach(item => {
+        const bot = String(item?.top_bot_name || "").trim();
+        if (bot) set.add(bot);
+    });
+    return Array.from(set.values()).sort();
+});
+
+const statusOptions = computed(() => {
+    const set = new Set<string>();
+    (summary.value.recent_anomalies || []).forEach(item => {
+        const status = String(item?.status || "").trim();
+        if (status) set.add(status);
+    });
+    return Array.from(set.values()).sort((a, b) => Number(a) - Number(b));
+});
+
+const pageTypeOptions = computed(() => {
+    const set = new Set<string>();
+    (summary.value.recent_anomalies || []).forEach(item => {
+        const pageType = String(item?.page_type || "").trim();
+        if (pageType) set.add(pageType);
+    });
+    (summary.value.host_detail?.page_type_buckets || []).forEach(item => {
+        const pageType = String(item?.page_type || "").trim();
+        if (pageType) set.add(pageType);
+    });
+    return Array.from(set.values()).sort();
+});
+
+const botMatches = (value?: string) => {
+    if (selectedBots.value.length === 0) {
+        return true;
+    }
+    return selectedBots.value.includes(String(value || "").trim());
+};
+
+const statusMatches = (value?: string | number) => {
+    if (!selectedStatus.value) {
+        return true;
+    }
+    return String(value ?? "").trim() === selectedStatus.value;
+};
+
+const pageTypeMatches = (value?: string) => {
+    if (!selectedPageType.value) {
+        return true;
+    }
+    return String(value || "").trim() === selectedPageType.value;
+};
+
+const filteredTopBots = computed(() => {
+    return (summary.value.overview?.top_bots || []).filter(item => botMatches(item?.bot_name));
+});
+
+const filteredRecentAnomalies = computed(() => {
+    return (summary.value.recent_anomalies || []).filter(item => botMatches(item?.bot_name) && statusMatches(item?.status) && pageTypeMatches(item?.page_type));
+});
+
+const filteredDeepBotRows = computed(() => {
+    const pageTypeAllowsDeep = !selectedPageType.value || ["detail", "play"].includes(selectedPageType.value);
+    if (!pageTypeAllowsDeep) {
+        return [];
+    }
+    return (summary.value.deep_page_coverage?.bot_rows || []).filter(item => botMatches(item?.bot_name));
+});
+
+const filteredHostHealthRows = computed(() => {
+    return (summary.value.host_health_rows || []).filter(item => {
+        if (!botMatches(item?.top_bot_name)) {
+            return false;
+        }
+        if (!selectedStatus.value) {
+            return true;
+        }
+        if (selectedStatus.value === "200") return Number(item?.status_200 || 0) > 0;
+        if (selectedStatus.value === "301") return Number(item?.status_301 || 0) > 0;
+        if (selectedStatus.value === "302") return Number(item?.status_302 || 0) > 0;
+        const statusOk = Number(item?.anomaly_count || 0) > 0;
+        if (!statusOk) {
+            return false;
+        }
+        if (!selectedPageType.value) {
+            return true;
+        }
+        if (selectedPageType.value === "detail") return Number(item?.detail_requests || 0) > 0 || Number(item?.detail_anomaly_count || 0) > 0;
+        if (selectedPageType.value === "play") return Number(item?.play_requests || 0) > 0 || Number(item?.play_anomaly_count || 0) > 0;
+        if (selectedPageType.value === "robots") return Number(item?.robots_requests || 0) > 0;
+        if (selectedPageType.value === "sitemap") return Number(item?.sitemap_requests || 0) > 0;
+        return true;
+    });
+});
+
+const filteredTopHosts = computed(() => {
+    if (selectedBots.value.length === 0 && !selectedStatus.value) {
+        return summary.value.overview?.top_hosts || [];
+    }
+    const hostMap = new Map<string, number>();
+    filteredRecentAnomalies.value.forEach(item => {
+        const host = String(item?.host || "").trim();
+        if (!host) return;
+        hostMap.set(host, (hostMap.get(host) || 0) + 1);
+    });
+    if (hostMap.size === 0) {
+        filteredHostHealthRows.value.forEach(item => {
+            const host = String(item?.host || "").trim();
+            if (!host) return;
+            hostMap.set(host, Number(item?.total_requests || 0));
+        });
+    }
+    return Array.from(hostMap.entries())
+        .map(([host, count]) => ({ host, count }))
+        .sort((a, b) => b.count - a.count)
+        .slice(0, 10);
+});
+
+const activeFilterSummary = computed(() => {
+    const items: string[] = [];
+    if (selectedBots.value.length > 0) {
+        items.push(`蜘蛛=${selectedBots.value.join(",")}`);
+    }
+    if (selectedStatus.value) {
+        items.push(`状态=${selectedStatus.value}`);
+    }
+    if (selectedPageType.value) {
+        items.push(`页面=${selectedPageType.value}`);
+    }
+    if (selectedHost.value) {
+        items.push(`域名=${selectedHost.value}`);
+    }
+    const windowLabel = windowOptions.find(item => item.value === selectedWindowHours.value)?.label || `最近 ${selectedWindowHours.value} 小时`;
+    items.push(`时间=${windowLabel}`);
+    return items.length > 0 ? items.join(" / ") : "无";
+});
+
+const formatDateTime = (value?: string) => {
+    if (!value) return "-";
+    const date = new Date(value);
+    if (Number.isNaN(date.getTime())) return value;
+    const year = date.getFullYear();
+    const month = `${date.getMonth() + 1}`.padStart(2, "0");
+    const day = `${date.getDate()}`.padStart(2, "0");
+    const hour = `${date.getHours()}`.padStart(2, "0");
+    const minute = `${date.getMinutes()}`.padStart(2, "0");
+    const second = `${date.getSeconds()}`.padStart(2, "0");
+    return `${year}-${month}-${day} ${hour}:${minute}:${second}`;
+};
+
+const csvEscape = (value: unknown) => {
+    const stringValue = String(value ?? "");
+    if (/[",\n]/.test(stringValue)) {
+        return `"${stringValue.replace(/"/g, '""')}"`;
+    }
+    return stringValue;
+};
+
+const downloadCsv = (filename: string, headers: string[], rows: Array<Array<unknown>>) => {
+    const content = [headers, ...rows].map(row => row.map(csvEscape).join(",")).join("\n");
+    const blob = new Blob(["\uFEFF" + content], { type: "text/csv;charset=utf-8;" });
+    const url = window.URL.createObjectURL(blob);
+    const link = document.createElement("a");
+    link.href = url;
+    link.download = filename;
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+    window.URL.revokeObjectURL(url);
+};
+
+const openPublicPath = (path?: string) => {
+    if (!path) {
+        return;
+    }
+    window.open(`${BASE_URL}/${String(path).replace(/^\/+/, "")}`, "_blank", "noopener");
+};
+
+const loadData = async () => {
+    const res = await getDomainSpiderCrawlWorkbenchSummary({
+        run_limit: 10,
+        anomaly_limit: 80,
+        host: selectedHost.value || undefined,
+        window_hours: selectedWindowHours.value,
+        bot_scope: "all",
+        selected_bots: selectedBots.value.join(",")
+    });
+    summary.value = res.data || {};
+    if (!selectedHost.value && summary.value.selected_host) {
+        selectedHost.value = String(summary.value.selected_host || "");
+    }
+    if (typeof summary.value.window_hours === "number") {
+        selectedWindowHours.value = Number(summary.value.window_hours || 0);
+    }
+    persistSelectedBots();
+};
+
+const selectDomesticBots = () => {
+    selectedBots.value = domesticBots.filter(bot => botOptions.value.includes(bot));
+    persistSelectedBots();
+    loadData();
+};
+
+const selectAllBots = () => {
+    selectedBots.value = [...botOptions.value];
+    persistSelectedBots();
+    loadData();
+};
+
+const clearBotSelection = () => {
+    selectedBots.value = [];
+    persistSelectedBots();
+    loadData();
+};
+
+const inspectHost = async (host?: string) => {
+    const value = String(host || "").trim();
+    if (!value) {
+        return;
+    }
+    selectedHost.value = value;
+    await loadData();
+};
+
+const handleHostRowClick = async (row?: { host?: string }) => {
+    await inspectHost(row?.host);
+};
+
+const clearHostSelection = async () => {
+    selectedHost.value = "";
+    await loadData();
+};
+
+const applyRecommendationFilter = async (key?: string) => {
+    const value = String(key || "").trim();
+    if (!value) {
+        return;
+    }
+    if (value === "entry_status_fix") {
+        selectedPageType.value = "robots";
+        selectedStatus.value = "444";
+    } else if (value === "baidu_deep_crawl") {
+        selectedPageType.value = "detail";
+        selectedStatus.value = "";
+    } else if (value === "entry_exposure") {
+        selectedPageType.value = "sitemap";
+        selectedStatus.value = "";
+    } else if (value === "deep_crawl_keep" || value === "host_deep_fix") {
+        selectedPageType.value = "play";
+        selectedStatus.value = "";
+    } else if (value === "host_wait_deep") {
+        selectedPageType.value = "category";
+        selectedStatus.value = "";
+    } else {
+        selectedPageType.value = "";
+        selectedStatus.value = "";
+    }
+    await loadData();
+};
+
+const copyFilteredAnomalies = async () => {
+    const lines = filteredRecentAnomalies.value.map(item => {
+        const time = formatDateTime(item?.time);
+        const priority = String(item?.priority_label || "-");
+        const bot = String(item?.bot_name || "-");
+        const host = String(item?.host || "-");
+        const pageType = String(item?.page_type || "-");
+        const status = String(item?.status ?? "-");
+        const cacheStatus = String(item?.cache_status || "-");
+        const url = String(item?.url || "-");
+        const reason = String(item?.priority_reason || "-");
+        return `${time}\t${priority}\t${bot}\t${host}\t${pageType}\t${status}\t${cacheStatus}\t${url}\t${reason}`;
+    });
+    if (lines.length === 0) {
+        ElMessage.warning("当前没有可复制的异常记录");
+        return;
+    }
+    const header = "时间\t优先级\t蜘蛛\t域名\t页面类型\t状态\t缓存\tURL\t判定原因";
+    await navigator.clipboard.writeText([header, ...lines].join("\n"));
+    ElMessage.success(`已复制 ${lines.length} 条异常记录`);
+};
+
+const exportFilteredAnomaliesCsv = () => {
+    const rows = filteredRecentAnomalies.value.map(item => [
+        formatDateTime(item?.time),
+        item?.priority_label || "",
+        item?.priority_score ?? "",
+        item?.priority_reason || "",
+        item?.bot_name || "",
+        item?.host || "",
+        item?.page_type || "",
+        item?.status ?? "",
+        item?.cache_status || "",
+        item?.source_server || "",
+        item?.url || ""
+    ]);
+    downloadCsv(
+        `spider-crawl-anomalies-${Date.now()}.csv`,
+        ["时间", "优先级", "优先分", "判定原因", "蜘蛛", "域名", "页面类型", "状态", "缓存", "来源服务器", "URL"],
+        rows
+    );
+    ElMessage.success(`已导出 ${rows.length} 条异常记录`);
+};
+
+const exportFilteredHostsCsv = () => {
+    const rows = filteredHostHealthRows.value.map(item => [
+        item?.host || "",
+        item?.top_bot_name || "",
+        item?.total_requests ?? 0,
+        item?.deep_requests ?? 0,
+        item?.detail_requests ?? 0,
+        item?.play_requests ?? 0,
+        item?.robots_requests ?? 0,
+        item?.sitemap_requests ?? 0,
+        item?.status_200 ?? 0,
+        item?.status_301 ?? 0,
+        item?.status_302 ?? 0,
+        item?.anomaly_count ?? 0,
+        item?.health_score ?? 0,
+        item?.status_label || ""
+    ]);
+    downloadCsv(
+        `spider-crawl-host-health-${Date.now()}.csv`,
+        ["域名", "主蜘蛛", "总请求", "深页请求", "detail", "play", "robots", "sitemap", "200", "301", "302", "异常", "健康分", "状态判断"],
+        rows
+    );
+    ElMessage.success(`已导出 ${rows.length} 条域名记录`);
+};
+
+const open = async () => {
+    selectedBots.value = readStoredSelectedBots();
+    visible.value = true;
+    await loadData();
+};
+
+defineExpose({
+    open,
+    loadData
+});
+</script>
+
+<style scoped lang="scss">
+.crawl-workbench {
+    display: flex;
+    flex-direction: column;
+    gap: 14px;
+    max-height: 82vh;
+    overflow-y: auto;
+    overflow-x: hidden;
+    padding-right: 4px;
+}
+
+.crawl-workbench__bot-filter {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+}
+
+.crawl-workbench__bot-filter-actions {
+    display: flex;
+    gap: 10px;
+    flex-wrap: wrap;
+}
+
+.crawl-workbench__toolbar {
+    display: flex;
+    gap: 12px;
+    flex-wrap: wrap;
+    align-items: center;
+    padding: 2px 0 4px;
+    position: sticky;
+    top: 0;
+    z-index: 8;
+    background: #fff;
+}
+
+.crawl-workbench__filter-note {
+    font-size: 12px;
+    color: #909399;
+    line-height: 1.5;
+}
+
+.crawl-workbench__section {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+}
+
+.crawl-workbench__section-title {
+    font-size: 14px;
+    font-weight: 600;
+    color: #303133;
+}
+
+.crawl-workbench__cards {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
+    gap: 12px;
+}
+
+.crawl-workbench__recommendations {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+    gap: 12px;
+}
+
+.crawl-workbench__focus-groups {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
+    gap: 12px;
+}
+
+.crawl-workbench__focus-head {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+}
+
+.crawl-workbench__focus-summary {
+    font-size: 13px;
+    line-height: 1.7;
+    color: #606266;
+    margin-bottom: 10px;
+}
+
+.crawl-workbench__recommendation-card {
+    border-radius: 12px;
+}
+
+.crawl-workbench__recommendation-head {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+    margin-bottom: 10px;
+}
+
+.crawl-workbench__recommendation-title {
+    font-size: 14px;
+    font-weight: 600;
+    color: #303133;
+}
+
+.crawl-workbench__recommendation-summary,
+.crawl-workbench__recommendation-action {
+    font-size: 13px;
+    line-height: 1.7;
+    color: #606266;
+}
+
+.crawl-workbench__recommendation-action {
+    margin-top: 8px;
+    color: #409eff;
+}
+
+.crawl-workbench__recommendation-actions {
+    margin-top: 6px;
+    display: flex;
+    justify-content: flex-end;
+}
+
+.crawl-workbench :deep(.el-alert) {
+    display: flex;
+    align-items: flex-start;
+    height: auto;
+    padding: 12px 14px;
+    overflow: visible;
+}
+
+.crawl-workbench :deep(.el-alert__icon) {
+    align-self: flex-start;
+    margin-top: 2px;
+}
+
+.crawl-workbench :deep(.el-alert__content) {
+    min-width: 0;
+    flex: 1;
+    height: auto;
+    overflow: visible;
+}
+
+.crawl-workbench :deep(.el-alert__title) {
+    white-space: normal;
+    line-height: 1.5;
+    overflow: visible;
+}
+
+.crawl-workbench :deep(.el-alert__description) {
+    display: block;
+    margin-top: 6px;
+    white-space: normal;
+    word-break: break-word;
+    line-height: 1.7;
+    overflow: visible;
+}
+
+.crawl-card {
+    border: 1px solid #ebeef5;
+    border-radius: 10px;
+    background: #fafafa;
+    padding: 14px 16px;
+}
+
+.crawl-card__label {
+    font-size: 12px;
+    color: #909399;
+    margin-bottom: 8px;
+}
+
+.crawl-card__value {
+    font-size: 22px;
+    line-height: 1;
+    font-weight: 700;
+    color: #303133;
+}
+
+.crawl-card__value--small {
+    font-size: 16px;
+    line-height: 1.3;
+    word-break: break-all;
+}
+
+@media (max-width: 1400px) {
+    .crawl-workbench__toolbar {
+        gap: 10px;
+    }
+}
+
+@media (max-width: 768px) {
+    .crawl-workbench {
+        max-height: 78vh;
+        gap: 12px;
+    }
+
+    .crawl-workbench__toolbar {
+        gap: 8px;
+    }
+
+    .crawl-workbench__toolbar :deep(.el-button),
+    .crawl-workbench__toolbar :deep(.el-select) {
+        flex: 1 1 220px;
+        min-width: 0;
+    }
+
+    .crawl-workbench__cards {
+        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
+        gap: 10px;
+    }
+
+    .crawl-card {
+        padding: 12px 14px;
+    }
+
+    .crawl-card__value {
+        font-size: 18px;
+    }
+}
+</style>
diff --git a/src/views/site/domainSpiderMdDialog.vue b/src/views/site/domainSpiderMdDialog.vue
new file mode 100644
index 0000000..6703d7d
--- /dev/null
+++ b/src/views/site/domainSpiderMdDialog.vue
@@ -0,0 +1,321 @@
+<template>
+    <el-dialog v-model="visible" title="蜘蛛池MD" width="1100px" draggable>
+        <div class="spider-md-dialog">
+            <div class="spider-md-dialog__toolbar">
+                <el-button type="primary" @click="runGenerate">生成并推送</el-button>
+                <el-button type="warning" plain @click="runForceGenerate">强制重生成</el-button>
+                <el-button plain :disabled="!lastJobId" @click="reopenLastTask">继续查看任务</el-button>
+                <el-button plain @click="loadData">刷新</el-button>
+                <span class="spider-md-dialog__toolbar-note">当天若仅 Gitee 推送失败，可直接再次点击“生成并推送”重试，无需强制重生成。</span>
+            </div>
+
+            <el-alert
+                :title="giteeTitle"
+                :description="giteeDescription"
+                :type="summary.gitee?.configured ? 'success' : 'warning'"
+                :closable="false"
+                show-icon
+            />
+
+            <el-descriptions :column="2" border size="small">
+                <el-descriptions-item label="本地目录">{{ summary.run_root || "-" }}</el-descriptions-item>
+                <el-descriptions-item label="Gitee 根目录">{{ summary.gitee?.root || "-" }}</el-descriptions-item>
+                <el-descriptions-item label="仓库">
+                    {{ summary.gitee?.owner && summary.gitee?.repo ? `${summary.gitee.owner}/${summary.gitee.repo}` : "-" }}
+                </el-descriptions-item>
+                <el-descriptions-item label="分支">{{ summary.gitee?.branch || "-" }}</el-descriptions-item>
+                <el-descriptions-item label="单文件上限">{{ summary.runtime_config?.max_links_per_file || "-" }}</el-descriptions-item>
+                <el-descriptions-item label="详情/泛链">
+                    {{ summary.runtime_config?.detail_limit_per_host || 0 }} / {{ summary.runtime_config?.forge_limit_per_host || 0 }}
+                </el-descriptions-item>
+                <el-descriptions-item label="分类/搜索">
+                    {{ summary.runtime_config?.category_link_limit_per_host || 0 }} / {{ summary.runtime_config?.search_link_limit_per_host || 0 }}
+                </el-descriptions-item>
+                <el-descriptions-item label="保留天数">{{ summary.runtime_config?.retention_days || "-" }}</el-descriptions-item>
+                <el-descriptions-item label="配置来源">
+                    Gitee开关 {{ summary.gitee?.sources?.enabled || "-" }} / 根目录 {{ summary.gitee?.sources?.root || "-" }}
+                </el-descriptions-item>
+            </el-descriptions>
+
+            <el-alert
+                v-if="summary.latest_run"
+                :title="latestRunTitle"
+                :description="latestRunDescription"
+                type="info"
+                :closable="false"
+                show-icon
+            />
+
+            <el-alert
+                title="推荐配置方式：蜘蛛池MD 相关配置统一走后台系统配置"
+                description="可后台维护：SPIDER_MD_MAX_LINKS_PER_FILE、各类链接上限、Gitee 开关/owner/repo/branch/root/token；token 在运行摘要中会自动打码，不直接回显。"
+                type="info"
+                :closable="false"
+                show-icon
+            />
+
+            <div class="spider-md-dialog__section-title">最近生成记录</div>
+            <el-table :data="summary.runs || []" border max-height="520">
+                <el-table-column type="expand">
+                    <template #default="scope">
+                        <div class="spider-md-dialog__expand">
+                            <el-empty
+                                v-if="!(scope.row.gitee_files || []).length"
+                                :description="scope.row.gitee_push_status === 'failed' || scope.row.gitee_push_status === 'partial_failed'
+                                    ? `Gitee 推送失败：${scope.row.gitee_push_error || '请查看任务日志'}`
+                                    : '当前这轮还没有可复制的 Gitee 链接'"
+                            />
+                            <template v-else>
+                                <div class="spider-md-dialog__expand-toolbar">
+                                    <el-button size="small" type="primary" plain @click="copyAllHtmlLinks(scope.row.gitee_files || [])">批量复制页面链接</el-button>
+                                </div>
+                                <el-table :data="scope.row.gitee_files || []" border size="small">
+                                <el-table-column prop="file_name" label="文件" min-width="180" />
+                                <el-table-column prop="html_url" label="Gitee 链接" min-width="420" show-overflow-tooltip />
+                                <el-table-column label="操作" width="140" fixed="right">
+                                    <template #default="fileScope">
+                                        <el-button link type="primary" @click="copyText(fileScope.row.html_url)">复制页面链接</el-button>
+                                    </template>
+                                </el-table-column>
+                            </el-table>
+                            </template>
+                        </div>
+                    </template>
+                </el-table-column>
+                <el-table-column prop="generated_at" label="时间" min-width="170">
+                    <template #default="scope">
+                        {{ formatDateTime(scope.row.generated_at) }}
+                    </template>
+                </el-table-column>
+                <el-table-column prop="run_id" label="Run ID" min-width="180" />
+                <el-table-column prop="domain_count" label="域名数" min-width="80" />
+                <el-table-column prop="total_links" label="总链接数" min-width="100" />
+                <el-table-column prop="file_count" label="文件数" min-width="90" />
+                <el-table-column prop="max_links_per_file" label="单文件上限" min-width="110" />
+                <el-table-column label="分组统计" min-width="220">
+                    <template #default="scope">
+                        聚合 {{ scope.row.aggregate_count || 0 }} / 详情 {{ scope.row.detail_count || 0 }} / 泛链 {{ scope.row.forge_count || 0 }}
+                    </template>
+                </el-table-column>
+                <el-table-column label="推送状态" min-width="110">
+                    <template #default="scope">
+                        <el-tag
+                            size="small"
+                            :type="scope.row.gitee_push_status === 'success' ? 'success' : (scope.row.gitee_push_status === 'failed' || scope.row.gitee_push_status === 'partial_failed' ? 'danger' : 'info')"
+                        >
+                            {{
+                                scope.row.gitee_push_status === 'success'
+                                    ? "已推送"
+                                    : scope.row.gitee_push_status === 'failed'
+                                        ? "推送失败"
+                                        : scope.row.gitee_push_status === 'partial_failed'
+                                            ? "部分失败"
+                                            : "仅本地"
+                            }}
+                        </el-tag>
+                    </template>
+                </el-table-column>
+                <el-table-column label="任务结果" min-width="180">
+                    <template #default="scope">
+                        <el-tag size="small" type="success">本地成功</el-tag>
+                        <el-tag
+                            size="small"
+                            :type="scope.row.gitee_push_status === 'success' ? 'success' : (scope.row.gitee_push_status === 'failed' || scope.row.gitee_push_status === 'partial_failed' ? 'danger' : 'info')"
+                            style="margin-left:8px;"
+                        >
+                            {{
+                                scope.row.gitee_push_status === 'success'
+                                    ? "远端成功"
+                                    : scope.row.gitee_push_status === 'failed'
+                                        ? "远端失败"
+                                        : scope.row.gitee_push_status === 'partial_failed'
+                                            ? "远端部分失败"
+                                            : "未推送远端"
+                            }}
+                        </el-tag>
+                    </template>
+                </el-table-column>
+            </el-table>
+        </div>
+    </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { computed, ref } from "vue";
+import { ElMessage } from "element-plus";
+import { SiteList } from "@/api/interface/site/list";
+import { getDomainSpiderMdSummary, runDomainSpiderMdGenerate } from "@/api/modules/site/list";
+
+const visible = ref(false);
+const summary = ref<SiteList.DomainSpiderMdSummaryData>({});
+const onRunCreated = ref<((jobId: string) => void) | null>(null);
+const lastJobId = ref("");
+const SPIDER_MD_LAST_JOB_KEY = "seonexus_spider_md_last_job_id";
+
+const formatDateTime = (value?: string) => {
+    if (!value) return "-";
+    const date = new Date(value);
+    if (Number.isNaN(date.getTime())) return value;
+    const year = date.getFullYear();
+    const month = `${date.getMonth() + 1}`.padStart(2, "0");
+    const day = `${date.getDate()}`.padStart(2, "0");
+    const hour = `${date.getHours()}`.padStart(2, "0");
+    const minute = `${date.getMinutes()}`.padStart(2, "0");
+    const second = `${date.getSeconds()}`.padStart(2, "0");
+    return `${year}-${month}-${day} ${hour}:${minute}:${second}`;
+};
+
+const giteeTitle = computed(() => {
+    if (summary.value.gitee?.configured) {
+        return "当前已配置 Gitee 自动推送，生成后会自动返回可复制链接";
+    }
+    if (summary.value.gitee?.enabled) {
+        return "Gitee 已启用但未配完整，当前只能保留本地文件";
+    }
+    return "当前未启用 Gitee 推送，生成后仅保留本地文件";
+});
+
+const giteeDescription = computed(() => {
+    const gitee = summary.value.gitee || {};
+    const repo = gitee.owner && gitee.repo ? `${gitee.owner}/${gitee.repo}` : "未配置仓库";
+    return `仓库：${repo}；分支：${gitee.branch || "-"}；根目录：${gitee.root || "-"}`;
+});
+
+const latestRunTitle = computed(() => {
+    const row = summary.value.latest_run || {};
+    const runId = String(row.run_id || "").trim();
+    const mode = String(row.mode || "").trim();
+    const suffix = mode === "append" ? "增量续写" : mode === "rebuild" ? "全新生成" : "最新一轮";
+    return runId ? `${suffix} Run：${runId}` : "最新生成记录";
+});
+
+const latestRunDescription = computed(() => {
+    const row = summary.value.latest_run || {};
+    const fileCount = Number(row.file_count || 0);
+    const totalLinks = Number(row.total_links || 0);
+    const runRoot = String(row.run_root || "").trim() || "-";
+    const pushStatus = String(row.gitee_push_status || "").trim();
+    const pushError = String(row.gitee_push_error || "").trim();
+    let pushed = "当前仅保留本地";
+    if (pushStatus === "success") {
+        pushed = "已推送到 Gitee";
+    } else if (pushStatus === "failed") {
+        pushed = "本地生成成功，Gitee 推送失败";
+    } else if (pushStatus === "partial_failed") {
+        pushed = "本地生成成功，Gitee 部分推送后失败";
+    }
+    return `目录：${runRoot}；文件数：${fileCount}；链接数：${totalLinks}；状态：${pushed}${pushError ? `；错误：${pushError}` : ""}`;
+});
+
+const loadData = async () => {
+    const res = await getDomainSpiderMdSummary({ limit: 10 });
+    summary.value = res.data || {};
+};
+
+const copyText = async (text?: string) => {
+    const value = String(text || "").trim();
+    if (!value) {
+        ElMessage.warning("当前没有可复制的链接");
+        return;
+    }
+
+    try {
+        await navigator.clipboard.writeText(value);
+        ElMessage.success("复制成功");
+    } catch {
+        ElMessage.error("复制失败，请手动复制");
+    }
+};
+
+const copyAllHtmlLinks = async (items: Array<{ html_url?: string }>) => {
+    const lines = (items || []).map(item => String(item?.html_url || "").trim()).filter(Boolean);
+    if (!lines.length) {
+        ElMessage.warning("当前没有可复制的页面链接");
+        return;
+    }
+    await copyText(lines.join("\n"));
+};
+
+const runGenerate = async () => {
+    const res = await runDomainSpiderMdGenerate({});
+    const jobId = String(res.data?.job?.job_id || "").trim();
+    if (jobId) {
+        lastJobId.value = jobId;
+        window.localStorage.setItem(SPIDER_MD_LAST_JOB_KEY, jobId);
+        ElMessage.success("已提交蜘蛛池MD生成任务");
+        onRunCreated.value?.(jobId);
+        return;
+    }
+    ElMessage.success("已提交任务");
+};
+
+const runForceGenerate = async () => {
+    const res = await runDomainSpiderMdGenerate({ force_regenerate: 1 });
+    const jobId = String(res.data?.job?.job_id || "").trim();
+    if (jobId) {
+        lastJobId.value = jobId;
+        window.localStorage.setItem(SPIDER_MD_LAST_JOB_KEY, jobId);
+        ElMessage.success("已提交强制重生成任务");
+        onRunCreated.value?.(jobId);
+        return;
+    }
+    ElMessage.success("已提交强制重生成任务");
+};
+
+const reopenLastTask = () => {
+    if (!lastJobId.value) {
+        ElMessage.warning("当前没有可继续查看的任务");
+        return;
+    }
+    onRunCreated.value?.(lastJobId.value);
+};
+
+const open = async (callback?: (jobId: string) => void) => {
+    onRunCreated.value = callback || null;
+    lastJobId.value = window.localStorage.getItem(SPIDER_MD_LAST_JOB_KEY) || "";
+    visible.value = true;
+    await loadData();
+};
+
+defineExpose({
+    open,
+    loadData,
+});
+</script>
+
+<style scoped lang="scss">
+.spider-md-dialog {
+    display: flex;
+    flex-direction: column;
+    gap: 14px;
+}
+
+.spider-md-dialog__toolbar {
+    display: flex;
+    gap: 12px;
+    flex-wrap: wrap;
+    align-items: center;
+}
+
+.spider-md-dialog__toolbar-note {
+    font-size: 12px;
+    line-height: 1.6;
+    color: #909399;
+}
+
+.spider-md-dialog__section-title {
+    font-size: 14px;
+    font-weight: 600;
+    color: #303133;
+}
+
+.spider-md-dialog__expand {
+    padding: 8px 0;
+}
+
+.spider-md-dialog__expand-toolbar {
+    display: flex;
+    justify-content: flex-end;
+    margin-bottom: 8px;
+}
+</style>
diff --git a/src/views/site/domainSupplyDialog.vue b/src/views/site/domainSupplyDialog.vue
new file mode 100644
index 0000000..b982291
--- /dev/null
+++ b/src/views/site/domainSupplyDialog.vue
@@ -0,0 +1,584 @@
+<template>
+    <el-dialog
+        v-model="visible"
+        width="1080px"
+        append-to-body
+        destroy-on-close
+        class="domain-supply-dialog"
+        title="域名配置与启动包一体化供给"
+    >
+        <div class="domain-supply-dialog__body" v-loading="loading">
+            <el-alert
+                :closable="false"
+                show-icon
+                type="success"
+                title="一份模板同时生成站点导入文件和新域名启动包批量文件"
+                description="先下载一体化供给模板，再按同一份数据生成 site-domain-import.generated.xlsx 和 domain-bootstrap-batch.generated.xlsx；需要时可继续直接落 bundle。"
+            />
+
+            <div class="domain-supply-dialog__actions">
+                <el-button type="primary" :loading="loading" @click="downloadTemplate">下载一体化供给模板</el-button>
+                <el-button
+                    plain
+                    @click="async () => {
+                        try {
+                            await copyToClipboard(templateCommand());
+                            ElMessage.success('模板生成命令已复制');
+                        } catch (_error) {
+                            ElMessage.warning('复制失败，请手工复制');
+                        }
+                    }"
+                >
+                    复制模板生成命令
+                </el-button>
+                <el-button
+                    plain
+                    @click="async () => {
+                        try {
+                            await copyToClipboard(batchCommand());
+                            ElMessage.success('组合生成命令已复制');
+                        } catch (_error) {
+                            ElMessage.warning('复制失败，请手工复制');
+                        }
+                    }"
+                >
+                    复制组合生成命令
+                </el-button>
+            </div>
+
+            <el-card shadow="never" class="domain-supply-dialog__card">
+                <template #header>
+                    <div class="domain-supply-dialog__card-title">后台直接执行</div>
+                </template>
+                <div class="domain-supply-dialog__run-grid">
+                    <div class="domain-supply-dialog__upload-box">
+                        <input
+                            ref="fileInputRef"
+                            type="file"
+                            accept=".xls,.xlsx"
+                            class="domain-supply-dialog__hidden-input"
+                            @change="selectedFile = ($event.target as HTMLInputElement).files?.[0] || null"
+                        />
+                        <el-button type="primary" plain @click="fileInputRef?.click()">选择供给模板</el-button>
+                        <div class="domain-supply-dialog__upload-tip">
+                            <strong>当前文件</strong>
+                            <span>{{ selectedFile?.name || "未选择文件" }}</span>
+                        </div>
+                    </div>
+
+                    <div class="domain-supply-dialog__run-options">
+                        <el-switch v-model="runBootstrap" active-text="生成后继续落 bundle" inactive-text="仅生成导入与启动包模板" />
+                        <el-select v-model="bootstrapRun" :disabled="!runBootstrap" style="width: 220px">
+                            <el-option label="不执行 bundle run" value="off" />
+                            <el-option label="bundle dry-run" value="dry-run" />
+                            <el-option label="bundle 正式执行" value="run" />
+                        </el-select>
+                        <el-switch v-model="force" active-text="覆盖已有 bundle" inactive-text="保持默认去重" />
+                        <el-button type="success" :loading="runLoading" :disabled="!selectedFile" @click="submitRun">
+                            上传并执行一体化供给
+                        </el-button>
+                    </div>
+                </div>
+            </el-card>
+
+            <div class="domain-supply-dialog__grid">
+                <el-card shadow="never">
+                    <template #header>
+                        <div class="domain-supply-dialog__card-title">模板范围</div>
+                    </template>
+                    <div class="domain-supply-dialog__stat-list">
+                        <div><strong>字段数</strong><span>{{ templateSummary().headers?.length || 0 }}</span></div>
+                        <div>
+                            <strong>策略包</strong>
+                            <span>{{ (templateSummary().supported_strategy_profiles ?? []).join(" / ") || "-" }}</span>
+                        </div>
+                        <div>
+                            <strong>match_type</strong>
+                            <span>{{ (templateSummary().supported_match_types ?? []).join(" / ") || "-" }}</span>
+                        </div>
+                        <div>
+                            <strong>seed_scope</strong>
+                            <span>{{ (templateSummary().supported_seed_scopes ?? []).join(" / ") || "-" }}</span>
+                        </div>
+                    </div>
+                </el-card>
+
+                <el-card shadow="never">
+                    <template #header>
+                        <div class="domain-supply-dialog__card-title">生成产物</div>
+                    </template>
+                    <div class="domain-supply-dialog__artifact-list">
+                        <div v-for="item in Object.entries(templateSummary().artifacts ?? {}).map(([key, value]) => ({ key, value }))" :key="item.key">
+                            <strong>{{ item.key }}</strong>
+                            <code>{{ item.value }}</code>
+                        </div>
+                    </div>
+                </el-card>
+            </div>
+
+            <el-card v-if="runResult" shadow="never" class="domain-supply-dialog__card">
+                <template #header>
+                    <div class="domain-supply-dialog__card-title">最近一次执行结果</div>
+                </template>
+
+                <div class="domain-supply-dialog__result-grid">
+                    <div class="domain-supply-dialog__stat-list">
+                        <div><strong>运行目录</strong><span>{{ runResult.run_root || "-" }}</span></div>
+                        <div><strong>上传模板</strong><span>{{ runResult.uploaded_template_path || "-" }}</span></div>
+                        <div><strong>处理行数</strong><span>{{ runResult.processed_count || 0 }}</span></div>
+                        <div><strong>成功/失败</strong><span>{{ runResult.success_count || 0 }} / {{ runResult.failed_count || 0 }}</span></div>
+                        <div><strong>站点导入行</strong><span>{{ runResult.site_import_rows_count || 0 }}</span></div>
+                        <div><strong>启动包行</strong><span>{{ runResult.bootstrap_rows_count || 0 }}</span></div>
+                        <div><strong>继续落 bundle</strong><span>{{ runResult.run_bootstrap ? "是" : "否" }}</span></div>
+                        <div><strong>bundle 执行模式</strong><span>{{ runResult.bootstrap_run || "off" }}</span></div>
+                    </div>
+
+                    <div class="domain-supply-dialog__artifact-actions">
+                        <el-button v-if="runResult.site_import_path" plain @click="openPublicPath(runResult.site_import_path)">
+                            下载站点导入文件
+                        </el-button>
+                        <el-button v-if="runResult.bootstrap_batch_path" plain @click="openPublicPath(runResult.bootstrap_batch_path)">
+                            下载启动包批量文件
+                        </el-button>
+                        <el-button v-if="runResult.summary_json_path" plain @click="openPublicPath(runResult.summary_json_path)">
+                            查看摘要 JSON
+                        </el-button>
+                        <el-button v-if="runResult.summary_html_path" plain @click="openPublicPath(runResult.summary_html_path)">
+                            查看摘要 HTML
+                        </el-button>
+                    </div>
+                </div>
+
+                <el-alert
+                    v-if="runResult.bootstrap_batch?.status"
+                    :closable="false"
+                    show-icon
+                    :type="runResult.bootstrap_batch?.status === 'success' ? 'success' : 'warning'"
+                    :title="`Bundle 批处理：${runResult.bootstrap_batch?.status}`"
+                    :description="runResult.bootstrap_batch?.command || '未执行 bundle 批处理'"
+                    class="domain-supply-dialog__result-alert"
+                />
+
+                <el-table :data="runResult.items || []" size="small" border>
+                    <el-table-column prop="host" label="Host" min-width="220" />
+                    <el-table-column prop="strategy_profile" label="策略包" width="120" />
+                    <el-table-column prop="status" label="状态" width="110" />
+                    <el-table-column prop="message" label="结果说明" min-width="220" />
+                    <el-table-column prop="site_domain" label="站点导入" min-width="200" />
+                    <el-table-column prop="bundle_host" label="启动包" min-width="200" />
+                    <el-table-column label="操作" width="120" fixed="right">
+                        <template #default="{ row }">
+                            <el-button
+                                v-if="row.items_preview?.[0]?.bundle_host || row.items_preview?.[0]?.site_domain || row.items_preview?.[0]?.host || row.hosts?.[0]"
+                                link
+                                type="warning"
+                                @click="openOpsForRunItem(row)"
+                            >
+                                进入 Ops
+                            </el-button>
+                        </template>
+                    </el-table-column>
+                </el-table>
+            </el-card>
+
+            <el-card shadow="never" class="domain-supply-dialog__card">
+                <template #header>
+                    <div class="domain-supply-dialog__card-title">运行记录</div>
+                </template>
+                <div class="domain-supply-dialog__history-actions">
+                    <el-button plain :loading="historyLoading" @click="loadRunHistory">刷新运行记录</el-button>
+                    <span class="domain-supply-dialog__history-meta">
+                        共 {{ runHistory.runs_count || 0 }} 次，最近一次：{{ runHistory.latest_run?.run_id || "-" }}
+                    </span>
+                </div>
+                <el-table :data="runHistory.items || []" size="small" border>
+                    <el-table-column prop="run_id" label="Run" min-width="140" />
+                    <el-table-column prop="status" label="状态" width="100" />
+                    <el-table-column prop="processed_count" label="处理" width="90" />
+                    <el-table-column prop="success_count" label="成功" width="90" />
+                    <el-table-column prop="failed_count" label="失败" width="90" />
+                    <el-table-column label="Hosts" min-width="220">
+                        <template #default="{ row }">
+                            {{ (row.hosts || []).join(" / ") || "-" }}
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="updated_at" label="更新时间" min-width="180" />
+                    <el-table-column label="操作" width="260" fixed="right">
+                        <template #default="{ row }">
+                            <el-button v-if="row.summary_html_path" link type="primary" @click="openPublicPath(row.summary_html_path)">
+                                HTML
+                            </el-button>
+                            <el-button v-if="row.summary_json_path" link type="info" @click="openPublicPath(row.summary_json_path)">
+                                JSON
+                            </el-button>
+                            <el-button
+                                v-if="row.items_preview?.[0]?.bundle_host || row.items_preview?.[0]?.site_domain || row.items_preview?.[0]?.host || row.hosts?.[0]"
+                                link
+                                type="warning"
+                                @click="openOpsForHistoryRow(row)"
+                            >
+                                进入 Ops
+                            </el-button>
+                            <el-button link type="success" @click="applyHistoryRow(row)">载入结果</el-button>
+                        </template>
+                    </el-table-column>
+                </el-table>
+            </el-card>
+
+            <el-card shadow="never" class="domain-supply-dialog__card">
+                <template #header>
+                    <div class="domain-supply-dialog__card-title">CLI 组合入口</div>
+                </template>
+                <div class="domain-supply-dialog__command-block">
+                    <div class="domain-supply-dialog__command-label">模板生成</div>
+                    <code>{{ templateCommand() }}</code>
+                </div>
+                <div class="domain-supply-dialog__command-block">
+                    <div class="domain-supply-dialog__command-label">组合生成</div>
+                    <code>{{ batchCommand() }}</code>
+                </div>
+            </el-card>
+
+            <el-card shadow="never" class="domain-supply-dialog__card">
+                <template #header>
+                    <div class="domain-supply-dialog__card-title">字段说明</div>
+                </template>
+                <div class="domain-supply-dialog__notes">
+                    <div v-for="item in Object.entries(templateSummary().column_notes ?? {}).map(([key, value]) => ({ key, value }))" :key="item.key" class="domain-supply-dialog__note-item">
+                        <strong>{{ item.key }}</strong>
+                        <span>{{ item.value }}</span>
+                    </div>
+                </div>
+            </el-card>
+
+            <el-card shadow="never" class="domain-supply-dialog__card">
+                <template #header>
+                    <div class="domain-supply-dialog__card-title">样例行</div>
+                </template>
+                <el-table :data="templateSummary().example_rows ?? []" size="small" border>
+                    <el-table-column prop="host" label="Host" min-width="220" />
+                    <el-table-column prop="strategy_profile" label="策略包" width="120" />
+                    <el-table-column prop="match_type" label="Match" width="110" />
+                    <el-table-column prop="seed_scope" label="Seed" width="110" />
+                    <el-table-column prop="detail_id" label="Detail ID" width="110" />
+                    <el-table-column prop="search_keyword" label="搜索样本" min-width="160" />
+                </el-table>
+            </el-card>
+        </div>
+    </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+import { ElMessage } from "element-plus";
+import { SiteList } from "@/api/interface/site/list";
+import { getDomainSupplyRunSummary, getDomainSupplyTemplate, runDomainSupplyBatch } from "@/api/modules/site/list";
+
+const BASE_URL = import.meta.env.VITE_API_URL as string;
+
+const visible = ref(false);
+const loading = ref(false);
+const runLoading = ref(false);
+const historyLoading = ref(false);
+const templateData = ref<SiteList.DomainSupplyTemplateData | null>(null);
+const runResult = ref<SiteList.DomainSupplyRunData | null>(null);
+const runHistory = ref<SiteList.DomainSupplyRunSummaryData>({});
+const fileInputRef = ref<HTMLInputElement | null>(null);
+const selectedFile = ref<File | null>(null);
+const runBootstrap = ref(true);
+const bootstrapRun = ref<"off" | "dry-run" | "run">("dry-run");
+const force = ref(false);
+
+const emit = defineEmits<{
+    (e: "open-ops-host", payload: {
+        host: string;
+        source: "run-item" | "history-row";
+        panel: "queue" | "attention";
+        hostConsolePanel: "bundle" | "runs";
+        inspectorKind: "bundle" | "attention_bundle";
+    }): void;
+}>();
+
+const templateSummary = () => templateData.value?.template_summary ?? {};
+const templateCommand = () => "php scripts/domain_supply_batch_template.php --output-root=/tmp/domain-supply-batch-template";
+
+const batchCommand = () => {
+    const fileName = templateData.value?.template_file_name || "domain-supply-batch-template.xlsx";
+    return `php scripts/seo_copy_domain_supply_batch.php /tmp/domain-supply-batch-template/${fileName} --output-root=/tmp/domain-supply-batch --run-bootstrap=1 --portal-root=off`;
+};
+
+const loadTemplate = async () => {
+    loading.value = true;
+    try {
+        const res = await getDomainSupplyTemplate();
+        templateData.value = res.data;
+    } finally {
+        loading.value = false;
+    }
+};
+
+const loadRunHistory = async () => {
+    historyLoading.value = true;
+    try {
+        const res = await getDomainSupplyRunSummary({ limit: 12 });
+        runHistory.value = res.data;
+    } finally {
+        historyLoading.value = false;
+    }
+};
+
+/**
+ * 统一派发可接手 Host 到运维侧。
+ */
+const emitOpenOpsHost = (host: string, source: "run-item" | "history-row", isFailed: boolean) => {
+    emit("open-ops-host", {
+        host,
+        source,
+        panel: isFailed ? "attention" : "queue",
+        hostConsolePanel: isFailed ? "runs" : "bundle",
+        inspectorKind: isFailed ? "attention_bundle" : "bundle"
+    });
+};
+
+/**
+ * 将文本写入系统剪贴板。
+ */
+const copyToClipboard = async (text: string) => navigator.clipboard.writeText(text);
+
+/**
+ * 从运行项中解析可接手的 Host。
+ */
+const resolveDomainSupplyRunHost = (item: SiteList.DomainSupplyRunItem) => item.bundle_host || item.site_domain || item.host || "";
+
+/**
+ * 从历史汇总行中解析可接手的 Host。
+ */
+const resolveDomainSupplyHistoryHost = (row: SiteList.DomainSupplyRunSummaryItem) =>
+    row.items_preview?.[0]?.bundle_host || row.items_preview?.[0]?.site_domain || row.items_preview?.[0]?.host || row.hosts?.[0] || "";
+
+const openOpsForRunItem = (item: SiteList.DomainSupplyRunItem) => {
+    const host = resolveDomainSupplyRunHost(item);
+    if (!host) {
+        ElMessage.warning("当前没有可接手的 Host");
+        return;
+    }
+    const isFailed = (item.status || "").toLowerCase() !== "ready" && (item.status || "").toLowerCase() !== "success";
+    emitOpenOpsHost(host, "run-item", isFailed);
+};
+
+const openOpsForHistoryRow = (row: SiteList.DomainSupplyRunSummaryItem) => {
+    const host = resolveDomainSupplyHistoryHost(row);
+    if (!host) {
+        ElMessage.warning("当前没有可接手的 Host");
+        return;
+    }
+    const isFailed = (row.failed_count || 0) > 0 || (row.status || "").toLowerCase() === "partial";
+    emitOpenOpsHost(host, "history-row", isFailed);
+};
+
+const downloadTemplate = async () => {
+    if (!templateData.value?.excel_template_path) {
+        await loadTemplate();
+    }
+    const path = templateData.value?.excel_template_path;
+    if (!path) {
+        ElMessage.error("模板路径缺失，请稍后重试");
+        return;
+    }
+    window.open(`${BASE_URL}/${path}`, "_blank", "noopener");
+};
+
+const openPublicPath = (path?: string) => {
+    if (!path) {
+        return;
+    }
+    window.open(`${BASE_URL}/${path}`, "_blank", "noopener");
+};
+
+const submitRun = async () => {
+    if (!selectedFile.value) {
+        ElMessage.warning("请先选择供给模板");
+        return;
+    }
+
+    runLoading.value = true;
+    try {
+        const res = await runDomainSupplyBatch({
+            excel_file: selectedFile.value,
+            run_bootstrap: runBootstrap.value,
+            bootstrap_run: runBootstrap.value ? bootstrapRun.value : "off",
+            force: force.value
+        });
+        runResult.value = res.data;
+        await loadRunHistory();
+        ElMessage.success(`执行完成：成功 ${res.data.success_count || 0}，失败 ${res.data.failed_count || 0}`);
+    } finally {
+        runLoading.value = false;
+    }
+};
+
+const applyHistoryRow = (row: SiteList.DomainSupplyRunSummaryItem) => {
+    runResult.value = {
+        run_root: row.run_root_public,
+        uploaded_template_path: row.uploaded_template_path,
+        processed_count: row.processed_count,
+        success_count: row.success_count,
+        failed_count: row.failed_count,
+        site_import_rows_count: row.site_import_rows_count,
+        bootstrap_rows_count: row.bootstrap_rows_count,
+        run_bootstrap: row.run_bootstrap,
+        bootstrap_run: row.bootstrap_run,
+        site_import_path: row.site_import_path,
+        bootstrap_batch_path: row.bootstrap_batch_path,
+        summary_json_path: row.summary_json_path,
+        summary_html_path: row.summary_html_path,
+        items: row.items_preview || [],
+        bootstrap_batch: row.bootstrap_batch
+    };
+    ElMessage.success(`已载入运行记录 ${row.run_id || ""}`);
+};
+
+const openDialog = async () => {
+    visible.value = true;
+    if (!templateData.value) {
+        await loadTemplate();
+    }
+    await loadRunHistory();
+};
+
+defineExpose({
+    openDialog
+});
+</script>
+
+<style scoped>
+.domain-supply-dialog__body {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+.domain-supply-dialog__actions {
+    display: flex;
+    gap: 12px;
+    flex-wrap: wrap;
+}
+
+.domain-supply-dialog__run-grid {
+    display: grid;
+    grid-template-columns: 1.2fr 1fr;
+    gap: 16px;
+}
+
+.domain-supply-dialog__upload-box,
+.domain-supply-dialog__run-options {
+    display: grid;
+    gap: 12px;
+    align-content: start;
+}
+
+.domain-supply-dialog__upload-tip {
+    display: grid;
+    gap: 4px;
+}
+
+.domain-supply-dialog__hidden-input {
+    display: none;
+}
+
+.domain-supply-dialog__grid {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 16px;
+}
+
+.domain-supply-dialog__card,
+.domain-supply-dialog__grid :deep(.el-card) {
+    border-radius: 14px;
+}
+
+.domain-supply-dialog__card-title {
+    font-weight: 600;
+}
+
+.domain-supply-dialog__stat-list,
+.domain-supply-dialog__artifact-list {
+    display: grid;
+    gap: 10px;
+}
+
+.domain-supply-dialog__stat-list div,
+.domain-supply-dialog__artifact-list div {
+    display: flex;
+    justify-content: space-between;
+    gap: 12px;
+    align-items: center;
+}
+
+.domain-supply-dialog__artifact-list code,
+.domain-supply-dialog__command-block code {
+    font-size: 12px;
+    word-break: break-all;
+}
+
+.domain-supply-dialog__command-block {
+    display: grid;
+    gap: 8px;
+    margin-bottom: 14px;
+}
+
+.domain-supply-dialog__command-label {
+    font-size: 13px;
+    color: var(--el-text-color-secondary);
+}
+
+.domain-supply-dialog__result-grid {
+    display: grid;
+    grid-template-columns: 1.3fr 1fr;
+    gap: 16px;
+    margin-bottom: 16px;
+}
+
+.domain-supply-dialog__artifact-actions {
+    display: grid;
+    gap: 12px;
+    align-content: start;
+}
+
+.domain-supply-dialog__result-alert {
+    margin-bottom: 16px;
+}
+
+.domain-supply-dialog__history-actions {
+    display: flex;
+    gap: 12px;
+    align-items: center;
+    margin-bottom: 16px;
+    flex-wrap: wrap;
+}
+
+.domain-supply-dialog__history-meta {
+    color: var(--el-text-color-secondary);
+    font-size: 13px;
+}
+
+.domain-supply-dialog__notes {
+    display: grid;
+    gap: 10px;
+    max-height: 280px;
+    overflow: auto;
+}
+
+.domain-supply-dialog__note-item {
+    display: grid;
+    gap: 4px;
+}
+
+@media (max-width: 900px) {
+    .domain-supply-dialog__grid,
+    .domain-supply-dialog__run-grid,
+    .domain-supply-dialog__result-grid {
+        grid-template-columns: 1fr;
+    }
+}
+</style>
diff --git a/src/views/site/drawer.vue b/src/views/site/drawer.vue
index 494987a..1cfda32 100644
--- a/src/views/site/drawer.vue
+++ b/src/views/site/drawer.vue
@@ -11,8 +11,8 @@
         >
             <div class="c-two-columns">
                 <el-form-item style="width: 45%" label="视图模板" prop="t_id">
-                    <el-select v-model="drawerProps.row.t_id" placeholder="请选择视图模板" clearable @change="handleSelectChange">
-                        <el-option v-for="item in templateList" :key="item.t_id" :label="item.t_code" :value="item.t_id" />
+                    <el-select v-model="drawerProps.row.t_id" placeholder="请选择视图模板" @change="applyTemplateSelection">
+                        <el-option v-for="item in visibleTemplateList()" :key="item.t_id" :label="item.t_code" :value="item.t_id" />
                     </el-select>
                 </el-form-item>
                 <el-form-item style="width: 25%" label="是否转码" prop="d_content_encode">
@@ -24,9 +24,7 @@
                         inactive-text="是"
                     />
                 </el-form-item>
-                <el-form-item style="width: 30%" label="logo类型" prop="d_logo_type">
-                    <!-- :active-value="`${0}`"
-                        :inactive-value="`${1}`" -->
+                <el-form-item style="width: 30%" label="LOGO类型" prop="d_logo_type">
                     <el-switch
                         v-model="drawerProps.row.d_logo_type"
                         :active-value="0"
@@ -46,6 +44,28 @@
                 </el-form-item>
             </div>
 
+            <div class="c-three-columns">
+                <el-form-item style="width: 33%" label="匹配方式" prop="d_match_type">
+                    <el-select v-model="drawerProps.row.d_match_type" placeholder="请选择匹配方式">
+                        <el-option label="精确域名" value="exact" />
+                        <el-option label="泛域名" value="wildcard" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item style="width: 33%" label="父域名" prop="d_parent_domain">
+                    <el-input
+                        v-model="drawerProps.row.d_parent_domain"
+                        placeholder="泛域名时可填写 example.com"
+                        clearable
+                    />
+                </el-form-item>
+                <el-form-item style="width: 33%" label="Seed范围" prop="d_seed_scope">
+                    <el-select v-model="drawerProps.row.d_seed_scope" placeholder="请选择 Seed 范围">
+                        <el-option label="按域名冻结" value="domain" />
+                        <el-option label="按主机冻结" value="host" />
+                    </el-select>
+                </el-form-item>
+            </div>
+
             <div class="c-two-columns">
                 <el-form-item style="width: 50%" label="文字LOGO" prop="d_text_logo">
                     <el-input v-model="drawerProps.row.d_text_logo" placeholder="请输入文字LOGO" clearable />
@@ -56,23 +76,23 @@
             </div>
 
             <div class="c-two-columns">
-                <el-form-item style="width: 100%" label="首页title" prop="d_index_title">
-                    <el-input v-model="drawerProps.row.d_index_title" placeholder="请输入首页title" clearable />
+                <el-form-item style="width: 100%" label="首页Title" prop="d_index_title">
+                    <el-input v-model="drawerProps.row.d_index_title" placeholder="请输入首页Title" clearable />
                 </el-form-item>
             </div>
             <div class="c-two-columns">
-                <el-form-item style="width: 100%" label="首页keywords" prop="d_index_keywords" label-width="130px!important">
-                    <el-input v-model="drawerProps.row.d_index_keywords" placeholder="请输入首页keywords" clearable />
+                <el-form-item style="width: 100%" label="首页Keywords" prop="d_index_keywords" label-width="130px!important">
+                    <el-input v-model="drawerProps.row.d_index_keywords" placeholder="请输入首页Keywords" clearable />
                 </el-form-item>
             </div>
             <div class="c-one-columns">
-                <el-form-item label="首页description" prop="d_index_description" label-width="130px!important">
+                <el-form-item label="首页Description" prop="d_index_description" label-width="130px!important">
                     <el-input
                         type="textarea"
                         v-model="drawerProps.row.d_index_description"
                         maxlength="3650"
                         :rows="2"
-                        :placeholder="`请输入首页description`"
+                        :placeholder="`请输入首页Description`"
                         show-word-limit
                     />
                 </el-form-item>
@@ -87,7 +107,6 @@
                         :placeholder="`请输入站点全局通用关键词`"
                         show-word-limit
                     />
-                    <!-- <div>{{ "多个用逗号(,)隔开" }}</div> -->
                 </el-form-item>
                 <el-form-item style="width: 50%" label="站点描述" prop="d_description">
                     <el-input
@@ -98,7 +117,6 @@
                         :placeholder="`请输入网站公告`"
                         show-word-limit
                     />
-                    <!-- <div>{{ "请输入站点描述" }}</div> -->
                 </el-form-item>
             </div>
             <div class="c-one-columns">
@@ -119,20 +137,271 @@
                     <el-select
                         v-model="drawerProps.row.url_type"
                         placeholder="请选择URL模板"
-                        clearable
-                        @change="handleSelectChangeUrl"
+                        @change="applyUrlTemplateSelection"
                     >
                         <el-option v-for="item in urlSubjectFomartGroup" :key="item.id" :label="item.name" :value="item.id" />
                     </el-select>
                 </el-form-item>
-                <el-form-item style="width: 33%" label="详情id" prop="info_id">
-                    <el-input v-model="drawerProps.row.info_id" placeholder="请输入详情id" clearable />
+                <el-form-item style="width: 33%" label="详情ID" prop="info_id">
+                    <el-input v-model="drawerProps.row.info_id" placeholder="请输入详情ID" clearable />
                 </el-form-item>
-                <el-form-item style="width: 33%" label="百度token" prop="d_baidu_token">
-                    <el-input v-model="drawerProps.row.d_baidu_token" placeholder="百度推送token" clearable />
+                <el-form-item style="width: 33%" label="百度Token" prop="d_baidu_token">
+                    <el-input v-model="drawerProps.row.d_baidu_token" placeholder="请输入百度推送Token" clearable />
                 </el-form-item>
             </div>
 
+            <template v-if="drawerProps.row.d_seo_cfg">
+                <el-divider content-position="left">SEO策略</el-divider>
+
+                <div class="c-four-columns">
+                    <el-form-item style="width: 25%" label="策略包" prop="d_seo_cfg.strategy_profile">
+                        <el-select
+                            v-model="drawerProps.row.d_seo_cfg.strategy_profile"
+                            placeholder="请选择域名策略包"
+                            @change="applySeoStrategyProfile"
+                        >
+                            <el-option
+                                v-for="item in seoStrategyProfileOptions"
+                                :key="item.value"
+                                :label="item.label"
+                                :value="item.value"
+                            />
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item style="width: 25%" label="Canonical策略" prop="d_seo_cfg.canonical_mode">
+                        <el-select v-model="drawerProps.row.d_seo_cfg.canonical_mode" placeholder="请选择 Canonical 策略">
+                            <el-option label="严格 strict" value="strict" />
+                            <el-option label="宽松 relaxed" value="relaxed" />
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item style="width: 25%" label="播放索引策略" prop="d_seo_cfg.play_index_mode">
+                        <el-select v-model="drawerProps.row.d_seo_cfg.play_index_mode" placeholder="请选择播放索引策略">
+                            <el-option label="noindex,follow" value="noindex_follow" />
+                            <el-option label="index,follow" value="index_follow" />
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item style="width: 25%" label="Robots策略" prop="d_seo_cfg.robots_policy">
+                        <el-select v-model="drawerProps.row.d_seo_cfg.robots_policy" placeholder="请选择 Robots 策略">
+                            <el-option label="默认 default" value="default" />
+                            <el-option label="index,follow" value="index_follow" />
+                            <el-option label="noindex,follow" value="noindex_follow" />
+                            <el-option label="noindex,nofollow" value="noindex_nofollow" />
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item style="width: 100%" label="策略包摘要">
+                        <el-input :model-value="seoStrategySummary()" disabled />
+                    </el-form-item>
+                </div>
+
+                <div v-if="hasSeoSection(drawerProps.row.d_seo_cfg?.forge)" class="c-four-columns">
+                    <el-form-item style="width: 25%" label="Forge档位" prop="d_seo_cfg.forge.exposure_profile">
+                        <el-select
+                            v-model="drawerProps.row.d_seo_cfg.forge!.exposure_profile"
+                            placeholder="请选择 Forge 档位"
+                            @change="applyForgeExposureProfile"
+                        >
+                            <el-option
+                                v-for="item in forgeExposureProfileOptions"
+                                :key="item.value"
+                                :label="item.label"
+                                :value="item.value"
+                            />
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item style="width: 25%" label="启用Forge" prop="d_seo_cfg.forge.enable">
+                        <el-switch
+                            v-model="drawerProps.row.d_seo_cfg.forge!.enable"
+                            :active-value="true"
+                            :inactive-value="false"
+                            active-text="启用"
+                            inactive-text="关闭"
+                        />
+                    </el-form-item>
+                    <el-form-item style="width: 25%" label="Forge数量" prop="d_seo_cfg.forge.count">
+                        <el-input-number v-model="drawerProps.row.d_seo_cfg.forge!.count" :min="0" :max="100" />
+                    </el-form-item>
+                    <el-form-item style="width: 25%" label="详情入口数" prop="d_seo_cfg.forge.entry_count">
+                        <el-input-number v-model="drawerProps.row.d_seo_cfg.forge!.entry_count" :min="0" :max="20" />
+                    </el-form-item>
+                    <el-form-item style="width: 25%" label="Sitemap扩张数" prop="d_seo_cfg.forge.sitemap_count">
+                        <el-input-number v-model="drawerProps.row.d_seo_cfg.forge!.sitemap_count" :min="0" :max="20" />
+                    </el-form-item>
+                    <el-form-item style="width: 25%" label="Forge路由组" prop="d_seo_cfg.forge.route_group">
+                        <el-select
+                            v-model="drawerProps.row.d_seo_cfg.forge!.route_group"
+                            placeholder="请选择 Forge 路由组"
+                        >
+                            <el-option
+                                v-for="item in forgeRouteGroupOptions"
+                                :key="item.value"
+                                :label="item.label"
+                                :value="item.value"
+                            />
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item style="width: 25%" label="Forge标题源" prop="d_seo_cfg.forge.title_source">
+                        <el-select
+                            v-model="drawerProps.row.d_seo_cfg.forge!.title_source"
+                            placeholder="请选择 Forge 标题源"
+                        >
+                            <el-option
+                                v-for="item in forgeTitleSourceOptions"
+                                :key="item.value"
+                                :label="item.label"
+                                :value="item.value"
+                            />
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item style="width: 100%" label="档位摘要">
+                        <el-input :model-value="forgeProfileSummary()" disabled />
+                    </el-form-item>
+                </div>
+
+                <div v-if="hasSeoSection(drawerProps.row.d_seo_cfg?.intro_block)" class="c-four-columns">
+                    <el-form-item style="width: 25%" label="首页导语" prop="d_seo_cfg.intro_block.home">
+                        <el-switch
+                            v-model="drawerProps.row.d_seo_cfg.intro_block!.home"
+                            :active-value="true"
+                            :inactive-value="false"
+                            active-text="开"
+                            inactive-text="关"
+                        />
+                    </el-form-item>
+                    <el-form-item style="width: 25%" label="分类导语" prop="d_seo_cfg.intro_block.category">
+                        <el-switch
+                            v-model="drawerProps.row.d_seo_cfg.intro_block!.category"
+                            :active-value="true"
+                            :inactive-value="false"
+                            active-text="开"
+                            inactive-text="关"
+                        />
+                    </el-form-item>
+                    <el-form-item style="width: 25%" label="详情导语" prop="d_seo_cfg.intro_block.detail">
+                        <el-switch
+                            v-model="drawerProps.row.d_seo_cfg.intro_block!.detail"
+                            :active-value="true"
+                            :inactive-value="false"
+                            active-text="开"
+                            inactive-text="关"
+                        />
+                    </el-form-item>
+                    <el-form-item style="width: 25%" label="搜索导语" prop="d_seo_cfg.intro_block.search">
+                        <el-switch
+                            v-model="drawerProps.row.d_seo_cfg.intro_block!.search"
+                            :active-value="true"
+                            :inactive-value="false"
+                            active-text="开"
+                            inactive-text="关"
+                        />
+                    </el-form-item>
+                </div>
+
+                <div v-if="hasSeoSection(drawerProps.row.d_seo_cfg?.structured_data)" class="c-two-columns">
+                    <el-form-item style="width: 50%" label="结构策略" prop="d_seo_cfg.structured_data.policy">
+                        <el-select
+                            v-model="drawerProps.row.d_seo_cfg.structured_data!.policy"
+                            placeholder="请选择结构策略"
+                            @change="applyStructuredDataPolicy"
+                        >
+                            <el-option label="完整 full" value="full" />
+                            <el-option label="紧凑 compact" value="compact" />
+                            <el-option label="极简 minimal" value="minimal" />
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item style="width: 50%" label="引用策略" prop="d_seo_cfg.structured_data.reference_mode">
+                        <el-select v-model="drawerProps.row.d_seo_cfg.structured_data!.reference_mode" placeholder="请选择引用策略">
+                            <el-option label="完整对象 inline" value="inline" />
+                            <el-option label="仅 @id id_only" value="id_only" />
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item style="width: 50%" label="站点节点" prop="d_seo_cfg.structured_data.website_node">
+                        <el-switch
+                            v-model="drawerProps.row.d_seo_cfg.structured_data!.website_node"
+                            :active-value="true"
+                            :inactive-value="false"
+                            active-text="开"
+                            inactive-text="关"
+                        />
+                    </el-form-item>
+                    <el-form-item style="width: 50%" label="页面节点" prop="d_seo_cfg.structured_data.page_node">
+                        <el-switch
+                            v-model="drawerProps.row.d_seo_cfg.structured_data!.page_node"
+                            :active-value="true"
+                            :inactive-value="false"
+                            active-text="开"
+                            inactive-text="关"
+                        />
+                    </el-form-item>
+                    <el-form-item style="width: 50%" label="面包屑节点" prop="d_seo_cfg.structured_data.breadcrumb_node">
+                        <el-switch
+                            v-model="drawerProps.row.d_seo_cfg.structured_data!.breadcrumb_node"
+                            :active-value="true"
+                            :inactive-value="false"
+                            active-text="开"
+                            inactive-text="关"
+                        />
+                    </el-form-item>
+                    <el-form-item style="width: 50%" label="视频节点" prop="d_seo_cfg.structured_data.video_object_node">
+                        <el-switch
+                            v-model="drawerProps.row.d_seo_cfg.structured_data!.video_object_node"
+                            :active-value="true"
+                            :inactive-value="false"
+                            active-text="开"
+                            inactive-text="关"
+                        />
+                    </el-form-item>
+                    <el-form-item style="width: 50%" label="组织名称" prop="d_seo_cfg.structured_data.organization_name">
+                        <el-input
+                            v-model="drawerProps.row.d_seo_cfg.structured_data!.organization_name"
+                            placeholder="留空时跟随站点名称"
+                            clearable
+                        />
+                    </el-form-item>
+                    <el-form-item style="width: 50%" label="组织节点" prop="d_seo_cfg.structured_data.organization_node">
+                        <el-switch
+                            v-model="drawerProps.row.d_seo_cfg.structured_data!.organization_node"
+                            :active-value="true"
+                            :inactive-value="false"
+                            active-text="开"
+                            inactive-text="关"
+                        />
+                    </el-form-item>
+                    <el-form-item style="width: 100%" label="sameAs" prop="d_seo_cfg.structured_data.same_as">
+                        <el-input
+                            type="textarea"
+                            :rows="3"
+                            :model-value="formatStructuredSameAs(drawerProps.row.d_seo_cfg)"
+                            placeholder="每行一个 https://sameAs 链接"
+                            @update:model-value="updateStructuredSameAs"
+                        />
+                    </el-form-item>
+                </div>
+
+                <div v-if="hasSeoSection(drawerProps.row.d_seo_cfg?.runtime_acceptance)" class="c-two-columns">
+                    <el-form-item style="width: 50%" label="运行时验收" prop="d_seo_cfg.runtime_acceptance.enable">
+                        <el-switch
+                            v-model="drawerProps.row.d_seo_cfg.runtime_acceptance!.enable"
+                            :active-value="true"
+                            :inactive-value="false"
+                            active-text="开"
+                            inactive-text="关"
+                        />
+                    </el-form-item>
+                    <el-form-item style="width: 50%" label="验收样本数">
+                        <el-input :model-value="String(drawerProps.row.d_seo_cfg.runtime_acceptance!.samples?.length ?? 0)" disabled />
+                    </el-form-item>
+                    <el-form-item style="width: 100%" label="验收样本" prop="d_seo_cfg.runtime_acceptance.samples">
+                        <el-input
+                            type="textarea"
+                            :rows="4"
+                            :model-value="formatRuntimeAcceptanceSamples(drawerProps.row.d_seo_cfg)"
+                            placeholder="每行一个样本，格式 video_id:forge_id，例如 154124:1"
+                            @update:model-value="updateRuntimeAcceptanceSamples"
+                        />
+                    </el-form-item>
+                </div>
+            </template>
+
             <div class="c-two-columns">
                 <div v-for="(i, v) in drawerProps.row.t_cfg" :key="v" style="width: 50%">
                     <el-form-item :label="i.description" prop="t_cfg" label-width="260px!important">
@@ -156,427 +425,768 @@
 </template>
 
 <script setup lang="ts" name="UserDrawer">
-import { ref, computed } from "vue";
+import { ref } from "vue";
 import { ElMessage, FormInstance } from "element-plus";
 import { SiteList } from "@/api/interface/site/list";
-import { arrColorType } from "@/utils/serviceDict";
 import { getAllList } from "@/api/modules/site/template";
 import { getSubjectFomartGroup } from "@/api/modules/site/subject/fomart/group";
-type Options = {
-    label: string;
-    value: string | number;
+
+/** 统计 URL 模板分组候选数量。 */
+const countNovelInfoUrl = (array: Array<{ sfg_name?: string }>) =>
+    array.filter(item => String(item.sfg_name ?? "").includes("排行榜列表URL")).length;
+
+const PRODUCTION_TEMPLATE_CODE = "videoGpt1";
+const seoStrategyProfileOptions: Array<{ label: string; value: SiteList.SeoStrategyProfile }> = [
+    { label: "标准 standard: 严格规范 / safe forge / full schema", value: "standard" },
+    { label: "流量 traffic: index 播放 / balanced forge / compact schema", value: "traffic" },
+    { label: "扩张 expand: relaxed canonical / expanded forge / compact schema", value: "expand" },
+    { label: "封闭 closed: noindex,nofollow / forge off / minimal schema", value: "closed" }
+];
+const forgeRouteGroupOptions: Array<{ label: string; value: SiteList.ForgeRouteGroup }> = [
+    { label: "默认 family detail_forge_v2", value: "detail_forge_v2" },
+    { label: "video", value: "video" },
+    { label: "detail", value: "detail" },
+    { label: "info", value: "info" },
+    { label: "vod", value: "vod" },
+    { label: "movie", value: "movie" },
+    { label: "film", value: "film" },
+    { label: "xiangqing", value: "xiangqing" },
+    { label: "shipin", value: "shipin" },
+    { label: "neirong", value: "neirong" },
+    { label: "dianying", value: "dianying" }
+];
+const forgeExposureProfileOptions: Array<{ label: string; value: SiteList.ForgeExposureProfile }> = [
+    { label: "安全 safe: 12 / 入口3 / sitemap0", value: "safe" },
+    { label: "平衡 balanced: 12 / 入口3 / sitemap2", value: "balanced" },
+    { label: "扩张 expanded: 16 / 入口5 / sitemap4", value: "expanded" },
+    { label: "关闭 off: 不露出 forge", value: "off" }
+];
+const forgeTitleSourceOptions: Array<{ label: string; value: SiteList.ForgeTitleSource }> = [
+    { label: "v_seo_words", value: "v_seo_words" }
+];
+const forgeExposureProfileDefaults: Record<SiteList.ForgeExposureProfile, Required<Pick<NonNullable<SiteList.SeoCfg["forge"]>, "enable" | "count" | "entry_count" | "sitemap_count">>> = {
+    safe: { enable: true, count: 12, entry_count: 3, sitemap_count: 0 },
+    balanced: { enable: true, count: 12, entry_count: 3, sitemap_count: 2 },
+    expanded: { enable: true, count: 16, entry_count: 5, sitemap_count: 4 },
+    off: { enable: false, count: 0, entry_count: 0, sitemap_count: 0 }
+};
+const structuredDataPolicyDefaults: Record<
+    NonNullable<NonNullable<SiteList.SeoCfg["structured_data"]>["policy"]>,
+    Required<
+        Pick<
+            NonNullable<SiteList.SeoCfg["structured_data"]>,
+            "reference_mode" | "website_node" | "page_node" | "breadcrumb_node" | "video_object_node" | "organization_node"
+        >
+    >
+> = {
+    full: {
+        reference_mode: "inline",
+        website_node: true,
+        page_node: true,
+        breadcrumb_node: true,
+        video_object_node: true,
+        organization_node: true
+    },
+    compact: {
+        reference_mode: "id_only",
+        website_node: true,
+        page_node: true,
+        breadcrumb_node: true,
+        video_object_node: true,
+        organization_node: true
+    },
+    minimal: {
+        reference_mode: "id_only",
+        website_node: true,
+        page_node: true,
+        breadcrumb_node: false,
+        video_object_node: true,
+        organization_node: true
+    }
+};
+const seoStrategyProfileDefaults: Record<
+    SiteList.SeoStrategyProfile,
+    {
+        canonical_mode: NonNullable<SiteList.SeoCfg["canonical_mode"]>;
+        play_index_mode: NonNullable<SiteList.SeoCfg["play_index_mode"]>;
+        robots_policy: NonNullable<SiteList.SeoCfg["robots_policy"]>;
+        forge_exposure_profile: SiteList.ForgeExposureProfile;
+        structured_data_policy: NonNullable<NonNullable<SiteList.SeoCfg["structured_data"]>["policy"]>;
+    }
+> = {
+    standard: {
+        canonical_mode: "strict",
+        play_index_mode: "noindex_follow",
+        robots_policy: "default",
+        forge_exposure_profile: "safe",
+        structured_data_policy: "full"
+    },
+    traffic: {
+        canonical_mode: "strict",
+        play_index_mode: "index_follow",
+        robots_policy: "index_follow",
+        forge_exposure_profile: "balanced",
+        structured_data_policy: "compact"
+    },
+    expand: {
+        canonical_mode: "relaxed",
+        play_index_mode: "index_follow",
+        robots_policy: "index_follow",
+        forge_exposure_profile: "expanded",
+        structured_data_policy: "compact"
+    },
+    closed: {
+        canonical_mode: "strict",
+        play_index_mode: "noindex_follow",
+        robots_policy: "noindex_nofollow",
+        forge_exposure_profile: "off",
+        structured_data_policy: "minimal"
+    }
+};
+const DRAWER_BASE_DEFAULT_ENTRIES: Array<[keyof Partial<SiteList.ResList>, any, boolean?]> = [["url_type", 1, true]];
+const DRAWER_LEGACY_DEFAULT_ENTRIES: Array<[keyof Partial<SiteList.ResList>, any, boolean?]> = [
+    ["d_logo_type", 0],
+    ["d_content_encode", 0],
+    ["d_match_type", "exact", true],
+    ["d_seed_scope", "domain", true],
+    ["d_parent_domain", ""]
+];
+/** 归一化 canonical 模式。 */
+const normalizeCanonicalMode = (mode?: SiteList.SeoCfg["canonical_mode"] | string | null): SiteList.SeoCfg["canonical_mode"] =>
+    mode === "relaxed" ? "relaxed" : "strict";
+
+/** 归一化 play index 模式。 */
+const normalizePlayIndexMode = (mode?: SiteList.SeoCfg["play_index_mode"] | string | null): SiteList.SeoCfg["play_index_mode"] =>
+    mode === "index_follow" ? "index_follow" : "noindex_follow";
+
+/** 归一化 robots 策略。 */
+const normalizeRobotsPolicy = (policy?: SiteList.SeoCfg["robots_policy"] | string | null) => {
+    const value = String(policy ?? "").trim();
+    if (["default", "index_follow", "noindex_follow", "noindex_nofollow"].includes(value)) {
+        return value as SiteList.SeoCfg["robots_policy"];
+    }
+    return "default";
+};
+/** 归一化域名匹配方式。 */
+const normalizeDomainMatchType = (value?: SiteList.ResList["d_match_type"] | string | null): SiteList.ResList["d_match_type"] => {
+    const normalized = String(value ?? "").trim().toLowerCase();
+    return normalized === "wildcard" ? "wildcard" : "exact";
+};
+/** 归一化父域名。 */
+const normalizeDomainParentDomain = (value?: SiteList.ResList["d_parent_domain"] | string | null) => {
+    return String(value ?? "").trim();
+};
+/** 归一化 Seed 范围。 */
+const normalizeDomainSeedScope = (value?: SiteList.ResList["d_seed_scope"] | string | null): SiteList.ResList["d_seed_scope"] => {
+    const normalized = String(value ?? "").trim().toLowerCase();
+    return normalized === "host" ? "host" : "domain";
+};
+/** 归一化站点域名匹配字段。 */
+const normalizeDomainIdentityFields = (row: Partial<SiteList.ResList>) => {
+    row.d_match_type = normalizeDomainMatchType(row.d_match_type);
+    row.d_parent_domain = normalizeDomainParentDomain(row.d_parent_domain);
+    row.d_seed_scope = normalizeDomainSeedScope(row.d_seed_scope);
+    return row;
+};
+/** 创建默认的 Forge 配置。 */
+const createDefaultForgeCfg = (): NonNullable<SiteList.SeoCfg["forge"]> => ({
+    exposure_profile: "safe",
+    enable: true,
+    count: 12,
+    entry_count: 3,
+    sitemap_count: 0,
+    route_group: "detail_forge_v2",
+    title_source: "v_seo_words"
+});
+/** 创建默认的导语配置。 */
+const createDefaultIntroBlockCfg = (): NonNullable<SiteList.SeoCfg["intro_block"]> => ({
+    home: true,
+    category: true,
+    detail: true,
+    search: true
+});
+/** 创建默认的结构化数据配置。 */
+const createDefaultStructuredDataCfg = (): NonNullable<SiteList.SeoCfg["structured_data"]> => ({
+    policy: "full",
+    reference_mode: "inline",
+    website_node: true,
+    page_node: true,
+    breadcrumb_node: true,
+    video_object_node: true,
+    organization_node: true,
+    organization_name: "",
+    same_as: []
+});
+/** 创建默认的运行时验收配置。 */
+const createDefaultRuntimeAcceptanceCfg = (): NonNullable<SiteList.SeoCfg["runtime_acceptance"]> => ({
+    enable: false,
+    samples: []
+});
+const createDefaultSeoCfg = (): SiteList.SeoCfg => ({
+    strategy_profile: "standard",
+    canonical_mode: "strict",
+    play_index_mode: "noindex_follow",
+    forge: createDefaultForgeCfg(),
+    intro_block: createDefaultIntroBlockCfg(),
+    structured_data: createDefaultStructuredDataCfg(),
+    runtime_acceptance: createDefaultRuntimeAcceptanceCfg(),
+    robots_policy: "default"
+});
+
+const DEFAULT_SEO_CFG = createDefaultSeoCfg();
+/** 克隆模板配置，避免直接修改原始模板对象。 */
+const cloneTemplateConfig = (config: any) => JSON.parse(JSON.stringify(config ?? []));
+/** 判断模板配置是否为空。 */
+const hasTemplateConfig = (config: any) =>
+    Array.isArray(config) ? config.length > 0 : !!config && Object.keys(config).length > 0;
+/** 合并某个 SEO 区块的默认值和当前值。 */
+const mergeSectionDefaults = <T extends object>(defaults: T | undefined, value?: Partial<T> | null): T =>
+    ({
+        ...(defaults ?? {}),
+        ...(value ?? {})
+    }) as T;
+/** 是否为普通对象（非数组）。 */
+const isRecord = (value: unknown): value is Record<string, unknown> => {
+    return typeof value === "object" && value !== null && !Array.isArray(value);
+};
+/** 解析可能是 JSON 字符串的值。 */
+const parseJsonToObject = (value: unknown) => {
+    if (typeof value === "string") {
+        try {
+            const parsed = JSON.parse(value);
+            return parsed;
+        } catch (_error) {
+            return {};
+        }
+    }
+    return value;
+};
+/** 归一化布尔值，给出默认兜底。 */
+const normalizeDefaultBoolean = (value: any, fallback: boolean) =>
+    typeof value === "boolean" ? value : fallback;
+const normalizeNonNegativeInteger = (value: unknown, fallback: number) => {
+    const parsed = Number(value);
+    return Number.isInteger(parsed) && parsed >= 0 ? parsed : Number.isFinite(parsed) ? Math.max(0, Math.floor(parsed)) : fallback;
 };
 
-function countNovelInfoUrl(array) {
-    return array.filter(item => item.sfg_name.includes("排行榜列表URL")).length;
-}
+const normalizeStructuredSameAs = (value: unknown): string[] => {
+    if (Array.isArray(value)) {
+        return value
+            .map(item => String(item ?? "").trim())
+            .filter(item => item !== "");
+    }
+    if (typeof value === "string") {
+        return splitMultilineValues(value);
+    }
+    return [];
+};
 
-const templateList = ref();
-// 获取模板列表
-getAllList().then(res => {
-    templateList.value = res.data.items;
-});
+const normalizeForgeRouteGroup = (value: unknown): SiteList.ForgeRouteGroup => {
+    const normalized = String(value ?? "").trim();
+    const routeGroups: Array<SiteList.ForgeRouteGroup> = [
+        "detail_forge_v2",
+        "video",
+        "detail",
+        "info",
+        "vod",
+        "movie",
+        "film",
+        "xiangqing",
+        "shipin",
+        "neirong",
+        "dianying"
+    ];
+    return routeGroups.includes(normalized as SiteList.ForgeRouteGroup)
+        ? (normalized as SiteList.ForgeRouteGroup)
+        : "detail_forge_v2";
+};
 
-var urlSubjectFomartGroup = ref();
-const subjectFomartGroup = ref();
-// 获取替换分组模板列表
-getSubjectFomartGroup().then(res => {
-    subjectFomartGroup.value = res.data.items;
+const normalizeForgeTitleSource = (value: unknown): SiteList.ForgeTitleSource => {
+    const normalized = String(value ?? "").trim();
+    return normalized === "v_seo_words" ? normalized : "v_seo_words";
+};
 
-    const intUrlTotal = countNovelInfoUrl(res.data.items);
+const parseRuntimeAcceptanceSampleItemFromText = (item: string) => {
+    const matched = item.match(/^(\d+)(?::(\d+))?$/);
+    if (!matched) {
+        return null;
+    }
+    return {
+        video_id: normalizeNonNegativeInteger(matched[1], 0),
+        forge_id: normalizeNonNegativeInteger(matched[2], 0)
+    };
+};
 
-    urlSubjectFomartGroup = Array.from({ length: intUrlTotal }, (_, index) => ({
-        name: `URL 模板 ${(index += 1)}`,
-        id: index // id 循环生成 1, 2, 3, 4, 5, 6
-    }));
-});
+const normalizeReferenceMode = (value: unknown, fallback: NonNullable<NonNullable<SiteList.SeoCfg["structured_data"]>["reference_mode"]>) => {
+    const normalized = String(value ?? "").trim().toLowerCase() as
+        | NonNullable<NonNullable<SiteList.SeoCfg["structured_data"]>["reference_mode"]>
+        | "";
+    return normalized === "inline" || normalized === "id_only" ? normalized : fallback;
+};
 
-const actions = ref<any[]>([]);
-// 添加参数配置
-const addParams = () => {
-    actions.value.push({
-        name: null,
-        url: null
+const parseRuntimeAcceptanceSampleItemFromObject = (value: unknown) => {
+    if (!value || typeof value !== "object") {
+        return null;
+    }
+    const raw = value as Record<string, unknown>;
+    const video_id = normalizeNonNegativeInteger(raw.video_id, 0);
+    if (video_id <= 0) {
+        return null;
+    }
+    return {
+        video_id,
+        forge_id: normalizeNonNegativeInteger(raw.forge_id, 0)
+    };
+};
+
+const normalizeRuntimeAcceptanceSamples = (value: unknown): Array<{ video_id: number; forge_id: number }> => {
+    if (Array.isArray(value)) {
+        return value
+            .map(item => {
+                if (typeof item === "string" || typeof item === "number") {
+                    return parseRuntimeAcceptanceSampleItemFromText(String(item));
+                }
+                return parseRuntimeAcceptanceSampleItemFromObject(item);
+            })
+            .filter((item): item is { video_id: number; forge_id: number } => !!item && item.video_id > 0);
+    }
+    if (typeof value === "string" || typeof value === "number") {
+        return parseRuntimeAcceptanceSamples(value)
+            .filter((item): item is { video_id: number; forge_id: number } => item.video_id > 0);
+    }
+    return [];
+};
+
+/** 归一化并补齐站点的 SEO 配置。 */
+const mergeSeoCfg = (seoCfg?: Partial<SiteList.SeoCfg> | null): SiteList.SeoCfg => {
+    const rawValue = isRecord(parseJsonToObject(seoCfg)) ? parseJsonToObject(seoCfg) : {};
+    const raw = rawValue as SiteList.SeoCfg;
+    const base = mergeSectionDefaults(DEFAULT_SEO_CFG, raw);
+    const strategy_profile = normalizeSeoStrategyProfile(base.strategy_profile);
+    const defaults = seoStrategyProfileDefaults[strategy_profile];
+    const baseForge = mergeSectionDefaults(base.forge, {});
+    const normalizedExposure = normalizeForgeExposureProfile(baseForge.exposure_profile);
+    const exposureDefaults = forgeExposureProfileDefaults[normalizedExposure];
+    const normalizedStructuredData = mergeSectionDefaults(base.structured_data, {});
+    const normalizedPolicy = normalizeStructuredDataPolicy(normalizedStructuredData.policy);
+    const structuredDataDefaults = structuredDataPolicyDefaults[normalizedPolicy];
+
+    return {
+        ...base,
+        strategy_profile,
+        canonical_mode: normalizeCanonicalMode(defaults?.canonical_mode || base.canonical_mode),
+        play_index_mode: normalizePlayIndexMode(defaults?.play_index_mode || base.play_index_mode),
+        robots_policy: normalizeRobotsPolicy(base.robots_policy),
+        forge: {
+            ...createDefaultForgeCfg(),
+            exposure_profile: normalizedExposure,
+            enable: normalizeDefaultBoolean(baseForge.enable, exposureDefaults.enable),
+            count: normalizeNonNegativeInteger(baseForge.count, exposureDefaults.count),
+            entry_count: normalizeNonNegativeInteger(baseForge.entry_count, exposureDefaults.entry_count),
+            sitemap_count: normalizeNonNegativeInteger(baseForge.sitemap_count, exposureDefaults.sitemap_count),
+            route_group: normalizeForgeRouteGroup(baseForge.route_group),
+            title_source: normalizeForgeTitleSource(baseForge.title_source)
+        },
+        intro_block: {
+            ...createDefaultIntroBlockCfg(),
+            ...mergeSectionDefaults(base.intro_block, {})
+        },
+        structured_data: {
+            ...createDefaultStructuredDataCfg(),
+            ...normalizedStructuredData,
+            policy: normalizedPolicy,
+            reference_mode: normalizeReferenceMode(normalizedStructuredData.reference_mode, structuredDataDefaults.reference_mode),
+            website_node: normalizeDefaultBoolean(normalizedStructuredData.website_node, structuredDataDefaults.website_node),
+            page_node: normalizeDefaultBoolean(normalizedStructuredData.page_node, structuredDataDefaults.page_node),
+            breadcrumb_node: normalizeDefaultBoolean(
+                normalizedStructuredData.breadcrumb_node,
+                structuredDataDefaults.breadcrumb_node
+            ),
+            video_object_node: normalizeDefaultBoolean(
+                normalizedStructuredData.video_object_node,
+                structuredDataDefaults.video_object_node
+            ),
+            organization_node: normalizeDefaultBoolean(
+                normalizedStructuredData.organization_node,
+                structuredDataDefaults.organization_node
+            ),
+            organization_name: String(normalizedStructuredData.organization_name ?? ""),
+            same_as: normalizeStructuredSameAs(normalizedStructuredData.same_as)
+        },
+        runtime_acceptance: {
+            ...createDefaultRuntimeAcceptanceCfg(),
+            enable: normalizeDefaultBoolean((base.runtime_acceptance ?? {}).enable, false),
+            samples: normalizeRuntimeAcceptanceSamples(base.runtime_acceptance?.samples)
+        }
+    };
+};
+/** 在当前抽屉行的 SEO 配置上执行回调，统一处理补全与空值保护。 */
+const withDrawerSeoCfg = <T>(handler: (seoCfg: SiteList.SeoCfg) => T) => {
+    const row = drawerProps.value.row ?? null;
+    if (!row) {
+        return null;
+    }
+
+    row.d_seo_cfg = mergeSeoCfg(row.d_seo_cfg);
+    const seoCfg = row.d_seo_cfg;
+    return handler(seoCfg);
+};
+/** 在当前抽屉行存在时执行回调，自动处理空值保护。 */
+const withDrawerRow = <T>(handler: (row: Partial<SiteList.ResList>) => T) => {
+    const row = drawerProps.value.row ?? null;
+    if (!row) {
+        return null;
+    }
+
+    return handler(row);
+};
+/** 归一化 Forge 档位。 */
+const normalizeForgeExposureProfile = (profile?: SiteList.ForgeExposureProfile | string | null): SiteList.ForgeExposureProfile => {
+    const value = String(profile ?? "").trim().toLowerCase() as SiteList.ForgeExposureProfile;
+    return forgeExposureProfileDefaults[value] ? value : "safe";
+};
+/** 归一化站点策略包档位。 */
+const normalizeSeoStrategyProfile = (profile?: SiteList.SeoStrategyProfile | string | null): SiteList.SeoStrategyProfile => {
+    const value = String(profile ?? "").trim().toLowerCase() as SiteList.SeoStrategyProfile;
+    return seoStrategyProfileDefaults[value] ? value : "standard";
+};
+/** 归一化结构化数据策略。 */
+const normalizeStructuredDataPolicy = (
+    policy?: NonNullable<NonNullable<SiteList.SeoCfg["structured_data"]>["policy"]> | string | null
+): NonNullable<NonNullable<SiteList.SeoCfg["structured_data"]>["policy"]> => {
+    const value = String(policy ?? "").trim().toLowerCase() as NonNullable<NonNullable<SiteList.SeoCfg["structured_data"]>["policy"]>;
+    return structuredDataPolicyDefaults[value] ? value : "full";
+};
+/** 生成站点策略包摘要文案。 */
+const seoStrategySummary = () => {
+    const seoCfg = drawerProps.value.row?.d_seo_cfg ?? null;
+    if (!seoCfg) {
+        return "当前没有域名策略包";
+    }
+    const matchType = normalizeDomainMatchType(drawerProps.value.row?.d_match_type);
+    const parentDomain = normalizeDomainParentDomain(drawerProps.value.row?.d_parent_domain) || "-";
+    const seedScope = normalizeDomainSeedScope(drawerProps.value.row?.d_seed_scope);
+    const profile = normalizeSeoStrategyProfile(seoCfg.strategy_profile);
+    const forgeProfile = normalizeForgeExposureProfile(seoCfg.forge?.exposure_profile);
+    const structuredPolicy = normalizeStructuredDataPolicy(seoCfg.structured_data?.policy);
+    return `${matchType} / parent:${parentDomain} / seed:${seedScope} / ${profile} / canonical:${seoCfg.canonical_mode ?? "strict"} / play:${seoCfg.play_index_mode ?? "noindex_follow"} / robots:${seoCfg.robots_policy ?? "default"} / forge:${forgeProfile} / schema:${structuredPolicy}`;
+};
+/** 生成 Forge 策略摘要文案。 */
+const forgeProfileSummary = () => {
+    const forge = drawerProps.value.row?.d_seo_cfg?.forge;
+    if (!forge) {
+        return "当前没有 forge 策略";
+    }
+    const profile = normalizeForgeExposureProfile(forge.exposure_profile);
+    const routeGroup = forge.route_group ?? "detail_forge_v2";
+    return `${profile} / enable:${forge.enable === false ? "off" : "on"} / count:${forge.count ?? 0} / entry:${forge.entry_count ?? 0} / sitemap:${forge.sitemap_count ?? 0} / route:${routeGroup}`;
+};
+/** 应用站点策略包档位并同步到关联字段。 */
+const applySeoStrategyProfile = (profile?: SiteList.SeoStrategyProfile | string | null) => {
+    withDrawerSeoCfg(seoCfg => {
+        const normalized = normalizeSeoStrategyProfile(profile ?? seoCfg.strategy_profile);
+        const defaults = seoStrategyProfileDefaults[normalized];
+        seoCfg.strategy_profile = normalized;
+        seoCfg.canonical_mode = defaults.canonical_mode;
+        seoCfg.play_index_mode = defaults.play_index_mode;
+        seoCfg.robots_policy = defaults.robots_policy;
+        seoCfg.forge = {
+            ...seoCfg.forge,
+            exposure_profile: defaults.forge_exposure_profile
+        };
+        seoCfg.structured_data = {
+            ...seoCfg.structured_data,
+            policy: defaults.structured_data_policy
+        };
+        applyForgeExposureProfile(defaults.forge_exposure_profile);
+        applyStructuredDataPolicy(defaults.structured_data_policy);
     });
 };
-const deleteParams = index => {
-    actions.value.splice(index, 1);
-};
-
-type Fields = {
-    label: string;
-    prop: string;
-    type: string;
-    value: any;
-    describe?: any;
-    required: boolean;
-    options?: Options[];
-    fieldNames?: { label: string; value: string };
-};
-const generateRules = (fields: Fields[]) => {
-    return fields.reduce(
-        (acc, field) => {
-            const { type, required, label, prop } = field;
-            let message = "";
-            if (type === "select") {
-                message = `请选择${label}`;
-            }
-            if (type === "text") {
-                message = `请输入${label}`;
-            }
-            if (type === "textarea") {
-                message = `请输入${label}`;
-            }
-            if (type === "add") {
-                message = `请输入${label}`;
-            }
-            if (type === "textarea-more") {
-                message = `请输入${label}`;
-            }
-            if (type === "text-num") {
-                message = `请输入${label}`;
-            }
-            acc[prop] = [{ required, message }];
-            return acc;
-        },
-        {} as Record<string, any>
-    );
-};
-
-const formColumns = computed((): Fields[] => {
-    return [
-        {
-            label: "站点名称",
-            prop: "si_name",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.si_name;
-            },
-            set value(val) {
-                drawerProps.value.row!.si_name = val;
-            },
-            required: true
-        },
-        {
-            label: "站点编码",
-            prop: "si_code",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.si_code;
-            },
-            set value(val) {
-                drawerProps.value.row!.si_code = val;
-            },
-            required: true
-        },
-        {
-            label: "站点状态",
-            prop: "si_status",
-            type: "switch",
-            get value() {
-                return String(drawerProps.value.row!.si_status);
-            },
-            set value(val) {
-                drawerProps.value.row!.si_status = val;
-            },
-            required: true
-        },
-        {
-            label: "站点专属影院",
-            prop: "si_cinema",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.si_cinema;
-            },
-            set value(val) {
-                drawerProps.value.row!.si_cinema = val;
-            },
-            required: false
-        },
-        {
-            label: "站点官方邮箱",
-            prop: "si_email",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.si_email;
-            },
-            set value(val) {
-                drawerProps.value.row!.si_email = val;
-            },
-            required: false
-        },
-        {
-            label: "找回网址邮箱",
-            prop: "si_retrieve_email",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.si_retrieve_email;
-            },
-            set value(val) {
-                drawerProps.value.row!.si_retrieve_email = val;
-            },
-            required: false
-        },
-
-        {
-            label: "群聊地址",
-            prop: "si_group_chat_address",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.si_group_chat_address;
-            },
-            set value(val) {
-                drawerProps.value.row!.si_group_chat_address = val;
-            },
-            required: false
-        },
-        {
-            label: "找回页面",
-            prop: "si_retrieve_page",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.si_retrieve_page;
-            },
-            set value(val) {
-                drawerProps.value.row!.si_retrieve_page = val;
-            },
-            required: false
-        },
-        {
-            label: "客服地址",
-            prop: "si_customer_service",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.si_customer_service;
-            },
-            set value(val) {
-                drawerProps.value.row!.si_customer_service = val;
-            },
-            required: false
-        },
-        {
-            label: "站点LOGO",
-            prop: "si_logo",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.si_logo;
-            },
-            set value(val) {
-                drawerProps.value.row!.si_logo = val;
-            },
-            required: false
-        },
-        {
-            label: "引导页LOGO",
-            prop: "si_logo_url",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.si_logo_url;
-            },
-            set value(val) {
-                drawerProps.value.row!.si_logo_url = val;
-            },
-            required: false
-        },
-        {
-            label: "静态资源域名",
-            prop: "si_cdn_url",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.si_cdn_url;
-            },
-            set value(val) {
-                drawerProps.value.row!.si_cdn_url = val;
-            },
-            required: false
-        },
-        {
-            label: "主题模板颜色",
-            prop: "si_template",
-            type: "select",
-            get value() {
-                return drawerProps.value.row!.si_template;
-            },
-            set value(val) {
-                drawerProps.value.row!.si_template = val;
-            },
-            options: arrColorType,
-            fieldNames: { label: "label", value: "value" },
-            required: false
-        },
-        {
-            label: "JENKINS域名",
-            prop: "si_deploy_site_jenkins",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.si_deploy_site_jenkins;
-            },
-            set value(val) {
-                drawerProps.value.row!.si_deploy_site_jenkins = val;
-            },
-            required: false
-        },
-        {
-            label: "引导页构建",
-            prop: "si_deploy_landing_jenkins",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.si_deploy_landing_jenkins;
-            },
-            set value(val) {
-                drawerProps.value.row!.si_deploy_landing_jenkins = val;
-            },
-            required: false
-        },
-        {
-            label: "站点专属URL",
-            prop: "si_url",
-            type: "textarea",
-            describe: "多个用逗号(,)隔开",
-            get value() {
-                return drawerProps.value.row!.si_url;
-            },
-            set value(val) {
-                drawerProps.value.row!.si_url = val;
-            },
-            required: true
-        },
-
-        {
-            label: "网站公告",
-            prop: "si_website_bulletin",
-            type: "textarea",
-            get value() {
-                return drawerProps.value.row!.si_website_bulletin;
-            },
-            set value(val) {
-                drawerProps.value.row!.si_website_bulletin = val;
-            },
-            required: false
-        },
-        {
-            label: "引导页线路",
-            prop: "si_route_url",
-            type: "add",
-            get value() {
-                return drawerProps.value.row!.si_route_url;
-            },
-            set value(val) {
-                drawerProps.value.row!.si_route_url = val;
-            },
-            required: true
-        },
-        {
-            label: "统计代码",
-            prop: "si_statistical_code",
-            type: "textarea",
-            get value() {
-                return drawerProps.value.row!.si_statistical_code;
-            },
-            set value(val) {
-                drawerProps.value.row!.si_statistical_code = val;
-            },
-            required: false
-        },
-        {
-            label: "引导页统计代码",
-            prop: "si_guide_statistical_code",
-            type: "textarea-more",
-            get value() {
-                return drawerProps.value.row!.si_guide_statistical_code;
-            },
-            set value(val) {
-                drawerProps.value.row!.si_guide_statistical_code = val;
-            },
-            required: false
+/** 应用 Forge 档位默认值。 */
+const applyForgeExposureProfile = (profile?: SiteList.ForgeExposureProfile | string | null) => {
+    withDrawerSeoCfg(seoCfg => {
+        if (!seoCfg.forge) {
+            return;
         }
-    ];
+
+        const normalized = normalizeForgeExposureProfile(profile ?? seoCfg.forge.exposure_profile);
+        const defaults = forgeExposureProfileDefaults[normalized];
+        seoCfg.forge = {
+            ...seoCfg.forge,
+            exposure_profile: normalized,
+            enable: defaults.enable,
+            count: defaults.count,
+            entry_count: defaults.entry_count,
+            sitemap_count: defaults.sitemap_count
+        };
+    });
+};
+/** 应用结构化数据策略默认值。 */
+const applyStructuredDataPolicy = (
+    policy?: NonNullable<NonNullable<SiteList.SeoCfg["structured_data"]>["policy"]> | string | null
+) => {
+    withDrawerSeoCfg(seoCfg => {
+        const normalized = normalizeStructuredDataPolicy(policy ?? seoCfg.structured_data?.policy);
+        const defaults = structuredDataPolicyDefaults[normalized];
+        seoCfg.structured_data = {
+            ...seoCfg.structured_data,
+            policy: normalized,
+            reference_mode: defaults.reference_mode,
+            website_node: defaults.website_node,
+            page_node: defaults.page_node,
+            breadcrumb_node: defaults.breadcrumb_node,
+            video_object_node: defaults.video_object_node,
+            organization_node: defaults.organization_node
+        };
+    });
+};
+/** 判断指定 SEO 区块是否需要展示。 */
+const hasSeoSection = (section: unknown) => !!section;
+/** 将 sameAs 多行文本转为数组字符串。 */
+const formatStructuredSameAs = (seoCfg?: Partial<SiteList.SeoCfg> | null) =>
+    normalizeStructuredSameAs(seoCfg?.structured_data?.same_as).join("\n");
+/** 拆分多行文本。 */
+const splitMultilineValues = (value: string | number) =>
+    String(value ?? "")
+        .split(/[\r\n,]+/)
+        .map(item => item.trim())
+        .filter(Boolean);
+/** 更新 structured_data.same_as。 */
+const updateStructuredSameAs = (value: string | number) => {
+    withDrawerSeoCfg(seoCfg => {
+        seoCfg.structured_data = {
+            ...mergeSectionDefaults(DEFAULT_SEO_CFG.structured_data, seoCfg.structured_data),
+            same_as: splitMultilineValues(value)
+        };
+    });
+};
+/** 将数值归一化为指定下限的正整数。 */
+const normalizePositiveInteger = (value: unknown, min = 1) => Math.max(min, Number(value ?? 0));
+/** 格式化单个运行时验收样本。 */
+const formatRuntimeAcceptanceSampleItem = (item: { video_id?: number; forge_id?: number }) =>
+    `${normalizePositiveInteger(item.video_id, 0)}:${normalizePositiveInteger(item.forge_id)}`;
+/** 判断是否为运行时验收样本的占位文本。 */
+const isRuntimeAcceptanceSamplePlaceholder = (item: string) => item === "0:1";
+/** 解析单个运行时验收样本。 */
+const parseRuntimeAcceptanceSampleItem = (item: string) => {
+    const matched = item.match(/^(\d+)(?::(\d+))?$/);
+    if (!matched) {
+        return null;
+    }
+
+    return {
+        video_id: normalizePositiveInteger(matched[1], 0),
+        forge_id: normalizePositiveInteger(matched[2])
+    };
+};
+/** 将运行时验收样本格式化为多行文本。 */
+const formatRuntimeAcceptanceSamples = (seoCfg?: Partial<SiteList.SeoCfg> | null) => {
+    const samples = Array.isArray(seoCfg?.runtime_acceptance?.samples) ? seoCfg.runtime_acceptance.samples : [];
+    return samples
+        .map(item => formatRuntimeAcceptanceSampleItem(item))
+        .filter(item => !isRuntimeAcceptanceSamplePlaceholder(item))
+        .join("\n");
+};
+/** 解析运行时验收样本。 */
+const parseRuntimeAcceptanceSamples = (value: string | number) =>
+    splitMultilineValues(value)
+        .map(item => parseRuntimeAcceptanceSampleItem(item))
+        .filter((item): item is { video_id: number; forge_id: number } => !!item && item.video_id > 0);
+/** 更新运行时验收样本列表。 */
+const updateRuntimeAcceptanceSamples = (value: string | number) => {
+    withDrawerSeoCfg(seoCfg => {
+        seoCfg.runtime_acceptance = {
+            ...mergeSectionDefaults(DEFAULT_SEO_CFG.runtime_acceptance, seoCfg.runtime_acceptance),
+            samples: parseRuntimeAcceptanceSamples(value)
+        };
+    });
+};
+
+const templateList = ref<any[]>([]);
+/** 为对象字段补默认值。 */
+const assignDefaultValue = <T extends Record<string, any>, K extends keyof T>(target: T, key: K, value: T[K], empty = false) => {
+    const current = target[key];
+    if (empty ? !current : current == null) {
+        target[key] = value;
+    }
+};
+/** 批量补齐默认值。 */
+const applyDefaultEntries = <T extends Record<string, any>>(
+    target: T,
+    entries: Array<[keyof T, T[keyof T], boolean?]>
+) => {
+    entries.forEach(([key, value, empty]) => {
+        assignDefaultValue(target, key, value, empty);
+    });
+};
+/** 根据当前模板列表返回可见模板。 */
+const visibleTemplateList = () => {
+    if (!Array.isArray(templateList.value) || templateList.value.length === 0) {
+        return [];
+    }
+
+    const matchedTemplate = templateList.value.find(item => item.t_code === PRODUCTION_TEMPLATE_CODE);
+    const currentTemplateId = drawerProps.value.row?.t_id ?? null;
+    if (!matchedTemplate) {
+        return templateList.value;
+    }
+
+    return templateList.value.filter(item => item.t_code === PRODUCTION_TEMPLATE_CODE || item.t_id === currentTemplateId);
+};
+/** 应用抽屉默认值。 */
+const applyDrawerDefaults = (row: Partial<SiteList.ResList>) => {
+    const matchedTemplate = templateList.value.find(item => item.t_code === PRODUCTION_TEMPLATE_CODE);
+    if (matchedTemplate) {
+        if (!row.t_id) {
+            row.t_id = matchedTemplate.t_id;
+        }
+
+        if (!hasTemplateConfig(row.t_cfg)) {
+            row.t_cfg = cloneTemplateConfig(matchedTemplate.t_cfg_template);
+        }
+    }
+    applyDefaultEntries(row, DRAWER_LEGACY_DEFAULT_ENTRIES);
+    normalizeDomainIdentityFields(row);
+    row.d_seo_cfg = mergeSeoCfg(row.d_seo_cfg);
+};
+/** 提交成功后的统一收尾。 */
+const completeSubmit = () => {
+    ElMessage.success({
+        message: drawerProps.value.successMessage || `${drawerProps.value.title}完成，已刷新站点列表`
+    });
+    drawerProps.value.getTableList!();
+    drawerVisible.value = false;
+};
+
+getAllList().then(res => {
+    templateList.value = res.data.items ?? [];
+    withDrawerRow(row => {
+        applyDrawerDefaults(row);
+    });
+});
+
+const urlSubjectFomartGroup = ref<any[]>([]);
+const subjectFomartGroup = ref<any[]>([]);
+getSubjectFomartGroup().then(res => {
+    subjectFomartGroup.value = res.data.items;
+    const urlTemplateTotal = countNovelInfoUrl(res.data.items);
+    urlSubjectFomartGroup.value = Array.from({ length: urlTemplateTotal }, (_, index) => ({
+        name: `URL 模板 ${index + 1}`,
+        id: index + 1
+    }));
+});
+const rules = ref({
+    t_id: [{ required: true, message: "请选择视图模板" }],
+    d_domain: [{ required: true, message: "请输入站点域名" }],
+    d_name: [{ required: true, message: "请输入站点名称" }],
+    d_match_type: [{ required: true, message: "请选择匹配方式" }],
+    d_seed_scope: [{ required: true, message: "请选择 Seed 范围" }]
 });
-const rules = ref();
 
 interface DrawerProps {
     title: string;
     isView: boolean;
-    row: Partial<SiteList.ResList>;
+    row: Partial<SiteList.ResList> & { d_seo_cfg: SiteList.SeoCfg };
     api?: (params: any) => Promise<any>;
     getTableList?: () => void;
+    successMessage?: string;
 }
 
 const drawerVisible = ref(false);
 const drawerProps = ref<DrawerProps>({
     isView: false,
     title: "",
-    row: {}
+    row: {
+        d_seo_cfg: mergeSeoCfg()
+    }
 });
 
-// 接收父组件传过来的参数
+/** 接收外部参数并打开抽屉。 */
 const acceptParams = (params: DrawerProps) => {
-    drawerProps.value = params;
-    drawerProps.value.row["url_type"] = 1;
-    rules.value = generateRules(formColumns.value);
-    drawerVisible.value = true;
-    actions.value = [];
-    // if (drawerProps.value.title === "新增站点") {
-    //     drawerProps.value.row!.si_status = String(1);
-    // } else {
-    //     drawerProps.value.row!.si_status = String(drawerProps.value.row!.si_status);
-    // }
-    // if (drawerProps.value.row.si_route_url) {
-    //     actions.value = drawerProps.value.row.si_route_url;
-    // }
-};
-const handleSelectChange = value => {
-    // 获取选择的 模板
-    const matchedTemplate = templateList.value.find(item => item.t_id === value);
-
-    // 这里我想 同步下原有模板的值 数据到 新模板
-
-    // 将站点原有的模板  替换成 选择的模板
-    drawerProps.value.row.t_cfg = matchedTemplate.t_cfg_template;
-};
-
-const handleSelectChangeUrl = value => {
-    console.log(value);
-    var strKey = "模板";
-    var temp = drawerProps.value.row.t_cfg;
-    for (const key in temp) {
-        // && key != "PC_URL_PATH"
-        if (key.includes("_URL")) {
-            var newKey = temp[key].description.replace(/模板(\d+)/g, `模板${value}`);
-            console.log(newKey);
-            subjectFomartGroup.value.forEach(item => {
-                if (item.sfg_description === newKey) {
-                    temp[key].sfg_id = item.sfg_id;
-                    temp[key].description = item.sfg_name;
-                }
-            });
+    drawerProps.value = {
+        ...params,
+        row: {
+            ...JSON.parse(JSON.stringify(params.row ?? {})),
+            d_seo_cfg: mergeSeoCfg(params.row?.d_seo_cfg)
         }
-    }
-    drawerProps.value.row.t_cfg = temp;
+    };
+    withDrawerRow(row => {
+        applyDrawerDefaults(row);
+    });
+    drawerVisible.value = true;
 };
+/** 应用基础模板选择。 */
+const applyTemplateSelection = (templateId: number | string) => {
+    const matchedTemplate = templateList.value.find(item => item.t_id === templateId);
+    if (!matchedTemplate) {
+        return;
+    }
 
-// 提交数据（新增/编辑）
+    withDrawerRow(row => {
+        const currentConfig = cloneTemplateConfig(row.t_cfg);
+        const nextConfig = matchedTemplate.t_cfg_template ?? currentConfig;
+        row.t_cfg = cloneTemplateConfig(nextConfig);
+    });
+};
+/** 收集当前模板配置中的 URL 模板键。 */
+const collectUrlTemplateKeys = (temp: Record<string, any>) =>
+    Object.keys(temp).filter(key => key.includes("_URL"));
+/** 更新单个 URL 模板项的分组映射。 */
+const updateUrlTemplateGroupItem = (temp: Record<string, any>, key: string, value: number) => {
+    const groupItem = temp[key] ?? null;
+    if (!groupItem) {
+        return;
+    }
+
+    const expectedDescription = String(groupItem.description ?? "").replace(/模板(\d+)/g, `模板${value}`);
+    const matchedItem =
+        subjectFomartGroup.value.find(item => item.sfg_description === expectedDescription) ??
+        subjectFomartGroup.value.find(item => item.sfg_name === expectedDescription);
+    if (!matchedItem) {
+        return;
+    }
+
+    groupItem.sfg_id = matchedItem.sfg_id;
+    groupItem.description = matchedItem.sfg_name;
+};
+/** 同步 URL 模板对应的模板分组。 */
+const syncUrlTemplateGroup = (temp: any, value: number) => {
+    collectUrlTemplateKeys(temp).forEach(key => {
+        updateUrlTemplateGroupItem(temp, key, value);
+    });
+};
+/** 应用 URL 模板分组选择。 */
+const applyUrlTemplateSelection = (value: number) => {
+    withDrawerRow(row => {
+        const currentConfig = cloneTemplateConfig(row.t_cfg);
+        syncUrlTemplateGroup(currentConfig, value);
+        row.t_cfg = cloneTemplateConfig(currentConfig);
+    });
+};
 const ruleFormRef = ref<FormInstance>();
+/** 校验并提交抽屉表单。 */
 const handleSubmit = () => {
-    // drawerProps.value.row.si_route_url = actions.value;
     ruleFormRef.value!.validate(async valid => {
         if (!valid) return;
         try {
-            const params = { ...drawerProps.value.row };
-            // console.log(params)
-            // console.log(params.t_id)
-            // console.log(templateList.value)
-            // const matchedTemplate = templateList.value.find(item => item.t_id === params.t_id);
-            // console.log(matchedTemplate)
-            // console.log(matchedTemplate.t_cfg_template)
-
-            console.log(params.t_cfg);
+            const params = withDrawerRow(row => {
+                applyDrawerDefaults(row);
+                normalizeDomainIdentityFields(row);
+                return {
+                    ...row,
+                    d_match_type: normalizeDomainMatchType(row.d_match_type),
+                    d_parent_domain: normalizeDomainParentDomain(row.d_parent_domain),
+                    d_seed_scope: normalizeDomainSeedScope(row.d_seed_scope),
+                    d_seo_cfg: mergeSeoCfg(row.d_seo_cfg)
+                };
+            });
+            if (!params) {
+                return;
+            }
             await drawerProps.value.api!(params);
-            ElMessage.success({ message: `${drawerProps.value.title}成功！` });
-            drawerProps.value.getTableList!();
-            drawerVisible.value = false;
-        } catch (error) {
-            console.log(error);
+            completeSubmit();
+        } catch (_error) {
+            return;
         }
     });
 };
@@ -604,4 +1214,11 @@ defineExpose({
     flex-wrap: wrap;
     width: 100%;
 }
+
+.c-three-columns,
+.c-four-columns {
+    display: flex;
+    flex-wrap: wrap;
+    width: 100%;
+}
 </style>
diff --git a/src/views/site/index.vue b/src/views/site/index.vue
index e699b59..a0090bc 100644
--- a/src/views/site/index.vue
+++ b/src/views/site/index.vue
@@ -3,425 +3,1531 @@
         <ProTable
             ref="proTable"
             highlight-current-row
+            row-key="d_id"
             :columns="columns"
             :request-api="getTableList"
             :data-callback="dataCallback"
         >
-            <!-- 表格 header 按钮 -->
-            <template #tableHeader="scope">
-                <el-button type="primary" :icon="CirclePlus" @click="openDrawer(true)">新增</el-button>
-                <el-button type="primary" :icon="Upload" @click="batchAdd"> 批量添加 </el-button>
-                <el-button type="primary" :icon="Upload" @click="clearCache"> 缓存清理 </el-button>
-                <el-button type="primary" :icon="Upload" @click="resetTmp"> 模板重置 </el-button>
-                <el-button
-                    type="danger"
-                    :icon="Delete"
-                    style="display: none"
-                    plain
-                    :disabled="!scope.isSelected"
-                    @click="batchDelete(scope.selectedList)"
-                >
-                    批量删除站点
-                </el-button>
+            <template #empty>
+                <el-empty description="暂无站点数据，请先新增站点或批量导入站点" />
+            </template>
+            <template #tableHeader="scope">
+                <el-button type="primary" :icon="CirclePlus" @click="openDrawer(true)">新增站点</el-button>
+                <el-button type="primary" :icon="Upload" @click="batchAdd">批量导入站点</el-button>
+                <el-button type="info" :icon="Upload" @click="openDomainImportRunDialog">最近导入记录</el-button>
+                <el-button type="warning" :icon="Setting" @click="openDomainImportFailedQueueDialog">探测失败队列</el-button>
+                <el-button type="success" :icon="Setting" @click="openDomainImportSelfHealingDialog">最近自动修复记录</el-button>
+                <el-button type="danger" :icon="Setting" @click="openDomainImportManualAttentionDialog">人工关注队列</el-button>
+                <el-button type="primary" :icon="Setting" @click="openDomainImportManualAttentionHandleDialog">最近人工处理记录</el-button>
+                <el-button type="primary" :icon="Setting" @click="openDomainImportHealthWorkbenchDialog">导入健康台</el-button>
+                <el-button type="info" :icon="Setting" @click="openDomainImportHealthWorkbenchSummaryDialog">最近健康台记录</el-button>
+                <el-button type="info" :icon="Setting" @click="openDomainImportHealthWorkbenchTrendDialog">健康台趋势</el-button>
+                <el-button type="success" :icon="Setting" @click="openDomainImportExternalSeoClosureDialog">闭环总览</el-button>
+                <el-button type="primary" :icon="Setting" @click="openDomainImportExternalSeoClosureActionDialog">闭环动作记录</el-button>
+                <el-button type="warning" :icon="Setting" @click="openDomainImportExternalSeoClosureTodayDialog">闭环今日值班面</el-button>
+                <el-button type="success" :icon="Setting" @click="openDomainExternalSeoSummaryDialog">站外效果摘要</el-button>
+                <el-button type="warning" :icon="Setting" @click="openDomainExternalSeoFailedQueueDialog">站外异常队列</el-button>
+                <el-button type="info" :icon="Setting" @click="openDomainExternalSeoTrendDialog">站外效果趋势</el-button>
+                <el-button type="success" :icon="Setting" @click="openDomainExternalSeoResultObserveDialog">SEO结果观察面板</el-button>
+                <el-button type="danger" :icon="Setting" @click="openDomainSpiderCrawlWorkbenchDialog">蜘蛛抓取概览</el-button>
+                <el-button type="primary" :icon="Setting" @click="openDomainSpiderMdDialog">蜘蛛池MD</el-button>
+                <el-button type="warning" :icon="Setting" @click="openDomainSeoCopyWorkbenchDialog()">AI文案工作台</el-button>
+                <el-button type="primary" :icon="Setting" @click="openDomainExternalSeoProviderDialog">站外数据接入</el-button>
+                <el-button type="info" :icon="Setting" @click="openDomainExternalSeoRealSummaryDialog">真实站外结果</el-button>
+                <el-button type="warning" :icon="Upload" @click="openDomainExternalSeoManualImportRunDialog">最近手工报表记录</el-button>
+                <el-button type="success" :icon="Upload" @click="openDomainSupplyDialog">一体化供给模板</el-button>
+                <el-button type="warning" :icon="Setting" @click="openBatchStrategyDrawer(scope.selectedList)">批量套策略包</el-button>
+                <el-button type="warning" :icon="Setting" @click="submitSeoCopyAiForRows(scope.selectedList)">批量提交AI生成</el-button>
+                <el-button type="danger" :icon="Setting" @click="optimizeSeoCopyAiForRows(scope.selectedList)">批量AI重优化</el-button>
+                <el-button type="primary" :icon="Upload" @click="clearCache">清理站点缓存</el-button>
+                <el-button type="primary" :icon="Upload" @click="resetTmp">重置模板配置</el-button>
+                <el-button type="primary" :icon="Setting" @click="openBootstrapAdminCenter('overview')">Bootstrap总控台</el-button>
+                <el-button type="warning" :icon="Setting" @click="openBootstrapAdminCenter({ tab: 'ops', opsFocus: { panel: 'oncall', stage: 'all', clearHostFocus: true, hostConsolePanel: 'oncall' } })">Bootstrap值班台</el-button>
+                <el-button type="warning" :icon="Setting" @click="() => openBootstrapEnvDialog()">Bootstrap环境模板</el-button>
             </template>
-            <!-- 表格操作 -->
             <template #operation="scope">
-                <div class="c-right-pad">
-                    <div>
-                        <el-button
-                            type="success"
-                            style="width: 72px"
-                            v-if="scope.row.si_deploy_site_jenkins?.length > 0"
-                            link
-                            :icon="Refresh"
-                            @click="structureDrawer(scope.row)"
-                        >
-                            H5构建
-                        </el-button>
-                        <el-button
-                            v-if="scope.row.si_deploy_site_jenkins?.length == 0"
-                            style="width: 72px; background: none; border: none"
-                            >--
-                        </el-button>
-                        <el-button type="primary" link :icon="EditPen" @click="openDrawer(false, scope.row)">编辑</el-button>
-                    </div>
-                    <div>
-                        <el-button
-                            type="success"
-                            style="width: 72px"
-                            v-if="scope.row.si_deploy_landing_jenkins?.length > 0"
-                            link
-                            :icon="Refresh"
-                            @click="landingDrawer(scope.row)"
-                        >
-                            引导页
-                        </el-button>
-                        <el-button
-                            v-if="scope.row.si_deploy_landing_jenkins?.length == 0"
-                            style="width: 72px; background: none; border: none"
-                            >--
-                        </el-button>
-                        <!-- <el-button type="danger" link :icon="Delete" @click="deleteAccount(scope.row)">删除</el-button> -->
-                    </div>
-                </div>
+                <el-button type="primary" link :icon="EditPen" @click="openDrawer(false, scope.row)">编辑</el-button>
+                <el-button type="warning" link :icon="Setting" @click="submitSeoCopyAiForRows([scope.row])">提交AI生成</el-button>
+                <el-button type="danger" link :icon="Setting" @click="optimizeSeoCopyAiForRows([scope.row])">AI重优化</el-button>
+                <el-button type="info" link :icon="Setting" @click="openDomainSeoCopyWorkbenchDialog(scope.row.d_domain)">优化历史</el-button>
             </template>
         </ProTable>
         <Drawer ref="drawerRef" />
-        <ImportExcel ref="importRef" />
+        <BatchStrategyDialog v-if="dialogMount.batchStrategyDialog" ref="batchStrategyDialogRef" />
+        <ImportExcel v-if="dialogMount.importDialog" ref="importRef" />
+        <DomainImportRunDialog v-if="dialogMount.domainImportRunDialog" ref="domainImportRunDialogRef" />
+        <DomainImportFailedQueueDialog v-if="dialogMount.domainImportFailedQueueDialog" ref="domainImportFailedQueueDialogRef" />
+        <DomainImportSelfHealingDialog v-if="dialogMount.domainImportSelfHealingDialog" ref="domainImportSelfHealingDialogRef" />
+        <DomainImportManualAttentionDialog v-if="dialogMount.domainImportManualAttentionDialog" ref="domainImportManualAttentionDialogRef" />
+        <DomainImportManualAttentionHandleDialog
+            v-if="dialogMount.domainImportManualAttentionHandleDialog"
+            ref="domainImportManualAttentionHandleDialogRef"
+        />
+        <DomainImportHealthWorkbenchDialog v-if="dialogMount.domainImportHealthWorkbenchDialog" ref="domainImportHealthWorkbenchDialogRef" />
+        <DomainImportHealthWorkbenchSummaryDialog
+            v-if="dialogMount.domainImportHealthWorkbenchSummaryDialog"
+            ref="domainImportHealthWorkbenchSummaryDialogRef"
+        />
+        <DomainImportHealthWorkbenchTrendDialog
+            v-if="dialogMount.domainImportHealthWorkbenchTrendDialog"
+            ref="domainImportHealthWorkbenchTrendDialogRef"
+        />
+        <DomainImportExternalSeoClosureDialog
+            v-if="dialogMount.domainImportExternalSeoClosureDialog"
+            ref="domainImportExternalSeoClosureDialogRef"
+        />
+        <DomainImportExternalSeoClosureActionDialog
+            v-if="dialogMount.domainImportExternalSeoClosureActionDialog"
+            ref="domainImportExternalSeoClosureActionDialogRef"
+        />
+        <DomainImportExternalSeoClosureTodayDialog
+            v-if="dialogMount.domainImportExternalSeoClosureTodayDialog"
+            ref="domainImportExternalSeoClosureTodayDialogRef"
+        />
+        <DomainExternalSeoSummaryDialog v-if="dialogMount.domainExternalSeoSummaryDialog" ref="domainExternalSeoSummaryDialogRef" />
+        <DomainExternalSeoFailedQueueDialog
+            v-if="dialogMount.domainExternalSeoFailedQueueDialog"
+            ref="domainExternalSeoFailedQueueDialogRef"
+        />
+        <DomainExternalSeoTrendDialog v-if="dialogMount.domainExternalSeoTrendDialog" ref="domainExternalSeoTrendDialogRef" />
+        <DomainExternalSeoResultObserveDialog
+            v-if="dialogMount.domainExternalSeoResultObserveDialog"
+            ref="domainExternalSeoResultObserveDialogRef"
+        />
+        <DomainExternalSeoProviderDialog v-if="dialogMount.domainExternalSeoProviderDialog" ref="domainExternalSeoProviderDialogRef" />
+        <DomainExternalSeoRealSummaryDialog
+            v-if="dialogMount.domainExternalSeoRealSummaryDialog"
+            ref="domainExternalSeoRealSummaryDialogRef"
+        />
+        <DomainExternalSeoManualImportRunDialog
+            v-if="dialogMount.domainExternalSeoManualImportRunDialog"
+            ref="domainExternalSeoManualImportRunDialogRef"
+        />
+        <DomainSpiderCrawlWorkbenchDialog
+            v-if="dialogMount.domainSpiderCrawlWorkbenchDialog"
+            ref="domainSpiderCrawlWorkbenchDialogRef"
+        />
+        <DomainSpiderMdDialog v-if="dialogMount.domainSpiderMdDialog" ref="domainSpiderMdDialogRef" />
+        <DomainSeoCopyWorkbenchDialog v-if="dialogMount.domainSeoCopyWorkbenchDialog" ref="domainSeoCopyWorkbenchDialogRef" />
+        <BootstrapAdminCenter v-if="dialogMount.bootstrapAdminCenter" ref="bootstrapAdminCenterRef" />
+        <BootstrapEnvDialog v-if="dialogMount.bootstrapEnvDialog" ref="bootstrapEnvDialogRef" />
+        <DomainSupplyDialog v-if="dialogMount.domainSupplyDialog" ref="domainSupplyDialogRef" />
+        <DomainImportTaskConsoleDialog ref="domainImportTaskConsoleDialogRef" />
     </div>
 </template>
 
 <script setup lang="tsx" name="complexProTable">
-import { reactive, ref } from "vue";
-import { ElMessage, FormInstance } from "element-plus";
+import { nextTick, onBeforeUnmount, onMounted, reactive, ref, watch } from "vue";
+import { useRoute, useRouter } from "vue-router";
+import { ElMessage, ElMessageBox } from "element-plus";
 import { SiteList } from "@/api/interface/site/list";
-import { useHandleData } from "@/hooks/useHandleData";
 import ProTable from "@/components/ProTable/index.vue";
-import { Delete, EditPen, CirclePlus, Upload, Refresh } from "@element-plus/icons-vue";
+import { EditPen, CirclePlus, Upload, Setting } from "@element-plus/icons-vue";
 import { ProTableInstance, ColumnProps } from "@/components/ProTable/interface";
-import { getList, saveData, uploadExcel, cacheFlush, deleteItem, buildItem, landingItem } from "@/api/modules/site/list";
+import {
+    getList,
+    getDomainAllList,
+    saveData,
+    uploadExcel,
+    cacheFlush,
+    applyDomainStrategyProfileBatch,
+    getDomainImportTemplate,
+    submitDomainSeoCopyAiGenerate,
+    optimizeDomainSeoCopyAiGenerate
+} from "@/api/modules/site/list";
 import { getAllList } from "@/api/modules/site/template";
 import Drawer from "./drawer.vue";
-import { arrColorType } from "@/utils/serviceDict";
+import BatchStrategyDialog from "./batchStrategyDialog.vue";
 import ImportExcel from "@/components/ImportExcel/index.vue";
+import DomainImportRunDialog from "./domainImportRunDialog.vue";
+import DomainImportFailedQueueDialog from "./domainImportFailedQueueDialog.vue";
+import DomainImportSelfHealingDialog from "./domainImportSelfHealingDialog.vue";
+import DomainImportManualAttentionDialog from "./domainImportManualAttentionDialog.vue";
+import DomainImportManualAttentionHandleDialog from "./domainImportManualAttentionHandleDialog.vue";
+import DomainImportHealthWorkbenchDialog from "./domainImportHealthWorkbenchDialog.vue";
+import DomainImportHealthWorkbenchSummaryDialog from "./domainImportHealthWorkbenchSummaryDialog.vue";
+import DomainImportHealthWorkbenchTrendDialog from "./domainImportHealthWorkbenchTrendDialog.vue";
+import DomainImportExternalSeoClosureDialog from "./domainImportExternalSeoClosureDialog.vue";
+import DomainImportExternalSeoClosureActionDialog from "./domainImportExternalSeoClosureActionDialog.vue";
+import DomainImportExternalSeoClosureTodayDialog from "./domainImportExternalSeoClosureTodayDialog.vue";
+import DomainExternalSeoSummaryDialog from "./domainExternalSeoSummaryDialog.vue";
+import DomainExternalSeoFailedQueueDialog from "./domainExternalSeoFailedQueueDialog.vue";
+import DomainExternalSeoTrendDialog from "./domainExternalSeoTrendDialog.vue";
+import DomainExternalSeoResultObserveDialog from "./domainExternalSeoResultObserveDialog.vue";
+import DomainExternalSeoProviderDialog from "./domainExternalSeoProviderDialog.vue";
+import DomainExternalSeoRealSummaryDialog from "./domainExternalSeoRealSummaryDialog.vue";
+import DomainExternalSeoManualImportRunDialog from "./domainExternalSeoManualImportRunDialog.vue";
+import DomainSpiderCrawlWorkbenchDialog from "./domainSpiderCrawlWorkbenchDialog.vue";
+import DomainSpiderMdDialog from "./domainSpiderMdDialog.vue";
+import DomainSeoCopyWorkbenchDialog from "./domainSeoCopyWorkbenchDialog.vue";
+import BootstrapEnvDialog from "./bootstrapEnvDialog.vue";
+import BootstrapAdminCenter from "./bootstrapAdminCenter.vue";
+import DomainSupplyDialog from "./domainSupplyDialog.vue";
+import DomainImportTaskConsoleDialog from "./domainImportTaskConsoleDialog.vue";
+type BootstrapFocusMode = "all" | "task" | "oncall" | "pipeline" | "import" | "release";
+type BootstrapFocusPayload = BootstrapFocusMode | BootstrapFocusMode[];
+type BootstrapComparePreset =
+    | "latest_two"
+    | "latest_applied_vs_dry_run"
+    | "latest_template_two"
+    | "latest_template_apply_vs_preview"
+    | "latest_restore_two"
+    | "latest_restore_apply_vs_preview";
+type BootstrapRestorePreset = "latest_restore_after_preview" | "latest_restore_before_preview";
+type BootstrapHistoryActionPreset = "template_family" | "restore_family" | "restore_preview_only" | "restore_apply_only";
+type BootstrapDialogPayload =
+    | BootstrapFocusPayload
+    | {
+          focusMode?: BootstrapFocusPayload;
+          comparePreset?: BootstrapComparePreset;
+          restorePreset?: BootstrapRestorePreset;
+          historyActionPreset?: BootstrapHistoryActionPreset;
+      };
+type OpsPanelKey = "queue" | "oncall" | "tasks" | "runs" | "attention" | "completed";
+type BootstrapStageKey =
+    | "all"
+    | "ready_to_register"
+    | "ready_to_apply"
+    | "ready_for_prepare"
+    | "ready_to_import"
+    | "ready_to_release_dry_run"
+    | "ready_to_publish"
+    | "attention"
+    | "published";
+type HostConsolePanelKey = "bundle" | "oncall" | "runs" | "completed";
+type OpsInspectorKind = "bundle" | "oncall" | "task" | "run" | "attention_bundle" | "failed_run" | "completed";
+type BootstrapOpsFocusPayload = {
+    panel?: OpsPanelKey;
+    stage?: BootstrapStageKey;
+    host?: string;
+    keyword?: string;
+    clearHostFocus?: boolean;
+    hostConsolePanel?: HostConsolePanelKey;
+    inspectorKind?: OpsInspectorKind | "default";
+};
+type BootstrapAdminOpenPayload =
+    | "overview"
+    | "ops"
+    | "env"
+    | {
+          tab?: "overview" | "ops" | "env";
+          opsFocus?: BootstrapOpsFocusPayload;
+          envDialog?: BootstrapDialogPayload;
+          refresh?: boolean;
+      };
 
-// import { exportUserInfo, BatchAddUser } from "@/api/modules/user";
-// ProTable 实例
 const proTable = ref<ProTableInstance>();
+const BASE_URL = import.meta.env.VITE_API_URL as string;
 
-const importRef = ref();
-const batchAdd = () => {
-    let params = {
-        title: "站点",
-        tempApi: "",
-        importApi: uploadExcel,
-        getTableList: proTable.value?.getTableList
-    };
-    importRef.value.acceptParams(params);
+const dialogMount = reactive({
+    batchStrategyDialog: false,
+    importDialog: false,
+    domainImportRunDialog: false,
+    domainImportFailedQueueDialog: false,
+    domainImportSelfHealingDialog: false,
+    domainImportManualAttentionDialog: false,
+    domainImportManualAttentionHandleDialog: false,
+    domainImportHealthWorkbenchDialog: false,
+    domainImportHealthWorkbenchSummaryDialog: false,
+    domainImportHealthWorkbenchTrendDialog: false,
+    domainImportExternalSeoClosureDialog: false,
+    domainImportExternalSeoClosureActionDialog: false,
+    domainImportExternalSeoClosureTodayDialog: false,
+    domainExternalSeoSummaryDialog: false,
+    domainExternalSeoFailedQueueDialog: false,
+    domainExternalSeoTrendDialog: false,
+    domainExternalSeoResultObserveDialog: false,
+    domainExternalSeoProviderDialog: false,
+    domainExternalSeoRealSummaryDialog: false,
+    domainExternalSeoManualImportRunDialog: false,
+    domainSpiderCrawlWorkbenchDialog: false,
+    domainSpiderMdDialog: false,
+    domainSeoCopyWorkbenchDialog: false,
+    bootstrapAdminCenter: false,
+    bootstrapEnvDialog: false,
+    domainSupplyDialog: false
+});
+
+const ensureDialogMounted = async (key: keyof typeof dialogMount, action: () => void) => {
+    if (!dialogMount[key]) {
+        dialogMount[key] = true;
+        await nextTick();
+    }
+    action();
 };
 
+const importRef = ref();
+const domainImportRunDialogRef = ref();
+const domainImportFailedQueueDialogRef = ref();
+const domainImportSelfHealingDialogRef = ref();
+const domainImportManualAttentionDialogRef = ref();
+const domainImportManualAttentionHandleDialogRef = ref();
+const domainImportHealthWorkbenchDialogRef = ref();
+const domainImportHealthWorkbenchSummaryDialogRef = ref();
+const domainImportHealthWorkbenchTrendDialogRef = ref();
+const domainImportExternalSeoClosureDialogRef = ref();
+const domainImportExternalSeoClosureActionDialogRef = ref();
+const domainImportExternalSeoClosureTodayDialogRef = ref();
+const domainExternalSeoSummaryDialogRef = ref();
+const domainExternalSeoFailedQueueDialogRef = ref();
+const domainExternalSeoTrendDialogRef = ref();
+const domainExternalSeoResultObserveDialogRef = ref();
+const domainExternalSeoProviderDialogRef = ref();
+const domainExternalSeoRealSummaryDialogRef = ref();
+const domainExternalSeoManualImportRunDialogRef = ref();
+const domainSpiderCrawlWorkbenchDialogRef = ref();
+const domainSpiderMdDialogRef = ref();
+const domainSeoCopyWorkbenchDialogRef = ref();
+const route = useRoute();
+const router = useRouter();
+const batchAdd = () => {
+    void ensureDialogMounted("importDialog", () => {
+        const params = {
+            title: "站点",
+            tempApi: getDomainImportTemplate,
+            importApi: uploadExcel,
+            getTableList: proTable.value?.getTableList,
+            successMessage: "站点批量添加完成，已刷新站点列表",
+            errorMessage: "站点批量添加失败，请检查 Excel 内容后重试",
+            formatSuccessMessage: (payload: SiteList.DomainUploadSummary) => {
+                const rowsTotal = payload?.rows_total ?? 0;
+                const inserted = payload?.inserted_count ?? 0;
+                const skippedExisting = payload?.skipped_existing_count ?? 0;
+                const skippedTemplateMissing = payload?.skipped_template_missing_count ?? 0;
+                const skippedDuplicate = payload?.skipped_duplicate_in_file_count ?? 0;
+                const probeProcessed = payload?.probe_processed_count ?? 0;
+                const probePassed = payload?.probe_passed_count ?? 0;
+                const probeFailed = payload?.probe_failed_count ?? 0;
+                const profileCounts = Object.entries(payload?.strategy_profile_counts ?? {})
+                    .map(([profile, count]) => `${profile}:${count}`)
+                    .join(", ");
+
+                const parts = [`导入完成：共 ${rowsTotal} 行，新增 ${inserted} 个站点`];
+                if (skippedExisting > 0) parts.push(`已存在跳过 ${skippedExisting} 个`);
+                if (skippedTemplateMissing > 0) parts.push(`模板缺失跳过 ${skippedTemplateMissing} 个`);
+                if (skippedDuplicate > 0) parts.push(`文件内重复跳过 ${skippedDuplicate} 个`);
+                if (profileCounts) parts.push(`策略包分布 ${profileCounts}`);
+                if (probeProcessed > 0) parts.push(`自动探测 ${probeProcessed} 个，通过 ${probePassed} 个，失败 ${probeFailed} 个`);
+                return parts.join("，");
+            },
+            afterSuccess: (payload: SiteList.DomainUploadSummary) => {
+                void showDomainImportSummary(payload);
+            }
+        };
+        importRef.value?.acceptParams(params);
+    });
+};
+
+const openDomainImportRunDialog = () => {
+    void ensureDialogMounted("domainImportRunDialog", () => domainImportRunDialogRef.value?.open());
+};
+
+const openDomainImportFailedQueueDialog = () => {
+    void ensureDialogMounted("domainImportFailedQueueDialog", () => domainImportFailedQueueDialogRef.value?.open());
+};
+
+const openDomainImportSelfHealingDialog = () => {
+    void ensureDialogMounted("domainImportSelfHealingDialog", () => domainImportSelfHealingDialogRef.value?.open());
+};
+
+const openDomainImportManualAttentionDialog = () => {
+    void ensureDialogMounted("domainImportManualAttentionDialog", () => domainImportManualAttentionDialogRef.value?.open());
+};
+
+const openDomainImportManualAttentionHandleDialog = () => {
+    void ensureDialogMounted("domainImportManualAttentionHandleDialog", () => domainImportManualAttentionHandleDialogRef.value?.open());
+};
+
+const openDomainImportHealthWorkbenchDialog = () => {
+    void ensureDialogMounted("domainImportHealthWorkbenchDialog", () => domainImportHealthWorkbenchDialogRef.value?.open());
+};
+
+const openDomainImportHealthWorkbenchSummaryDialog = () => {
+    void ensureDialogMounted("domainImportHealthWorkbenchSummaryDialog", () => domainImportHealthWorkbenchSummaryDialogRef.value?.open());
+};
+
+const openDomainImportHealthWorkbenchTrendDialog = () => {
+    void ensureDialogMounted("domainImportHealthWorkbenchTrendDialog", () => domainImportHealthWorkbenchTrendDialogRef.value?.open());
+};
+
+const openDomainImportExternalSeoClosureDialog = () => {
+    void ensureDialogMounted("domainImportExternalSeoClosureDialog", () => domainImportExternalSeoClosureDialogRef.value?.open());
+};
+
+const openDomainImportExternalSeoClosureActionDialog = () => {
+    void ensureDialogMounted("domainImportExternalSeoClosureActionDialog", () => domainImportExternalSeoClosureActionDialogRef.value?.open());
+};
+
+const openDomainImportExternalSeoClosureTodayDialog = () => {
+    void ensureDialogMounted("domainImportExternalSeoClosureTodayDialog", () => domainImportExternalSeoClosureTodayDialogRef.value?.open());
+};
+
+const openDomainExternalSeoSummaryDialog = () => {
+    void ensureDialogMounted("domainExternalSeoSummaryDialog", () => domainExternalSeoSummaryDialogRef.value?.open());
+};
+
+const openDomainExternalSeoFailedQueueDialog = () => {
+    void ensureDialogMounted("domainExternalSeoFailedQueueDialog", () => domainExternalSeoFailedQueueDialogRef.value?.open());
+};
+
+const openDomainExternalSeoTrendDialog = () => {
+    void ensureDialogMounted("domainExternalSeoTrendDialog", () => domainExternalSeoTrendDialogRef.value?.open());
+};
+
+const openDomainExternalSeoResultObserveDialog = () => {
+    void ensureDialogMounted("domainExternalSeoResultObserveDialog", () => domainExternalSeoResultObserveDialogRef.value?.open());
+};
+
+const openDomainExternalSeoProviderDialog = () => {
+    void ensureDialogMounted("domainExternalSeoProviderDialog", () => domainExternalSeoProviderDialogRef.value?.open());
+};
+
+const openDomainExternalSeoRealSummaryDialog = () => {
+    void ensureDialogMounted("domainExternalSeoRealSummaryDialog", () => domainExternalSeoRealSummaryDialogRef.value?.open());
+};
+
+const openDomainExternalSeoManualImportRunDialog = () => {
+    void ensureDialogMounted("domainExternalSeoManualImportRunDialog", () => domainExternalSeoManualImportRunDialogRef.value?.open());
+};
+
+const openDomainSpiderCrawlWorkbenchDialog = () => {
+    void ensureDialogMounted("domainSpiderCrawlWorkbenchDialog", () => domainSpiderCrawlWorkbenchDialogRef.value?.open());
+};
+
+const openDomainSpiderMdDialog = () => {
+    void ensureDialogMounted("domainSpiderMdDialog", () =>
+        domainSpiderMdDialogRef.value?.open((jobId: string) => {
+            domainImportTaskConsoleDialogRef.value?.open("蜘蛛池MD生成任务", jobId, () => {
+                domainSpiderMdDialogRef.value?.loadData?.();
+            });
+        })
+    );
+};
+
+const openDomainSeoCopyWorkbenchDialog = (host = "") => {
+    void ensureDialogMounted("domainSeoCopyWorkbenchDialog", () => domainSeoCopyWorkbenchDialogRef.value?.open(host));
+};
+
+const handleSiteDialogOpen = (event: Event) => {
+    const detail = (event as CustomEvent<{ key?: string }>).detail ?? {};
+    switch (detail.key) {
+        case "domainImportHealthWorkbenchDialog":
+            openDomainImportHealthWorkbenchDialog();
+            break;
+        case "domainImportExternalSeoClosureDialog":
+            openDomainImportExternalSeoClosureDialog();
+            break;
+        case "domainImportExternalSeoClosureTodayDialog":
+            openDomainImportExternalSeoClosureTodayDialog();
+            break;
+        case "domainImportExternalSeoClosureActionDialog":
+            openDomainImportExternalSeoClosureActionDialog();
+            break;
+        case "domainExternalSeoSummaryDialog":
+            openDomainExternalSeoSummaryDialog();
+            break;
+        case "domainExternalSeoTrendDialog":
+            openDomainExternalSeoTrendDialog();
+            break;
+        case "domainExternalSeoProviderDialog":
+            openDomainExternalSeoProviderDialog();
+            break;
+        default:
+            break;
+    }
+};
+
+const openPublicPath = (path?: string) => {
+    if (!path) {
+        return;
+    }
+    window.open(`${BASE_URL}/${String(path).replace(/^\/+/, "")}`, "_blank", "noopener");
+};
+
+const showDomainImportSummary = async (payload: SiteList.DomainUploadSummary) => {
+    const inserted = payload?.inserted_count ?? 0;
+    const probeProcessed = payload?.probe_processed_count ?? 0;
+    const probePassed = payload?.probe_passed_count ?? 0;
+    const probeFailed = payload?.probe_failed_count ?? 0;
+    const summaryHtmlPath = payload?.summary_html_path ?? "";
+    const summaryJsonPath = payload?.summary_json_path ?? "";
+    const uploadedExcelPath = payload?.uploaded_excel_path ?? "";
+    const runRoot = payload?.run_root ?? "";
+
+    const arrLines = [
+        `<p>新增站点：<strong>${inserted}</strong></p>`,
+        probeProcessed > 0 ? `<p>自动探测：<strong>${probeProcessed}</strong>，通过 <strong>${probePassed}</strong>，失败 <strong>${probeFailed}</strong></p>` : "",
+        runRoot ? `<p>运行目录：<code>${runRoot}</code></p>` : "",
+        uploadedExcelPath ? `<p><a href="${BASE_URL}/${String(uploadedExcelPath).replace(/^\/+/, "")}" target="_blank" rel="noopener">打开上传原始 Excel</a></p>` : "",
+        summaryHtmlPath ? `<p><a href="${BASE_URL}/${String(summaryHtmlPath).replace(/^\/+/, "")}" target="_blank" rel="noopener">打开探测 HTML 摘要</a></p>` : "",
+        summaryJsonPath ? `<p><a href="${BASE_URL}/${String(summaryJsonPath).replace(/^\/+/, "")}" target="_blank" rel="noopener">打开探测 JSON 摘要</a></p>` : ""
+    ].filter(Boolean);
+
+    if (!arrLines.length) {
+        return;
+    }
+
+    await ElMessageBox.confirm(arrLines.join(""), "批量导入结果", {
+        confirmButtonText: summaryHtmlPath ? "打开 HTML 摘要" : summaryJsonPath ? "打开 JSON 摘要" : "知道了",
+        cancelButtonText: "关闭",
+        dangerouslyUseHTMLString: true,
+        distinguishCancelAndClose: true,
+        type: probeFailed > 0 ? "warning" : "success"
+    }).then(() => {
+        if (summaryHtmlPath) {
+            openPublicPath(summaryHtmlPath);
+            return;
+        }
+        if (summaryJsonPath) {
+            openPublicPath(summaryJsonPath);
+        }
+    }).catch(() => undefined);
+};
+
 const initParam = reactive({
-    limit: 15,
+    limit: 25,
     page: 1
 });
 
-let arrSiteData = [];
+const normalizeDomainMatchType = (value: unknown): SiteList.ResList["d_match_type"] => {
+    const normalized = String(value ?? "").trim().toLowerCase();
+    return normalized === "wildcard" ? "wildcard" : "exact";
+};
+
+const normalizeDomainParentDomain = (value: unknown) => {
+    return String(value ?? "").trim();
+};
+
+const normalizeDomainSeedScope = (value: unknown): SiteList.ResList["d_seed_scope"] => {
+    const normalized = String(value ?? "").trim().toLowerCase();
+    return normalized === "host" ? "host" : "domain";
+};
+
+const normalizeSiteIdentityRow = (row: Partial<SiteList.ResList>) => ({
+    ...row,
+    d_id: Number(row.d_id ?? row.si_id ?? 0) || undefined,
+    si_id: Number(row.si_id ?? row.d_id ?? 0) || undefined,
+    d_domain: String(row.d_domain ?? row.si_code ?? row.si_url ?? "").trim() || undefined,
+    d_match_type: normalizeDomainMatchType(row.d_match_type),
+    d_parent_domain: normalizeDomainParentDomain(row.d_parent_domain),
+    d_seed_scope: normalizeDomainSeedScope(row.d_seed_scope)
+});
 
 const dataCallback = (data: any) => {
-    // 转换为数组
-    const arr = data.items;
-    arrSiteData = arr;
+    const arr = Array.isArray(data.items) ? data.items.map((item: Partial<SiteList.ResList>) => normalizeSiteIdentityRow(item)) : [];
     return {
         items: arr,
         total: data.total,
-        total_page: 1,
+        total_page: data.total_pages ?? 1,
         page: initParam.page,
         limit: initParam.limit
     };
 };
 
-const getTableList = (params: any) => {
-    let newParams = JSON.parse(JSON.stringify(params));
-    initParam.page = newParams.page;
-    initParam.limit = newParams.limit;
-    return getList(newParams);
+const normalizeForgeRouteGroup = (value: unknown): SiteList.ForgeRouteGroup => {
+    const normalized = String(value ?? "").trim();
+    return [
+        "detail_forge_v2",
+        "video",
+        "detail",
+        "info",
+        "vod",
+        "movie",
+        "film",
+        "xiangqing",
+        "shipin",
+        "neirong",
+        "dianying"
+    ].includes(normalized)
+        ? (normalized as SiteList.ForgeRouteGroup)
+        : "detail_forge_v2";
 };
 
-// 分组
-const getTempLateList = ref([] as any);
-getAllList().then(res => {
-    getTempLateList.value = res.data.items;
-});
+const normalizeForgeExposureProfile = (value: unknown): SiteList.ForgeExposureProfile => {
+    const normalized = String(value ?? "").trim().toLowerCase();
+    const exposureProfiles: Array<SiteList.ForgeExposureProfile> = ["safe", "balanced", "expanded", "off"];
+    return exposureProfiles.includes(normalized as SiteList.ForgeExposureProfile)
+        ? (normalized as SiteList.ForgeExposureProfile)
+        : "safe";
+};
 
-// 表格配置项
-const columns = reactive<ColumnProps<SiteList.ResList>[]>([
-    // { type: "selection", fixed: "left", width: 50 },
+const isRecord = (value: unknown): value is Record<string, unknown> => {
+    return typeof value === "object" && value !== null && !Array.isArray(value);
+};
+
+const safeParseJson = (value: string): unknown => {
+    try {
+        return JSON.parse(value);
+    } catch (_error) {
+        return undefined;
+    }
+};
+
+const normalizeString = (value: unknown, fallback = "") => {
+    return typeof value === "string" ? value : fallback;
+};
+
+const normalizeBoolean = (value: unknown, fallback = false) => {
+    if (value === true || value === false) {
+        return value;
+    }
+    return fallback;
+};
+
+const normalizeNumber = (value: unknown, fallback: number) => {
+    const numberValue = typeof value === "number" ? value : Number(value);
+    return Number.isFinite(numberValue) ? numberValue : fallback;
+};
+
+const normalizeEnum = <T extends string>(value: unknown, candidates: readonly T[], fallback: T): T => {
+    return typeof value === "string" && candidates.includes(value as T) ? (value as T) : fallback;
+};
+
+const normalizeStringArray = (value: unknown): string[] => {
+    if (Array.isArray(value)) {
+        return value.filter(item => typeof item === "string" && item.trim() !== "");
+    }
+    if (typeof value === "string") {
+        return value
+            .split(/\r?\n|,/)
+            .map(item => item.trim())
+            .filter(Boolean);
+    }
+    return [];
+};
+
+const normalizeForge = (value: unknown) => {
+    const source = isRecord(value) ? value : {};
+    const exposureProfile = normalizeEnum(
+        source.exposure_profile,
+        ["safe", "balanced", "expanded", "off"] as const,
+        "safe"
+    );
+    const routeGroup = normalizeEnum(
+        source.route_group,
+        ["detail_forge_v2", "video", "detail", "info", "vod", "movie", "film", "xiangqing", "shipin", "neirong", "dianying"] as const,
+        "detail_forge_v2"
+    );
+    return {
+        exposure_profile: exposureProfile,
+        enable: normalizeBoolean(source.enable, true),
+        count: normalizeNumber(source.count, 12),
+        entry_count: normalizeNumber(source.entry_count, 1),
+        sitemap_count: normalizeNumber(source.sitemap_count, 0),
+        route_group: routeGroup,
+        title_source: normalizeEnum(source.title_source, ["v_seo_words"] as const, "v_seo_words")
+    };
+};
+
+const normalizeStructuredData = (value: unknown) => {
+    const source = isRecord(value) ? value : {};
+    return {
+        policy: normalizeEnum(source.policy, ["full", "compact", "minimal"] as const, "full"),
+        reference_mode: normalizeEnum(source.reference_mode, ["inline", "id_only"] as const, "inline"),
+        website_node: normalizeBoolean(source.website_node, true),
+        page_node: normalizeBoolean(source.page_node, true),
+        breadcrumb_node: normalizeBoolean(source.breadcrumb_node, true),
+        video_object_node: normalizeBoolean(source.video_object_node, true),
+        organization_node: normalizeBoolean(source.organization_node, true),
+        organization_name: normalizeString(source.organization_name, ""),
+        same_as: normalizeStringArray(source.same_as)
+    };
+};
+
+const normalizeRuntimeAcceptance = (value: unknown) => {
+    const source = isRecord(value) ? value : {};
+    const samplesSource = isRecord(value) ? source.samples : undefined;
+    const parsedSamples = (() => {
+        if (Array.isArray(samplesSource)) {
+            return samplesSource;
+        }
+        if (typeof samplesSource === "string") {
+            const parsed = safeParseJson(samplesSource);
+            return Array.isArray(parsed) ? parsed : [];
+        }
+        return [];
+    })();
+    return {
+        enable: normalizeBoolean(source.enable, false),
+        samples: parsedSamples
+    };
+};
+
+const normalizeSeoCfg = (seoCfg?: SiteList.SeoCfg | unknown): SiteList.SeoCfg => {
+    let value = seoCfg as unknown;
+    if (typeof value === "string") {
+        value = safeParseJson(value);
+    }
+    if (!isRecord(value)) {
+        return {};
+    }
+    const cfg = value as Record<string, unknown>;
+    return {
+        strategy_profile: normalizeEnum(cfg.strategy_profile, ["standard", "traffic", "expand", "closed"] as const, "standard"),
+        canonical_mode: normalizeEnum(cfg.canonical_mode, ["strict", "relaxed"] as const, "strict"),
+        play_index_mode: normalizeEnum(cfg.play_index_mode, ["noindex_follow", "index_follow"] as const, "noindex_follow"),
+        robots_policy: normalizeEnum(cfg.robots_policy, ["default", "index_follow", "noindex_follow", "noindex_nofollow"] as const, "default"),
+        forge: normalizeForge(cfg.forge),
+        intro_block: isRecord(cfg.intro_block)
+            ? {
+                  home: normalizeBoolean(cfg.intro_block?.home, false),
+                  category: normalizeBoolean(cfg.intro_block?.category, false),
+                  detail: normalizeBoolean(cfg.intro_block?.detail, false),
+                  search: normalizeBoolean(cfg.intro_block?.search, false)
+              }
+            : {
+                  home: false,
+                  category: false,
+                  detail: false,
+                  search: false
+              },
+        structured_data: normalizeStructuredData(cfg.structured_data),
+        runtime_acceptance: normalizeRuntimeAcceptance(cfg.runtime_acceptance)
+    };
+};
+
+const renderSeoCfgSummary = (row?: Partial<SiteList.ResList> | null) => {
+    const rawSeoCfg = row?.d_seo_cfg;
+    const cfg = normalizeSeoCfg(rawSeoCfg);
+    const forge = cfg.forge ?? {};
+    const structuredData = cfg.structured_data ?? {};
+    const runtimeAcceptance = cfg.runtime_acceptance ?? {};
+    const normalizedSamplesCount = Array.isArray(runtimeAcceptance.samples) ? runtimeAcceptance.samples.length : 0;
+    const matchType = normalizeDomainMatchType(row?.d_match_type);
+    const parentDomain = normalizeDomainParentDomain(row?.d_parent_domain) || "-";
+    const seedScope = normalizeDomainSeedScope(row?.d_seed_scope);
+    const forgeRouteGroup = normalizeForgeRouteGroup(forge.route_group);
+    const forgeExposureProfile = normalizeForgeExposureProfile(forge.exposure_profile);
+    const forgeCount = Number.isFinite(forge.count as number) ? forge.count : 0;
+    const forgeEntry = Number.isFinite(forge.entry_count as number) ? forge.entry_count : 0;
+    const forgeSitemap = Number.isFinite(forge.sitemap_count as number) ? forge.sitemap_count : 0;
+    const parts = [
+        `match:${matchType}`,
+        `parent:${parentDomain}`,
+        `seed:${seedScope}`,
+        `canonical:${cfg.canonical_mode ?? "strict"}`,
+        `play:${cfg.play_index_mode ?? "noindex_follow"}`,
+        `forge:${forge.enable === false ? "off" : forgeExposureProfile}`,
+        `route:${forgeRouteGroup}`,
+        `count:${forgeCount}`,
+        `entry:${forgeEntry}`,
+        `sitemap:${forgeSitemap}`,
+        `robots:${cfg.robots_policy ?? "default"}`
+    ];
+    if (cfg.strategy_profile && cfg.strategy_profile !== "standard") {
+        parts.unshift(`profile:${cfg.strategy_profile}`);
+    }
+    if (forge.exposure_profile && forge.exposure_profile !== "safe") {
+        parts.push(`forgeProfile:${forge.exposure_profile}`);
+    }
+    if (forge.route_group && forge.route_group !== "detail_forge_v2") {
+        parts.push(`forgeRoute:${forge.route_group}`);
+    }
+    if ((forge.sitemap_count ?? 0) > 0) {
+        parts.push(`forgeMap:${forge.sitemap_count}`);
+    }
+    if (structuredData.policy && structuredData.policy !== "full") {
+        parts.push(`schema:${structuredData.policy}`);
+    }
+    if (structuredData.reference_mode && structuredData.reference_mode !== "inline") {
+        parts.push(`ref:${structuredData.reference_mode}`);
+    }
+    if (structuredData.organization_name) {
+        parts.push("org:custom");
+    }
+    if (structuredData.website_node === false) {
+        parts.push("siteNode:off");
+    }
+    if (structuredData.page_node === false) {
+        parts.push("pageNode:off");
+    }
+    if (structuredData.breadcrumb_node === false) {
+        parts.push("crumb:off");
+    }
+    if (structuredData.video_object_node === false) {
+        parts.push("videoNode:off");
+    }
+    if (structuredData.organization_node === false) {
+        parts.push("orgNode:off");
+    }
+    if (normalizeStringArray(structuredData.same_as).length > 0) {
+        parts.push(`sameAs:${normalizeStringArray(structuredData.same_as).length}`);
+    }
+    if (runtimeAcceptance.enable) {
+        parts.push(`rt:${normalizedSamplesCount}`);
+    }
+    return parts.join(" | ");
+};
+
+const getTableList = (params: any) => {
+    let newParams = JSON.parse(JSON.stringify(params));
+    initParam.page = newParams.page;
+    initParam.limit = newParams.limit;
+    return getList(newParams);
+};
+
+const getTempLateList = ref([] as any);
+const loadTemplateList = async () => {
+    const res = await getAllList();
+    getTempLateList.value = res.data.items ?? [];
+    return getTempLateList.value;
+};
+void loadTemplateList();
+
+const getTemplateDisplayText = (templateId?: number | string | null) => {
+    if (templateId === undefined || templateId === null || templateId === "") return "--";
+    const normalizedTemplateId = String(templateId);
+    const matchedTemplate = getTempLateList.value.find((template: any) => String(template.t_id) === normalizedTemplateId);
+    if (!matchedTemplate) return `模板#${normalizedTemplateId}`;
+    return matchedTemplate.t_name || matchedTemplate.t_code || `模板#${normalizedTemplateId}`;
+};
+
+const getCopyGenerationStatusMeta = (row?: Partial<SiteList.ResList> | null) => {
+    const strStatus = String(row?.copy_generation_status ?? "").trim() || "draft";
+    const strGate = String(row?.copy_generation_release_gate ?? "").trim();
+    const strProvider = String(row?.copy_generation_tkd_provider ?? "").trim() || "local";
+    const strMode = String(row?.copy_generation_tkd_mode ?? "").trim() || "auto_generate";
+    const strUpdatedAt = String(row?.copy_generation_updated_at ?? "").trim();
+    const intAiScore = Number(row?.copy_generation_ai_score ?? 0);
+    const boolRecommendAi = Number(row?.copy_generation_ai_recommend ?? 0) > 0;
+
+    const arrMetaMap: Record<
+        string,
+        {
+            label: string;
+            type: "info" | "success" | "warning" | "danger";
+        }
+    > = {
+        draft: { label: "草稿", type: "info" },
+        local_ready: { label: "本地已就绪", type: "success" },
+        ai_pending: { label: "等待AI生成", type: "warning" },
+        ai_ready: { label: "AI已就绪", type: "success" }
+    };
+    const arrModeLabelMap: Record<string, string> = {
+        auto_generate: "自动生成",
+        ai_optimize: "AI优化",
+        force_import: "强制导入"
+    };
+    const arrProviderLabelMap: Record<string, string> = {
+        local: "本地",
+        openai: "OpenAI"
+    };
+    const arrGateLabelMap: Record<string, string> = {
+        open: "可上线",
+        wait_ai: "等AI",
+        closed: "关闭"
+    };
+
+    const arrMeta = arrMetaMap[strStatus] ?? { label: strStatus || "草稿", type: "info" };
+    return {
+        ...arrMeta,
+        summary: [
+            arrMeta.label,
+            arrModeLabelMap[strMode] ?? strMode,
+            arrProviderLabelMap[strProvider] ?? strProvider,
+            strGate ? arrGateLabelMap[strGate] ?? strGate : "",
+            boolRecommendAi ? `建议AI介入(${intAiScore})` : intAiScore > 0 ? `AI评分${intAiScore}` : "",
+            strUpdatedAt ? `更新：${strUpdatedAt}` : ""
+        ]
+            .filter(Boolean)
+            .join(" | ")
+    };
+};
+
+const getCopyGenerationLatestSummary = (row?: Partial<SiteList.ResList> | null) => {
+    const strAction = String(row?.copy_generation_latest_action ?? "").trim();
+    const strProvider = String(row?.copy_generation_latest_provider ?? "").trim();
+    const strMessage = String(row?.copy_generation_latest_message ?? "").trim();
+    const strRecordedAt = String(row?.copy_generation_latest_recorded_at ?? "").trim();
+    const intFeedbackKeywordCount = Number(row?.copy_generation_feedback_keyword_count ?? 0);
+    const boolRecommendAi = Number(row?.copy_generation_ai_recommend ?? 0) > 0;
+    const arrActionLabelMap: Record<string, string> = {
+        ai_generate: "AI生成",
+        ai_optimize: "AI重优化",
+        ai_rollback: "AI回滚"
+    };
+    const arrProviderLabelMap: Record<string, string> = {
+        local: "本地",
+        openai: "OpenAI",
+        rollback: "回滚"
+    };
+    return [
+        strAction ? arrActionLabelMap[strAction] ?? strAction : "",
+        strProvider ? arrProviderLabelMap[strProvider] ?? strProvider : "",
+        strRecordedAt ? `时间：${strRecordedAt}` : "",
+        intFeedbackKeywordCount > 0 ? `反哺词:${intFeedbackKeywordCount}` : "",
+        boolRecommendAi ? "建议继续AI优化" : "",
+        strMessage
+    ]
+        .filter(Boolean)
+        .join(" | ");
+};
+
+const columns = ref<ColumnProps[]>([
+    { type: "selection", fixed: "left", width: 50 },
     {
         prop: "key",
-        label: "搜索内容",
+        label: "站点域名 / ID",
         isShow: false,
         search: {
-            el: "input"
+            el: "input",
+            props: {
+                placeholder: "请输入站点域名或 ID"
+            }
         }
     },
-    {
-        prop: "d_id",
-        label: "ID",
-        width: 100
-    },
+    {
+        prop: "d_id",
+        label: "ID",
+        width: 100
+    },
     {
         prop: "d_name",
         width: 170,
-        label: "站点名称"
+        label: "站点名称",
+        showOverflowTooltip: true
     },
     {
         prop: "d_text_logo",
         width: 170,
-        label: "文字logo"
+        label: "文字LOGO",
+        showOverflowTooltip: true
     },
     {
         prop: "d_domain",
         width: 170,
-        label: "站点域名"
+        label: "站点域名",
+        showOverflowTooltip: true
+    },
+    {
+        prop: "d_match_type",
+        width: 120,
+        label: "匹配方式",
+        enum: [
+            { label: "精确域名", value: "exact" },
+            { label: "泛域名", value: "wildcard" }
+        ]
+    },
+    {
+        prop: "d_parent_domain",
+        width: 170,
+        label: "父域名",
+        showOverflowTooltip: true
+    },
+    {
+        prop: "d_seed_scope",
+        width: 120,
+        label: "Seed范围",
+        enum: [
+            { label: "按域名", value: "domain" },
+            { label: "按主机", value: "host" }
+        ]
     },
     {
         prop: "t_id",
         width: 170,
         label: "绑定模板",
-        fieldNames: { label: "t_code", value: "t_id" },
-        enum: getTempLateList
+        showOverflowTooltip: true,
+        render(scope) {
+            return getTemplateDisplayText(scope.row.t_id);
+        }
     },
     {
         prop: "d_keywords",
         width: 170,
-        label: "站点关键词"
+        label: "站点关键词",
+        showOverflowTooltip: true
     },
     {
         prop: "d_index_title",
         width: 170,
-        label: "首页title"
+        label: "首页Title",
+        showOverflowTooltip: true
     },
     {
         prop: "d_index_keywords",
         width: 170,
-        label: "首页keywords"
+        label: "首页Keywords",
+        showOverflowTooltip: true
     },
     {
         prop: "d_index_description",
         width: 170,
-        label: "首页description"
+        label: "首页Description",
+        showOverflowTooltip: true
     },
     {
         prop: "d_description",
         width: 170,
-        label: "站点描述"
+        label: "站点描述",
+        showOverflowTooltip: true
     },
     {
         prop: "info_id",
         width: 170,
-        label: "详情id"
+        label: "详情ID"
     },
     {
         prop: "d_baidu_token",
         width: 170,
-        label: "百度token"
+        label: "百度Token",
+        showOverflowTooltip: true
+    },
+    {
+        prop: "d_seo_cfg",
+        width: 220,
+        label: "SEO策略",
+        showOverflowTooltip: true,
+        render(scope) {
+            return renderSeoCfgSummary(scope.row);
+        }
+    },
+    {
+        prop: "copy_generation_status",
+        width: 150,
+        label: "文案生成状态",
+        showOverflowTooltip: true,
+        render(scope) {
+            const meta = getCopyGenerationStatusMeta(scope.row);
+            return <el-tag type={meta.type}>{meta.label}</el-tag>;
+        }
+    },
+    {
+        prop: "copy_generation_message",
+        width: 260,
+        label: "文案生成说明",
+        showOverflowTooltip: true,
+        render(scope) {
+            const strMessage = String(scope.row.copy_generation_message ?? "").trim();
+            return strMessage || getCopyGenerationStatusMeta(scope.row).summary;
+        }
+    },
+    {
+        prop: "copy_generation_latest_recorded_at",
+        width: 280,
+        label: "最近AI结果",
+        showOverflowTooltip: true,
+        render(scope) {
+            return getCopyGenerationLatestSummary(scope.row) || "--";
+        }
     },
     {
         prop: "t_cfg",
         width: 170,
         label: "模板配置",
+        showOverflowTooltip: true,
         render(scope) {
             return JSON.stringify(scope.row.t_cfg);
         }
-    },
-    {
-        prop: "d_content_encode",
-        width: 100,
-        label: "是否转码",
-        enum: [
-            { label: "否", value: 0 },
-            { label: "是", value: 1 }
-        ]
-    },
+    },
+    {
+        prop: "d_content_encode",
+        width: 100,
+        label: "是否转码",
+        enum: [
+            { label: "否", value: 0 },
+            { label: "是", value: 1 }
+        ]
+    },
     {
         prop: "d_logo_type",
         width: 100,
-        label: "logo类型",
+        label: "LOGO类型",
         enum: [
             { label: "文字", value: 0 },
             { label: "图片", value: 1 }
         ]
-    },
+    },
     {
         prop: "d_img_logo",
         label: "图片LOGO",
         width: 120,
         render(scope) {
-            if (scope.row.si_logo) {
-                const data = scope.row.si_logo;
+            if (scope.row.d_img_logo) {
+                const data = scope.row.d_img_logo;
                 const modifiedArray = [] as any;
                 modifiedArray.push(data);
                 return (
                     <el-image
-                        style="width: 100%; "
-                        src={modifiedArray[0]}
-                        preview-src-list={modifiedArray}
-                        hide-on-click-modal={true}
-                        z-index={999999999}
-                        preview-teleported={true}
-                        fit="fill"
-                    />
-                );
-            }
-        }
-    },
-
+                        style="width: 100%; "
+                        src={modifiedArray[0]}
+                        preview-src-list={modifiedArray}
+                        hide-on-click-modal={true}
+                        z-index={999999999}
+                        preview-teleported={true}
+                        fit="fill"
+                    />
+                );
+            }
+        }
+    },
+
     {
         prop: "d_statis",
         width: 170,
-        label: "统计代码"
+        label: "统计代码",
+        showOverflowTooltip: true
     },
-    { prop: "created_at", label: "添加时间", width: 170 },
-    { prop: "operation", label: "操作", fixed: "right", width: 165 }
+    { prop: "created_at", label: "创建时间", width: 170 },
+    { prop: "operation", label: "操作", fixed: "right", width: 250 }
 ]);
 
-// 删除站点信息
-const deleteAccount = async (params: SiteList.ResList) => {
-    await useHandleData(deleteItem, { si_id: params.si_id }, "删除所选信息");
+type SiteActionResult = {
+    message: string;
+    type?: "success" | "warning" | "info" | "error";
+};
+
+const confirmSiteAction = async (actionName: string): Promise<boolean> => {
+    try {
+        await ElMessageBox.confirm(`是否执行${actionName}?`, "温馨提示", {
+            confirmButtonText: "确定",
+            cancelButtonText: "取消",
+            type: "warning",
+            center: true,
+            draggable: true
+        });
+        return true;
+    } catch {
+        return false;
+    }
+};
+
+const runSiteAction = async (actionName: string, action: () => Promise<SiteActionResult>) => {
+    const confirmed = await confirmSiteAction(actionName);
+    if (!confirmed) {
+        return;
+    }
+
+    try {
+        const result = await action();
+        ElMessage({
+            type: result.type ?? "success",
+            message: result.message
+        });
+    } catch (_error) {
+        return;
+    }
+
     proTable.value?.getTableList();
 };
 
-// 清理缓存
-const clearCache = async (params: SiteList.ResList) => {
-    await useHandleData(cacheFlush, {}, "清理缓存");
-    proTable.value?.getTableList();
+const clearCache = async () => {
+    await runSiteAction("站点缓存清理", async () => {
+        await cacheFlush({});
+        return {
+            message: "缓存清理完成，已刷新站点列表"
+        };
+    });
 };
 
-const resetTmp = async (params: SiteList.ResList) => {
-    await useHandleData(resetTmpFun, {}, "模板重置");
-    proTable.value?.getTableList();
+const resetTmp = async () => {
+    await runSiteAction("站点模板配置重置", resetTmpFun);
 };
 
-const resetTmpFun = async (params: SiteList.ResList) => {
-    console.log("模板重置");
-    // 所有站点
-    console.log(arrSiteData);
-    // 所有模板
-    console.log(getTempLateList.value);
-
-    // 检查是否存在新增配置的函数
+const resetTmpFun = async (): Promise<SiteActionResult> => {
     const hasNewConfig = (target: any, source: any): boolean => {
         for (const key in source) {
             if (Object.prototype.hasOwnProperty.call(source, key)) {
                 if (!(key in target)) {
-                    return true; // 发现新增键
-                }
-                // 如果是对象，递归检查子对象
-                if (
-                    typeof source[key] === "object" &&
-                    source[key] !== null &&
-                    !Array.isArray(source[key]) &&
-                    typeof target[key] === "object" &&
-                    target[key] !== null &&
-                    !Array.isArray(target[key])
-                ) {
-                    if (hasNewConfig(target[key], source[key])) {
-                        return true; // 子对象中有新增键
-                    }
-                }
-            }
+                    return true;
+                }
+                if (
+                    typeof source[key] === "object" &&
+                    source[key] !== null &&
+                    !Array.isArray(source[key]) &&
+                    typeof target[key] === "object" &&
+                    target[key] !== null &&
+                    !Array.isArray(target[key])
+                ) {
+                    if (hasNewConfig(target[key], source[key])) {
+                        return true;
+                    }
+                }
+            }
         }
-        return false; // 没有新增配置
+        return false;
     };
 
-    // 深度合并函数，优先保留原有数据，补充新模板的配置
     const deepMerge = (target: any, source: any): any => {
-        const output = { ...target }; // 复制目标对象（站点模板）
+        const output = { ...target };
         for (const key in source) {
             if (Object.prototype.hasOwnProperty.call(source, key)) {
-                // 如果目标对象没有这个键，直接添加新模板的配置
                 if (!(key in target)) {
                     output[key] = source[key];
                 }
-                // 如果目标对象有这个键，且两者都是对象，递归合并
                 else if (
                     typeof source[key] === "object" &&
                     source[key] !== null &&
                     !Array.isArray(source[key]) &&
                     typeof target[key] === "object" &&
-                    target[key] !== null &&
-                    !Array.isArray(target[key])
-                ) {
-                    output[key] = deepMerge(target[key], source[key]);
-                }
-                // 其他情况（基本类型、数组等），保留目标对象的值，不覆盖
-            }
+                    target[key] !== null &&
+                    !Array.isArray(target[key])
+                ) {
+                    output[key] = deepMerge(target[key], source[key]);
+                }
+            }
         }
         return output;
     };
 
-    // 遍历所有站点
-    arrSiteData.forEach((site: any) => {
-        // 根据站点的 t_id 查找对应模板
+    if (getTempLateList.value.length === 0) {
+        await loadTemplateList();
+    }
+
+    const domainRes = await getDomainAllList({ limit: 200, page: 1 });
+    const siteList = domainRes.data.items ?? [];
+
+    let updatedCount = 0;
+    let skippedCount = 0;
+    let missingTemplateCount = 0;
+    let failedCount = 0;
+    const failedSites = [] as string[];
+
+    if (siteList.length === 0) {
+        return {
+            message: "模板重置完成，当前没有可处理的站点"
+        };
+    }
+
+    for (const site of siteList) {
         const matchedTemplate = getTempLateList.value.find((template: any) => template.t_id === site.t_id);
 
-        if (matchedTemplate) {
-            // 检查是否有新增配置
-            if (hasNewConfig(site.t_cfg || {}, matchedTemplate.t_cfg_template)) {
-                // 合并站点模板和基础模板，保留站点原有数据
-                site.t_cfg = deepMerge(
-                    site.t_cfg || {}, // 确保站点模板存在
-                    matchedTemplate.t_cfg_template
-                );
-                // 保存数据并提交
-                saveData(site);
-                ElMessage.success({ message: `${site.d_name}重置成功！` });
-                console.log(`站点 ${site.d_name} 重置成功！`);
-            } else {
-                ElMessage.success({ message: `站点${site.d_name} 无新增配置，跳过更新` });
-                console.log(`站点 ${site.d_name} 无新增配置，跳过更新`);
-            }
-        } else {
-            console.warn(`未找到站点 ${site.t_id} 对应的模板`);
+        if (!matchedTemplate) {
+            missingTemplateCount += 1;
+            continue;
         }
-    });
 
-    // 刷新表格数据
-    // await useHandleData(cacheFlush, {}, "模板重置");
-    proTable.value?.getTableList();
+        if (!hasNewConfig(site.t_cfg || {}, matchedTemplate.t_cfg_template)) {
+            skippedCount += 1;
+            continue;
+        }
+
+        try {
+            await saveData({
+                ...site,
+                t_cfg: deepMerge(site.t_cfg || {}, matchedTemplate.t_cfg_template)
+            });
+            updatedCount += 1;
+        } catch (_error) {
+            failedCount += 1;
+            if (failedSites.length < 5) {
+                failedSites.push(site.d_domain || `d_id=${site.d_id}`);
+            }
+        }
+    }
+
+    const messageParts = [] as string[];
+    if (updatedCount === 0) {
+        messageParts.push("模板重置完成，未发现需要补齐的站点配置");
+    } else {
+        messageParts.push(`模板重置完成：更新 ${updatedCount} 个站点`);
+        messageParts.push(`跳过 ${skippedCount} 个站点`);
+    }
+    if (missingTemplateCount > 0) {
+        messageParts.push(`未匹配模板 ${missingTemplateCount} 个站点`);
+    }
+    if (failedCount > 0) {
+        messageParts.push(`失败 ${failedCount} 个站点`);
+    }
+    if (failedSites.length > 0) {
+        messageParts.push(`失败示例：${failedSites.join("、")}`);
+    }
+
+    return {
+        type: failedCount > 0 ? "warning" : "success",
+        message: messageParts.join("，")
+    };
 };
-// 批量删除站点信息
-const batchDelete = async (id: any[]) => {
-    const ids = id.map((item: SiteList.ResList) => item.si_id);
-    await useHandleData(deleteItem, { si_id: ids.join(",") }, "删除所选信息");
-    proTable.value?.clearSelection();
-    proTable.value?.getTableList();
-};
-// 打开 drawer(新增、编辑)
 const drawerRef = ref<InstanceType<typeof Drawer> | null>(null);
-const openDrawer = (isEdit: boolean, row: Partial<SiteList.ResList> = {}) => {
+const batchStrategyDialogRef = ref<InstanceType<typeof BatchStrategyDialog> | null>(null);
+const bootstrapAdminCenterRef = ref<InstanceType<typeof BootstrapAdminCenter> | null>(null);
+const bootstrapEnvDialogRef = ref<InstanceType<typeof BootstrapEnvDialog> | null>(null);
+const domainSupplyDialogRef = ref<InstanceType<typeof DomainSupplyDialog> | null>(null);
+const domainImportTaskConsoleDialogRef = ref<InstanceType<typeof DomainImportTaskConsoleDialog> | null>(null);
+const openDrawer = (isCreate: boolean, row: Partial<SiteList.ResList> = {}) => {
     const params = {
-        title: isEdit ? "新增站点" : "编辑站点",
+        title: isCreate ? "新增站点" : "编辑站点",
         row: { ...row },
         api: saveData,
-        getTableList: proTable.value?.getTableList
+        getTableList: proTable.value?.getTableList,
+        successMessage: isCreate ? "站点新增完成，已刷新站点列表" : "站点保存完成，已刷新站点列表"
     };
     drawerRef.value?.acceptParams(params as any);
 };
 
-//构建站点
-const structureDrawer = async (params: SiteList.ResList) => {
-    await useHandleData(buildItem, { si_id: params.si_id }, "对此站点项目进行构建?", "后台正在打包中，请3分钟后查看H5前端站点！");
+const openBatchStrategyDrawer = (selectedList: Partial<SiteList.ResList>[] = []) => {
+    const selectedRows = (selectedList ?? []).filter(item => Number(item?.d_id ?? 0) > 0);
+    if (selectedRows.length === 0) {
+        ElMessage.warning("请先选择至少一个站点，再批量套用策略包");
+        return;
+    }
+
+    const params = {
+        title: "批量套用域名策略包",
+        row: {
+            strategy_profile: "standard",
+            d_ids: selectedRows.map(item => Number(item.d_id ?? 0)).filter(item => item > 0),
+            domains: selectedRows.map(item => `${item.d_domain ?? ""} (${item.d_name ?? "-"})`).join("\n")
+        },
+        api: applyDomainStrategyProfileBatch,
+        getTableList: proTable.value?.getTableList,
+        successMessage: "站点策略包批量套用完成，已刷新站点列表"
+    };
+    void ensureDialogMounted("batchStrategyDialog", () => batchStrategyDialogRef.value?.acceptParams(params as any));
+};
+
+const submitSeoCopyAiForRows = async (selectedList: Partial<SiteList.ResList>[] = []) => {
+    const selectedRows = (selectedList ?? []).filter(item => Number(item?.d_id ?? 0) > 0);
+    if (selectedRows.length === 0) {
+        ElMessage.warning("请先选择至少一个站点，再提交 AI 生成任务");
+        return;
+    }
+
+    const strDomainsPreview = selectedRows
+        .slice(0, 6)
+        .map(item => item.d_domain || `ID:${item.d_id}`)
+        .join("、");
+    const strRemain = selectedRows.length > 6 ? ` 等 ${selectedRows.length} 个站点` : "";
+
+    try {
+        await ElMessageBox.confirm(`确认提交这些站点进入 AI 文案生成队列吗？\n${strDomainsPreview}${strRemain}`, "提交AI生成", {
+            confirmButtonText: "提交",
+            cancelButtonText: "取消",
+            type: "warning",
+            center: true,
+            draggable: true
+        });
+    } catch {
+        return;
+    }
+
+    const arrIds = selectedRows.map(item => Number(item.d_id ?? 0)).filter(item => item > 0);
+    const res = await submitDomainSeoCopyAiGenerate({
+        d_ids: arrIds,
+        wait_for_ai_before_publish: 1
+    });
+    const intQueued = Number(res.data?.queued_count ?? arrIds.length);
+    const strJobId = String(res.data?.job?.job_id ?? "").trim();
+    ElMessage.success(`已提交 ${intQueued} 个站点进入 AI 生成队列`);
+    if (strJobId !== "") {
+        domainImportTaskConsoleDialogRef.value?.open("AI文案生成任务", strJobId, () => {
+            proTable.value?.getTableList();
+        });
+        return;
+    }
     proTable.value?.getTableList();
 };
-// 引导页
-const landingDrawer = async (params: SiteList.ResList) => {
-    await useHandleData(
-        landingItem,
-        { si_id: params.si_id },
-        "对此站点项目进行构建?",
-        "后台正在打包中，请3分钟后查看引导页前端站点！"
-    );
+
+const optimizeSeoCopyAiForRows = async (selectedList: Partial<SiteList.ResList>[] = []) => {
+    const selectedRows = (selectedList ?? []).filter(item => Number(item?.d_id ?? 0) > 0);
+    if (selectedRows.length === 0) {
+        ElMessage.warning("请先选择至少一个站点，再提交 AI 重优化任务");
+        return;
+    }
+
+    const strDomainsPreview = selectedRows
+        .slice(0, 6)
+        .map(item => item.d_domain || `ID:${item.d_id}`)
+        .join("、");
+    const strRemain = selectedRows.length > 6 ? ` 等 ${selectedRows.length} 个站点` : "";
+
+    try {
+        await ElMessageBox.confirm(
+            `确认重新优化这些站点的首页/分类/搜索文案与 TKD 吗？\n${strDomainsPreview}${strRemain}`,
+            "AI重优化",
+            {
+                confirmButtonText: "提交",
+                cancelButtonText: "取消",
+                type: "warning",
+                center: true,
+                draggable: true
+            }
+        );
+    } catch {
+        return;
+    }
+
+    const arrIds = selectedRows.map(item => Number(item.d_id ?? 0)).filter(item => item > 0);
+    const res = await optimizeDomainSeoCopyAiGenerate({
+        d_ids: arrIds,
+        wait_for_ai_before_publish: 1
+    });
+    const intQueued = Number(res.data?.queued_count ?? arrIds.length);
+    const strJobId = String(res.data?.job?.job_id ?? "").trim();
+    ElMessage.success(`已提交 ${intQueued} 个站点进入 AI 重优化队列`);
+    if (strJobId !== "") {
+        domainImportTaskConsoleDialogRef.value?.open("AI文案重优化任务", strJobId, () => {
+            proTable.value?.getTableList();
+        });
+        return;
+    }
     proTable.value?.getTableList();
 };
+
+const openBootstrapEnvDialog = (payload: BootstrapDialogPayload = "all") => {
+    void ensureDialogMounted("bootstrapEnvDialog", () => bootstrapEnvDialogRef.value?.openDialog(payload));
+};
+
+const openBootstrapAdminCenter = (payload: BootstrapAdminOpenPayload = "overview") => {
+    void ensureDialogMounted("bootstrapAdminCenter", () => bootstrapAdminCenterRef.value?.openDialog(payload));
+};
+
+const openDomainSupplyDialog = () => {
+    void ensureDialogMounted("domainSupplyDialog", () => domainSupplyDialogRef.value?.openDialog());
+};
+
+const consumeBootstrapEnvDialogQuery = () => {
+    const focus = route.query.bootstrapFocus;
+    const comparePreset = typeof route.query.bootstrapComparePreset === "string" ? route.query.bootstrapComparePreset : "";
+    const restorePreset = typeof route.query.bootstrapRestorePreset === "string" ? route.query.bootstrapRestorePreset : "";
+    const historyActionPreset = typeof route.query.bootstrapHistoryActionPreset === "string" ? route.query.bootstrapHistoryActionPreset : "";
+    const normalizedFocus = typeof focus === "string" ? focus : "";
+    if (normalizedFocus.trim() === "" && comparePreset.trim() === "" && restorePreset.trim() === "" && historyActionPreset.trim() === "") {
+        return false;
+    }
+
+    const allowed: BootstrapFocusMode[] = ["all", "task", "oncall", "pipeline", "import", "release"];
+    const allowedPresets: BootstrapComparePreset[] = [
+        "latest_two",
+        "latest_applied_vs_dry_run",
+        "latest_template_two",
+        "latest_template_apply_vs_preview",
+        "latest_restore_two",
+        "latest_restore_apply_vs_preview"
+    ];
+    const allowedRestorePresets: BootstrapRestorePreset[] = ["latest_restore_after_preview", "latest_restore_before_preview"];
+    const allowedHistoryActionPresets: BootstrapHistoryActionPreset[] = ["template_family", "restore_family", "restore_preview_only", "restore_apply_only"];
+    const focusModes = normalizedFocus
+        .split(",")
+        .map(item => item.trim())
+        .filter((item): item is BootstrapFocusMode => allowed.includes(item as BootstrapFocusMode));
+    const normalizedComparePreset = allowedPresets.includes(comparePreset as BootstrapComparePreset)
+        ? (comparePreset as BootstrapComparePreset)
+        : undefined;
+    const normalizedRestorePreset = allowedRestorePresets.includes(restorePreset as BootstrapRestorePreset)
+        ? (restorePreset as BootstrapRestorePreset)
+        : undefined;
+    const normalizedHistoryActionPreset = allowedHistoryActionPresets.includes(historyActionPreset as BootstrapHistoryActionPreset)
+        ? (historyActionPreset as BootstrapHistoryActionPreset)
+        : undefined;
+    if (focusModes.length === 0 && !normalizedComparePreset && !normalizedRestorePreset && !normalizedHistoryActionPreset) {
+        return false;
+    }
+
+    openBootstrapEnvDialog({
+        focusMode: focusModes.length === 0 ? "all" : focusModes.length === 1 ? focusModes[0] : focusModes,
+        comparePreset: normalizedComparePreset,
+        restorePreset: normalizedRestorePreset,
+        historyActionPreset: normalizedHistoryActionPreset
+    });
+    return true;
+};
+
+const consumeBootstrapAdminCenterQuery = () => {
+    const tab = typeof route.query.bootstrapCenterTab === "string" ? route.query.bootstrapCenterTab : "";
+    const opsPanel = typeof route.query.bootstrapOpsPanel === "string" ? route.query.bootstrapOpsPanel : "";
+    const opsStage = typeof route.query.bootstrapOpsStage === "string" ? route.query.bootstrapOpsStage : "";
+    const opsHost = typeof route.query.bootstrapOpsHost === "string" ? route.query.bootstrapOpsHost : "";
+    const opsKeyword = typeof route.query.bootstrapOpsKeyword === "string" ? route.query.bootstrapOpsKeyword : "";
+    const opsConsole = typeof route.query.bootstrapOpsConsole === "string" ? route.query.bootstrapOpsConsole : "";
+    const opsInspector = typeof route.query.bootstrapOpsInspector === "string" ? route.query.bootstrapOpsInspector : "";
+
+    if (!tab && !opsPanel && !opsStage && !opsHost && !opsKeyword && !opsConsole && !opsInspector) {
+        return false;
+    }
+
+    const allowedTabs: Array<"overview" | "ops" | "env"> = ["overview", "ops", "env"];
+    const allowedPanels: OpsPanelKey[] = ["queue", "oncall", "tasks", "runs", "attention", "completed"];
+    const allowedStages: BootstrapStageKey[] = [
+        "all",
+        "ready_to_register",
+        "ready_to_apply",
+        "ready_for_prepare",
+        "ready_to_import",
+        "ready_to_release_dry_run",
+        "ready_to_publish",
+        "attention",
+        "published"
+    ];
+    const allowedConsolePanels: HostConsolePanelKey[] = ["bundle", "oncall", "runs", "completed"];
+    const allowedInspectors: Array<OpsInspectorKind | "default"> = ["bundle", "oncall", "task", "run", "attention_bundle", "failed_run", "completed", "default"];
+
+    const normalizedTab = allowedTabs.includes(tab as "overview" | "ops" | "env") ? (tab as "overview" | "ops" | "env") : "overview";
+    const normalizedPanel = allowedPanels.includes(opsPanel as OpsPanelKey) ? (opsPanel as OpsPanelKey) : undefined;
+    const normalizedStage = allowedStages.includes(opsStage as BootstrapStageKey) ? (opsStage as BootstrapStageKey) : undefined;
+    const normalizedConsole = allowedConsolePanels.includes(opsConsole as HostConsolePanelKey) ? (opsConsole as HostConsolePanelKey) : undefined;
+    const normalizedInspector = allowedInspectors.includes(opsInspector as OpsInspectorKind | "default") ? (opsInspector as OpsInspectorKind | "default") : undefined;
+
+    openBootstrapAdminCenter({
+        tab: normalizedTab,
+        opsFocus: normalizedTab === "ops"
+            ? {
+                  panel: normalizedPanel,
+                  stage: normalizedStage,
+                  host: opsHost || undefined,
+                  keyword: opsKeyword || undefined,
+                  hostConsolePanel: normalizedConsole,
+                  inspectorKind: normalizedInspector
+              }
+            : undefined
+    });
+    return true;
+};
+
+const consumeBootstrapRouteQueries = () => {
+    const envHandled = consumeBootstrapEnvDialogQuery();
+    const centerHandled = consumeBootstrapAdminCenterQuery();
+    if (!envHandled && !centerHandled) {
+        return;
+    }
+    router.replace({
+        path: route.path,
+        query: {
+            ...route.query,
+            bootstrapFocus: undefined,
+            bootstrapComparePreset: undefined,
+            bootstrapRestorePreset: undefined,
+            bootstrapHistoryActionPreset: undefined,
+            bootstrapCenterTab: undefined,
+            bootstrapOpsPanel: undefined,
+            bootstrapOpsStage: undefined,
+            bootstrapOpsHost: undefined,
+            bootstrapOpsKeyword: undefined,
+            bootstrapOpsConsole: undefined,
+            bootstrapOpsInspector: undefined
+        }
+    });
+};
+
+onMounted(() => {
+    window.addEventListener("site-dialog-open", handleSiteDialogOpen as EventListener);
+    consumeBootstrapRouteQueries();
+});
+
+onBeforeUnmount(() => {
+    window.removeEventListener("site-dialog-open", handleSiteDialogOpen as EventListener);
+});
+
+watch(
+    () => route.fullPath,
+    () => {
+        consumeBootstrapRouteQueries();
+    }
+);
 </script>
 
 <style lang="scss">
-.el-table .warning-row,
-.el-table .warning-row .el-table-fixed-column--right,
-.el-table .warning-row .el-table-fixed-column--left {
-    background-color: var(--el-color-warning-light-9);
-}
-.el-table .success-row,
-.el-table .success-row .el-table-fixed-column--right,
-.el-table .success-row .el-table-fixed-column--left {
-    background-color: var(--el-color-success-light-9);
-}
+.el-table .warning-row,
+.el-table .warning-row .el-table-fixed-column--right,
+.el-table .warning-row .el-table-fixed-column--left {
+    background-color: var(--el-color-warning-light-9);
+}
+.el-table .success-row,
+.el-table .success-row .el-table-fixed-column--right,
+.el-table .success-row .el-table-fixed-column--left {
+    background-color: var(--el-color-success-light-9);
+}
 .tagTextColor {
-    // color: red;
     border: none;
 }
-.c-right-pad .el-table--default .cell {
-    padding: 0 5px !important;
-}
 </style>
diff --git a/src/views/site/subject/fomart/group/drawer.vue b/src/views/site/subject/fomart/group/drawer.vue
index f551d12..88ea5ea 100644
--- a/src/views/site/subject/fomart/group/drawer.vue
+++ b/src/views/site/subject/fomart/group/drawer.vue
@@ -1,5 +1,5 @@
 <template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="50%" :title="`${drawerProps.title}参数配置`">
+    <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="50%" :title="`${drawerProps.title}替换模板分组`">
         <el-form
             ref="ruleFormRef"
             label-width="150px"
@@ -9,7 +9,7 @@
             :model="drawerProps.row"
             :hide-required-asterisk="drawerProps.isView"
         >
-            <el-form-item v-for="e in formColumns" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
+            <el-form-item v-for="e in formColumns()" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
                 <template v-if="e.type === 'switch'">
                     <el-switch v-model="e.value" />
                 </template>
@@ -43,7 +43,7 @@
 </template>
 
 <script setup lang="ts" name="UserDrawer">
-import { ref, computed } from "vue";
+import { ref } from "vue";
 import { ElMessage, FormInstance } from "element-plus";
 import { GroupList } from "@/api/interface/site/subject/fomart/group";
 
@@ -79,13 +79,13 @@ const generateRules = (fields: Fields[]) => {
     }, {} as Record<string, any>);
 };
 
-const formColumns = computed((): Fields[] => {
+const formColumns = (): Fields[] => {
     return [
         {
-            label: "替换模板分组id",
+            label: "分组ID",
             prop: "sfg_id",
             type: "text",
-            disabled: drawerProps.value.title === "编辑" ? true : false,
+            disabled: true,
             get value() {
                 return drawerProps.value.row!.sfg_id;
             },
@@ -95,7 +95,7 @@ const formColumns = computed((): Fields[] => {
             required: false
         },
         {
-            label: "替换模板分组名字",
+            label: "分组名称",
             prop: "sfg_name",
             type: "text-tarea",
             get value() {
@@ -104,23 +104,23 @@ const formColumns = computed((): Fields[] => {
             set value(val) {
                 drawerProps.value.row!.sfg_name = val;
             },
-            required: false
+            required: true
         },
         {
-            label: "替换模板分组描述",
+            label: "分组说明",
             prop: "sfg_description",
             type: "text-tarea",
-            // disabled: true,
+
             get value() {
                 return drawerProps.value.row!.sfg_description;
             },
             set value(val) {
                 drawerProps.value.row!.sfg_description = val;
             },
-            required: false
+            required: true
         }
     ];
-});
+};
 const rules = ref();
 
 interface DrawerProps {
@@ -129,6 +129,7 @@ interface DrawerProps {
     row: Partial<GroupList.ResList>;
     api?: (params: any) => Promise<any>;
     getTableList?: () => void;
+    successMessage?: string;
 }
 
 const drawerVisible = ref(false);
@@ -138,30 +139,28 @@ const drawerProps = ref<DrawerProps>({
     row: {}
 });
 
-// 接收父组件传过来的参数
 const acceptParams = (params: DrawerProps) => {
-    drawerProps.value = params;
-    rules.value = generateRules(formColumns.value);
+    drawerProps.value = {
+        ...params,
+        row: { ...params.row }
+    };
+    rules.value = generateRules(formColumns());
     drawerVisible.value = true;
-    if (drawerProps.value.title === "编辑") {
-        console.log(rules.value["sfg_id"]);
-        // rules.value["sfg_id"]["disabled"] = true;
-        // console.log(rules.value["sfg_id"]);
-    }
 };
 
-// 提交数据（新增/编辑）
 const ruleFormRef = ref<FormInstance>();
 const handleSubmit = () => {
     ruleFormRef.value!.validate(async valid => {
         if (!valid) return;
         try {
             await drawerProps.value.api!(drawerProps.value.row);
-            ElMessage.success({ message: `${drawerProps.value.title}成功！` });
+            ElMessage.success({
+                message: drawerProps.value.successMessage || `${drawerProps.value.title}完成，已刷新替换模板分组列表`
+            });
             drawerProps.value.getTableList!();
             drawerVisible.value = false;
-        } catch (error) {
-            console.log(error);
+        } catch (_error) {
+            return;
         }
     });
 };
diff --git a/src/views/site/subject/fomart/group/list.vue b/src/views/site/subject/fomart/group/list.vue
index 1088ffe..49d16b7 100644
--- a/src/views/site/subject/fomart/group/list.vue
+++ b/src/views/site/subject/fomart/group/list.vue
@@ -7,9 +7,11 @@
             :request-api="getTableList"
             :data-callback="dataCallback"
         >
-            <!-- 表格 header 按钮 -->
+            <template #empty>
+                <el-empty description="暂无替换模板分组" />
+            </template>
             <template #tableHeader="scope">
-                <el-button type="primary" :icon="CirclePlus" @click="openDrawer(true)">新增</el-button>
+                <el-button type="primary" :icon="CirclePlus" @click="openDrawer(true)">新增替换模板分组</el-button>
                 <el-button
                     type="danger"
                     style="display: none;"
@@ -18,49 +20,12 @@
                     :disabled="!scope.isSelected"
                     @click="batchDelete(scope.selectedList)"
                 >
-                    批量删除站点
+                    批量删除替换模板分组
                 </el-button>
             </template>
-            <!-- 表格操作 -->
             <template #operation="scope">
-                <div class="c-right-pad">
-                    <div>
-                        <el-button
-                            type="success"
-                            style="width: 72px"
-                            v-if="scope.row.si_deploy_site_jenkins?.length > 0"
-                            link
-                            :icon="Refresh"
-                            @click="structureDrawer(scope.row)"
-                        >
-                            H5构建
-                        </el-button>
-                        <el-button
-                            v-if="scope.row.si_deploy_site_jenkins?.length == 0"
-                            style="width: 72px; background: none; border: none"
-                            >--
-                        </el-button>
-                        <el-button type="primary" link :icon="EditPen" @click="openDrawer(false, scope.row)">编辑</el-button>
-                    </div>
-                    <div>
-                        <el-button
-                            type="success"
-                            style="width: 72px"
-                            v-if="scope.row.si_deploy_landing_jenkins?.length > 0"
-                            link
-                            :icon="Refresh"
-                            @click="landingDrawer(scope.row)"
-                        >
-                            引导页
-                        </el-button>
-                        <el-button
-                            v-if="scope.row.si_deploy_landing_jenkins?.length == 0"
-                            style="width: 72px; background: none; border: none"
-                            >--
-                        </el-button>
-                        <el-button type="danger" link :icon="Delete" @click="deleteAccount(scope.row)">删除</el-button>
-                    </div>
-                </div>
+                <el-button type="primary" link :icon="EditPen" @click="openDrawer(false, scope.row)">编辑</el-button>
+                <el-button type="danger" link :icon="Delete" @click="deleteAccount(scope.row)">删除</el-button>
             </template>
         </ProTable>
         <Drawer ref="drawerRef" />
@@ -72,27 +37,25 @@ import { reactive, ref } from "vue";
 import { GroupList } from "@/api/interface/site/subject/fomart/group";
 import { useHandleData } from "@/hooks/useHandleData";
 import ProTable from "@/components/ProTable/index.vue";
-import { Delete, EditPen, CirclePlus, Refresh } from "@element-plus/icons-vue";
+import { Delete, EditPen, CirclePlus } from "@element-plus/icons-vue";
 import { ProTableInstance, ColumnProps } from "@/components/ProTable/interface";
 import { getList, saveData, deleteItem } from "@/api/modules/site/subject/fomart/group";
 import Drawer from "./drawer.vue";
 import { arrColorType } from "@/utils/serviceDict";
-// ProTable 实例
 const proTable = ref<ProTableInstance>();
 
 
 const initParam = reactive({
-    limit: 15,
+    limit: 25,
     page: 1
 });
 
 const dataCallback = (data: any) => {
-    // 转换为数组
     const arr = data.items;
     return {
         items: arr,
         total: data.total,
-        total_page: 1,
+        total_page: data.total_pages ?? 1,
         page: initParam.page,
         limit: initParam.limit
     };
@@ -105,57 +68,69 @@ const getTableList = (params: any) => {
     return getList(newParams);
 };
 
-// 表格配置项
-const columns = reactive<ColumnProps<GroupList.ResList>[]>([
+const columns = ref<ColumnProps[]>([
     { type: "selection", fixed: "left", width: 50 },
     {
         prop: "key",
-        label: "搜索内容",
+        label: "分组名称 / 描述",
         isShow: false,
         search: {
-            el: "input"
+            el: "input",
+            props: {
+                placeholder: "请输入分组名称或描述"
+            }
         }
     },
     {
         prop: "sfg_id",
-        label: "替换模板分组ID",
+        label: "分组ID",
         width: 200
     },
     {
         prop: "sfg_name",
-        label: "替换模板分组名字"
+        label: "分组名称",
+        showOverflowTooltip: true
     },
     {
         prop: "sfg_description",
-        label: "替换模板分组描述"
+        label: "分组说明",
+        showOverflowTooltip: true
     },
     
-    // { prop: "created_at", label: "添加时间", width: 170 },
+
     { prop: "operation", label: "操作", fixed: "right", width: 165 }
 ]);
 
-// 删除站点信息
 const deleteAccount = async (params: GroupList.ResList) => {
-    await useHandleData(deleteItem, { sfg_id: String(params.sfg_id) }, "删除所选信息");
+    await useHandleData(
+        deleteItem,
+        { sfg_id: String(params.sfg_id) },
+        `删除替换模板分组【${params.sfg_name || params.sfg_id}】`,
+        "替换模板分组删除完成，已刷新分组列表"
+    );
     proTable.value?.getTableList();
 };
 
-// 批量删除站点信息
 const batchDelete = async (id: any[]) => {
     const ids = id.map((item: GroupList.ResList) => item.sfg_id);
-    await useHandleData(deleteItem, { sfg_id: ids.join(",") }, "删除所选信息");
+    await useHandleData(
+        deleteItem,
+        { sfg_id: ids.join(",") },
+        "批量删除所选替换模板分组",
+        "替换模板分组批量删除完成，已刷新分组列表"
+    );
     proTable.value?.clearSelection();
     proTable.value?.getTableList();
 };
-// 打开 drawer(新增、编辑)
 const drawerRef = ref<InstanceType<typeof Drawer> | null>(null);
 
-const openDrawer = (isEdit: boolean, row: Partial<GroupList.ResList> = {}) => {
+const openDrawer = (isCreate: boolean, row: Partial<GroupList.ResList> = {}) => {
     const params = {
-        title: isEdit ? "新增" : "编辑",
+        title: isCreate ? "新增" : "编辑",
         row: { ...row },
         api: saveData,
-        getTableList: proTable.value?.getTableList
+        getTableList: proTable.value?.getTableList,
+        successMessage: isCreate ? "替换模板分组新增完成，已刷新分组列表" : "替换模板分组保存完成，已刷新分组列表"
     };
     drawerRef.value?.acceptParams(params as any);
 };
@@ -174,7 +149,7 @@ const openDrawer = (isEdit: boolean, row: Partial<GroupList.ResList> = {}) => {
     background-color: var(--el-color-success-light-9);
 }
 .tagTextColor {
-    // color: red;
+
     border: none;
 }
 .c-right-pad .el-table--default .cell {
diff --git a/src/views/site/subject/fomart/list/drawer.vue b/src/views/site/subject/fomart/list/drawer.vue
index ec8e653..ab38dc1 100644
--- a/src/views/site/subject/fomart/list/drawer.vue
+++ b/src/views/site/subject/fomart/list/drawer.vue
@@ -1,5 +1,5 @@
 <template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="50%" :title="`${drawerProps.title}参数配置`">
+    <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="50%" :title="`${drawerProps.title}替换模板内容`">
         <el-form
             ref="ruleFormRef"
             label-width="150px"
@@ -9,15 +9,10 @@
             :model="drawerProps.row"
             :hide-required-asterisk="drawerProps.isView"
         >
-            <el-form-item v-for="e in formColumns" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
+            <el-form-item v-for="e in formColumns()" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
                 <template v-if="e.type === 'switch'">
                     <el-switch v-model="e.value" />
                 </template>
-                <!-- <template v-if="e.type === 'select'">
-                    <el-select v-model="e.value" :placeholder="`请选择${e.label}`" clearable>
-                        <el-option v-for="item in e.options" :key="item.value" :label="item.label" :value="item.value" />
-                    </el-select>
-                </template> -->
                 <template v-if="e.type === 'select'">
                     <el-select filterable v-model="e.value" :placeholder="`请选择${e.label}`" clearable>
                         <el-option
@@ -27,7 +22,6 @@
                             :value="getField(item, e.fieldNames?.value)"
                         />
                     </el-select>
-                    <div>{{ e.describe }}</div>
                 </template>
                 <template v-if="e.type === 'text'">
                     <el-input v-model="e.value" :disabled="e.disabled" :placeholder="`请输入${e.label}`" clearable></el-input>
@@ -54,9 +48,10 @@
 </template>
 
 <script setup lang="ts" name="UserDrawer">
-import { ref, computed } from "vue";
+import { ref } from "vue";
 import { ElMessage, FormInstance } from "element-plus";
 import { GroupList } from "@/api/interface/site/subject/fomart/group";
+import { SubjectFomartList } from "@/api/interface/site/subject/fomart/list";
 import { getAllList } from "@/api/modules/site/subject/fomart/group";
 
 type Options = {
@@ -74,11 +69,11 @@ type Fields = {
     required: boolean;
     options?: Options[];
     disabled?: boolean;
+    fieldNames?: { label: string; value: string };
+    describe?: string;
 };
-// 分组
 const getGroupList = ref([] as any);
 getAllList().then(res => {
-    console.log(res.data.items);
     getGroupList.value = res.data.items;
 });
 
@@ -100,13 +95,13 @@ const generateRules = (fields: Fields[]) => {
     }, {} as Record<string, any>);
 };
 
-const formColumns = computed((): Fields[] => {
+const formColumns = (): Fields[] => {
     return [
         {
-            label: "替换模板id",
+            label: "内容ID",
             prop: "sf_id",
             type: "text",
-            disabled: drawerProps.value.title === "编辑" ? true : false,
+            disabled: true,
             get value() {
                 return drawerProps.value.row!.sf_id;
             },
@@ -125,10 +120,10 @@ const formColumns = computed((): Fields[] => {
             set value(val) {
                 drawerProps.value.row!.sf_val = val;
             },
-            required: false
+            required: true
         },
         {
-            label: "替换模板分组",
+            label: "所属分组",
             prop: "sfg_id",
             type: "select",
             get value() {
@@ -139,22 +134,19 @@ const formColumns = computed((): Fields[] => {
             },
             options: getGroupList.value,
             fieldNames: { label: "sfg_name", value: "sfg_id" },
-            // fieldNames: { label: "sfg_name", value: "sfg_id" },
-            // enum: getAllList,
-            // options: getGroupList,
-            // fieldNames: { label: "sfg_name", value: "sfg_id" },
-            required: false
+            required: true
         }
     ];
-});
+};
 const rules = ref();
 
 interface DrawerProps {
     title: string;
     isView: boolean;
-    row: Partial<GroupList.ResList>;
+    row: Partial<SubjectFomartList.ResList>;
     api?: (params: any) => Promise<any>;
     getTableList?: () => void;
+    successMessage?: string;
 }
 
 const drawerVisible = ref(false);
@@ -164,30 +156,28 @@ const drawerProps = ref<DrawerProps>({
     row: {}
 });
 
-// 接收父组件传过来的参数
 const acceptParams = (params: DrawerProps) => {
-    drawerProps.value = params;
-    rules.value = generateRules(formColumns.value);
+    drawerProps.value = {
+        ...params,
+        row: { ...params.row }
+    };
+    rules.value = generateRules(formColumns());
     drawerVisible.value = true;
-    if (drawerProps.value.title === "编辑") {
-        console.log(rules.value["sf_id"]);
-        // rules.value["sfg_id"]["disabled"] = true;
-        // console.log(rules.value["sfg_id"]);
-    }
 };
 
-// 提交数据（新增/编辑）
 const ruleFormRef = ref<FormInstance>();
 const handleSubmit = () => {
     ruleFormRef.value!.validate(async valid => {
         if (!valid) return;
         try {
             await drawerProps.value.api!(drawerProps.value.row);
-            ElMessage.success({ message: `${drawerProps.value.title}成功！` });
+            ElMessage.success({
+                message: drawerProps.value.successMessage || `${drawerProps.value.title}完成，已刷新替换模板列表`
+            });
             drawerProps.value.getTableList!();
             drawerVisible.value = false;
-        } catch (error) {
-            console.log(error);
+        } catch (_error) {
+            return;
         }
     });
 };
diff --git a/src/views/site/subject/fomart/list/index.vue b/src/views/site/subject/fomart/list/index.vue
index 6347209..ca0e41d 100644
--- a/src/views/site/subject/fomart/list/index.vue
+++ b/src/views/site/subject/fomart/list/index.vue
@@ -7,9 +7,11 @@
             :request-api="getTableList"
             :data-callback="dataCallback"
         >
-            <!-- 表格 header 按钮 -->
+            <template #empty>
+                <el-empty description="暂无替换模板内容" />
+            </template>
             <template #tableHeader="scope">
-                <el-button type="primary" :icon="CirclePlus" @click="openDrawer(true)">新增</el-button>
+                <el-button type="primary" :icon="CirclePlus" @click="openDrawer(true)">新增替换模板内容</el-button>
                 <el-button
                     type="danger"
                     style="display: none"
@@ -18,49 +20,12 @@
                     :disabled="!scope.isSelected"
                     @click="batchDelete(scope.selectedList)"
                 >
-                    批量删除站点
+                    批量删除替换模板内容
                 </el-button>
             </template>
-            <!-- 表格操作 -->
             <template #operation="scope">
-                <div class="c-right-pad">
-                    <div>
-                        <el-button
-                            type="success"
-                            style="width: 72px"
-                            v-if="scope.row.si_deploy_site_jenkins?.length > 0"
-                            link
-                            :icon="Refresh"
-                            @click="structureDrawer(scope.row)"
-                        >
-                            H5构建
-                        </el-button>
-                        <el-button
-                            v-if="scope.row.si_deploy_site_jenkins?.length == 0"
-                            style="width: 72px; background: none; border: none"
-                            >--
-                        </el-button>
-                        <el-button type="primary" link :icon="EditPen" @click="openDrawer(false, scope.row)">编辑</el-button>
-                    </div>
-                    <div>
-                        <el-button
-                            type="success"
-                            style="width: 72px"
-                            v-if="scope.row.si_deploy_landing_jenkins?.length > 0"
-                            link
-                            :icon="Refresh"
-                            @click="landingDrawer(scope.row)"
-                        >
-                            引导页
-                        </el-button>
-                        <el-button
-                            v-if="scope.row.si_deploy_landing_jenkins?.length == 0"
-                            style="width: 72px; background: none; border: none"
-                            >--
-                        </el-button>
-                        <el-button type="danger" link :icon="Delete" @click="deleteAccount(scope.row)">删除</el-button>
-                    </div>
-                </div>
+                <el-button type="primary" link :icon="EditPen" @click="openDrawer(false, scope.row)">编辑</el-button>
+                <el-button type="danger" link :icon="Delete" @click="deleteAccount(scope.row)">删除</el-button>
             </template>
         </ProTable>
         <Drawer ref="drawerRef" />
@@ -72,28 +37,26 @@ import { reactive, ref } from "vue";
 import { SubjectFomartList } from "@/api/interface/site/subject/fomart/list";
 import { useHandleData } from "@/hooks/useHandleData";
 import ProTable from "@/components/ProTable/index.vue";
-import { Delete, EditPen, CirclePlus, Refresh } from "@element-plus/icons-vue";
+import { Delete, EditPen, CirclePlus } from "@element-plus/icons-vue";
 import { ProTableInstance, ColumnProps } from "@/components/ProTable/interface";
-import { getList, saveData, deleteItem} from "@/api/modules/site/subject/fomart/list";
+import { getList, saveData, deleteItem } from "@/api/modules/site/subject/fomart/list";
 import { getAllList } from "@/api/modules/site/subject/fomart/group";
 import Drawer from "./drawer.vue";
 import { arrColorType } from "@/utils/serviceDict";
-// ProTable 实例
 const proTable = ref<ProTableInstance>();
 
     
 const initParam = reactive({
-    limit: 15,
+    limit: 25,
     page: 1
 });
 
 const dataCallback = (data: any) => {
-    // 转换为数组
     const arr = data.items;
     return {
         items: arr,
         total: data.total,
-        total_page: 1,
+        total_page: data.total_pages ?? 1,
         page: initParam.page,
         limit: initParam.limit
     };
@@ -106,67 +69,77 @@ const getTableList = (params: any) => {
     return getList(newParams);
 };
 
-// 分组
 const getGroupList = ref([] as any);
 getAllList().then(res => {
   
     getGroupList.value = res.data.items;
 });
 
-// 表格配置项
-const columns = reactive<ColumnProps<SubjectFomartList.ResList>[]>([
+const columns = ref<ColumnProps[]>([
     { type: "selection", fixed: "left", width: 50 },
     {
         prop: "key",
-        label: "搜索内容",
+        label: "模板内容",
         isShow: false,
         search: {
-            el: "input"
+            el: "input",
+            props: {
+                placeholder: "请输入替换模板内容"
+            }
         }
     },
     {
         prop: "sf_id",
-        label: "替换模板ID",
+        label: "内容ID",
         width: 200
     },
     {
         prop: "sf_val",
-        label: "替换模板内容"
+        label: "替换模板内容",
+        showOverflowTooltip: true
     },
     {
         prop: "sfg_id",
-        label: "替换模板分组",
+        label: "所属分组",
         fieldNames: { label: "sfg_name", value: "sfg_id" },
         enum: getGroupList,
         search: { el: "select", props: { filterable: true } },
     },
     
-    // { prop: "created_at", label: "添加时间", width: 170 },
+
     { prop: "operation", label: "操作", fixed: "right", width: 165 }
 ]);
 
-// 删除站点信息
 const deleteAccount = async (params: SubjectFomartList.ResList) => {
-    await useHandleData(deleteItem, { sf_id: String(params.sf_id) }, "删除所选信息");
+    await useHandleData(
+        deleteItem,
+        { sf_id: String(params.sf_id) },
+        `删除替换模板内容【${params.sf_val || params.sf_id}】`,
+        "替换模板内容删除完成，已刷新模板列表"
+    );
     proTable.value?.getTableList();
 };
 
-// 批量删除站点信息
 const batchDelete = async (id: any[]) => {
     const ids = id.map((item: SubjectFomartList.ResList) => item.sf_id);
-    await useHandleData(deleteItem, { sf_id: ids.join(",") }, "删除所选信息");
+    await useHandleData(
+        deleteItem,
+        { sf_id: ids.join(",") },
+        "批量删除所选替换模板内容",
+        "替换模板内容批量删除完成，已刷新模板列表"
+    );
     proTable.value?.clearSelection();
     proTable.value?.getTableList();
 };
-// 打开 drawer(新增、编辑)
 const drawerRef = ref<InstanceType<typeof Drawer> | null>(null);
 
-const openDrawer = (isEdit: boolean, row: Partial<SubjectFomartList.ResList> = {}) => {
+const openDrawer = (isCreate: boolean, row: Partial<SubjectFomartList.ResList> = {}) => {
     const params = {
-        title: isEdit ? "新增" : "编辑",
+        title: isCreate ? "新增" : "编辑",
         row: { ...row },
         api: saveData,
-        getTableList: proTable.value?.getTableList
+        getTableList: proTable.value?.getTableList,
+        successMessage: isCreate ? "替换模板内容新增完成，已刷新模板列表" : "替换模板内容保存完成，已刷新模板列表"
     };
     drawerRef.value?.acceptParams(params as any);
 };
@@ -185,7 +158,7 @@ const openDrawer = (isEdit: boolean, row: Partial<SubjectFomartList.ResList> = {
     background-color: var(--el-color-success-light-9);
 }
 .tagTextColor {
-    // color: red;
+
     border: none;
 }
 .c-right-pad .el-table--default .cell {
diff --git a/src/views/site/template.vue b/src/views/site/template.vue
index 4fee545..69f5a29 100644
--- a/src/views/site/template.vue
+++ b/src/views/site/template.vue
@@ -1,212 +1,104 @@
 <template>
     <div class="table-box">
-        <ProTable ref="proTable" highlight-current-row :columns="columns" :request-api="getTableList"
-        :data-callback="dataCallback">
-            <!-- 表格 header 按钮 -->
-            <template #tableHeader="scope">
-                <el-button type="primary" :icon="CirclePlus" @click="openDrawer(true)">新增</el-button>
-                <el-button
-                    type="danger"
-                    :icon="Delete"
-                    style="display: none"
-                    plain
-                    :disabled="!scope.isSelected"
-                    @click="batchDelete(scope.selectedList)"
-                >
-                    批量删除站点
-                </el-button>
-            </template>
-            <!-- 表格操作 -->
-            <template #operation="scope">
-                <!-- <div class="c-right-pad">
-                    <div>
-                        <el-button
-                            type="success"
-                            style="width: 72px"
-                            v-if="scope.row.si_deploy_site_jenkins?.length > 0"
-                            link
-                            :icon="Refresh"
-                            @click="structureDrawer(scope.row)"
-                        >
-                            H5构建
-                        </el-button>
-                        <el-button
-                            v-if="scope.row.si_deploy_site_jenkins?.length == 0"
-                            style="width: 72px; background: none; border: none"
-                            >--
-                        </el-button>
-                        <el-button type="primary" link :icon="EditPen" @click="openDrawer(false, scope.row)">编辑</el-button>
-                    </div>
-                    <div>
-                        <el-button
-                            type="success"
-                            style="width: 72px"
-                            v-if="scope.row.si_deploy_landing_jenkins?.length > 0"
-                            link
-                            :icon="Refresh"
-                            @click="landingDrawer(scope.row)"
-                        >
-                            引导页
-                        </el-button>
-                        <el-button
-                            v-if="scope.row.si_deploy_landing_jenkins?.length == 0"
-                            style="width: 72px; background: none; border: none"
-                            >--
-                        </el-button>
-                        <el-button type="danger" link :icon="Delete" @click="deleteAccount(scope.row)">删除</el-button>
-                    </div>
-                </div> -->
+        <ProTable ref="proTable" highlight-current-row :columns="columns" :request-api="getTableList" :data-callback="dataCallback">
+            <template #empty>
+                <el-empty description="暂无模板数据" />
             </template>
         </ProTable>
-        <Drawer ref="drawerRef" />
     </div>
 </template>
 
 <script setup lang="tsx" name="complexProTable">
 import { reactive, ref } from "vue";
-import { SiteList } from "@/api/interface/site/list";
-import { useHandleData } from "@/hooks/useHandleData";
 import ProTable from "@/components/ProTable/index.vue";
-import { Delete, EditPen, CirclePlus, Refresh } from "@element-plus/icons-vue";
-import { ProTableInstance, ColumnProps } from "@/components/ProTable/interface";
-import { getList, saveData, deleteItem, buildItem, landingItem } from "@/api/modules/site/template";
-import Drawer from "./drawer.vue";
-import { arrColorType } from "@/utils/serviceDict";
-// ProTable 实例
-const proTable = ref<ProTableInstance>();
-  
-    const initParam = reactive({
-    limit: 15,
+import { ColumnProps } from "@/components/ProTable/interface";
+import { getList } from "@/api/modules/site/template";
+
+const initParam = reactive({
+    limit: 25,
     page: 1
 });
 
 const dataCallback = (data: any) => {
-    // 转换为数组
     const arr = data.items;
     return {
         items: arr,
         total: data.total,
-        total_page: 1,
+        total_page: data.total_pages ?? 1,
         page: initParam.page,
         limit: initParam.limit
     };
-};
-
-const getTableList = (params: any) => {
-    let newParams = JSON.parse(JSON.stringify(params));
-    initParam.page = newParams.page;
-    initParam.limit = newParams.limit;
-    return getList(newParams);
-};
-
-// 表格配置项
-const columns = reactive<ColumnProps<SiteList.ResList>[]>([
-    { type: "selection", fixed: "left", width: 50 },
+};
+
+const getTableList = (params: any) => {
+    let newParams = JSON.parse(JSON.stringify(params));
+    initParam.page = newParams.page;
+    initParam.limit = newParams.limit;
+    return getList(newParams);
+};
+
+const columns = ref<ColumnProps[]>([
     {
         prop: "key",
-        label: "搜索内容",
+        label: "模板编码",
         isShow: false,
         search: {
-            el: "input"
+            el: "input",
+            props: {
+                placeholder: "请输入模板编码"
+            }
         }
     },
-    {
-        prop: "t_id",
-        label: "ID",
-        width: 100
-    },
+    {
+        prop: "t_id",
+        label: "ID",
+        width: 100
+    },
     {
         prop: "t_code",
         width: 170,
-        label: "模板编码"
+        label: "模板编码",
+        showOverflowTooltip: true
     },
 
-
     {
         prop: "t_default",
         width: 120,
-        label: "是否默认模板",
+        label: "默认模板",
         enum: [
             { label: "否", value: 0 },
             { label: "是", value: 1 }
-        ],
+        ]
     },
     {
         prop: "t_path",
         width: 270,
-        label: "模板路径"
+        label: "模板路径",
+        showOverflowTooltip: true
     },
     {
         prop: "t_cfg_template",
         label: "模板配置",
+        showOverflowTooltip: true,
         render(scope) {
             return JSON.stringify(scope.row.t_cfg_template);
         }
-    },
-   
-    // { prop: "created_at", label: "添加时间", width: 170 },
-    { prop: "operation", label: "操作", fixed: "right", width: 165 }
+    }
 ]);
-
-// 删除站点信息
-const deleteAccount = async (params: SiteList.ResList) => {
-    await useHandleData(deleteItem, { si_id: params.si_id }, "删除所选信息");
-    proTable.value?.getTableList();
-};
-
-// 批量删除站点信息
-const batchDelete = async (id: any[]) => {
-    const ids = id.map((item: SiteList.ResList) => item.si_id);
-    await useHandleData(deleteItem, { si_id: ids.join(",") }, "删除所选信息");
-    proTable.value?.clearSelection();
-    proTable.value?.getTableList();
-};
-// 打开 drawer(新增、编辑)
-const drawerRef = ref<InstanceType<typeof Drawer> | null>(null);
-
-const openDrawer = (isEdit: boolean, row: Partial<SiteList.ResList> = {}) => {
-    const params = {
-        title: isEdit ? "新增站点" : "编辑站点",
-        row: { ...row },
-        api: saveData,
-        getTableList: proTable.value?.getTableList
-    };
-    drawerRef.value?.acceptParams(params as any);
-};
-
-//构建站点
-const structureDrawer = async (params: SiteList.ResList) => {
-    await useHandleData(buildItem, { si_id: params.si_id }, "对此站点项目进行构建?", "后台正在打包中，请3分钟后查看H5前端站点！");
-    proTable.value?.getTableList();
-};
-// 引导页
-const landingDrawer = async (params: SiteList.ResList) => {
-    await useHandleData(
-        landingItem,
-        { si_id: params.si_id },
-        "对此站点项目进行构建?",
-        "后台正在打包中，请3分钟后查看引导页前端站点！"
-    );
-    proTable.value?.getTableList();
-};
 </script>
 
 <style lang="scss">
-.el-table .warning-row,
-.el-table .warning-row .el-table-fixed-column--right,
-.el-table .warning-row .el-table-fixed-column--left {
-    background-color: var(--el-color-warning-light-9);
-}
-.el-table .success-row,
-.el-table .success-row .el-table-fixed-column--right,
-.el-table .success-row .el-table-fixed-column--left {
-    background-color: var(--el-color-success-light-9);
-}
+.el-table .warning-row,
+.el-table .warning-row .el-table-fixed-column--right,
+.el-table .warning-row .el-table-fixed-column--left {
+    background-color: var(--el-color-warning-light-9);
+}
+.el-table .success-row,
+.el-table .success-row .el-table-fixed-column--right,
+.el-table .success-row .el-table-fixed-column--left {
+    background-color: var(--el-color-success-light-9);
+}
 .tagTextColor {
-    // color: red;
     border: none;
 }
-.c-right-pad .el-table--default .cell {
-    padding: 0 5px !important;
-}
 </style>
diff --git a/src/views/site/tkdarg.vue b/src/views/site/tkdarg.vue
index 6d49f29..5c20405 100644
--- a/src/views/site/tkdarg.vue
+++ b/src/views/site/tkdarg.vue
@@ -1,70 +1,45 @@
 <template>
     <div class="table-box">
         <ProTable
-            ref="proTable"
             highlight-current-row
             :columns="columns"
             :request-api="getTableList"
             :data-callback="dataCallback"
+            :pagination="false"
         >
+            <template #empty>
+                <el-empty description="暂无模板参数字典" />
+            </template>
         </ProTable>
     </div>
 </template>
 
 <script setup lang="tsx" name="complexProTable">
-import { reactive, ref } from "vue";
-import { fenLeiList } from "@/api/interface/novel/fenlei";
+import { ref } from "vue";
+import { TkdArgList } from "@/api/interface/site/tkdarg";
 import ProTable from "@/components/ProTable/index.vue";
-import { ProTableInstance, ColumnProps } from "@/components/ProTable/interface";
+import { ColumnProps } from "@/components/ProTable/interface";
 import { getList } from "@/api/modules/site/tkdarg";
 
-// ProTable 实例
-const proTable = ref<ProTableInstance>();
-
-const initParam = reactive({
-    limit: 15,
-    page: 1
-});
-
-const dataCallback = (data: any) => {
-    console.log(data);
-    // 转换为数组
-    const arr = Object.entries(data).map(([xsfl_id, xsfl_name]) => ({ xsfl_id, xsfl_name }));
-    return {
-        items: arr,
-        total: arr.length,
-        total_page: 1,
-        page: initParam.page,
-        limit: initParam.limit
-    };
+const dataCallback = (data: TkdArgList.ResMap): TkdArgList.ResList[] => {
+    return Object.entries(data).map(([tkdarg_code, tkdarg_description]) => ({
+        tkdarg_code,
+        tkdarg_description
+    }));
 };
 
-const getTableList = (params: any) => {
-    let newParams = JSON.parse(JSON.stringify(params));
-    initParam.page = newParams.page;
-    initParam.limit = newParams.limit;
-    return getList(newParams);
+const getTableList = () => {
+    return getList({ page: 1, limit: 1000 });
 };
 
-// 表格配置项
-const columns = reactive<ColumnProps<fenLeiList.ResList>[]>([
-    // { type: "selection", fixed: "left", width: 50 },
+const columns = ref<ColumnProps[]>([
     {
-        prop: "key",
-        label: "搜索内容",
-        isShow: false,
-        search: {
-            el: "input"
-        }
+        prop: "tkdarg_code",
+        label: "参数占位符",
     },
     {
-        prop: "xsfl_id",
-        label: "参数CODE",
-    },
-    {
-        prop: "xsfl_name",
-        label: "描述"
-    },
-
+        prop: "tkdarg_description",
+        label: "参数说明"
+    }
 ]);
 </script>
diff --git a/src/views/site/uploadDrawer.vue b/src/views/site/uploadDrawer.vue
deleted file mode 100644
index 0d7043b..0000000
--- a/src/views/site/uploadDrawer.vue
+++ /dev/null
@@ -1,554 +0,0 @@
-<template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="70%" :title="`${drawerProps.title}`">
-        <el-form
-            ref="ruleFormRef"
-            label-width="100px"
-            label-suffix=" :"
-            :rules="rules"
-            :disabled="drawerProps.isView"
-            :model="drawerProps.row"
-            :hide-required-asterisk="drawerProps.isView"
-        >
-            <div class="c-two-columns">
-            
-                <el-form-item style="width: 45%" label="视图模板" prop="t_id">
-                    <el-select v-model="drawerProps.row.t_id" placeholder="请选择视图模板" clearable @change="handleSelectChange">
-                        <el-option v-for="item in templateList" :key="item.t_id" :label="item.t_code" :value="item.t_id" />
-                    </el-select>
-                </el-form-item>
-                <el-form-item style="width: 25%" label="是否转码" prop="d_content_encode">
-                    <el-switch
-                        v-model="drawerProps.row.d_content_encode"
-                        :active-value="0"
-                        :inactive-value="1"
-                        active-text="否"
-                        inactive-text="是"
-                    />
-                </el-form-item>
-                <el-form-item style="width: 30%" label="logo类型" prop="d_logo_type">
-                    <!-- :active-value="`${0}`"
-                        :inactive-value="`${1}`" -->
-                    <el-switch
-                        v-model="drawerProps.row.d_logo_type"
-                        :active-value="0"
-                        :inactive-value="1"
-                        active-text="文字"
-                        inactive-text="图片"
-                    />
-                </el-form-item>
-            </div>
-
-            <div class="c-two-columns">
-                <el-form-item style="width: 50%" label="站点域名" prop="d_domain">
-                    <el-input v-model="drawerProps.row.d_domain" placeholder="请输入站点域名" clearable />
-                </el-form-item>
-                <el-form-item style="width: 50%" label="站点名称" prop="d_name">
-                    <el-input v-model="drawerProps.row.d_name" placeholder="请输入站点名称" clearable />
-                </el-form-item>                
-            </div>
-            
-            
-            <div class="c-two-columns">
-                <el-form-item style="width: 50%" label="文字LOGO" prop="d_text_logo">
-                    <el-input v-model="drawerProps.row.d_text_logo" placeholder="请输入文字LOGO" clearable />
-                </el-form-item>
-                <el-form-item label-width="120px" style="width: 50%" label="图片LOGO" prop="d_img_logo">
-                    <el-input v-model="drawerProps.row.d_img_logo" placeholder="请输入图片LOGO地址" clearable />
-                </el-form-item>
-            </div>
-
-            <div class="c-two-columns">
-                <el-form-item style="width: 100%" label="首页title" prop="d_index_title" >
-                    <el-input v-model="drawerProps.row.d_index_title" placeholder="请输入首页title" clearable />
-                </el-form-item>
-                             
-            </div>
-            <div class="c-two-columns">
-                
-                <el-form-item style="width: 100%" label="首页keywords" prop="d_index_keywords" label-width="130px!important">
-                    <el-input v-model="drawerProps.row.d_index_keywords" placeholder="请输入首页keywords" clearable />
-                </el-form-item>                
-            </div>
-            <div class="c-one-columns">
-                <el-form-item  label="首页description" prop="d_index_description" label-width="130px!important">
-                    <el-input
-                        type="textarea"
-                        v-model="drawerProps.row.d_index_description"
-                        maxlength="3650"
-                        :rows="2"
-                        :placeholder="`请输入首页description`"
-                        show-word-limit
-                    />
-                </el-form-item>
-            </div>
-            <div class="c-two-columns">
-                <el-form-item style="width: 50%" label="站点关键词" prop="d_keywords">
-                    <el-input
-                        type="textarea"
-                        v-model="drawerProps.row.d_keywords"
-                        maxlength="3650"
-                        :rows="2"
-                        :placeholder="`请输入站点全局通用关键词`"
-                        show-word-limit
-                    />
-                    <!-- <div>{{ "多个用逗号(,)隔开" }}</div> -->
-                </el-form-item>
-                <el-form-item style="width: 50%" label="站点描述" prop="d_description">
-                    <el-input
-                        type="textarea"
-                        v-model="drawerProps.row.d_description"
-                        maxlength="3650"
-                        :rows="2"
-                        :placeholder="`请输入网站公告`"
-                        show-word-limit
-                    />
-                    <!-- <div>{{ "请输入站点描述" }}</div> -->
-                </el-form-item>
-            </div>
-            <div class="c-one-columns">
-                <el-form-item  label="统计代码" prop="d_statis">
-                    <el-input
-                        type="textarea"
-                        v-model="drawerProps.row.d_statis"
-                        maxlength="3650"
-                        :rows="5"
-                        :placeholder="`请输入统计代码`"
-                        show-word-limit
-                    />
-                </el-form-item>
-            </div>
-
-            <div class="c-two-columns">
-                <div v-for="(i, v) in drawerProps.row.t_cfg" :key="v" style="width: 50%">
-                    <el-form-item   :label="i.description"  prop="t_cfg" label-width="260px!important" >
-                        <el-select v-model="i.sfg_id" placeholder="请选择替换模板分组" >
-                            <el-option v-for="item in subjectFomartGroup" :key="item.sfg_id" :label="item.sfg_name" :value="item.sfg_id" />
-                        </el-select>
-                    </el-form-item>
-                    
-                </div>
-                
-            </div>
-           
-        </el-form>
-        <template #footer>
-            <el-button @click="drawerVisible = false">取消</el-button>
-            <el-button v-show="!drawerProps.isView" type="primary" @click="handleSubmit">确定</el-button>
-        </template>
-    </el-drawer>
-</template>
-
-<script setup lang="ts" name="UserDrawer">
-import { ref, computed } from "vue";
-import { ElMessage, FormInstance } from "element-plus";
-import { SiteList } from "@/api/interface/site/list";
-import { arrColorType } from "@/utils/serviceDict";
-import { getAllList } from "@/api/modules/site/template";
-import { getSubjectFomartGroup } from "@/api/modules/site/subject/fomart/group";
-type Options = {
-    label: string;
-    value: string | number;
-};
-
-const templateList = ref();
-// 获取分组ID列表
-getAllList().then(res => {
-    templateList.value = res.data.items;
-});
-const subjectFomartGroup = ref();
-// 获取替换分组模板列表
-getSubjectFomartGroup().then(res => {
-    subjectFomartGroup.value = res.data.items;
-});
-
-const actions = ref<any[]>([]);
-// 添加参数配置
-const addParams = () => {
-    actions.value.push({
-        name: null,
-        url: null
-    });
-};
-const deleteParams = index => {
-    actions.value.splice(index, 1);
-};
-
-type Fields = {
-    label: string;
-    prop: string;
-    type: string;
-    value: any;
-    describe?: any;
-    required: boolean;
-    options?: Options[];
-    fieldNames?: { label: string; value: string };
-};
-const generateRules = (fields: Fields[]) => {
-    return fields.reduce(
-        (acc, field) => {
-            const { type, required, label, prop } = field;
-            let message = "";
-            if (type === "select") {
-                message = `请选择${label}`;
-            }
-            if (type === "text") {
-                message = `请输入${label}`;
-            }
-            if (type === "textarea") {
-                message = `请输入${label}`;
-            }
-            if (type === "add") {
-                message = `请输入${label}`;
-            }
-            if (type === "textarea-more") {
-                message = `请输入${label}`;
-            }
-            if (type === "text-num") {
-                message = `请输入${label}`;
-            }
-            acc[prop] = [{ required, message }];
-            return acc;
-        },
-        {} as Record<string, any>
-    );
-};
-
-const formColumns = computed((): Fields[] => {
-    return [
-        {
-            label: "站点名称",
-            prop: "si_name",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.si_name;
-            },
-            set value(val) {
-                drawerProps.value.row!.si_name = val;
-            },
-            required: true
-        },
-        {
-            label: "站点编码",
-            prop: "si_code",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.si_code;
-            },
-            set value(val) {
-                drawerProps.value.row!.si_code = val;
-            },
-            required: true
-        },
-        {
-            label: "站点状态",
-            prop: "si_status",
-            type: "switch",
-            get value() {
-                return String(drawerProps.value.row!.si_status);
-            },
-            set value(val) {
-                drawerProps.value.row!.si_status = val;
-            },
-            required: true
-        },
-        {
-            label: "站点专属影院",
-            prop: "si_cinema",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.si_cinema;
-            },
-            set value(val) {
-                drawerProps.value.row!.si_cinema = val;
-            },
-            required: false
-        },
-        {
-            label: "站点官方邮箱",
-            prop: "si_email",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.si_email;
-            },
-            set value(val) {
-                drawerProps.value.row!.si_email = val;
-            },
-            required: false
-        },
-        {
-            label: "找回网址邮箱",
-            prop: "si_retrieve_email",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.si_retrieve_email;
-            },
-            set value(val) {
-                drawerProps.value.row!.si_retrieve_email = val;
-            },
-            required: false
-        },
-
-        {
-            label: "群聊地址",
-            prop: "si_group_chat_address",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.si_group_chat_address;
-            },
-            set value(val) {
-                drawerProps.value.row!.si_group_chat_address = val;
-            },
-            required: false
-        },
-        {
-            label: "找回页面",
-            prop: "si_retrieve_page",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.si_retrieve_page;
-            },
-            set value(val) {
-                drawerProps.value.row!.si_retrieve_page = val;
-            },
-            required: false
-        },
-        {
-            label: "客服地址",
-            prop: "si_customer_service",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.si_customer_service;
-            },
-            set value(val) {
-                drawerProps.value.row!.si_customer_service = val;
-            },
-            required: false
-        },
-        {
-            label: "站点LOGO",
-            prop: "si_logo",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.si_logo;
-            },
-            set value(val) {
-                drawerProps.value.row!.si_logo = val;
-            },
-            required: false
-        },
-        {
-            label: "引导页LOGO",
-            prop: "si_logo_url",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.si_logo_url;
-            },
-            set value(val) {
-                drawerProps.value.row!.si_logo_url = val;
-            },
-            required: false
-        },
-        {
-            label: "静态资源域名",
-            prop: "si_cdn_url",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.si_cdn_url;
-            },
-            set value(val) {
-                drawerProps.value.row!.si_cdn_url = val;
-            },
-            required: false
-        },
-        {
-            label: "主题模板颜色",
-            prop: "si_template",
-            type: "select",
-            get value() {
-                return drawerProps.value.row!.si_template;
-            },
-            set value(val) {
-                drawerProps.value.row!.si_template = val;
-            },
-            options: arrColorType,
-            fieldNames: { label: "label", value: "value" },
-            required: false
-        },
-        {
-            label: "JENKINS域名",
-            prop: "si_deploy_site_jenkins",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.si_deploy_site_jenkins;
-            },
-            set value(val) {
-                drawerProps.value.row!.si_deploy_site_jenkins = val;
-            },
-            required: false
-        },
-        {
-            label: "引导页构建",
-            prop: "si_deploy_landing_jenkins",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.si_deploy_landing_jenkins;
-            },
-            set value(val) {
-                drawerProps.value.row!.si_deploy_landing_jenkins = val;
-            },
-            required: false
-        },
-        {
-            label: "站点专属URL",
-            prop: "si_url",
-            type: "textarea",
-            describe: "多个用逗号(,)隔开",
-            get value() {
-                return drawerProps.value.row!.si_url;
-            },
-            set value(val) {
-                drawerProps.value.row!.si_url = val;
-            },
-            required: true
-        },
-
-        {
-            label: "网站公告",
-            prop: "si_website_bulletin",
-            type: "textarea",
-            get value() {
-                return drawerProps.value.row!.si_website_bulletin;
-            },
-            set value(val) {
-                drawerProps.value.row!.si_website_bulletin = val;
-            },
-            required: false
-        },
-        {
-            label: "引导页线路",
-            prop: "si_route_url",
-            type: "add",
-            get value() {
-                return drawerProps.value.row!.si_route_url;
-            },
-            set value(val) {
-                drawerProps.value.row!.si_route_url = val;
-            },
-            required: true
-        },
-        {
-            label: "统计代码",
-            prop: "si_statistical_code",
-            type: "textarea",
-            get value() {
-                return drawerProps.value.row!.si_statistical_code;
-            },
-            set value(val) {
-                drawerProps.value.row!.si_statistical_code = val;
-            },
-            required: false
-        },
-        {
-            label: "引导页统计代码",
-            prop: "si_guide_statistical_code",
-            type: "textarea-more",
-            get value() {
-                return drawerProps.value.row!.si_guide_statistical_code;
-            },
-            set value(val) {
-                drawerProps.value.row!.si_guide_statistical_code = val;
-            },
-            required: false
-        }
-    ];
-});
-const rules = ref();
-
-interface DrawerProps {
-    title: string;
-    isView: boolean;
-    row: Partial<SiteList.ResList>;
-    api?: (params: any) => Promise<any>;
-    getTableList?: () => void;
-}
-
-const drawerVisible = ref(false);
-const drawerProps = ref<DrawerProps>({
-    isView: false,
-    title: "",
-    row: {}
-});
-
-// 接收父组件传过来的参数
-const acceptParams = (params: DrawerProps) => {
-    drawerProps.value = params;
-    rules.value = generateRules(formColumns.value);
-    drawerVisible.value = true;
-    actions.value = [];
-    // if (drawerProps.value.title === "新增站点") {
-    //     drawerProps.value.row!.si_status = String(1);
-    // } else {
-    //     drawerProps.value.row!.si_status = String(drawerProps.value.row!.si_status);
-    // }
-    // if (drawerProps.value.row.si_route_url) {
-    //     actions.value = drawerProps.value.row.si_route_url;
-    // }
-};
-const handleSelectChange = (value) => {
-    console.log("选中的模板 ID:", value);
-    const matchedTemplate = templateList.value.find(item => item.t_id === value);
-    // console.log(matchedTemplate.t_cfg_template)
-    drawerProps.value.row.t_cfg = matchedTemplate.t_cfg_template
-}
-
-
-// 提交数据（新增/编辑）
-const ruleFormRef = ref<FormInstance>();
-const handleSubmit = () => {
-    // drawerProps.value.row.si_route_url = actions.value;
-    ruleFormRef.value!.validate(async valid => {
-        if (!valid) return;
-        try {
-            const params = { ...drawerProps.value.row };
-            // console.log(params)
-            // console.log(params.t_id)
-            // console.log(templateList.value)
-            // const matchedTemplate = templateList.value.find(item => item.t_id === params.t_id);
-            // console.log(matchedTemplate)
-            // console.log(matchedTemplate.t_cfg_template)
-         
-            console.log(params.t_cfg)
-            await drawerProps.value.api!(params);
-            ElMessage.success({ message: `${drawerProps.value.title}成功！` });
-            drawerProps.value.getTableList!();
-            drawerVisible.value = false;
-        } catch (error) {
-            console.log(error);
-        }
-    });
-};
-
-defineExpose({
-    acceptParams
-});
-</script>
-
-<style>
-.paramsClass {
-    width: 47%;
-    padding: 10px;
-    margin-top: 10px;
-    margin-right: 1%;
-    border: 1px solid black;
-    box-shadow: 0 0 4px 2px rgb(0 0 0 / 90%);
-}
-.paramsClass .el-form-item__label {
-    width: 50px !important;
-    margin-top: 10px;
-}
-.c-two-columns {
-    display: flex;
-    flex-wrap: wrap;
-    width: 100%;
-}
-</style>
diff --git a/src/views/system/bot/drawer.vue b/src/views/system/bot/drawer.vue
deleted file mode 100644
index 1df7d94..0000000
--- a/src/views/system/bot/drawer.vue
+++ /dev/null
@@ -1,161 +0,0 @@
-<template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="500px" :title="`${drawerProps.title}机器人`">
-        <el-form
-            ref="ruleFormRef"
-            label-width="130px"
-            label-suffix=" :"
-            label-position="top"
-            :rules="rules"
-            :disabled="drawerProps.isView"
-            :model="drawerProps.row"
-            :hide-required-asterisk="drawerProps.isView"
-        >
-            <el-form-item v-for="e in formColumns" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
-                <template v-if="e.type === 'switch'">
-                    <el-switch v-model="e.value" />
-                </template>
-                <template v-if="e.type === 'select'">
-                    <el-select v-model="e.value" :placeholder="`请选择${e.label}`" clearable>
-                        <el-option v-for="item in e.options" :key="item.value" :label="item.label" :value="item.value" />
-                    </el-select>
-                </template>
-                <template v-if="e.type === 'text'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'textarea'">
-                    <el-input
-                        type="textarea"
-                        v-model="e.value"
-                        maxlength="365"
-                        :placeholder="`请输入${e.label}`"
-                        show-word-limit
-                    />
-                </template>
-            </el-form-item>
-        </el-form>
-        <template #footer>
-            <el-button @click="drawerVisible = false">取消</el-button>
-            <el-button v-show="!drawerProps.isView" type="primary" @click="handleSubmit">确定</el-button>
-        </template>
-    </el-drawer>
-</template>
-
-<script setup lang="ts" name="UserDrawer">
-import { ref, computed } from "vue";
-import { ElMessage, FormInstance } from "element-plus";
-import { BotSetting } from "@/api/interface/system/bot";
-type Options = {
-    label: string;
-    value: string | number;
-};
-
-type Fields = {
-    label: string;
-    prop: string;
-    type: string;
-    value: any;
-    required: boolean;
-    options?: Options[];
-};
-const generateRules = (fields: Fields[]) => {
-    return fields.reduce(
-        (acc, field) => {
-            const { type, required, label, prop } = field;
-            let message = "";
-            if (type === "select") {
-                message = `请选择${label}`;
-            }
-            if (type === "text") {
-                message = `请输入${label}`;
-            }
-            acc[prop] = [{ required, message }];
-            return acc;
-        },
-        {} as Record<string, any>
-    );
-};
-
-const formColumns = computed((): Fields[] => {
-    return [
-        {
-            label: "机器人名字",
-            prop: "ta_name",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.ta_name;
-            },
-            set value(val) {
-                drawerProps.value.row!.ta_name = val;
-            },
-            required: true
-        },
-        {
-            label: "机器人TOKEN",
-            prop: "ta_token",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.ta_token;
-            },
-            set value(val) {
-                drawerProps.value.row!.ta_token = val;
-            },
-            required: true
-        },
-        {
-            label: "机器人群ID",
-            prop: "ta_chat_id",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.ta_chat_id;
-            },
-            set value(val) {
-                drawerProps.value.row!.ta_chat_id = val;
-            },
-            required: true
-        }
-    ];
-});
-const rules = ref();
-
-interface DrawerProps {
-    title: string;
-    isView: boolean;
-    row: Partial<BotSetting.ResList>;
-    api?: (params: any) => Promise<any>;
-    getTableList?: () => void;
-}
-
-const drawerVisible = ref(false);
-const drawerProps = ref<DrawerProps>({
-    isView: false,
-    title: "",
-    row: {}
-});
-
-// 接收父组件传过来的参数
-const acceptParams = (params: DrawerProps) => {
-    drawerProps.value = params;
-    rules.value = generateRules(formColumns.value);
-    drawerVisible.value = true;
-};
-
-// 提交数据（新增/编辑）
-const ruleFormRef = ref<FormInstance>();
-const handleSubmit = () => {
-    ruleFormRef.value!.validate(async valid => {
-        if (!valid) return;
-        try {
-            await drawerProps.value.api!(drawerProps.value.row);
-            ElMessage.success({ message: `${drawerProps.value.title}机器人成功！` });
-            drawerProps.value.getTableList!();
-            drawerVisible.value = false;
-        } catch (error) {
-            console.log(error);
-        }
-    });
-};
-
-defineExpose({
-    acceptParams
-});
-</script>
diff --git a/src/views/system/bot/index.vue b/src/views/system/bot/index.vue
index 87c6187..16eff98 100644
--- a/src/views/system/bot/index.vue
+++ b/src/views/system/bot/index.vue
@@ -1,116 +1,31 @@
 <template>
-    <div class="table-box">
-        <ProTable ref="proTable" highlight-current-row :columns="columns" :request-api="ListApi">
-            <!-- 表格 header 按钮 -->
-            <template #tableHeader="scope">
-                <el-button type="primary" :icon="CirclePlus" @click="openDrawer(true)">新增</el-button>
-                <el-button
-                    type="danger"
-                    :icon="Delete"
-                    plain
-                    :disabled="!scope.isSelected"
-                    @click="batchDelete(scope.selectedList)"
-                >
-                    批量删除机器人
-                </el-button>
-            </template>
-            <!-- 表格操作 -->
-            <template #operation="scope">
-                <el-button type="primary" :icon="EditPen" @click="openDrawer(false, scope.row)">编辑</el-button>
-                <el-button type="danger" :icon="Delete" @click="deleteAccount(scope.row)">删除</el-button>
-            </template>
-        </ProTable>
-        <Drawer ref="drawerRef" />
+    <div class="module-unavailable">
+        <el-alert
+            title="机器人管理模块未部署到当前 Linux 测试服"
+            type="warning"
+            :closable="false"
+            show-icon
+        />
+        <el-card class="module-unavailable__card" shadow="never">
+            <p>当前前端仍调用旧 `/admin/system/notification/telegram/*` 接口，测试服会直接返回 `controller not exists: app\\admin\\controller\\Admin`。</p>
+            <p>本页先收为说明态，避免继续暴露机器人列表、编辑、删除这些假能力。</p>
+            <p>如果后续补齐通知机器人后端，再恢复当前页面和抽屉。</p>
+        </el-card>
     </div>
 </template>
 
-<script setup lang="tsx" name="complexProTable">
-import { reactive, ref } from "vue";
-import { BotSetting } from "@/api/interface/system/bot";
-import { useHandleData } from "@/hooks/useHandleData";
-import ProTable from "@/components/ProTable/index.vue";
-import { Delete, EditPen, CirclePlus } from "@element-plus/icons-vue";
-import { ProTableInstance, ColumnProps } from "@/components/ProTable/interface";
-import { ListApi, DeleteApi, SaveApi } from "@/api/modules/system/bot";
-import Drawer from "./drawer.vue";
-// ProTable 实例
-const proTable = ref<ProTableInstance>();
-
-// 表格配置项
-const columns = reactive<ColumnProps<BotSetting.ResList>[]>([
-    { type: "selection", fixed: "left", width: 50 },
-    {
-        prop: "key",
-        label: "查询关键字",
-        isShow: false,
-        search: {
-            el: "input"
-        }
-    },
-    {
-        prop: "ta_id",
-        label: "ID",
-        width: 100
-    },
-    {
-        prop: "ta_name",
-        label: "名字"
-    },
-    {
-        prop: "ta_token",
-        label: "机器人TOKEN",
-        width: 420
-    },
-    {
-        prop: "ta_chat_id",
-        label: "机器人群ID"
-    },
-    {
-        prop: "c_name",
-        label: "公司"
-    },
-
-    { prop: "created_at", label: "添加时间", width: 170 },
-
-    { prop: "operation", label: "操作", fixed: "right", width: 230 }
-]);
-
-// 删除用户信息
-const deleteAccount = async (params: BotSetting.ResList) => {
-    await useHandleData(DeleteApi, { ta_id: params.ta_id }, `删除【${params.ta_name}】机器人`);
-    proTable.value?.getTableList();
-};
-
-// 批量删除信息
-const batchDelete = async (id: any[]) => {
-    const ids = id.map((item: BotSetting.ResList) => item.ta_id);
-    await useHandleData(DeleteApi, { ta_id: ids.join(",") }, "删除所选信息");
-    proTable.value?.clearSelection();
-    proTable.value?.getTableList();
-};
-// 打开 drawer(新增、编辑)
-const drawerRef = ref<InstanceType<typeof Drawer> | null>(null);
-
-const openDrawer = (isEdit: boolean, row: Partial<BotSetting.ResList> = {}) => {
-    const params = {
-        title: isEdit ? "新增" : "编辑",
-        row: { ...row },
-        api: SaveApi,
-        getTableList: proTable.value?.getTableList
-    };
-    drawerRef.value?.acceptParams(params as any);
-};
-</script>
-
-<style lang="scss">
-.el-table .warning-row,
-.el-table .warning-row .el-table-fixed-column--right,
-.el-table .warning-row .el-table-fixed-column--left {
-    background-color: var(--el-color-warning-light-9);
+<style scoped lang="scss">
+.module-unavailable {
+    display: grid;
+    gap: 16px;
 }
-.el-table .success-row,
-.el-table .success-row .el-table-fixed-column--right,
-.el-table .success-row .el-table-fixed-column--left {
-    background-color: var(--el-color-success-light-9);
+
+.module-unavailable__card {
+    color: var(--el-text-color-regular);
+    line-height: 1.8;
+}
+
+.module-unavailable__card p {
+    margin: 0;
 }
 </style>
diff --git a/src/views/system/caChe/es/index.vue b/src/views/system/caChe/es/index.vue
index ce05b12..e69c9a9 100644
--- a/src/views/system/caChe/es/index.vue
+++ b/src/views/system/caChe/es/index.vue
@@ -1,81 +1,31 @@
 <template>
-    <div class="table-box">
-        <ProTable ref="proTable" highlight-current-row :columns="columns" :request-api="getList" :data-callback="dataCallback">
-            <!-- 表格 header 按钮 -->
-            <template #tableHeader>
-                <el-button type="primary" :icon="EditPen" plain @click="batchDelete()"> 批量重置索引 </el-button>
-            </template>
-        </ProTable>
+    <div class="module-unavailable">
+        <el-alert
+            title="ES 索引模块未部署到当前 Linux 测试服"
+            type="warning"
+            :closable="false"
+            show-icon
+        />
+        <el-card class="module-unavailable__card" shadow="never">
+            <p>当前页面依赖的旧 `/admin/system/cache/es/*` 接口在测试服上不存在。</p>
+            <p>本页先收为说明态，避免继续暴露索引查看和重置这些假能力。</p>
+            <p>如果后续补齐 ES 管理后端，再恢复当前索引页即可。</p>
+        </el-card>
     </div>
 </template>
 
-<script setup lang="tsx" name="complexProTable">
-import { reactive, ref } from "vue";
-import { EsList } from "@/api/interface/system/caChe/es";
-import { useHandleData } from "@/hooks/useHandleData";
-import ProTable from "@/components/ProTable/index.vue";
-import { EditPen } from "@element-plus/icons-vue";
-import { ProTableInstance, ColumnProps } from "@/components/ProTable/interface";
-import { getList, saveData, deleteItem } from "@/api/modules/system/caChe/es";
-
-// ProTable 实例
-const proTable = ref<ProTableInstance>();
-// dataCallback 是对于返回的表格数据做处理，如果你后台返回的数据不是 list && total && pageNum && pageSize 这些字段，可以在这里进行处理成这些字段
-// 或者直接去 hooks/useTable.ts 文件中把字段改为你后端对应的就行
-const dataCallback = (data: any) => {
-    return {
-        item: data,
-        limit: data.length,
-        page: 1,
-        total: data.length,
-        total_page: data.length
-    };
-};
-// 表格配置项
-const columns = reactive<ColumnProps<EsList.ResList>[]>([
-    {
-        prop: "name",
-        label: "名称",
-        width: 300
-    },
-    {
-        prop: "index",
-        label: "操作",
-        width: 500,
-        render(scope) {
-            if (scope.row.index) {
-                return (
-                    <el-tag onClick={() => openTagFun(scope.row)} style="cursor:pointer;">
-                        重置索引
-                    </el-tag>
-                );
-            }
-        }
-    }
-]);
-
-// 批量重置
-const batchDelete = async () => {
-    await useHandleData(deleteItem, {}, "重置所选信息");
-    proTable.value?.clearSelection();
-    proTable.value?.getTableList();
-};
-
-const openTagFun = async (params: EsList.ResList) => {
-    await useHandleData(saveData, { index_name: params.index }, "重置所选信息");
-    proTable.value?.getTableList();
-};
-</script>
-
-<style lang="scss">
-.el-table .warning-row,
-.el-table .warning-row .el-table-fixed-column--right,
-.el-table .warning-row .el-table-fixed-column--left {
-    background-color: var(--el-color-warning-light-9);
+<style scoped lang="scss">
+.module-unavailable {
+    display: grid;
+    gap: 16px;
 }
-.el-table .success-row,
-.el-table .success-row .el-table-fixed-column--right,
-.el-table .success-row .el-table-fixed-column--left {
-    background-color: var(--el-color-success-light-9);
+
+.module-unavailable__card {
+    color: var(--el-text-color-regular);
+    line-height: 1.8;
+}
+
+.module-unavailable__card p {
+    margin: 0;
 }
 </style>
diff --git a/src/views/system/caChe/manage/index.vue b/src/views/system/caChe/manage/index.vue
index 6b87dfe..be4784b 100644
--- a/src/views/system/caChe/manage/index.vue
+++ b/src/views/system/caChe/manage/index.vue
@@ -1,181 +1,31 @@
 <template>
-    <div class="table-box">
-        <ProTable
-            title="缓存列表"
-            ref="proTable"
-            row-key="id"
-            :indent="20"
-            :columns="columns"
-            :request-api="getTableList"
-            :data-callback="dataCallback"
-            :request-auto="true"
-            :search-col="{ xs: 1, sm: 1, md: 2, lg: 3, xl: 3 }"
-        >
-            <template #tableHeader="scope">
-                <el-button
-                    type="danger"
-                    :icon="Delete"
-                    plain
-                    :disabled="!scope.isSelected"
-                    @click="batchDelete(scope.selectedList)"
-                >
-                    批量删除缓存
-                </el-button>
-            </template>
-            <template #operation="scope">
-                <el-button type="danger" :icon="Delete" @click="deleteAccount(scope.row)">删除</el-button>
-            </template>
-        </ProTable>
+    <div class="module-unavailable">
+        <el-alert
+            title="缓存管理模块未部署到当前 Linux 测试服"
+            type="warning"
+            :closable="false"
+            show-icon
+        />
+        <el-card class="module-unavailable__card" shadow="never">
+            <p>当前缓存页依赖的旧 `/admin/system/cache/manage/*` 接口在测试服上不存在。</p>
+            <p>本页先收为说明态，避免继续暴露缓存查看和删除这些不可用动作。</p>
+            <p>如果后续补齐缓存管理后端，再恢复当前树表和删除逻辑。</p>
+        </el-card>
     </div>
 </template>
 
-<script setup lang="tsx" name="complexProTable">
-import { reactive, ref } from "vue";
-import { ManageList } from "@/api/interface/system/caChe/manage";
-import { useHandleData } from "@/hooks/useHandleData";
-import ProTable from "@/components/ProTable/index.vue";
-import { Delete } from "@element-plus/icons-vue";
-import { ProTableInstance, ColumnProps } from "@/components/ProTable/interface";
-import { getList, deleteItem } from "@/api/modules/system/caChe/manage";
-// ProTable 实例
-const proTable = ref<ProTableInstance>();
-
-// dataCallback 是对于返回的表格数据做处理，如果你后台返回的数据不是 list && total && pageNum && pageSize 这些字段，可以在这里进行处理成这些字段
-// 或者直接去 hooks/useTable.ts 文件中把字段改为你后端对应的就行
-const dataCallback = (data: any) => {
-    let arrData = [] as any;
-    let arrNewData = [] as any;
-    if (typeof data === "object" && !Array.isArray(data)) {
-        arrData = Object.values(data).filter(item => item != null && typeof item === "object");
-        arrNewData = arrData.map((item, index) => ({
-            ...item,
-            id: index + 1, // 这里id是从1开始计数
-            p_id: 0,
-            multi_del: 0,
-            length: item.cache_key.length
-        }));
-    } else {
-        arrData = data;
-        arrNewData = arrData.map((item, index) => ({
-            ...item,
-            id: index + 1, // 这里id是从1开始计数
-            p_id: 0,
-            multi_del: 0,
-            length: item.cache_key.length
-        }));
-    }
-    let newArray = arrNewData
-        .map(item => ({
-            ...item, // 展开原有属性
-            children: item.cache_key.map(keyItem => ({
-                // 将cache_key替换为children
-                cache_tag_name: keyItem.name, // 将name替换为cache_tag_name
-                cache_tag: keyItem.key, // 将key替换为cache_tag
-                // 如果需要保留原有结构的 cache_key，可以初始化为空数组
-                // 如果不需要，可以省略这一行
-                cache_key: [],
-                p_tag: item.cache_tag,
-                p_id: 1,
-                length: item.length
-            }))
-            // 从展开的项中删除原来的cache_key
-        }))
-        .map(item => {
-            delete item.cache_key; // 删除原始对象的cache_key属性
-            return item;
-        });
-    return {
-        item: newArray,
-        limit: newArray.length,
-        page: 1,
-        total: newArray.length,
-        total_page: newArray.length
-    };
-};
-const getTableList = (params: any) => {
-    let newParams = JSON.parse(JSON.stringify(params));
-    return getList(newParams);
-};
-
-// 表格配置项
-const columns = reactive<ColumnProps<ManageList.ResList>[]>([
-    { type: "selection", fixed: "left", width: 50 },
-    // {
-    //     prop: "key",
-    //     label: "搜索内容",
-    //     isShow: false,
-    //     search: {
-    //         el: "input"
-    //     }
-    // },
-    {
-        prop: "cache_tag_name",
-        label: "缓存名称",
-        align: "left" // 设置左对齐
-    },
-    {
-        prop: "cache_tag",
-        label: "缓存KEY"
-    },
-    { prop: "operation", label: "操作", fixed: "right", width: 200 }
-]);
-
-// 删除信息
-const deleteAccount = async (params: ManageList.ResList) => {
-    //p_id 判断是父级还是子级  0父 1子
-    const isParentLevel = params.p_id === 0;
-    const multiDelFlag = isParentLevel ? 1 : 0;
-    const keyName = isParentLevel ? params.cache_tag : params.p_tag;
-    const keyValue = isParentLevel ? [] : [params.cache_tag];
-    const UpdatedObject = {
-        [keyName]: {
-            key: keyValue,
-            multi_del: multiDelFlag
-        }
-    };
-    await useHandleData(deleteItem, { cache_tag: UpdatedObject }, "删除所选信息");
-    proTable.value?.clearSelection();
-    proTable.value?.getTableList();
-};
-
-// 批量删除信息
-const batchDelete = async (id: any[]) => {
-    const items = id.map((item: ManageList.ResList) => item);
-    const UpdatedObject = {};
-    // Iterate through each item in the data
-    items.forEach(item => {
-        if (item.p_tag) {
-            // Ensure the item has a p_tag
-            if (!UpdatedObject[item.p_tag]) {
-                // If no group exists for this p_tag, create an empty group
-                UpdatedObject[item.p_tag] = {
-                    key: [], // 初始化 key 为一个空数组
-                    multi_del: 0
-                };
-            }
-            // Add the current item's cache_tag_name to the group
-            UpdatedObject[item.p_tag]["key"].push(item.cache_tag);
-            if (UpdatedObject[item.p_tag]["key"].length === item.length) {
-                UpdatedObject[item.p_tag]["multi_del"] = 1;
-            }
-        }
-    });
-    // Output the groups
-    await useHandleData(deleteItem, { cache_tag: UpdatedObject }, "删除所选信息");
-    proTable.value?.clearSelection();
-    proTable.value?.getTableList();
-};
-</script>
-
-<style lang="scss">
-.el-table .warning-row,
-.el-table .warning-row .el-table-fixed-column--right,
-.el-table .warning-row .el-table-fixed-column--left {
-    background-color: var(--el-color-warning-light-9);
+<style scoped lang="scss">
+.module-unavailable {
+    display: grid;
+    gap: 16px;
 }
-.el-table .success-row,
-.el-table .success-row .el-table-fixed-column--right,
-.el-table .success-row .el-table-fixed-column--left {
-    background-color: var(--el-color-success-light-9);
+
+.module-unavailable__card {
+    color: var(--el-text-color-regular);
+    line-height: 1.8;
+}
+
+.module-unavailable__card p {
+    margin: 0;
 }
 </style>
diff --git a/src/views/system/company/drawer.vue b/src/views/system/company/drawer.vue
deleted file mode 100644
index c0f3b01..0000000
--- a/src/views/system/company/drawer.vue
+++ /dev/null
@@ -1,236 +0,0 @@
-<template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="500px" :title="`${drawerProps.title}公司`">
-        <el-form
-            ref="ruleFormRef"
-            label-width="100px"
-            label-suffix=" :"
-            label-position="top"
-            :rules="rules"
-            :disabled="drawerProps.isView"
-            :model="drawerProps.row"
-            :hide-required-asterisk="drawerProps.isView"
-        >
-            <el-form-item v-for="e in formColumns" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
-                <template v-if="e.type === 'switch'">
-                    <el-switch v-model="e.value" />
-                </template>
-                <template v-if="e.type === 'select'">
-                    <el-select v-model="e.value" :placeholder="`请选择${e.label}`" clearable>
-                        <el-option v-for="item in e.options" :key="item.value" :label="item.label" :value="item.value" />
-                    </el-select>
-                </template>
-                <template v-if="e.type === 'text'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'text-num'">
-                    <el-input type="number" v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'textarea'">
-                    <el-input
-                        type="textarea"
-                        v-model="e.value"
-                        maxlength="365"
-                        :placeholder="`请输入${e.label}`"
-                        show-word-limit
-                    />
-                </template>
-            </el-form-item>
-        </el-form>
-        <template #footer>
-            <el-button @click="drawerVisible = false">取消</el-button>
-            <el-button v-show="!drawerProps.isView" type="primary" @click="handleSubmit">确定</el-button>
-        </template>
-    </el-drawer>
-</template>
-
-<script setup lang="ts" name="UserDrawer">
-import { ref, computed } from "vue";
-import { ElMessage, FormInstance } from "element-plus";
-import { Company } from "@/api/interface/system/company";
-import { arrPermissionStatus } from "@/utils/serviceDict";
-type Options = {
-    label: string;
-    value: string | number;
-};
-
-type Fields = {
-    label: string;
-    prop: string;
-    type: string;
-    value: any;
-    required: boolean;
-    options?: Options[];
-};
-const generateRules = (fields: Fields[]) => {
-    return fields.reduce(
-        (acc, field) => {
-            const { type, required, label, prop } = field;
-            let message = "";
-            if (type === "select") {
-                message = `请选择${label}`;
-            }
-            if (type === "text") {
-                message = `请输入${label}`;
-            }
-            if (type === "text-num") {
-                message = `请输入${label}`;
-            }
-            acc[prop] = [{ required, message }];
-            return acc;
-        },
-        {} as Record<string, any>
-    );
-};
-
-const formColumns = computed((): Fields[] => {
-    return [
-        {
-            label: "公司名称",
-            prop: "c_name",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.c_name;
-            },
-            set value(val) {
-                drawerProps.value.row!.c_name = val;
-            },
-            required: true
-        },
-        {
-            label: "公司编码",
-            prop: "c_code",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.c_code;
-            },
-            set value(val) {
-                drawerProps.value.row!.c_code = val;
-            },
-            required: true
-        },
-
-        {
-            label: "是否拥有所有数据权限",
-            prop: "c_superpower",
-            type: "select",
-            get value() {
-                return drawerProps.value.row!.c_superpower;
-            },
-            set value(val) {
-                drawerProps.value.row!.c_superpower = val;
-            },
-            options: arrPermissionStatus,
-            required: true
-        },
-
-        {
-            label: "通讯签名参数",
-            prop: "c_sign_key",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.c_sign_key;
-            },
-            set value(val) {
-                drawerProps.value.row!.c_sign_key = val;
-            },
-            options: arrPermissionStatus,
-            required: true
-        },
-        {
-            label: "回调地址",
-            prop: "c_notify_url",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.c_notify_url;
-            },
-            set value(val) {
-                drawerProps.value.row!.c_notify_url = val;
-            },
-            options: arrPermissionStatus,
-            required: true
-        },
-        {
-            label: "提现费率(%)",
-            prop: "c_withdrawal_rate",
-            type: "text-num",
-            get value() {
-                return drawerProps.value.row!.c_withdrawal_rate;
-            },
-            set value(val) {
-                drawerProps.value.row!.c_withdrawal_rate = val;
-            },
-            options: arrPermissionStatus,
-            required: true
-        },
-        {
-            label: "起提金额",
-            prop: "c_min_withdrawal_amount",
-            type: "text-num",
-            get value() {
-                return drawerProps.value.row!.c_min_withdrawal_amount;
-            },
-            set value(val) {
-                drawerProps.value.row!.c_min_withdrawal_amount = val;
-            },
-            options: arrPermissionStatus,
-            required: true
-        },
-        {
-            label: "免手续费起提金额",
-            prop: "c_free_withdrawal_amount",
-            type: "text-num",
-            get value() {
-                return drawerProps.value.row!.c_free_withdrawal_amount;
-            },
-            set value(val) {
-                drawerProps.value.row!.c_free_withdrawal_amount = val;
-            },
-            options: arrPermissionStatus,
-            required: true
-        }
-    ];
-});
-const rules = ref();
-
-interface DrawerProps {
-    title: string;
-    isView: boolean;
-    row: Partial<Company.ResList>;
-    api?: (params: any) => Promise<any>;
-    getTableList?: () => void;
-}
-
-const drawerVisible = ref(false);
-const drawerProps = ref<DrawerProps>({
-    isView: false,
-    title: "",
-    row: {}
-});
-
-// 接收父组件传过来的参数
-const acceptParams = (params: DrawerProps) => {
-    drawerProps.value = params;
-    rules.value = generateRules(formColumns.value);
-    drawerVisible.value = true;
-};
-
-// 提交数据（新增/编辑）
-const ruleFormRef = ref<FormInstance>();
-const handleSubmit = () => {
-    ruleFormRef.value!.validate(async valid => {
-        if (!valid) return;
-        try {
-            await drawerProps.value.api!(drawerProps.value.row);
-            ElMessage.success({ message: `${drawerProps.value.title}公司成功！` });
-            drawerProps.value.getTableList!();
-            drawerVisible.value = false;
-        } catch (error) {
-            console.log(error);
-        }
-    });
-};
-
-defineExpose({
-    acceptParams
-});
-</script>
diff --git a/src/views/system/company/index.vue b/src/views/system/company/index.vue
index 05cee2a..bb092e4 100644
--- a/src/views/system/company/index.vue
+++ b/src/views/system/company/index.vue
@@ -1,197 +1,31 @@
 <template>
-    <div class="table-box">
-        <ProTable ref="proTable" highlight-current-row :columns="columns" :request-api="ListApi">
-            <!-- 表格 header 按钮 -->
-            <template #tableHeader="scope">
-                <el-button type="primary" :icon="CirclePlus" @click="openDrawer(true)">新增</el-button>
-                <el-button
-                    type="danger"
-                    :icon="Delete"
-                    plain
-                    :disabled="!scope.isSelected"
-                    @click="batchDelete(scope.selectedList)"
-                >
-                    批量删除公司
-                </el-button>
-            </template>
-            <!-- 表格操作 -->
-            <template #operation="scope">
-                <el-button type="primary" :icon="EditPen" @click="openDrawer(false, scope.row)">编辑</el-button>
-                <el-button type="danger" :icon="Delete" @click="deleteAccount(scope.row)">删除</el-button>
-            </template>
-            <!-- <template #append>
-        <span style="color: var(--el-color-primary)">我是插入在表格最后的内容。若表格有合计行，该内容会位于合计行之上。</span>
-      </template> -->
-        </ProTable>
-        <Drawer ref="drawerRef" />
+    <div class="module-unavailable">
+        <el-alert
+            title="公司管理模块未部署到当前 Linux 测试服"
+            type="warning"
+            :closable="false"
+            show-icon
+        />
+        <el-card class="module-unavailable__card" shadow="never">
+            <p>当前前端仍调用旧 `/admin/system/company/*` 接口，测试服会直接返回 `controller not exists: app\\admin\\controller\\Admin`。</p>
+            <p>本页先收为说明态，避免继续暴露一套无法真实读写的公司 CRUD。</p>
+            <p>如果后续补齐公司管理后端，再恢复列表、抽屉和详情页联调。</p>
+        </el-card>
     </div>
 </template>
 
-<script setup lang="tsx" name="complexProTable">
-import { reactive, ref } from "vue";
-import { Company } from "@/api/interface/system/company";
-import { ElMessage } from "element-plus";
-import { useHandleData } from "@/hooks/useHandleData";
-import ProTable from "@/components/ProTable/index.vue";
-import { Delete, EditPen, CirclePlus } from "@element-plus/icons-vue";
-import { ProTableInstance, ColumnProps } from "@/components/ProTable/interface";
-import { ListApi, DeleteApi, SaveApi } from "@/api/modules/system/company";
-import { arrPermissionStatus } from "@/utils/serviceDict";
-import Drawer from "./drawer.vue";
-// ProTable 实例
-const proTable = ref<ProTableInstance>();
-
-// 表格配置项
-const columns = reactive<ColumnProps<Company.ResList>[]>([
-    { type: "selection", fixed: "left", width: 50 },
-    { label: "搜索", search: { el: "input", key: "key" } },
-
-    {
-        prop: "c_id",
-        label: "ID",
-        width: 100
-    },
-    {
-        prop: "c_name",
-        label: "公司名称",
-        width: 150
-    },
-    {
-        prop: "c_init_user",
-        label: "超管账户",
-        width: 150,
-        showOverflowTooltip: false,
-        render: scope => {
-            // 复制到剪贴板的方法
-            const copyToClipboard = (text: string) => {
-                navigator.clipboard
-                    .writeText(text)
-                    .then(() => {
-                        // 可以在这里添加一些复制成功后的提示，比如使用 Element Plus 的通知组件
-                        console.log("内容已复制到剪贴板");
-                        ElMessage.success({ message: `复制成功！` });
-                    })
-                    .catch(err => {
-                        // 处理复制失败的情况
-                        console.error("复制失败:", err);
-                        ElMessage.success({ message: `复制失败！` });
-                    });
-            };
-            if (scope.row.c_init_user.length > 0) {
-                return (
-                    <>
-                        <div>账号：{scope.row.c_init_user}</div>
-                        <div>密码：{scope.row.c_init_pwd}</div>
-                        <el-tag
-                            class="hover"
-                            onClick={() => copyToClipboard(`账号：${scope.row.c_init_user}\n密码：${scope.row.c_init_pwd}`)}
-                        >
-                            复制
-                        </el-tag>
-                    </>
-                );
-            }
-            return "--";
-        }
-    },
-
-    {
-        prop: "c_code",
-        label: "公司编码",
-        width: 200
-    },
-    {
-        prop: "c_sign_key",
-        label: "通讯签名参数",
-        width: 250
-    },
-    {
-        prop: "c_notify_url",
-        label: "回调地址",
-        width: 250
-    },
-    {
-        prop: "c_withdrawal_rate",
-        label: "提现费率",
-        width: 100,
-        render(scope) {
-            return scope.row.c_withdrawal_rate + "%";
-        }
-    },
-    {
-        prop: "c_min_withdrawal_amount",
-        label: "起提金额",
-        width: 120,
-        render(scope) {
-            return scope.row.c_min_withdrawal_amount + " 元";
-        }
-    },
-    {
-        prop: "c_free_withdrawal_amount",
-        label: "免手续费提现金额",
-        width: 150,
-        render(scope) {
-            return scope.row.c_free_withdrawal_amount + " 元";
-        }
-    },
-
-    {
-        prop: "c_superpower",
-        label: "是否拥有所有数据权限",
-        enum: arrPermissionStatus,
-        width: 180,
-        render(scope) {
-            return (
-                <el-tag type={scope.row.c_superpower ? "success" : "danger"}>{scope.row.c_superpower === 0 ? "否" : "是"}</el-tag>
-            );
-        }
-    },
-    { prop: "created_at", label: "创建时间", width: 170 },
-    { prop: "operation", label: "操作", fixed: "right", width: 230 }
-]);
-
-// 删除用户信息
-const deleteAccount = async (params: Company.ResList) => {
-    await useHandleData(DeleteApi, { c_id: params.c_id }, `删除【${params.c_name}】`);
-    proTable.value?.getTableList();
-};
-
-// 批量删除信息
-const batchDelete = async (id: any[]) => {
-    const ids = id.map((item: Company.ResList) => item.c_id);
-    await useHandleData(DeleteApi, { c_id: ids.join(",") }, "删除所选信息");
-    proTable.value?.clearSelection();
-    proTable.value?.getTableList();
-};
-
-// 打开 drawer(新增、编辑)
-const drawerRef = ref<InstanceType<typeof Drawer> | null>(null);
-
-const openDrawer = (isEdit: boolean, row: Partial<Company.ResList> = {}) => {
-    const params = {
-        title: isEdit ? "新增" : "编辑",
-        row: { ...row },
-        api: SaveApi,
-        getTableList: proTable.value?.getTableList
-    };
-    drawerRef.value?.acceptParams(params as any);
-};
-</script>
-
-<style lang="scss">
-.el-table .warning-row,
-.el-table .warning-row .el-table-fixed-column--right,
-.el-table .warning-row .el-table-fixed-column--left {
-    background-color: var(--el-color-warning-light-9);
+<style scoped lang="scss">
+.module-unavailable {
+    display: grid;
+    gap: 16px;
 }
-.el-table .success-row,
-.el-table .success-row .el-table-fixed-column--right,
-.el-table .success-row .el-table-fixed-column--left {
-    background-color: var(--el-color-success-light-9);
+
+.module-unavailable__card {
+    color: var(--el-text-color-regular);
+    line-height: 1.8;
 }
-.hover {
-    :hover {
-        color: #f00000;
-    }
+
+.module-unavailable__card p {
+    margin: 0;
 }
 </style>
diff --git a/src/views/system/company/info.vue b/src/views/system/company/info.vue
index ebe53a3..6e1afdc 100644
--- a/src/views/system/company/info.vue
+++ b/src/views/system/company/info.vue
@@ -1,119 +1,31 @@
 <template>
-    <div>
-        <div class="card mb10">
-            <h4 class="title">公司信息</h4>
-            <el-descriptions :column="3" border>
-                <el-descriptions-item label="公司名" label-align="left">
-                    {{ InfoData.c_name }}
-                </el-descriptions-item>
-                <el-descriptions-item label="公司编码" label-align="left">
-                    {{ InfoData.c_code }}
-                </el-descriptions-item>
-                <el-descriptions-item label="创建时间" label-align="left">
-                    {{ InfoData.created_at }}
-                </el-descriptions-item>
-                <el-descriptions-item label="初始化账户" label-align="left">
-                    {{ InfoData.c_init_user }}
-                </el-descriptions-item>
-                <el-descriptions-item label="初始化密码" label-align="left">
-                    {{ InfoData.c_init_pwd }}
-                </el-descriptions-item>
-                <el-descriptions-item label="是否拥有所有数据权限" label-align="left">
-                    <el-button type="primary" v-if="InfoData.c_superpower == 0">否</el-button>
-                    <el-button type="primary" v-if="InfoData.c_superpower == 1">是</el-button>
-                </el-descriptions-item>
-            </el-descriptions>
-        </div>
-
-        <div class="card mb10">
-            <h4 class="title">通讯参数</h4>
-            <el-descriptions :column="3" border>
-                <el-descriptions-item label="回调地址" label-align="left">
-                    <el-input v-model="InfoData.c_notify_url" clearable placeholder="请输入回调地址" style="max-width: 300px" />
-                </el-descriptions-item>
-                <el-descriptions-item label="通讯签名参数" label-align="left">
-                    <el-input v-model="InfoData.c_sign_key" clearable placeholder="请输入通讯签名参数" style="max-width: 300px" />
-                </el-descriptions-item>
-            </el-descriptions>
-            <div style="margin-top: 10px">
-                <el-button type="primary" @click="submit()">提交</el-button>
-            </div>
-        </div>
-
-        <div class="card mb10">
-            <h4 class="title">提现参数</h4>
-            <el-descriptions :column="3" border>
-                <el-descriptions-item label="起提金额" label-align="left">
-                    {{ InfoData.c_min_withdrawal_amount }}
-                </el-descriptions-item>
-                <el-descriptions-item label="提现费率" label-align="left">
-                    {{ InfoData.c_withdrawal_rate }} %
-                </el-descriptions-item>
-                <el-descriptions-item label="免手续费起提金额" label-align="left">
-                    {{ InfoData.c_free_withdrawal_amount }}
-                </el-descriptions-item>
-            </el-descriptions>
-        </div>
+    <div class="module-unavailable">
+        <el-alert
+            title="公司详情模块未部署到当前 Linux 测试服"
+            type="warning"
+            :closable="false"
+            show-icon
+        />
+        <el-card class="module-unavailable__card" shadow="never">
+            <p>当前详情页依赖的旧 `/admin/system/company/info` 与通讯设置接口在测试服上都不可用。</p>
+            <p>本页先收为说明态，避免误把后端缺模块当成前端详情渲染问题。</p>
+            <p>如果后续补齐公司详情与通讯设置接口，再恢复当前详情页即可。</p>
+        </el-card>
     </div>
 </template>
 
-<!-- <script setup lang="ts" name="about"> -->
+<style scoped lang="scss">
+.module-unavailable {
+    display: grid;
+    gap: 16px;
+}
 
-<script>
-import { defineComponent } from "vue";
-import { ElMessage } from "element-plus";
-import { InfoApi, CommunicationSetApi } from "@/api/modules/system/company";
-export default defineComponent({
-    data() {
-        return {
-            boolShowGooleBind: false,
-            strQCodeUrl: "", // 生成的二维码链接
-            InfoData: {},
-            gooleTitle: "解绑",
-            gooleKey: "",
-            strSecret: ""
-        };
-    },
-    created() {
-        this.getInfo();
-    },
-    methods: {
-        // 获取用户信息
-        async getInfo() {
-            const { data } = await InfoApi();
-            this.InfoData = data;
-        },
-        // 提交
-        async submit() {
-            const res = await CommunicationSetApi({
-                c_sign_key: this.InfoData.c_sign_key,
-                c_notify_url: this.InfoData.c_notify_url
-            });
+.module-unavailable__card {
+    color: var(--el-text-color-regular);
+    line-height: 1.8;
+}
 
-            if (res.code == "000") {
-                ElMessage.success("操作成功！");
-                this.getInfo();
-            }
-        }
-    }
-});
-</script>
-
-<style lang="scss" scoped>
-.card {
-    .title {
-        margin: 0 0 15px;
-        font-size: 17px;
-        font-weight: bold;
-        color: var(--el-text-color-primary);
-    }
-    .text {
-        font-size: 15px;
-        line-height: 25px;
-        color: var(--el-text-color-regular);
-        .el-link {
-            font-size: 15px;
-        }
-    }
+.module-unavailable__card p {
+    margin: 0;
 }
 </style>
diff --git a/src/views/system/config/drawer.vue b/src/views/system/config/drawer.vue
index 8f197f7..b0e6c97 100644
--- a/src/views/system/config/drawer.vue
+++ b/src/views/system/config/drawer.vue
@@ -1,5 +1,5 @@
 <template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="50%" :title="`${drawerProps.title}参数配置`">
+    <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="50%" :title="`${drawerProps.title}系统配置`">
         <el-form
             ref="ruleFormRef"
             label-width="90px"
@@ -9,7 +9,7 @@
             :model="drawerProps.row"
             :hide-required-asterisk="drawerProps.isView"
         >
-            <el-form-item v-for="e in formColumns" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
+            <el-form-item v-for="e in formColumns()" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
                 <template v-if="e.type === 'switch'">
                     <el-switch v-model="e.value" />
                 </template>
@@ -34,6 +34,15 @@
                     />
                 </template>
             </el-form-item>
+            <el-alert
+                v-if="isStaticFileVersion"
+                class="config-helper-alert"
+                type="info"
+                :closable="false"
+                title="当前为静态资源强制刷新配置"
+                description="平时样式或脚本改动会自动重编；只有当前端站群、CDN 或浏览器还在命中旧静态文件时，再手动提高这个版本号，强制全站切到新静态资源。"
+                show-icon
+            />
         </el-form>
         <template #footer>
             <el-button @click="drawerVisible = false">取消</el-button>
@@ -43,7 +52,7 @@
 </template>
 
 <script setup lang="ts" name="UserDrawer">
-import { ref, computed } from "vue";
+import { computed, ref } from "vue";
 import { ElMessage, FormInstance } from "element-plus";
 import { ConfigList } from "@/api/interface/system/config";
 
@@ -61,28 +70,31 @@ type Fields = {
     options?: Options[];
     disabled?: boolean;
 };
+
+/**
+ * 解析系统配置字段的校验提示语。
+ */
+const resolveConfigRuleMessage = (field: Fields) => {
+    const { type, label } = field;
+    if (type === "select") {
+        return `请选择${label}`;
+    }
+    if (type === "text" || type === "text-tarea") {
+        return `请输入${label}`;
+    }
+    return "";
+};
 const generateRules = (fields: Fields[]) => {
     return fields.reduce(
         (acc, field) => {
-            const { type, required, label, prop } = field;
-            let message = "";
-            if (type === "select") {
-                message = `请选择${label}`;
-            }
-            if (type === "text") {
-                message = `请输入${label}`;
-            }
-            if (type === "text-tarea") {
-                message = `请输入${label}`;
-            }
-            acc[prop] = [{ required, message }];
+            acc[field.prop] = [{ required: field.required, message: resolveConfigRuleMessage(field) }];
             return acc;
         },
         {} as Record<string, any>
     );
 };
 
-const formColumns = computed((): Fields[] => {
+const formColumns = (): Fields[] => {
     return [
         {
             label: "配置编码",
@@ -107,10 +119,10 @@ const formColumns = computed((): Fields[] => {
             set value(val) {
                 drawerProps.value.row!.sc_val = val;
             },
-            required: true
+            required: false
         },
         {
-            label: "配置描述",
+            label: "配置说明",
             prop: "sc_description",
             type: "text",
             disabled: true,
@@ -123,7 +135,7 @@ const formColumns = computed((): Fields[] => {
             required: true
         }
     ];
-});
+};
 const rules = ref();
 
 interface DrawerProps {
@@ -132,6 +144,7 @@ interface DrawerProps {
     row: Partial<ConfigList.ResList>;
     api?: (params: any) => Promise<any>;
     getTableList?: () => void;
+    successMessage?: string;
 }
 
 const drawerVisible = ref(false);
@@ -140,29 +153,30 @@ const drawerProps = ref<DrawerProps>({
     title: "",
     row: {}
 });
+const isStaticFileVersion = computed(() => drawerProps.value.row?.sc_code === "STATIC_FILE_VERSION");
 
-// 接收父组件传过来的参数
 const acceptParams = (params: DrawerProps) => {
-    drawerProps.value = params;
-    rules.value = generateRules(formColumns.value);
+    drawerProps.value = {
+        ...params,
+        row: { ...params.row }
+    };
+    rules.value = generateRules(formColumns());
     drawerVisible.value = true;
-    // if (drawerProps.value.title === "编辑") {
-    //   rules.value["gender"] = [{ required: false }];
-    // }
 };
 
-// 提交数据（新增/编辑）
 const ruleFormRef = ref<FormInstance>();
 const handleSubmit = () => {
     ruleFormRef.value!.validate(async valid => {
         if (!valid) return;
         try {
             await drawerProps.value.api!(drawerProps.value.row);
-            ElMessage.success({ message: `${drawerProps.value.title}成功！` });
+            ElMessage.success({
+                message: drawerProps.value.successMessage || `${drawerProps.value.title}系统配置完成，已刷新列表`
+            });
             drawerProps.value.getTableList!();
             drawerVisible.value = false;
-        } catch (error) {
-            console.log(error);
+        } catch (_error) {
+            return;
         }
     });
 };
@@ -171,3 +185,9 @@ defineExpose({
     acceptParams
 });
 </script>
+
+<style scoped lang="scss">
+.config-helper-alert {
+    margin-top: 4px;
+}
+</style>
diff --git a/src/views/system/config/index.vue b/src/views/system/config/index.vue
index 25274ba..cafc5d9 100644
--- a/src/views/system/config/index.vue
+++ b/src/views/system/config/index.vue
@@ -1,5 +1,5 @@
-<template>
-    <div class="table-box">
+<template>
+    <div class="table-box">
         <ProTable
             ref="proTable"
             highlight-current-row
@@ -7,93 +7,115 @@
             :request-api="getTableList"
             :data-callback="dataCallback"
         >
-            <!-- 表格 header 按钮 -->
-            <template #tableHeader>
-                <el-button type="primary" style="display: none" :icon="CirclePlus" @click="openDrawer(true)">新增</el-button>
+            <template #empty>
+                <el-empty description="暂无系统配置" />
             </template>
-            <!-- 表格操作 -->
             <template #operation="scope">
-                <el-button type="primary" :icon="EditPen" @click="openDrawer(false, scope.row)">编辑</el-button>
+                <el-button type="primary" link :icon="EditPen" @click="openDrawer(scope.row)">编辑</el-button>
+            </template>
+            <template #sc_code="scope">
+                <div class="config-code-cell">
+                    <span>{{ scope.row.sc_code }}</span>
+                    <el-tag v-if="scope.row.sc_code === 'STATIC_FILE_VERSION'" size="small" type="warning" effect="plain">
+                        缓存兜底
+                    </el-tag>
+                </div>
             </template>
         </ProTable>
         <Drawer ref="drawerRef" />
     </div>
 </template>
-
-<script setup lang="tsx" name="complexProTable">
+
+<script setup lang="tsx" name="complexProTable">
 import { reactive, ref } from "vue";
 import { ConfigList } from "@/api/interface/system/config";
 import ProTable from "@/components/ProTable/index.vue";
-import { EditPen, CirclePlus } from "@element-plus/icons-vue";
+import { EditPen } from "@element-plus/icons-vue";
 import { ProTableInstance, ColumnProps } from "@/components/ProTable/interface";
 import { getConfigList, SaveApi } from "@/api/modules/system/config";
-
-import Drawer from "./drawer.vue";
-// ProTable 实例
+
+import Drawer from "./drawer.vue";
 const proTable = ref<ProTableInstance>();
-
+
 const initParam = reactive({
-    limit: 15,
+    limit: 25,
     page: 1
 });
-
-const dataCallback = (data: any) => {
-    return {
-        items: data.items,
-        total: data.total,
-        total_page: data.total_pages,
-        page: initParam.page,
-        limit: initParam.limit
-    };
-};
-const getTableList = (params: any) => {
-    let newParams = JSON.parse(JSON.stringify(params));
-    initParam.page = newParams.page;
-    initParam.limit = newParams.limit;
-    return getConfigList(newParams);
-};
-
-// 表格配置项
-const columns = reactive<ColumnProps<ConfigList.ResList>[]>([
-    { label: "关键字", search: { el: "input", key: "key" } },
+
+const dataCallback = (data: any) => {
+    return {
+        items: data.items,
+        total: data.total,
+        total_page: data.total_pages,
+        page: initParam.page,
+        limit: initParam.limit
+    };
+};
+const getTableList = (params: any) => {
+    let newParams = JSON.parse(JSON.stringify(params));
+    initParam.page = newParams.page;
+    initParam.limit = newParams.limit;
+    return getConfigList(newParams);
+};
+
+const columns = ref<ColumnProps[]>([
+    {
+        label: "配置编码 / ID",
+        search: {
+            el: "input",
+            key: "key",
+            props: {
+                placeholder: "请输入配置编码或 ID"
+            }
+        }
+    },
     {
         prop: "sc_code",
-        label: "配置编码"
+        label: "配置编码",
+        showOverflowTooltip: true
     },
     {
         prop: "sc_val",
-        label: "配置值"
+        label: "配置值",
+        showOverflowTooltip: true
     },
     {
         prop: "sc_description",
-        label: "配置备注"
+        label: "配置说明",
+        showOverflowTooltip: true
     },
-    { prop: "operation", label: "操作", fixed: "right", width: 200 }
+    { prop: "operation", label: "操作", fixed: "right", width: 100 }
 ]);
-
-// 打开 drawer(新增、编辑)
+
 const drawerRef = ref<InstanceType<typeof Drawer> | null>(null);
 
-const openDrawer = (isEdit: boolean, row: Partial<ConfigList.ResList> = {}) => {
+const openDrawer = (row: Partial<ConfigList.ResList> = {}) => {
     const params = {
-        title: isEdit ? "新增" : "编辑",
+        title: "编辑",
         row: { ...row },
         api: SaveApi,
-        getTableList: proTable.value?.getTableList
+        getTableList: proTable.value?.getTableList,
+        successMessage: "系统配置保存完成，已刷新列表"
     };
     drawerRef.value?.acceptParams(params as any);
 };
-</script>
-
-<style lang="scss">
-.el-table .warning-row,
-.el-table .warning-row .el-table-fixed-column--right,
-.el-table .warning-row .el-table-fixed-column--left {
-    background-color: var(--el-color-warning-light-9);
-}
+</script>
+
+<style lang="scss">
+.el-table .warning-row,
+.el-table .warning-row .el-table-fixed-column--right,
+.el-table .warning-row .el-table-fixed-column--left {
+    background-color: var(--el-color-warning-light-9);
+}
 .el-table .success-row,
 .el-table .success-row .el-table-fixed-column--right,
 .el-table .success-row .el-table-fixed-column--left {
     background-color: var(--el-color-success-light-9);
 }
+
+.config-code-cell {
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
+}
 </style>
diff --git a/src/views/system/gather/drawer.vue b/src/views/system/gather/drawer.vue
index d6f74af..9602c8b 100644
--- a/src/views/system/gather/drawer.vue
+++ b/src/views/system/gather/drawer.vue
@@ -1,5 +1,5 @@
 <template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="720" :title="`${drawerProps.title}参数配置`">
+    <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="720" :title="`${drawerProps.title}采集配置`">
         <el-form
             ref="ruleFormRef"
             label-width="90px"
@@ -9,7 +9,7 @@
             :model="drawerProps.row"
             :hide-required-asterisk="drawerProps.isView"
         >
-            <el-form-item v-for="e in formColumns" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
+            <el-form-item v-for="e in formColumns()" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
                 <template v-if="e.type === 'switch'">
                     <el-switch
                         v-model="e.value"
@@ -90,7 +90,7 @@ const generateRules = (fields: Fields[]) => {
     );
 };
 
-const formColumns = computed((): Fields[] => {
+const formColumns = (): Fields[] => {
     return [
         {
             label: "配置编码",
@@ -118,7 +118,7 @@ const formColumns = computed((): Fields[] => {
             required: true
         },
         {
-            label: "配置描述",
+            label: "配置说明",
             prop: "cjpz_description",
             type: "text",
             disabled: true,
@@ -131,7 +131,7 @@ const formColumns = computed((): Fields[] => {
             required: true
         }
     ];
-});
+};
 const rules = ref();
 
 interface DrawerProps {
@@ -140,6 +140,7 @@ interface DrawerProps {
     row: Partial<GatherList.ResList>;
     api?: (params: any) => Promise<any>;
     getTableList?: () => void;
+    successMessage?: string;
 }
 
 const drawerVisible = ref(false);
@@ -149,30 +150,26 @@ const drawerProps = ref<DrawerProps>({
     row: {}
 });
 
-// 接收父组件传过来的参数
 const acceptParams = (params: DrawerProps) => {
     drawerProps.value = params;
-    rules.value = generateRules(formColumns.value);
+    rules.value = generateRules(formColumns());
     drawerVisible.value = true;
-    if (drawerProps.value.row!.sc_code == "API_ENABLE_ENCRYPT") {
-        initParam.type = "switch";
-    } else {
-        initParam.type = "textarea";
-    }
+    initParam.type = drawerProps.value.row!.cjpz_code === "API_ENABLE_ENCRYPT" ? "switch" : "textarea";
 };
 
-// 提交数据（新增/编辑）
 const ruleFormRef = ref<FormInstance>();
 const handleSubmit = () => {
     ruleFormRef.value!.validate(async valid => {
         if (!valid) return;
         try {
             await drawerProps.value.api!(drawerProps.value.row);
-            ElMessage.success({ message: `${drawerProps.value.title}成功！` });
+            ElMessage.success({
+                message: drawerProps.value.successMessage || `${drawerProps.value.title}采集配置完成，已刷新列表`
+            });
             drawerProps.value.getTableList!();
             drawerVisible.value = false;
-        } catch (error) {
-            console.log(error);
+        } catch (_error) {
+            return;
         }
     });
 };
diff --git a/src/views/system/gather/index.vue b/src/views/system/gather/index.vue
index 7926548..651cae5 100644
--- a/src/views/system/gather/index.vue
+++ b/src/views/system/gather/index.vue
@@ -1,5 +1,5 @@
-<template>
-    <div class="table-box">
+<template>
+    <div class="table-box">
         <ProTable
             ref="proTable"
             highlight-current-row
@@ -7,96 +7,103 @@
             :request-api="getTableList"
             :data-callback="dataCallback"
         >
-            <!-- 表格 header 按钮 -->
-            <template #tableHeader>
-                <el-button style="display: none" type="primary" :icon="CirclePlus" @click="openDrawer(true)">新增</el-button>
+            <template #empty>
+                <el-empty description="暂无采集配置" />
             </template>
-            <!-- 表格操作 -->
             <template #operation="scope">
-                <el-button type="primary" :icon="EditPen" @click="openDrawer(false, scope.row)">编辑</el-button>
+                <el-button type="primary" link :icon="EditPen" @click="openDrawer(scope.row)">编辑</el-button>
             </template>
         </ProTable>
         <Drawer ref="drawerRef" />
     </div>
 </template>
-
-<script setup lang="tsx" name="complexProTable">
+
+<script setup lang="tsx" name="complexProTable">
 import { reactive, ref } from "vue";
 import { GatherList } from "@/api/interface/system/gather";
 import ProTable from "@/components/ProTable/index.vue";
-import { EditPen, CirclePlus } from "@element-plus/icons-vue";
+import { EditPen } from "@element-plus/icons-vue";
 import { ProTableInstance, ColumnProps } from "@/components/ProTable/interface";
 import { SaveApi, ListApi } from "@/api/modules/system/gather";
-
-import Drawer from "./drawer.vue";
-// ProTable 实例
+
+import Drawer from "./drawer.vue";
 const proTable = ref<ProTableInstance>();
-
+
 const initParam = reactive({
-    limit: 15,
+    limit: 25,
     page: 1
 });
-
-const dataCallback = (data: any) => {
-    return {
-        items: data.items,
-        total: data.total,
-        total_page: data.total_pages,
-        page: initParam.page,
-        limit: initParam.limit
-    };
-};
-
-const getTableList = (params: any) => {
-    let newParams = JSON.parse(JSON.stringify(params));
-    initParam.page = newParams.page;
-    initParam.limit = newParams.limit;
-    return ListApi(newParams);
-};
-
-// 表格配置项
-const columns = reactive<ColumnProps<GatherList.ResList>[]>([
-    { label: "关键字", search: { el: "input", key: "key" } },
+
+const dataCallback = (data: any) => {
+    return {
+        items: data.items,
+        total: data.total,
+        total_page: data.total_pages,
+        page: initParam.page,
+        limit: initParam.limit
+    };
+};
+
+const getTableList = (params: any) => {
+    let newParams = JSON.parse(JSON.stringify(params));
+    initParam.page = newParams.page;
+    initParam.limit = newParams.limit;
+    return ListApi(newParams);
+};
+
+const columns = ref<ColumnProps[]>([
     {
-        prop: "cjpz_id",
-        label: "ID",
-        width: 80
+        label: "配置编码 / ID",
+        search: {
+            el: "input",
+            key: "key",
+            props: {
+                placeholder: "请输入配置编码或 ID"
+            }
+        }
     },
+    {
+        prop: "cjpz_id",
+        label: "ID",
+        width: 80
+    },
     {
         prop: "cjpz_code",
-        label: "配置编码"
+        label: "配置编码",
+        showOverflowTooltip: true
     },
     {
         prop: "cjpz_val",
-        label: "配置值"
+        label: "配置值",
+        showOverflowTooltip: true
     },
-    { prop: "cjpz_description", label: "配置描述" },
-    { prop: "operation", label: "操作", fixed: "right", width: 120 }
+    { prop: "cjpz_description", label: "配置说明", showOverflowTooltip: true },
+    { prop: "operation", label: "操作", fixed: "right", width: 100 }
 ]);
-
-// 打开 drawer(新增、编辑)
+
 const drawerRef = ref<InstanceType<typeof Drawer> | null>(null);
 
-const openDrawer = (isEdit: boolean, row: Partial<GatherList.ResList> = {}) => {
+const openDrawer = (row: Partial<GatherList.ResList> = {}) => {
     const params = {
-        title: isEdit ? "新增" : "编辑",
+        title: "编辑",
         row: { ...row },
         api: SaveApi,
-        getTableList: proTable.value?.getTableList
+        getTableList: proTable.value?.getTableList,
+        successMessage: "采集配置保存完成，已刷新列表"
     };
     drawerRef.value?.acceptParams(params as any);
 };
-</script>
-
-<style lang="scss">
-.el-table .warning-row,
-.el-table .warning-row .el-table-fixed-column--right,
-.el-table .warning-row .el-table-fixed-column--left {
-    background-color: var(--el-color-warning-light-9);
-}
-.el-table .success-row,
-.el-table .success-row .el-table-fixed-column--right,
-.el-table .success-row .el-table-fixed-column--left {
-    background-color: var(--el-color-success-light-9);
-}
-</style>
+</script>
+
+<style lang="scss">
+.el-table .warning-row,
+.el-table .warning-row .el-table-fixed-column--right,
+.el-table .warning-row .el-table-fixed-column--left {
+    background-color: var(--el-color-warning-light-9);
+}
+.el-table .success-row,
+.el-table .success-row .el-table-fixed-column--right,
+.el-table .success-row .el-table-fixed-column--left {
+    background-color: var(--el-color-success-light-9);
+}
+</style>
diff --git a/src/views/system/logs/operate/index.vue b/src/views/system/logs/operate/index.vue
index eafacb6..b5d4227 100644
--- a/src/views/system/logs/operate/index.vue
+++ b/src/views/system/logs/operate/index.vue
@@ -1,72 +1,31 @@
 <template>
-    <div class="table-box">
-        <ProTable ref="proTable" highlight-current-row :columns="columns" :request-api="ListApi">
-            <!-- 表格 header 按钮 -->
-            <template #tableHeader> </template>
-            <template #emailHeader="scope">
-                <el-button type="danger" link>
-                    {{ scope.column.label }}
-                </el-button>
-            </template>
-            <template #operation>
-                <el-button type="primary" :icon="Document">详情</el-button>
-            </template>
-            <!-- <template #append>
-        <span style="color: var(--el-color-primary)">我是插入在表格最后的内容。若表格有合计行，该内容会位于合计行之上。</span>
-      </template> -->
-        </ProTable>
+    <div class="module-unavailable">
+        <el-alert
+            title="日志管理模块未部署到当前 Linux 测试服"
+            type="warning"
+            :closable="false"
+            show-icon
+        />
+        <el-card class="module-unavailable__card" shadow="never">
+            <p>当前日志页依赖的旧 `/admin/system/log/list` 接口在测试服上不存在。</p>
+            <p>本页先收为说明态，避免把后端缺日志模块误判成表格空数据或请求异常。</p>
+            <p>如果后续补齐日志接口，再恢复当前列表页即可。</p>
+        </el-card>
     </div>
 </template>
 
-<script setup lang="tsx" name="complexProTable">
-import { reactive, ref } from "vue";
-import { LogsList } from "@/api/interface/system/logs";
-import ProTable from "@/components/ProTable/index.vue";
-import { Document } from "@element-plus/icons-vue";
-import { ProTableInstance, ColumnProps } from "@/components/ProTable/interface";
-import { ListApi } from "@/api/modules/system/logs";
-
-// ProTable 实例
-const proTable = ref<ProTableInstance>();
-
-// 表格配置项
-const columns = reactive<ColumnProps<LogsList.ResList>[]>([
-    {
-        prop: "key",
-        label: "查询关键词",
-        isShow: false,
-        search: { el: "input" }
-    },
-    {
-        prop: "au_name",
-        label: "用户名"
-    },
-    {
-        prop: "c_name",
-        label: "公司"
-    },
-    {
-        prop: "ol_description",
-        label: "操作日志"
-    },
-    {
-        prop: "created_at",
-        label: "添加时间",
-        width: 170
-    }
-    // { prop: "operation", label: "操作", fixed: "right", width: 130 }
-]);
-</script>
-
-<style lang="scss">
-.el-table .warning-row,
-.el-table .warning-row .el-table-fixed-column--right,
-.el-table .warning-row .el-table-fixed-column--left {
-    background-color: var(--el-color-warning-light-9);
+<style scoped lang="scss">
+.module-unavailable {
+    display: grid;
+    gap: 16px;
 }
-.el-table .success-row,
-.el-table .success-row .el-table-fixed-column--right,
-.el-table .success-row .el-table-fixed-column--left {
-    background-color: var(--el-color-success-light-9);
+
+.module-unavailable__card {
+    color: var(--el-text-color-regular);
+    line-height: 1.8;
+}
+
+.module-unavailable__card p {
+    margin: 0;
 }
 </style>
diff --git a/src/views/system/node/Drawer.vue b/src/views/system/node/Drawer.vue
deleted file mode 100644
index 75df396..0000000
--- a/src/views/system/node/Drawer.vue
+++ /dev/null
@@ -1,202 +0,0 @@
-<template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="500px" :title="`${drawerProps.title}管理员`">
-        <el-form
-            ref="ruleFormRef"
-            label-width="100px"
-            label-suffix=" :"
-            label-position="top"
-            :rules="rules"
-            :disabled="drawerProps.isView"
-            :model="drawerProps.row"
-            :hide-required-asterisk="drawerProps.isView"
-        >
-            <el-form-item v-for="e in formColumns" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
-                <template v-if="e.type === 'switch'">
-                    <el-switch v-model="e.value" />
-                </template>
-                <template v-if="e.type === 'radio'">
-                    <el-radio-group v-model="e.value" class="ml-4" :placeholder="`请选择${e.label}`">
-                        <el-radio v-for="item in e.options" :key="item.value" :label="item.value" size="large">{{
-                            item.label
-                        }}</el-radio>
-                    </el-radio-group>
-                </template>
-                <template v-if="e.type === 'select'">
-                    <el-select filterable v-model="e.value" :placeholder="`请选择${e.label}`" clearable>
-                        <el-option
-                            v-for="(item, index) in e.options"
-                            :key="index"
-                            :label="getField(item, e.fieldNames?.label)"
-                            :value="getField(item, e.fieldNames?.value)"
-                        />
-                    </el-select>
-                </template>
-                <template v-if="e.type === 'text'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'textarea'">
-                    <el-input
-                        type="textarea"
-                        v-model="e.value"
-                        maxlength="50"
-                        :placeholder="`请输入${e.label}`"
-                        show-word-limit
-                    />
-                </template>
-            </el-form-item>
-        </el-form>
-        <template #footer>
-            <el-button @click="drawerVisible = false">取消</el-button>
-            <el-button v-show="!drawerProps.isView" type="primary" @click="handleSubmit">确定</el-button>
-        </template>
-    </el-drawer>
-</template>
-
-<script setup lang="ts" name="UserDrawer">
-import { ref, computed } from "vue";
-import { ElMessage, FormInstance } from "element-plus";
-import { NodeList } from "@/api/interface/system/node";
-import { arrPermissionStatus } from "@/utils/serviceDict";
-type Options = {
-    label: string;
-    value: string | number;
-};
-
-const getField = (item: any, fieldName: string | undefined) => {
-    return fieldName ? item[fieldName] : "";
-};
-
-type Fields = {
-    label: string;
-    prop: string;
-    type: string;
-    value: any;
-    required: boolean;
-    options?: Options[];
-    fieldNames?: { label: string; value: string };
-};
-
-const generateRules = (fields: Fields[]) => {
-    return fields.reduce(
-        (acc, field) => {
-            const { type, required, label, prop } = field;
-            let message = "";
-            if (type === "select") {
-                message = `请选择${label}`;
-            }
-            if (type === "text") {
-                message = `请输入${label}`;
-            }
-            if (type === "textarea") {
-                message = `请输入${label}`;
-            }
-            if (type === "radio") {
-                message = `请选择${label}`;
-            }
-            acc[prop] = [{ required, message }];
-            return acc;
-        },
-        {} as Record<string, any>
-    );
-};
-
-const formColumns = computed((): Fields[] => {
-    return [
-        {
-            label: "节点名称",
-            prop: "an_name",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.an_name;
-            },
-            set value(val) {
-                drawerProps.value.row!.an_name = val;
-            },
-            required: true
-        },
-        {
-            label: "节点地址",
-            prop: "an_code",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.an_code;
-            },
-            set value(val) {
-                drawerProps.value.row!.an_code = val;
-            },
-            required: true
-        },
-
-        {
-            label: "是否目录",
-            prop: "an_is_dir",
-            type: "radio",
-            get value() {
-                return drawerProps.value.row!.an_is_dir;
-            },
-            set value(val) {
-                drawerProps.value.row!.an_is_dir = val;
-            },
-            options: arrPermissionStatus,
-            required: true
-        },
-        {
-            label: "是否隐藏",
-            prop: "an_is_hidden",
-            type: "radio",
-            get value() {
-                return drawerProps.value.row!.an_is_hidden;
-            },
-            set value(val) {
-                drawerProps.value.row!.an_is_hidden = val;
-            },
-            options: arrPermissionStatus,
-            required: true
-        }
-    ];
-});
-
-const rules = ref();
-
-interface DrawerProps {
-    title: string;
-    isView: boolean;
-    row: Partial<NodeList.ResList>;
-    api?: (params: any) => Promise<any>;
-    getTableList?: () => void;
-}
-
-const drawerVisible = ref(false);
-const drawerProps = ref<DrawerProps>({
-    isView: false,
-    title: "",
-    row: {}
-});
-
-// 接收父组件传过来的参数
-const acceptParams = (params: DrawerProps) => {
-    drawerProps.value = params;
-    rules.value = generateRules(formColumns.value);
-    drawerVisible.value = true;
-};
-
-// 提交数据（新增/编辑）
-const ruleFormRef = ref<FormInstance>();
-const handleSubmit = () => {
-    ruleFormRef.value!.validate(async valid => {
-        if (!valid) return;
-        try {
-            await drawerProps.value.api!(drawerProps.value.row);
-            ElMessage.success({ message: `${drawerProps.value.title}管理员成功！` });
-            drawerProps.value.getTableList!();
-            drawerVisible.value = false;
-        } catch (error) {
-            console.log(error);
-        }
-    });
-};
-
-defineExpose({
-    acceptParams
-});
-</script>
diff --git a/src/views/system/node/index.vue b/src/views/system/node/index.vue
index e3e84ec..5633ac9 100644
--- a/src/views/system/node/index.vue
+++ b/src/views/system/node/index.vue
@@ -1,109 +1,31 @@
 <template>
-    <div class="table-box">
-        <ProTable
-            title="节点列表"
-            ref="nodeTable"
-            row-key="an_id"
-            :indent="20"
-            :columns="columns"
-            :request-api="getTableList"
-            :data-callback="dataCallback"
-            :request-auto="true"
-            :init-param="initParam"
-            :search-col="{ xs: 1, sm: 1, md: 2, lg: 3, xl: 3 }"
-        >
-        </ProTable>
+    <div class="module-unavailable">
+        <el-alert
+            title="权限节点模块未部署到当前 Linux 测试服"
+            type="warning"
+            :closable="false"
+            show-icon
+        />
+        <el-card class="module-unavailable__card" shadow="never">
+            <p>当前节点页依赖旧 `/admin/system/node/*` 接口，测试服带真实 `admin-token` 访问也会直接返回控制器不存在。</p>
+            <p>本页先收为说明态，避免继续暴露节点树、权限节点明细和隐藏状态这些历史残留能力。</p>
+            <p>如果后续补齐节点管理后端，再恢复当前节点列表和编辑抽屉。</p>
+        </el-card>
     </div>
 </template>
 
-<script setup lang="tsx" name="complexProTable">
-import { reactive, ref } from "vue";
-import { NodeList } from "@/api/interface/system/node";
-import ProTable from "@/components/ProTable/index.vue";
-import { ProTableInstance, ColumnProps } from "@/components/ProTable/interface";
-import { ListApi } from "@/api/modules/system/node";
-import { arrPermissionStatus } from "@/utils/serviceDict";
-import { convertToTree } from "@/utils/index";
-
-// 获取 ProTable 元素，调用其获取刷新数据方法（还能获取到当前查询参数，方便导出携带参数）
-const nodeTable = ref<ProTableInstance>();
-
-// 如果表格需要初始化请求参数，直接定义传给 ProTable(之后每次请求都会自动带上该参数，此参数更改之后也会一直带上，改变此参数会自动刷新表格数据)
-const initParam = reactive({});
-// dataCallback 是对于返回的表格数据做处理，如果你后台返回的数据不是 list && total && pageNum && pageSize 这些字段，可以在这里进行处理成这些字段
-// 或者直接去 hooks/useTable.ts 文件中把字段改为你后端对应的就行
-const dataCallback = (data: any) => {
-    const tree = convertToTree(data.item);
-    return {
-        item: tree,
-        total: tree.length,
-        pageNum: data.page,
-        pageSize: data.total_page
-    };
-};
-// 如果你想在请求之前对当前请求参数做一些操作，可以自定义如下函数：params 为当前所有的请求参数（包括分页），最后返回请求列表接口
-// 默认不做操作就直接在 ProTable 组件上绑定	:requestApi="getUserList"
-const getTableList = (params: any) => {
-    let newParams = JSON.parse(JSON.stringify(params));
-    newParams.limit = 365;
-    return ListApi(newParams);
-};
-
-// 表格配置项
-const columns = reactive<ColumnProps<NodeList.ResList>[]>([
-    {
-        prop: "an_name",
-        label: "权限节点名称",
-        width: 220,
-        align: "left" // 设置左对齐
-    },
-    {
-        prop: "an_id",
-        label: "节点ID"
-    },
-    {
-        prop: "an_pid",
-        label: "节点父级"
-    },
-    {
-        prop: "an_code",
-        label: "节点地址",
-        width: 320
-    },
-    {
-        prop: "an_is_dir",
-        label: "是否为目录",
-        tag: true,
-        enum: arrPermissionStatus,
-        render(scope) {
-            return <el-tag type={scope.row.an_is_dir ? "success" : "danger"}>{scope.row.an_is_dir === 0 ? "否" : "是"}</el-tag>;
-        }
-    },
-    {
-        prop: "an_is_hidden",
-        label: "是否隐藏",
-        tag: true,
-        enum: arrPermissionStatus,
-        render(scope) {
-            return (
-                <el-tag type={scope.row.an_is_hidden ? "success" : "danger"}>{scope.row.an_is_hidden === 0 ? "否" : "是"}</el-tag>
-            );
-        }
-    },
-    { prop: "created_at", label: "创建时间", width: 170 }
-    // { prop: "operation", label: "操作", fixed: "right", width: 150 }
-]);
-</script>
-
-<style lang="scss">
-.el-table .warning-row,
-.el-table .warning-row .el-table-fixed-column--right,
-.el-table .warning-row .el-table-fixed-column--left {
-    background-color: var(--el-color-warning-light-9);
+<style scoped lang="scss">
+.module-unavailable {
+    display: grid;
+    gap: 16px;
 }
-.el-table .success-row,
-.el-table .success-row .el-table-fixed-column--right,
-.el-table .success-row .el-table-fixed-column--left {
-    background-color: var(--el-color-success-light-9);
+
+.module-unavailable__card {
+    color: var(--el-text-color-regular);
+    line-height: 1.8;
+}
+
+.module-unavailable__card p {
+    margin: 0;
 }
 </style>
diff --git a/src/views/system/notice/components/botRead.vue b/src/views/system/notice/components/botRead.vue
deleted file mode 100644
index d9fe3c7..0000000
--- a/src/views/system/notice/components/botRead.vue
+++ /dev/null
@@ -1,81 +0,0 @@
-<template>
-    <el-drawer v-model="drawerVisible" size="520px" :title="`${drawerProps.title}`" :destroy-on-close="true">
-        <ProTable ref="proTable" highlight-current-row :data="botData.val" :columns="columns" :init-param="drawerProps.row">
-        </ProTable>
-        <template #footer>
-            <el-button @click="drawerVisible = false">取消</el-button>
-            <el-button @click="drawerVisible = false" type="primary">确定</el-button>
-        </template>
-    </el-drawer>
-</template>
-
-<script setup lang="ts" name="UserDrawer">
-import { ref, reactive } from "vue";
-import ProTable from "@/components/ProTable/index.vue";
-import { NoticeSetting } from "@/api/interface/system/notice";
-import { ColumnProps, ProTableInstance } from "@/components/ProTable/interface";
-// ProTable 实例
-const proTable = ref<ProTableInstance>();
-
-// 表格配置项
-const columns = reactive<ColumnProps<NoticeSetting.ResList>[]>([
-    {
-        prop: "ta_id",
-        label: "ID"
-    },
-    {
-        prop: "ta_name",
-        label: "机器人名称"
-    }
-]);
-
-interface DrawerProps {
-    title: string;
-    isView: boolean;
-    row: Partial<NoticeSetting.ResList>;
-    api?: (params: any) => Promise<any>;
-    getTableList?: () => void;
-}
-
-const drawerVisible = ref(false);
-const drawerProps = ref<DrawerProps>({
-    isView: false,
-    title: "",
-    row: {}
-});
-
-const botData = reactive({
-    val: []
-});
-
-// 接收父组件传过来的参数
-const acceptParams = (params: DrawerProps) => {
-    drawerVisible.value = true;
-    botData.val = params.row.telegram_account;
-    drawerProps.value = params;
-};
-
-defineExpose({
-    acceptParams
-});
-</script>
-<style lang="scss" scoped>
-.demo-form-inline {
-    .el-form-item {
-        width: 420px;
-    }
-    :deep(.el-form-item__content) {
-        display: flex;
-        flex-wrap: nowrap;
-        align-items: flex-start;
-        .tips {
-            margin-left: 10px;
-            font-size: 12px;
-            color: #999999;
-        }
-    }
-}
-.btn-group {
-    text-align: center;
-}
-</style>
diff --git a/src/views/system/notice/drawer.vue b/src/views/system/notice/drawer.vue
deleted file mode 100644
index 46d7576..0000000
--- a/src/views/system/notice/drawer.vue
+++ /dev/null
@@ -1,234 +0,0 @@
-<template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="500px" :title="`${drawerProps.title}通知类型`">
-        <el-form
-            ref="ruleFormRef"
-            label-width="130px"
-            label-position="top"
-            label-suffix=" :"
-            :rules="rules"
-            :disabled="drawerProps.isView"
-            :model="drawerProps.row"
-            :hide-required-asterisk="drawerProps.isView"
-        >
-            <el-form-item v-for="e in formColumns" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
-                <template v-if="e.type === 'radio'">
-                    <el-radio-group v-model="e.value" class="ml-4">
-                        <el-radio v-for="item in e.options" :key="item.value" :value="item.value" size="large">{{
-                            item.label
-                        }}</el-radio>
-                    </el-radio-group>
-                </template>
-                <template v-if="e.type === 'select' && e.multiple">
-                    <el-select v-model="e.value" :placeholder="`请选择${e.label}`" clearable multiple>
-                        <el-option
-                            v-for="(item, index) in e.options"
-                            :key="index"
-                            :label="getField(item, e.fieldNames?.label)"
-                            :value="getField(item, e.fieldNames?.value)"
-                        />
-                    </el-select>
-                </template>
-                <template v-if="e.type === 'text'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'textarea'">
-                    <el-input
-                        type="textarea"
-                        v-model="e.value"
-                        maxlength="365"
-                        :placeholder="`请输入${e.label}`"
-                        show-word-limit
-                    />
-                </template>
-            </el-form-item>
-        </el-form>
-        <template #footer>
-            <el-button @click="drawerVisible = false">取消</el-button>
-            <el-button v-show="!drawerProps.isView" type="primary" @click="handleSubmit">确定</el-button>
-        </template>
-    </el-drawer>
-</template>
-
-<script setup lang="ts" name="UserDrawer">
-import { ref, computed } from "vue";
-import { ElMessage, FormInstance } from "element-plus";
-import { NoticeSetting } from "@/api/interface/system/notice";
-import { arrNoticeSwitch } from "@/utils/serviceDict";
-import { getRobotMap } from "@/api/modules/system/bot";
-type Options = {
-    label: string;
-    value: string | number;
-};
-const getField = (item: any, fieldName: string | undefined) => {
-    return fieldName ? item[fieldName] : "";
-};
-const robotList = ref([] as any);
-getRobotMap().then(res => {
-    robotList.value = res.data.item;
-});
-
-type Fields = {
-    label: string;
-    prop: string;
-    type: string;
-    value: any;
-    required: boolean;
-    options?: Options[];
-    fieldNames?: { label: string; value: string };
-    multiple?: boolean;
-};
-const generateRules = (fields: Fields[]) => {
-    return fields.reduce(
-        (acc, field) => {
-            const { type, required, label, prop } = field;
-            let message = "";
-            if (type === "select") {
-                message = `请选择${label}`;
-            }
-            if (type === "text") {
-                message = `请输入${label}`;
-            }
-            acc[prop] = [{ required, message }];
-            return acc;
-        },
-        {} as Record<string, any>
-    );
-};
-
-const formColumns = computed((): Fields[] => {
-    return [
-        {
-            label: "名称",
-            prop: "ntt_name",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.ntt_name;
-            },
-            set value(val) {
-                drawerProps.value.row!.ntt_name = val;
-            },
-            required: true
-        },
-        {
-            label: "通知类型编码",
-            prop: "ntt_code",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.ntt_code;
-            },
-            set value(val) {
-                drawerProps.value.row!.ntt_code = val;
-            },
-            required: true
-        },
-
-        {
-            label: "是否启用",
-            prop: "nt_status",
-            type: "radio",
-            get value() {
-                return drawerProps.value.row!.nt_status;
-            },
-            set value(val) {
-                drawerProps.value.row!.nt_status = val;
-            },
-            options: arrNoticeSwitch,
-            required: true
-        },
-        {
-            label: "使用的机器人ID",
-            prop: "ta_id",
-            type: "select",
-            options: robotList.value,
-            fieldNames: { label: "ta_name", value: "ta_id" },
-            multiple: true, // 添加这个属性来指示这是多选
-            get value() {
-                // 确保返回一个数组
-                return drawerProps.value.row!.ta_id || [];
-            },
-            set value(val) {
-                // val 现在是一个数组
-                drawerProps.value.row!.ta_id = val;
-            },
-            required: true
-        },
-        {
-            label: "需要@的人(不需要@符号),多个 , 连接",
-            prop: "nt_tagged_users",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.nt_tagged_users;
-            },
-            set value(val) {
-                drawerProps.value.row!.nt_tagged_users = val;
-            },
-            required: true
-        }
-    ];
-});
-const rules = ref();
-
-interface DrawerProps {
-    title: string;
-    isView: boolean;
-    row: Partial<NoticeSetting.ResList>;
-    api?: (params: any) => Promise<any>;
-    getTableList?: () => void;
-}
-
-const drawerVisible = ref(false);
-const drawerProps = ref<DrawerProps>({
-    isView: false,
-    title: "",
-    row: {}
-});
-
-// 接收父组件传过来的参数
-const acceptParams = (params: DrawerProps) => {
-    drawerProps.value = params;
-    rules.value = generateRules(formColumns.value);
-    drawerVisible.value = true;
-    if (drawerProps.value.row!.ta_id) {
-        drawerProps.value.row!.ta_id = drawerProps.value.row!.ta_id.map(Number);
-        console.log(drawerProps.value.row!.ta_id);
-    }
-};
-
-// 提交数据（新增/编辑）
-const ruleFormRef = ref<FormInstance>();
-const handleSubmit = () => {
-    ruleFormRef.value!.validate(async valid => {
-        if (!valid) return;
-        try {
-            const params = { ...drawerProps.value.row };
-
-            if (Array.isArray(params.nt_tagged_users)) {
-                params.nt_tagged_users = JSON.stringify(params.nt_tagged_users);
-            } else {
-                if (params.nt_tagged_users === undefined || params.nt_tagged_users.length < 1) {
-                    params.nt_tagged_users = JSON.stringify(params.nt_tagged_users);
-                } else {
-                    params.nt_tagged_users = JSON.stringify(params.nt_tagged_users!.toString().replace(/\r\n/g, "\n").split(","));
-                }
-            }
-
-            if (params.ta_id!.length > 0) {
-                params.ta_id = JSON.stringify(params.ta_id);
-            } else {
-                params.ta_id = JSON.stringify(params.ta_id!.toString().replace(/\r\n/g, "\n").split(","));
-            }
-
-            await drawerProps.value.api!(params);
-            ElMessage.success({ message: `${drawerProps.value.title}通知类型成功！` });
-            drawerProps.value.getTableList!();
-            drawerVisible.value = false;
-        } catch (error) {
-            console.log(error);
-        }
-    });
-};
-
-defineExpose({
-    acceptParams
-});
-</script>
diff --git a/src/views/system/notice/index.vue b/src/views/system/notice/index.vue
index 81d526a..884c9c7 100644
--- a/src/views/system/notice/index.vue
+++ b/src/views/system/notice/index.vue
@@ -1,115 +1,31 @@
 <template>
-    <div class="table-box">
-        <ProTable ref="proTable" highlight-current-row :columns="columns" :request-api="ListApi">
-            <!-- 表格 header 按钮 -->
-            <template #tableHeader>
-                <el-button style="display: none" type="primary" :icon="CirclePlus" @click="openDrawer(true)">新增</el-button>
-            </template>
-            <!-- 表格操作 -->
-            <template #operation="scope">
-                <el-button type="primary" :icon="EditPen" @click="openDrawer(false, scope.row)">编辑</el-button>
-            </template>
-        </ProTable>
-        <Drawer ref="drawerRef" />
-        <BotRead ref="BotReadRef" />
+    <div class="module-unavailable">
+        <el-alert
+            title="通知类型模块未部署到当前 Linux 测试服"
+            type="warning"
+            :closable="false"
+            show-icon
+        />
+        <el-card class="module-unavailable__card" shadow="never">
+            <p>当前页面依赖的旧 `/admin/system/notification/manager/*` 接口在测试服上不存在。</p>
+            <p>本页先收为说明态，避免继续暴露通知类型列表和编辑这些不可验收能力。</p>
+            <p>如果后续补齐通知类型后端，再恢复当前列表、抽屉和机器人关联查看。</p>
+        </el-card>
     </div>
 </template>
 
-<script setup lang="tsx" name="complexProTable">
-import { reactive, ref } from "vue";
-import { NoticeSetting } from "@/api/interface/system/notice";
-import ProTable from "@/components/ProTable/index.vue";
-import { EditPen, CirclePlus } from "@element-plus/icons-vue";
-import { ProTableInstance, ColumnProps } from "@/components/ProTable/interface";
-import { SaveApi, ListApi } from "@/api/modules/system/notice";
-import { arrNoticeSwitch } from "@/utils/serviceDict";
-import Drawer from "./drawer.vue";
-import BotRead from "./components/botRead.vue";
-
-// ProTable 实例
-const proTable = ref<ProTableInstance>();
-
-// 表格配置项
-const columns = reactive<ColumnProps<NoticeSetting.ResList>[]>([
-    {
-        prop: "ntt_name",
-        label: "名称",
-        width: 250
-    },
-    {
-        prop: "key",
-        label: "编码",
-        search: {
-            el: "input"
-        },
-        isShow: false
-    },
-    {
-        prop: "ntt_code",
-        label: "编码",
-        width: 300
-    },
-    {
-        prop: "nt_status",
-        label: "是否启用",
-        tag: true,
-        enum: arrNoticeSwitch,
-        render(scope) {
-            return <el-tag type={scope.row.nt_status ? "success" : "danger"}>{scope.row.nt_status === 0 ? "否" : "是"}</el-tag>;
-        }
-    },
-    {
-        prop: "telegram_account",
-        label: "使用的机器人详情",
-        render: scope => {
-            return (
-                <el-button type="warning" plain size="small" onClick={() => handleTextClick(scope.row)}>
-                    查看
-                </el-button>
-            );
-        }
-    },
-
-    {
-        prop: "nt_tagged_users",
-        label: "需要@的人"
-    },
-    { prop: "operation", label: "操作", fixed: "right", width: 110 }
-]);
-
-// 打开 drawer(新增、编辑)
-const drawerRef = ref<InstanceType<typeof Drawer> | null>(null);
-
-const openDrawer = (isEdit: boolean, row: Partial<NoticeSetting.ResList> = {}) => {
-    const params = {
-        title: isEdit ? "新增" : "编辑",
-        row: { ...row },
-        api: SaveApi,
-        getTableList: proTable.value?.getTableList
-    };
-    drawerRef.value?.acceptParams(params as any);
-};
-
-// 打开 机器人查看
-const BotReadRef = ref<InstanceType<typeof BotRead> | null>(null);
-const handleTextClick = (row: Partial<NoticeSetting.ResList> = {}) => {
-    const params = {
-        title: "机器人详情",
-        row: { ...row }
-    };
-    BotReadRef.value?.acceptParams(params as any);
-};
-</script>
-
-<style lang="scss">
-.el-table .warning-row,
-.el-table .warning-row .el-table-fixed-column--right,
-.el-table .warning-row .el-table-fixed-column--left {
-    background-color: var(--el-color-warning-light-9);
+<style scoped lang="scss">
+.module-unavailable {
+    display: grid;
+    gap: 16px;
 }
-.el-table .success-row,
-.el-table .success-row .el-table-fixed-column--right,
-.el-table .success-row .el-table-fixed-column--left {
-    background-color: var(--el-color-success-light-9);
+
+.module-unavailable__card {
+    color: var(--el-text-color-regular);
+    line-height: 1.8;
+}
+
+.module-unavailable__card p {
+    margin: 0;
 }
 </style>
diff --git a/src/views/system/plan/drawer.vue b/src/views/system/plan/drawer.vue
index d2e6dec..2ff494b 100644
--- a/src/views/system/plan/drawer.vue
+++ b/src/views/system/plan/drawer.vue
@@ -1,5 +1,5 @@
 <template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="500px" :title="`${drawerProps.title}任务`">
+    <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="500px" :title="`${drawerProps.title}计划任务`">
         <el-form
             ref="ruleFormRef"
             label-width="120px"
@@ -10,7 +10,7 @@
             :model="drawerProps.row"
             :hide-required-asterisk="drawerProps.isView"
         >
-            <el-form-item v-for="e in formColumns" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
+            <el-form-item v-for="e in formColumns()" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
                 <template v-if="e.type === 'radio'">
                     <el-radio-group v-model="e.value" class="ml-4">
                         <el-radio v-for="item in e.options" :key="item.value" :value="item.value" size="large">{{
@@ -24,7 +24,7 @@
                     </el-select>
                 </template>
                 <template v-if="e.type === 'text'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
+                    <el-input v-model="e.value" :disabled="e.disabled" :placeholder="`请输入${e.label}`" clearable></el-input>
                 </template>
                 <template v-if="e.type === 'textarea'">
                     <el-input
@@ -52,7 +52,6 @@
                         v-model="e.value"
                         placeholder="选择时间"
                     ></el-time-picker>
-                    <!-- <el-input type="textarea" v-model="e.value" maxlength="50" :placeholder="`请输入${e.label}`" show-word-limit /> -->
                 </template>
             </el-form-item>
         </el-form>
@@ -64,9 +63,8 @@
 </template>
 
 <script setup lang="ts" name="UserDrawer">
-import { ref, computed } from "vue";
+import { ref } from "vue";
 import { FormInstance, ElMessage } from "element-plus";
-// ElMessage
 import { taskPlan } from "@/api/interface/system/taskPlan";
 import { arrPlanSwitch } from "@/utils/serviceDict";
 import { secondsToTimeFormat } from "@/utils/dateForMatter";
@@ -82,43 +80,46 @@ type Fields = {
     value: any;
     required: boolean;
     options?: Options[];
+    disabled?: boolean;
 };
 
-// let days = ref(0);
-// const onChangeDays = () => {
-//     let num = days.value + "";
-//     days.value = num.replace(/[^\d]/g, "") * 1;
-// };
 let days = ref(0);
 const onChangeDays = () => {
     let num = days.value + "";
     days.value = Number(num.replace(/[^\d]/g, ""));
 };
 
+/**
+ * 解析计划任务抽屉字段的校验提示语。
+ */
+const resolvePlanRuleMessage = (field: Fields) => {
+    const { type, label } = field;
+    if (type === "select") {
+        return `请选择${label}`;
+    }
+    if (type === "text") {
+        return `请输入${label}`;
+    }
+    return "";
+};
+
 const generateRules = (fields: Fields[]) => {
     return fields.reduce(
         (acc, field) => {
-            const { type, required, label, prop } = field;
-            let message = "";
-            if (type === "select") {
-                message = `请选择${label}`;
-            }
-            if (type === "text") {
-                message = `请输入${label}`;
-            }
-            acc[prop] = [{ required, message }];
+            acc[field.prop] = [{ required: field.required, message: resolvePlanRuleMessage(field) }];
             return acc;
         },
         {} as Record<string, any>
     );
 };
 
-const formColumns = computed((): Fields[] => {
+const formColumns = (): Fields[] => {
     return [
         {
             label: "计划任务名称",
             prop: "pt_name",
             type: "text",
+            disabled: true,
             get value() {
                 return drawerProps.value.row!.pt_name;
             },
@@ -127,6 +128,19 @@ const formColumns = computed((): Fields[] => {
             },
             required: true
         },
+        {
+            label: "任务编码",
+            prop: "pt_code",
+            type: "text",
+            disabled: true,
+            get value() {
+                return drawerProps.value.row!.pt_code;
+            },
+            set value(val) {
+                drawerProps.value.row!.pt_code = val;
+            },
+            required: true
+        },
         {
             label: "任务频率",
             prop: "pt_limit",
@@ -153,7 +167,7 @@ const formColumns = computed((): Fields[] => {
             required: true
         }
     ];
-});
+};
 const rules = ref();
 
 interface DrawerProps {
@@ -162,6 +176,7 @@ interface DrawerProps {
     row: Partial<taskPlan.ResList>;
     api?: (params: any) => Promise<any>;
     getTableList?: () => void;
+    successMessage?: string;
 }
 
 const drawerVisible = ref(false);
@@ -171,9 +186,9 @@ const drawerProps = ref<DrawerProps>({
     row: {}
 });
 
-// 接收父组件传过来的参数
 const acceptParams = (params: DrawerProps) => {
     drawerProps.value = params;
+    days.value = 0;
     const typeOfPtLimit = typeof drawerProps.value.row!.pt_limit;
     if (typeOfPtLimit === "string") {
         let timeArr = drawerProps.value.row!.pt_limit.split(":");
@@ -189,14 +204,13 @@ const acceptParams = (params: DrawerProps) => {
             drawerProps.value.row!.pt_limit = (timeArr[0] % 24) + ":" + timeArr[1] + ":" + timeArr[2];
         }
     } else {
-        console.log("pt_limit is of type:", typeOfPtLimit);
+        drawerProps.value.row!.pt_limit = "00:00:00";
     }
 
-    rules.value = generateRules(formColumns.value);
+    rules.value = generateRules(formColumns());
     drawerVisible.value = true;
 };
 
-// 提交数据（新增/编辑）
 const ruleFormRef = ref<FormInstance>();
 const handleSubmit = () => {
     ruleFormRef.value!.validate(async valid => {
@@ -209,11 +223,13 @@ const handleSubmit = () => {
             row!.pt_limit = days.value * 24 * 60 * 60 + hours * 60 * 60 + minutes * 60 + seconds;
 
             await drawerProps.value.api!(row);
-            ElMessage.success({ message: `${drawerProps.value.title}任务成功！` });
+            ElMessage.success({
+                message: drawerProps.value.successMessage || `${drawerProps.value.title}计划任务完成，已刷新列表`
+            });
             drawerProps.value.getTableList!();
             drawerVisible.value = false;
-        } catch (error) {
-            console.log(error);
+        } catch (_error) {
+            return;
         }
     });
 };
diff --git a/src/views/system/plan/index.vue b/src/views/system/plan/index.vue
index 49ccb9c..7ffb79b 100644
--- a/src/views/system/plan/index.vue
+++ b/src/views/system/plan/index.vue
@@ -7,15 +7,12 @@
             :request-api="getTableList"
             :data-callback="dataCallback"
         >
-            <!-- 表格 header 按钮 -->
-            <template #tableHeader> </template>
-            <!-- 表格操作 -->
-            <template #operation="scope">
-                <el-button type="primary" :icon="EditPen" @click="openDrawer(false, scope.row)">编辑</el-button>
+            <template #empty>
+                <el-empty description="暂无计划任务" />
+            </template>
+            <template #operation="scope">
+                <el-button type="primary" link :icon="EditPen" @click="openDrawer(scope.row)">编辑</el-button>
             </template>
-            <!-- <template #append>
-        <span style="color: var(--el-color-primary)">我是插入在表格最后的内容。若表格有合计行，该内容会位于合计行之上。</span>
-      </template> -->
         </ProTable>
         <Drawer ref="drawerRef" />
     </div>
@@ -31,11 +28,10 @@ import { getTaskPlanList, saveTaskPlan } from "@/api/modules/system/taskPlan";
 import { arrPlanSwitch } from "@/utils/serviceDict";
 import Drawer from "./drawer.vue";
 import { formateDate, secondsToTimeFormat } from "@/utils/dateForMatter";
-// ProTable 实例
 const proTable = ref<ProTableInstance>();
 
 const initParam = reactive({
-    limit: 15,
+    limit: 25,
     page: 1
 });
 
@@ -56,12 +52,16 @@ const getTableList = (params: any) => {
     return getTaskPlanList(newParams);
 };
 
-// 表格配置项
-const columns = reactive<ColumnProps<taskPlan.ResList>[]>([
+const columns = ref<ColumnProps[]>([
     {
         prop: "key",
-        label: "关键字",
-        search: { el: "input" },
+        label: "任务名称 / 编码 / ID",
+        search: {
+            el: "input",
+            props: {
+                placeholder: "请输入任务名称、编码或 ID"
+            }
+        },
         isShow: false
     },
     {
@@ -71,15 +71,17 @@ const columns = reactive<ColumnProps<taskPlan.ResList>[]>([
     },
     {
         prop: "pt_name",
-        label: "任务名称"
+        label: "任务名称",
+        showOverflowTooltip: true
     },
     {
         prop: "pt_code",
-        label: "任务编码"
+        label: "任务编码",
+        showOverflowTooltip: true
     },
     {
         prop: "pt_enable",
-        label: "是否开启",
+        label: "任务状态",
         width: 100,
         tag: true,
         enum: arrPlanSwitch,
@@ -105,20 +107,21 @@ const columns = reactive<ColumnProps<taskPlan.ResList>[]>([
             return <p>{formateDate(scope.row.pt_last_exec * 1000, 3)}</p>;
         }
     },
-    { prop: "operation", label: "操作", fixed: "right", width: 120 }
+    { prop: "operation", label: "操作", fixed: "right", width: 100 }
 ]);
 
-// 打开 drawer(新增、编辑)
+
 const drawerRef = ref<InstanceType<typeof Drawer> | null>(null);
 
-const openDrawer = (isEdit: boolean, row: Partial<taskPlan.ResList> = {}) => {
-    const { pt_enable, pt_limit, pt_id, pt_name } = row;
+const openDrawer = (row: Partial<taskPlan.ResList> = {}) => {
+    const { pt_enable, pt_limit, pt_id, pt_name, pt_code } = row;
 
     const params = {
-        title: isEdit ? "新增" : "编辑",
-        row: { pt_enable, pt_limit, pt_id, pt_name },
+        title: "编辑",
+        row: { pt_enable, pt_limit, pt_id, pt_name, pt_code },
         api: saveTaskPlan,
-        getTableList: proTable.value?.getTableList
+        getTableList: proTable.value?.getTableList,
+        successMessage: "计划任务保存完成，已刷新列表"
     };
     drawerRef.value?.acceptParams(params as any);
 };
diff --git a/src/views/system/role/Drawer.vue b/src/views/system/role/Drawer.vue
deleted file mode 100644
index b43332a..0000000
--- a/src/views/system/role/Drawer.vue
+++ /dev/null
@@ -1,166 +0,0 @@
-<template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="720px" :title="`${drawerProps.title}角色`">
-        <el-form ref="ruleFormRef" label-width="90px" label-suffix=" :" :rules="rules" :model="drawerProps.row">
-            <el-form-item v-for="item in fields" :key="item.prop" :label="item.label" :prop="item.prop">
-                <el-input v-model="item.value" clearable></el-input>
-            </el-form-item>
-            <el-form-item label="角色权限">
-                <TreeFilter
-                    :title="`${drawerProps.title}角色权限(多选)`"
-                    multiple
-                    id="an_id"
-                    label="an_name"
-                    :default-value="arrActiveAnId"
-                    :data="arrRoleNodeList"
-                    @change="changeTreeFilter"
-                />
-                <!-- <el-tree
-                    show-checkbox
-                    node-key="an_id"
-                    :data="arrRoleNodeList"
-                    :default-checked-keys="arrActiveAnId"
-                    :props="defaultProps"
-                    @check="changeTreeFilter"
-                ></el-tree> -->
-            </el-form-item>
-        </el-form>
-        <template #footer>
-            <el-button @click="drawerVisible = false"> 取消 </el-button>
-            <el-button type="primary" @click="handleSubmit"> 确定 </el-button>
-        </template>
-    </el-drawer>
-</template>
-
-<script setup lang="ts" name="UserDrawer">
-import { ref } from "vue";
-// import { ElMessage, FormInstance } from "element-plus";
-import { ElMessage } from "element-plus";
-import { NodeList } from "@/api/interface/system/node";
-import { RoleList } from "@/api/interface/system/role";
-import { ListApi } from "@/api/modules/system/node";
-import TreeFilter from "@/components/TreeFilter/index.vue";
-import { convertToTree } from "@/utils/index";
-
-// const defaultProps = {
-//     children: "children",
-//     label: "an_name"
-// };
-let arrAllNode = [] as any;
-
-let arrActiveAnId: any[] = [];
-const changeTreeFilter = (val: string[]) => {
-    ElMessage.success(`你选择了 id 为 ${JSON.stringify(val)} 的数据🤔`);
-    arrActiveAnId = val;
-};
-
-type Fields = {
-    label: string;
-    prop: string;
-    type: string;
-    value: any;
-    required: boolean;
-};
-
-const generateRules = (fields: Fields[]) => {
-    return fields.reduce(
-        (acc, field) => {
-            acc[field.prop] = [{ required: field.required, message: `请${field.label}` }];
-            return acc;
-        },
-        {} as Record<string, any>
-    );
-};
-
-const rules = ref();
-const fields = ref<Fields[]>();
-const nodeList = ref<NodeList.ResList[]>([]);
-let arrRoleNodeList: any[] = [];
-
-interface DrawerProps {
-    title: string;
-    row: Partial<RoleList.ListResp>;
-    api?: (params: any) => Promise<any>;
-    getTableList?: () => void;
-}
-
-const drawerVisible = ref(false);
-const drawerProps = ref<DrawerProps>({
-    title: "",
-    row: {}
-});
-
-// 接收父组件传过来的参数
-// const arrTempTreeNode = [];
-const acceptParams = async (params: DrawerProps) => {
-    drawerProps.value = params;
-
-    drawerProps.value.row.an_ids = "";
-    console.log(drawerProps.value);
-    // 所有节点
-    const { data } = await ListApi({ limit: 1000, page: 1 });
-    arrAllNode = data.item;
-    const treeData = convertToTree(arrAllNode, 0);
-    nodeList.value = treeData;
-    arrRoleNodeList = treeData;
-
-    // 选中的节点
-    if (drawerProps.value.row.admin_role_node && drawerProps.value.title == "编辑") {
-        // 从 data 数组中查找对应节点的信息
-        const nodeInfoArray = drawerProps.value.row.admin_role_node.map(anId => {
-            return arrAllNode.find(item => item.an_id === anId.an_id);
-        });
-
-        // 筛选出符合条件 an_is_dir === 0 的节点
-        const filteredNodes = nodeInfoArray.filter(item => item && item.an_is_dir === 0);
-
-        // 提取相应的 an_id
-        arrActiveAnId = filteredNodes.map(item => item.an_id);
-    }
-
-    drawerVisible.value = true;
-
-    const _fields = [
-        {
-            label: "角色名称",
-            prop: "ar_name",
-            type: "input",
-            get value() {
-                return drawerProps.value.row!.ar_name;
-            },
-            set value(val) {
-                drawerProps.value.row!.ar_name = val;
-            },
-            required: true
-        }
-    ];
-    fields.value = _fields;
-    rules.value = generateRules(_fields);
-};
-
-// 提交数据（新增/编辑）
-const handleSubmit = async () => {
-    // 提交的时候 获取它的 是否有父节点id  如果有，一起提交
-    for (let i = 0; i < arrActiveAnId.length; i++) {
-        let anId = arrActiveAnId[i];
-        let currentNode = arrAllNode.find(items => items.an_id === anId);
-        if (currentNode) {
-            if (currentNode.an_pid != 0 && arrActiveAnId.includes(currentNode.an_pid) == false) {
-                arrActiveAnId.push(currentNode.an_pid);
-            }
-        }
-    }
-
-    let strAnIds = arrActiveAnId.join(",");
-
-    drawerProps.value.row.an_ids = strAnIds;
-
-    await drawerProps.value.api!(drawerProps.value.row);
-    ElMessage.success({ message: `${drawerProps.value.title}角色成功！` });
-    drawerProps.value.getTableList!();
-    drawerVisible.value = false;
-};
-
-defineExpose({
-    acceptParams
-});
-</script>
diff --git a/src/views/system/role/index.vue b/src/views/system/role/index.vue
index 28214c6..c342e99 100644
--- a/src/views/system/role/index.vue
+++ b/src/views/system/role/index.vue
@@ -1,107 +1,31 @@
 <template>
-    <div class="table-box">
-        <ProTable ref="roleTable" title="角色列表" :columns="columns" :request-api="GetRoleList" :init-param="initParam">
-            <!-- 表格 header 按钮 -->
-            <template #tableHeader="scope">
-                <el-button type="primary" :icon="CirclePlus" @click="openDrawer(false)"> 新增角色 </el-button>
-                <el-button
-                    type="danger"
-                    :icon="Delete"
-                    plain
-                    :disabled="!scope.isSelected"
-                    @click="batchDelete(scope.selectedList)"
-                >
-                    批量删除角色
-                </el-button>
-            </template>
-
-            <!-- 表格操作 -->
-            <template #operation="scope">
-                <el-button type="primary" :icon="EditPen" @click="openDrawer(true, scope.row)"> 编辑 </el-button>
-                <el-button type="danger" :icon="Delete" @click="handleDelete(scope.row)"> 删除 </el-button>
-            </template>
-        </ProTable>
-        <Drawer ref="drawerRef" />
+    <div class="module-unavailable">
+        <el-alert
+            title="角色管理模块未部署到当前 Linux 测试服"
+            type="warning"
+            :closable="false"
+            show-icon
+        />
+        <el-card class="module-unavailable__card" shadow="never">
+            <p>当前角色页依赖旧 `/admin/system/role/*` 接口，测试服带真实 `admin-token` 访问也会直接返回控制器不存在。</p>
+            <p>本页先收为说明态，避免继续暴露角色列表、权限树和删除这些无法真实落库的历史能力。</p>
+            <p>如果后续补齐角色管理后端，再恢复当前列表页和抽屉联调。</p>
+        </el-card>
     </div>
 </template>
 
-<script setup lang="tsx" name="useProTable">
-import { ref, reactive } from "vue";
-import { RoleList } from "@/api/interface/system/role";
-import { useHandleData } from "@/hooks/useHandleData";
-import ProTable from "@/components/ProTable/index.vue";
-import Drawer from "./Drawer.vue";
-import { ProTableInstance, ColumnProps } from "@/components/ProTable/interface";
-import { CirclePlus, Delete, EditPen } from "@element-plus/icons-vue";
-import { ListApi, SaveApi, DeleteApi } from "@/api/modules/system/role";
+<style scoped lang="scss">
+.module-unavailable {
+    display: grid;
+    gap: 16px;
+}
 
-// 获取 ProTable 元素，调用其获取刷新数据方法（还能获取到当前查询参数，方便导出携带参数）
-const roleTable = ref<ProTableInstance>();
+.module-unavailable__card {
+    color: var(--el-text-color-regular);
+    line-height: 1.8;
+}
 
-// 如果表格需要初始化请求参数，直接定义传给 ProTable(之后每次请求都会自动带上该参数，此参数更改之后也会一直带上，改变此参数会自动刷新表格数据)
-const initParam = reactive({});
-
-// 如果你想在请求之前对当前请求参数做一些操作，可以自定义如下函数：params 为当前所有的请求参数（包括分页），最后返回请求列表接口
-// 默认不做操作就直接在 ProTable 组件上绑定	:requestApi="getUserList"
-const GetRoleList = (params: any) => {
-    let newParams = JSON.parse(JSON.stringify(params));
-    newParams.createTime && (newParams.startTime = newParams.createTime[0]);
-    newParams.createTime && (newParams.endTime = newParams.createTime[1]);
-    delete newParams.createTime;
-    return ListApi(newParams);
-};
-
-// 表格配置项
-const columns: ColumnProps<RoleList.ListResp>[] = [
-    { type: "selection", fixed: "left", width: 50 },
-    { label: "搜索", search: { el: "input", key: "key" } },
-    {
-        prop: "ar_id",
-        label: "ID",
-        width: 100
-    },
-    {
-        prop: "ar_name",
-        label: "角色名称",
-        render: scope => {
-            return <>{scope.row.ar_name}</>;
-        }
-    },
-    {
-        prop: "c_name",
-        label: "公司"
-    },
-    {
-        prop: "created_at",
-        label: "创建时间"
-    },
-    { prop: "operation", label: "操作", fixed: "right", width: 200 }
-];
-
-// 删除角色信息
-const handleDelete = async (params: RoleList.ListResp) => {
-    await useHandleData(DeleteApi, { ar_id: params.ar_id }, `删除【${params.ar_name}】角色`);
-    roleTable.value?.getTableList();
-};
-
-// 批量删除角色信息
-const batchDelete = async (id: any[]) => {
-    const ids = id.map((item: RoleList.ListResp) => item.ar_id);
-    await useHandleData(DeleteApi, { ar_id: ids.join(",") }, "删除所选角色信息");
-
-    roleTable.value?.clearSelection();
-    roleTable.value?.getTableList();
-};
-
-// 打开 drawer(新增、查看、编辑)
-const drawerRef = ref<InstanceType<typeof Drawer> | null>(null);
-const openDrawer = (isEdit: boolean, row: Partial<RoleList.ListResp> = {}) => {
-    const params = {
-        title: isEdit ? "编辑" : "新增",
-        row: { ...row },
-        api: !isEdit ? SaveApi : SaveApi,
-        getTableList: roleTable.value?.getTableList
-    };
-    drawerRef.value?.acceptParams(params);
-};
-</script>
+.module-unavailable__card p {
+    margin: 0;
+}
+</style>
diff --git a/src/views/system/user/Drawer.vue b/src/views/system/user/Drawer.vue
index 4bbce90..99600d4 100644
--- a/src/views/system/user/Drawer.vue
+++ b/src/views/system/user/Drawer.vue
@@ -10,7 +10,7 @@
             :model="drawerProps.row"
             :hide-required-asterisk="drawerProps.isView"
         >
-            <el-form-item v-for="e in formColumns" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
+            <el-form-item v-for="e in formColumns()" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
                 <template v-if="e.type === 'radio'">
                     <el-radio-group v-model="e.value" class="ml-4">
                         <el-radio v-for="item in e.options" :key="item.value" :value="item.value" size="large">{{
@@ -34,6 +34,9 @@
                 <template v-if="e.type === 'text'">
                     <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
                 </template>
+                <template v-if="e.type === 'password'">
+                    <el-input v-model="e.value" type="password" show-password :placeholder="`请输入${e.label}`" clearable></el-input>
+                </template>
                 <template v-if="e.type === 'textarea'">
                     <el-input
                         type="textarea"
@@ -53,19 +56,18 @@
 </template>
 
 <script setup lang="ts" name="UserDrawer">
-import { ref, computed } from "vue";
+import { ref } from "vue";
 import { ElMessage, FormInstance } from "element-plus";
-import { adminUserList } from "@/api/interface/ad/listminUser";
+import { adminUserList } from "@/api/interface/system/adminUser";
 
 import { arrAuStatusSwitch } from "@/utils/serviceDict";
-// import { getRoleMap } from "@/api/modules/system/role";
 type Options = {
     label: string;
     value: string | number;
 };
 
 type Fields = {
-    fieldNames: any;
+    fieldNames?: any;
     label: string;
     prop: string;
     type: string;
@@ -74,33 +76,32 @@ type Fields = {
     options?: Options[];
 };
 
-// const roleList = ref([] as any);
-
-// getRoleMap().then(res => {
-//     roleList.value = res.data.item;
-// });
+/**
+ * 解析管理员抽屉字段的校验提示语。
+ */
+const resolveUserRuleMessage = (field: Fields) => {
+    const { type, label } = field;
+    if (type === "select" || type === "radio") {
+        return `请选择${label}`;
+    }
+    if (type === "text" || type === "password") {
+        return `请输入${label}`;
+    }
+    return "";
+};
 
 const generateRules = (fields: Fields[]) => {
     return fields.reduce(
         (acc, field) => {
-            const { type, required, label, prop } = field;
-            let message = "";
-            if (type === "select") {
-                message = `请选择${label}`;
-            }
-            if (type === "text") {
-                message = `请输入${label}`;
-            }
-            acc[prop] = [{ required, message }];
+            acc[field.prop] = [{ required: field.required, message: resolveUserRuleMessage(field) }];
             return acc;
         },
         {} as Record<string, any>
     );
 };
 
-const formColumns = computed((): Fields[] => {
-    let newColumns = [] as any;
-    let columns = [
+const formColumns = (): Fields[] => {
+    return [
         {
             label: "用户名",
             prop: "au_name",
@@ -115,18 +116,18 @@ const formColumns = computed((): Fields[] => {
         },
 
         {
-            label: "用户密码",
+            label: "管理员密码",
             prop: "au_pwd",
-            type: "text",
+            type: "password",
             get value() {
                 return drawerProps.value.row!.au_pwd;
             },
             set value(val) {
                 drawerProps.value.row!.au_pwd = val;
             },
-            required: false
+            required: drawerProps.value.title === "新增"
         },
-        //[{"key":"au_status","value":"0","description":"0=启用，1=禁用","type":"text","enabled":true}]
+
         {
             label: "状态",
             prop: "au_status",
@@ -140,38 +141,8 @@ const formColumns = computed((): Fields[] => {
             options: arrAuStatusSwitch,
             required: true
         }
-        // {
-        //     label: "角色",
-        //     prop: "ar_id",
-        //     type: "select",
-        //     get value() {
-        //         return drawerProps.value.row!.ar_id;
-        //     },
-        //     set value(val) {
-        //         drawerProps.value.row!.ar_id = val;
-        //     },
-        //     options: roleList.value,
-        //     fieldNames: { label: "ar_name", value: "ar_id" },
-        //     required: true
-        // }
     ];
-    newColumns = [...columns];
-    // if (drawerProps.value.title == "编辑") {
-    //     newColumns.splice(1, 1, {
-    //         label: "用户密码",
-    //         prop: "au_pwd",
-    //         type: "text",
-    //         get value() {
-    //             return drawerProps.value.row!.au_pwd;
-    //         },
-    //         set value(val) {
-    //             drawerProps.value.row!.au_pwd = val;
-    //         },
-    //         required: false
-    //     });
-    // }
-    return newColumns;
-});
+};
 const rules = ref();
 
 interface DrawerProps {
@@ -180,6 +151,7 @@ interface DrawerProps {
     row: Partial<adminUserList.ResList>;
     api?: (params: any) => Promise<any>;
     getTableList?: () => void;
+    successMessage?: string;
 }
 
 const drawerVisible = ref(false);
@@ -189,28 +161,41 @@ const drawerProps = ref<DrawerProps>({
     row: {}
 });
 
-// 接收父组件传过来的参数
-const acceptParams = (params: DrawerProps) => {
-    drawerProps.value = params;
-    if (drawerProps.value.title == "编辑") {
-        drawerProps.value.row.au_pwd = "";
+/**
+ * 补齐管理员抽屉基础默认值。
+ */
+const applyUserDrawerDefaults = (row: Partial<adminUserList.ResList>, title: string) => {
+    if (title === "编辑") {
+        row.au_pwd = "";
+    } else if (row.au_status == null) {
+        row.au_status = 0;
     }
-    rules.value = generateRules(formColumns.value);
+};
+
+const acceptParams = (params: DrawerProps) => {
+    const row = { ...params.row };
+    applyUserDrawerDefaults(row, params.title);
+    drawerProps.value = {
+        ...params,
+        row
+    };
+    rules.value = generateRules(formColumns());
     drawerVisible.value = true;
 };
 
-// 提交数据（新增/编辑）
 const ruleFormRef = ref<FormInstance>();
 const handleSubmit = () => {
     ruleFormRef.value!.validate(async valid => {
         if (!valid) return;
         try {
             await drawerProps.value.api!(drawerProps.value.row);
-            ElMessage.success({ message: `${drawerProps.value.title}管理员成功！` });
+            ElMessage.success({
+                message: drawerProps.value.successMessage || `${drawerProps.value.title}管理员完成，已刷新列表`
+            });
             drawerProps.value.getTableList!();
             drawerVisible.value = false;
-        } catch (error) {
-            console.log(error);
+        } catch (_error) {
+            return;
         }
     });
 };
diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
index 5b7515d..f60bd8e 100644
--- a/src/views/system/user/index.vue
+++ b/src/views/system/user/index.vue
@@ -1,5 +1,5 @@
-<template>
-    <div class="table-box">
+<template>
+    <div class="table-box">
         <ProTable
             ref="proTable"
             highlight-current-row
@@ -7,109 +7,120 @@
             :request-api="getTableList"
             :data-callback="dataCallback"
         >
-            <!-- 表格 header 按钮 -->
+            <template #empty>
+                <el-empty description="暂无管理员数据" />
+            </template>
             <template #tableHeader>
-                <el-button type="primary" :icon="CirclePlus" @click="openDrawer(true)">新增</el-button>
+                <el-button type="primary" :icon="CirclePlus" @click="openDrawer(true)">新增管理员</el-button>
             </template>
-            <!-- 表格操作 -->
             <template #operation="scope">
-                <el-button type="primary" :icon="EditPen" @click="openDrawer(false, scope.row)">编辑</el-button>
-                <el-button type="danger" :icon="Delete" @click="deleteAccount(scope.row)">删除</el-button>
+                <el-button type="primary" link :icon="EditPen" @click="openDrawer(false, scope.row)">编辑</el-button>
+                <el-button type="danger" link :icon="Delete" @click="deleteAccount(scope.row)">删除</el-button>
             </template>
-        </ProTable>
-        <Drawer ref="drawerRef" />
-    </div>
-</template>
-
-<script setup lang="tsx" name="complexProTable">
-import { reactive, ref } from "vue";
-import { Delete, EditPen, CirclePlus } from "@element-plus/icons-vue";
-import { useHandleData } from "@/hooks/useHandleData";
-import ProTable from "@/components/ProTable/index.vue";
+        </ProTable>
+        <Drawer ref="drawerRef" />
+    </div>
+</template>
+
+<script setup lang="tsx" name="complexProTable">
+import { reactive, ref } from "vue";
+import { Delete, EditPen, CirclePlus } from "@element-plus/icons-vue";
+import { useHandleData } from "@/hooks/useHandleData";
+import ProTable from "@/components/ProTable/index.vue";
 import { ProTableInstance, ColumnProps } from "@/components/ProTable/interface";
 import { adminUserList } from "@/api/interface/system/adminUser";
 import { getAdminUserList, deleteAdminUser, saveAdminUser } from "@/api/modules/system/adminUser";
 import { arrAuStatusSwitch } from "@/utils/serviceDict";
-// import { getRoleMap } from "@/api/modules/system/role";
 import Drawer from "./Drawer.vue";
-
-// ProTable 实例
+
 const proTable = ref<ProTableInstance>();
-
+
 const initParam = reactive({
-    limit: 15,
+    limit: 25,
     page: 1
 });
-
-const getTableList = (params: any) => {
-    let newParams = JSON.parse(JSON.stringify(params));
-    initParam.page = newParams.page;
-    initParam.limit = newParams.limit;
-    return getAdminUserList(newParams);
-};
-
+
+const getTableList = (params: any) => {
+    let newParams = JSON.parse(JSON.stringify(params));
+    initParam.page = newParams.page;
+    initParam.limit = newParams.limit;
+    return getAdminUserList(newParams);
+};
+
 const dataCallback = (data: any) => {
     return {
         items: data.items,
         limit: initParam.limit,
         page: initParam.page,
         total: data.total,
-        total_page: data.total_page
+        total_page: data.total_pages
     };
 };
-
-// 表格配置项
-const columns = reactive<ColumnProps<adminUserList.ResList>[]>([
-    { label: "搜索", search: { el: "input", key: "key" } },
+
+const columns = ref<ColumnProps[]>([
     {
-        prop: "au_name",
-        label: "用户名"
-    },
-    {
-        prop: "au_status",
-        label: "状态",
-        tag: true,
-        enum: arrAuStatusSwitch,
-        render(scope) {
-            return (
-                <el-tag type={scope.row.au_status ? "danger" : "success"}>{scope.row.au_status == 1 ? "禁用" : "启用"}</el-tag>
-            );
+        label: "用户名 / ID",
+        search: {
+            el: "input",
+            key: "key",
+            props: {
+                placeholder: "请输入用户名或 ID"
+            }
         }
     },
-    // { prop: "updated_at", label: "更新时间" },
+    {
+        prop: "au_name",
+        label: "用户名",
+        showOverflowTooltip: true
+    },
+    {
+        prop: "au_status",
+        label: "状态",
+        tag: true,
+        enum: arrAuStatusSwitch,
+        render(scope) {
+            return (
+                <el-tag type={scope.row.au_status ? "danger" : "success"}>{scope.row.au_status == 1 ? "禁用" : "启用"}</el-tag>
+            );
+        }
+    },
     { prop: "created_at", label: "创建时间" },
-    { prop: "operation", label: "操作", fixed: "right", width: 230 }
+    { prop: "operation", label: "操作", fixed: "right", width: 165 }
 ]);
-
-// 删除用户信息
+
 const deleteAccount = async (params: adminUserList.ResList) => {
-    await useHandleData(deleteAdminUser, { au_id: params.au_id.toString() }, `删除【${params.au_name}】管理员`);
+    await useHandleData(
+        deleteAdminUser,
+        { au_id: params.au_id.toString() },
+        `删除管理员【${params.au_name || params.au_id}】`,
+        "管理员删除完成，已刷新列表"
+    );
     proTable.value?.getTableList();
 };
-
-// 打开 drawer(新增、编辑)
+
 const drawerRef = ref<InstanceType<typeof Drawer> | null>(null);
-
-const openDrawer = (isEdit: boolean, row: Partial<adminUserList.ResList> = {}) => {
+
+const openDrawer = (isCreate: boolean, row: Partial<adminUserList.ResList> = {}) => {
     const params = {
-        title: isEdit ? "新增" : "编辑",
+        title: isCreate ? "新增" : "编辑",
         row: { ...row },
         api: saveAdminUser,
-        getTableList: proTable.value?.getTableList
+        getTableList: proTable.value?.getTableList,
+        successMessage: isCreate ? "管理员新增完成，已刷新列表" : "管理员保存完成，已刷新列表"
     };
     drawerRef.value?.acceptParams(params as any);
 };
-</script>
-
-<style lang="scss">
-.el-table .warning-row,
-.el-table .warning-row .el-table-fixed-column--right,
-.el-table .warning-row .el-table-fixed-column--left {
-    background-color: var(--el-color-warning-light-9);
-}
-.el-table .success-row,
-.el-table .success-row .el-table-fixed-column--right,
-.el-table .success-row .el-table-fixed-column--left {
-    background-color: var(--el-color-success-light-9);
-}
-</style>
+</script>
+
+<style lang="scss">
+.el-table .warning-row,
+.el-table .warning-row .el-table-fixed-column--right,
+.el-table .warning-row .el-table-fixed-column--left {
+    background-color: var(--el-color-warning-light-9);
+}
+.el-table .success-row,
+.el-table .success-row .el-table-fixed-column--right,
+.el-table .success-row .el-table-fixed-column--left {
+    background-color: var(--el-color-success-light-9);
+}
+</style>
diff --git a/src/views/system/user/info.vue b/src/views/system/user/info.vue
index aa7a020..d05468d 100644
--- a/src/views/system/user/info.vue
+++ b/src/views/system/user/info.vue
@@ -6,22 +6,9 @@
                 <el-descriptions-item label="名称" label-align="left">
                     <el-tag>{{ InfoData?.au_name }}</el-tag>
                 </el-descriptions-item>
-                <!-- <el-descriptions-item label="角色" label-align="left">
-                    {{ InfoData.admin_role.ar_name }}
-                </el-descriptions-item> -->
                 <el-descriptions-item label="创建时间" label-align="left">
                     <el-tag>{{ InfoData?.created_at }}</el-tag>
                 </el-descriptions-item>
-                <!-- <el-descriptions-item label="所属公司" label-align="left">
-                    {{ InfoData.company.c_name }}
-                </el-descriptions-item>
-                <el-descriptions-item label="公司编码" label-align="left">
-                    {{ InfoData.company.c_code }}
-                </el-descriptions-item>
-                <el-descriptions-item label="是否绑定谷歌令牌" label-align="left">
-                    <el-button type="primary" @click="openDrawer(0)" v-if="InfoData.google_2fa_status == 0">绑定</el-button>
-                    <el-button type="primary" @click="openDrawer(1)" v-if="InfoData.google_2fa_status == 1">解绑</el-button>
-                </el-descriptions-item> -->
             </el-descriptions>
         </div>
 
@@ -36,34 +23,19 @@
             </div>
         </div>
 
-        <!-- <div class="card" >
-            <h4 class="title">拥有权限</h4>
-            <el-descriptions :column="7" border>
-                <el-descriptions-item
-                    v-for="(value, key) in InfoData.admin_role.admin_role_node"
-                    :key="key"
-                    width="50px"
-                    :label="(key += 1)"
-                >
-                    <el-tag type="info">
-                        {{ value.admin_role_node.an_name }}
-                    </el-tag>
-                </el-descriptions-item>
-            </el-descriptions>
-        </div> -->
     </div>
 </template>
 
-<!-- <script setup lang="ts" name="about"> -->
 <script>
 import { defineComponent } from "vue";
 import QRCode from "qrcode";
+import { ElMessage } from "element-plus";
 import { getGoogle2faBindUrl, getGoogle2faUnbind, getGoogle2faBind, userInfo } from "@/api/modules/system/adminUser";
 export default defineComponent({
     data() {
         return {
             boolShowGooLeBind: false,
-            strQCodeUrl: "", // 生成的二维码链接
+            strQCodeUrl: "",
             InfoData: JSON.parse(localStorage.getItem("admin_info_data")),
             gooLeTitle: "解绑",
             gooleKey: "",
@@ -74,56 +46,70 @@ export default defineComponent({
         this.getUserInfo();
     },
     methods: {
-        // 获取二维码
         async generateQRCode(url) {
             try {
-                // 使用qrcode库生成二维码
+
                 const qrCodeDataURL = await QRCode.toDataURL(url);
 
-                // 将生成的二维码链接存储在数据中
+
                 this.strQCodeUrl = qrCodeDataURL;
             } catch (error) {
-                console.error("Error generating QR Code:", error);
+                ElMessage.error("二维码生成失败，请稍后重试");
             }
         },
 
-        // 获取用户信息
         async getUserInfo() {
-            const { data } = await userInfo();
-            this.InfoData = data.admin_user;
-            if (this.InfoData.google_2fa_status == 0) {
-                this.gooLeTitle = "绑定";
-            } else {
-                this.gooLeTitle = "解绑";
+            try {
+                const { data } = await userInfo();
+                this.InfoData = data.admin_user;
+                if (this.InfoData.google_2fa_status == 0) {
+                    this.gooLeTitle = "绑定";
+                } else {
+                    this.gooLeTitle = "解绑";
+                }
+            } catch (error) {
+                ElMessage.error("获取用户信息失败，请稍后重试");
             }
         },
 
-        // 获取谷歌令牌
         async getGoogle2faBindurlFun() {
-            const { data } = await getGoogle2faBindUrl();
-            this.strSecret = data.secret;
-            this.generateQRCode(data.qr_code_url);
+            try {
+                const { data } = await getGoogle2faBindUrl();
+                this.strSecret = data.secret;
+                this.generateQRCode(data.qr_code_url);
+            } catch (error) {
+                ElMessage.error("获取谷歌令牌失败，请稍后重试");
+            }
         },
 
-        // 解绑谷歌令牌
         async Google2faUnbindFun(key) {
-            const res = await getGoogle2faUnbind({ key: key });
-            if (res.code == "000") {
-                this.getUserInfo();
-                this.boolShowGooLeBind = false;
+            try {
+                const res = await getGoogle2faUnbind({ key: key });
+                if (res.code == "000") {
+                    this.getUserInfo();
+                    this.boolShowGooLeBind = false;
+                    return;
+                }
+                ElMessage.error(res.message || "解绑谷歌令牌失败，请稍后重试");
+            } catch (error) {
+                ElMessage.error("解绑谷歌令牌失败，请稍后重试");
             }
         },
 
-        // 绑谷歌令牌
         async Google2faBindFun(key) {
-            const res = await getGoogle2faBind({ secret: this.strSecret, key: key });
-            if (res.code == "000") {
-                this.getUserInfo();
-                this.boolShowGooLeBind = false;
+            try {
+                const res = await getGoogle2faBind({ secret: this.strSecret, key: key });
+                if (res.code == "000") {
+                    this.getUserInfo();
+                    this.boolShowGooLeBind = false;
+                    return;
+                }
+                ElMessage.error(res.message || "绑定谷歌令牌失败，请稍后重试");
+            } catch (error) {
+                ElMessage.error("绑定谷歌令牌失败，请稍后重试");
             }
         },
 
-        // 提交
         submit() {
             if (this.InfoData.google_2fa_status == 1) {
                 this.Google2faUnbindFun(this.gooleKey);
@@ -132,7 +118,6 @@ export default defineComponent({
             }
         },
 
-        // 绑定/解绑
         openDrawer(type) {
             if (type == 0) {
                 this.getGoogle2faBindurlFun();
diff --git a/src/views/tab/drawer.vue b/src/views/tab/drawer.vue
deleted file mode 100644
index 303d71f..0000000
--- a/src/views/tab/drawer.vue
+++ /dev/null
@@ -1,447 +0,0 @@
-<template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="720" :title="`${drawerProps.title}`">
-        <el-form
-            ref="ruleFormRef"
-            label-width="90px"
-            label-suffix=" :"
-            :rules="rules"
-            :disabled="drawerProps.isView"
-            :model="drawerProps.row"
-            :hide-required-asterisk="drawerProps.isView"
-        >
-            <el-form-item label="TAB名称" prop="tab_name">
-                <el-input v-model="drawerProps.row.tab_name" placeholder="请输入TAB名称" clearable />
-            </el-form-item>
-            <el-form-item label="TAB编码" prop="tab_code">
-                <el-input v-model="drawerProps.row.tab_code" placeholder="请输入TAB编码" clearable />
-            </el-form-item>
-            <el-form-item label="TAB排序" prop="tab_order">
-                <el-input v-model="drawerProps.row.tab_order" type="number" placeholder="请输入排序" clearable />
-            </el-form-item>
-            <el-form-item label="默认图标" prop="tab_icon">
-                <el-input v-model="drawerProps.row.tab_icon" placeholder="请输入TAB默认图标" clearable />
-            </el-form-item>
-            <el-form-item label="高亮图标" prop="tab_highlight_icon">
-                <el-input v-model="drawerProps.row.tab_highlight_icon" placeholder="请输入TAB高亮图标" clearable />
-            </el-form-item>
-            <el-form-item label="标签启用" prop="tab_tag_status">
-                <el-switch
-                    v-model="drawerProps.row.tab_tag_status"
-                    :active-value="`${1}`"
-                    :inactive-value="`${0}`"
-                    active-text="开启"
-                    inactive-text="关闭"
-                />
-            </el-form-item>
-            <el-form-item label="标签类型" prop="tab_tag_type">
-                <el-select
-                    filterable
-                    v-model="drawerProps.row.tab_tag_type"
-                    :placeholder="`请选择标签类型`"
-                    clearable
-                    @change="changeBoTaFum"
-                >
-                    <el-option v-for="item in arrResourcesType" :key="item.value" :label="item.label" :value="item.value" />
-                </el-select>
-            </el-form-item>
-            <div v-if="drawerProps.row.tab_tag_type != null">
-                <el-form-item label="标签" prop="tab_tag">
-                    <div class="tag-more-s">
-                        <el-input
-                            v-model="drawerProps.row.searchText"
-                            placeholder="请输入搜索内容"
-                            clearable
-                            @input="handleSearch"
-                        />
-                        <div>
-                            <span>选中标签:</span>
-                            <div class="tag-more-h">
-                                <el-checkbox-group v-model="TagList" @change="placeableCheckedCitiesChange">
-                                    <el-checkbox-button
-                                        class="vip-power"
-                                        v-for="item in matchingObjects"
-                                        :value="item.t_id"
-                                        :key="item.t_id"
-                                    >
-                                        {{ item.t_name }}{{ item.t_id }}
-                                    </el-checkbox-button>
-                                </el-checkbox-group>
-                            </div>
-                        </div>
-                        <div>
-                            <span>未选中标签:</span>
-                            <div class="tag-more-h">
-                                <el-checkbox-group v-model="TagList" @change="placeableCheckedCitiesChange">
-                                    <el-checkbox-button
-                                        class="vip-power"
-                                        v-for="item in nonMatchingObjects"
-                                        :value="item.t_id"
-                                        :key="item.t_id"
-                                    >
-                                        {{ item.t_name }}{{ item.t_id }}
-                                    </el-checkbox-button>
-                                </el-checkbox-group>
-                            </div>
-                        </div>
-                    </div>
-                </el-form-item>
-            </div>
-        </el-form>
-        <template #footer>
-            <el-button @click="drawerVisible = false">取消</el-button>
-            <el-button v-show="!drawerProps.isView" type="primary" @click="handleSubmit">确定</el-button>
-        </template>
-    </el-drawer>
-</template>
-
-<script setup lang="ts" name="UserDrawer">
-import { ref, computed, reactive } from "vue";
-import { ElMessage, FormInstance } from "element-plus";
-import { TabList } from "@/api/interface/tab/list";
-import { arrResourcesType } from "@/utils/serviceDict";
-import { getAllTypeList } from "@/api/modules/tag/list";
-type Options = {
-    label: string;
-    value: string | number;
-};
-interface Item {
-    t_id: any;
-}
-
-function filteredTagList() {
-    if (drawerProps.value.row!.searchText.length > 0) {
-        let arrData = arrTagList.value.filter(tag =>
-            tag.t_name.toLowerCase().includes(drawerProps.value.row!.searchText.toLowerCase())
-        );
-        if (arrData.length > 0) {
-            matchingObjects.value = matchingObjects.value.filter(objA => arrData.some(objB => objB.t_id === objA.t_id));
-            nonMatchingObjects.value = nonMatchingObjects.value.filter(objA => arrData.some(objB => objB.t_id === objA.t_id));
-        } else {
-            matchingObjects.value = [];
-            nonMatchingObjects.value = [];
-        }
-    } else {
-        matchingObjects.value = matchingObjectsA.value;
-        nonMatchingObjects.value = nonMatchingObjectsB.value;
-    }
-}
-
-// 处理搜索事件
-function handleSearch() {
-    // 在输入事件中实时更新过滤后的标签列表
-    filteredTagList();
-}
-
-//标签数组
-async function placeableCheckedCitiesChange(value) {
-    matchingObjects.value = [];
-    matchingObjectsA.value = [];
-    drawerProps.value.row.tab_tag = value;
-    // 遍历第一个数组的每个元素
-    TagList.value.forEach(index => {
-        // 遍历第二个数组的每个元素
-        arrNewTagList.value.forEach(obj => {
-            // 如果第二个数组中的元素的t_id与第一个数组中的元素相同，则将其添加到新数组中
-            if (obj.t_id === index) {
-                matchingObjects.value = [...matchingObjects.value, obj];
-                matchingObjectsA.value = [...matchingObjectsA.value, obj];
-                const matchingIds = matchingObjectsA.value.map(obj => obj.t_id);
-                TagList.value = matchingIds;
-            }
-        });
-    });
-    nonMatchingObjects.value = arrNewTagList.value.filter(obj => !TagList.value.includes(obj.t_id));
-    nonMatchingObjectsB.value = arrNewTagList.value.filter(obj => !TagList.value.includes(obj.t_id));
-}
-// const getField = (item: any, fieldName: string | undefined) => {
-//     return fieldName ? item[fieldName] : "";
-// };
-type Fields = {
-    label: string;
-    prop: string;
-    type: string;
-    value: any;
-    required: boolean;
-    options?: Options[];
-    fieldNames?: { label: string; value: string };
-};
-const generateRules = (fields: Fields[]) => {
-    return fields.reduce(
-        (acc, field) => {
-            const { type, required, label, prop } = field;
-            let message = "";
-            if (type === "select") {
-                message = `请选择${label}`;
-            }
-            if (type === "text") {
-                message = `请输入${label}`;
-            }
-            if (type === "text-num") {
-                message = `请输入${label}`;
-            }
-            acc[prop] = [{ required, message }];
-            return acc;
-        },
-        {} as Record<string, any>
-    );
-};
-
-const formColumns = computed((): Fields[] => {
-    let newColumns = [] as any;
-    let columns = [
-        {
-            label: "名称",
-            prop: "tab_name",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.tab_name;
-            },
-            set value(val) {
-                drawerProps.value.row!.tab_name = val;
-            },
-            required: true
-        },
-        {
-            label: "编码",
-            prop: "tab_code",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.tab_code;
-            },
-            set value(val) {
-                drawerProps.value.row!.tab_code = val;
-            },
-            required: true
-        },
-        {
-            label: "排序",
-            prop: "tab_order",
-            type: "text-num",
-            get value() {
-                return drawerProps.value.row!.tab_order;
-            },
-            set value(val) {
-                drawerProps.value.row!.tab_order = val;
-            },
-            required: true
-        },
-
-        {
-            label: "是否开启标签",
-            prop: "tab_tag_status",
-            type: "switch-o",
-            get value() {
-                return String(drawerProps.value.row!.tab_tag_status);
-            },
-            set value(val) {
-                drawerProps.value.row!.tab_tag_status = val;
-            },
-            required: true
-        },
-        {
-            label: "TAB默认图标",
-            prop: "tab_icon",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.tab_icon;
-            },
-            set value(val) {
-                drawerProps.value.row!.tab_icon = val;
-            },
-            required: true
-        },
-        {
-            label: "TAB高亮图标",
-            prop: "tab_highlight_icon",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.tab_highlight_icon;
-            },
-            set value(val) {
-                drawerProps.value.row!.tab_highlight_icon = val;
-            },
-            required: true
-        },
-        {
-            label: "标签类型",
-            prop: "tab_tag_type",
-            type: "select",
-            get value() {
-                return drawerProps.value.row!.tab_tag_type;
-            },
-            set value(val) {
-                drawerProps.value.row!.tab_tag_type = val;
-            },
-            options: arrResourcesType,
-            fieldNames: { label: "label", value: "value" },
-            required: true
-        }
-    ];
-    newColumns = [...columns];
-    if (drawerProps.value.row!.tab_tag_type != undefined) {
-        let columnsSon2 = [
-            {
-                label: "标签",
-                prop: "tab_tag",
-                type: "tag",
-                get value() {
-                    return drawerProps.value.row!.tab_tag;
-                },
-                set value(val) {
-                    drawerProps.value.row!.tab_tag = val;
-                },
-                options: arrTagList.value,
-                fieldNames: { label: "label", value: "value" },
-                required: true
-            }
-        ];
-        newColumns.splice(7, 0, ...columnsSon2);
-    }
-
-    return newColumns;
-});
-const rules = ref();
-
-interface DrawerProps {
-    title: string;
-    isView: boolean;
-    row: Partial<TabList.ResList>;
-    api?: (params: any) => Promise<any>;
-    getTableList?: () => void;
-}
-
-const drawerVisible = ref(false);
-const drawerProps = ref<DrawerProps>({
-    isView: false,
-    title: "",
-    row: {}
-});
-
-const arrTagList = ref([] as any);
-const arrNewTagList = ref([] as any);
-const matchingObjects = ref([] as any); //选中相同
-const nonMatchingObjects = ref([] as any); //没有选中的
-const matchingObjectsA = ref([] as any); //选中相同
-const nonMatchingObjectsB = ref([] as any); //没有选中的
-const TagList = ref([] as any);
-let intT_type = 0;
-//标签类型选择
-async function changeBoTaFum(val) {
-    if (val === undefined) {
-        return false;
-    }
-    intT_type = val;
-    arrTagList.value = [];
-    TagList.value = [];
-    drawerProps.value.row.tab_tag = [];
-    nonMatchingObjects.value = [];
-    matchingObjects.value = [];
-    matchingObjectsA.value = [];
-    getTagList();
-}
-
-const getTagList = async () => {
-    try {
-        const initParam = reactive({
-            t_type: intT_type,
-            limit: 3650,
-            page: 1,
-            t_hidden: 1
-        });
-        const siteRes = await getAllTypeList(initParam);
-        arrTagList.value = siteRes.data.item;
-        arrNewTagList.value = siteRes.data.item;
-        matchingObjects.value = [];
-        matchingObjectsA.value = [];
-        // 遍历第一个数组的每个元素
-        TagList.value.forEach(index => {
-            // 遍历第二个数组的每个元素
-            arrNewTagList.value.forEach(obj => {
-                // 如果第二个数组中的元素的t_id与第一个数组中的元素相同，则将其添加到新数组中
-                if (obj.t_id === index) {
-                    matchingObjects.value = [...matchingObjects.value, obj];
-                    matchingObjectsA.value = [...matchingObjectsA.value, obj];
-                    const matchingIds = matchingObjectsA.value.map(obj => obj.t_id);
-                    TagList.value = matchingIds;
-                }
-            });
-        });
-        // 创建一个新数组，包含objectArray中id不存在于arrayA的元素
-        nonMatchingObjects.value = arrNewTagList.value.filter(obj => !TagList.value.includes(obj.t_id));
-        nonMatchingObjectsB.value = arrNewTagList.value.filter(obj => !TagList.value.includes(obj.t_id));
-    } catch (error) {
-        console.log(error);
-    }
-};
-
-// 接收父组件传过来的参数
-const acceptParams = (params: DrawerProps) => {
-    drawerProps.value = params;
-    rules.value = generateRules(formColumns.value);
-    drawerVisible.value = true;
-    TagList.value = [];
-    matchingObjects.value = [];
-    nonMatchingObjects.value = [];
-    // drawerProps.value.row.tab_tag = [
-    //     { t_id: 13, t_name: "666" },
-    //     { t_id: 16, t_name: "666" },
-    //     { t_id: 14, t_name: "666" },
-    //     { t_id: 20, t_name: "666" },
-    //     { t_id: 60, t_name: "666" },
-    //     { t_id: 5, t_name: "666" },
-    //     { t_id: 3, t_name: "666" },
-    //     { t_id: 4, t_name: "666" }
-    // ];
-    if (drawerProps.value.row.tab_tag) {
-        TagList.value = drawerProps.value.row.tab_tag.map((obj: Item) => obj.t_id);
-    }
-    if (drawerProps.value.title === "编辑TAB") {
-        drawerProps.value.row.tab_tag_status = String(drawerProps.value.row.tab_tag_status);
-        intT_type = drawerProps.value.row.tab_tag_type;
-        getTagList();
-    }
-};
-
-// 提交数据（新增/编辑）
-const ruleFormRef = ref<FormInstance>();
-const handleSubmit = () => {
-    if (drawerProps.value.row.tab_tag?.length == 0) {
-        ElMessage.warning({ message: `请选择标签！` });
-        return;
-    }
-    ruleFormRef.value!.validate(async valid => {
-        if (!valid) return;
-        try {
-            const params = { ...drawerProps.value.row };
-            params.tab_tag = TagList.value;
-            await drawerProps.value.api!(params);
-            ElMessage.success({ message: `${drawerProps.value.title}成功！` });
-            drawerProps.value.getTableList!();
-            drawerVisible.value = false;
-        } catch (error) {
-            console.log(error);
-        }
-    });
-};
-
-defineExpose({
-    acceptParams
-});
-</script>
-
-<style lang="scss">
-.el-checkbox-button__inner {
-    margin-right: 10px;
-    margin-bottom: 10px;
-    border-left-color: #dcdfe6 !important;
-}
-.tag-more-h {
-    margin-bottom: 10px;
-}
-.tag-more-s {
-    width: 100%;
-    padding: 10px;
-    border: 1px solid black;
-    box-shadow: 0 0 4px 2px rgb(0 0 0 / 90%);
-}
-</style>
diff --git a/src/views/tab/index.vue b/src/views/tab/index.vue
index b4d124c..9a40a0b 100644
--- a/src/views/tab/index.vue
+++ b/src/views/tab/index.vue
@@ -1,187 +1,31 @@
 <template>
-    <div class="table-box">
-        <ProTable ref="proTable" highlight-current-row :columns="columns" :request-api="getList">
-            <!-- 表格 header 按钮 -->
-            <template #tableHeader="scope">
-                <el-button type="primary" :icon="CirclePlus" @click="openDrawer(true)">新增</el-button>
-                <el-button
-                    type="danger"
-                    :icon="Delete"
-                    plain
-                    :disabled="!scope.isSelected"
-                    @click="batchDelete(scope.selectedList)"
-                >
-                    批量删除TAB
-                </el-button>
-            </template>
-            <!-- 表格操作 -->
-            <template #operation="scope">
-                <el-button type="primary" :icon="EditPen" @click="openDrawer(false, scope.row)">编辑</el-button>
-                <el-button type="danger" :icon="Delete" @click="deleteAccount(scope.row)">删除</el-button>
-            </template>
-        </ProTable>
-        <Drawer ref="drawerRef" />
+    <div class="module-unavailable">
+        <el-alert
+            title="TAB 管理模块未部署到当前 Linux 测试服"
+            type="warning"
+            :closable="false"
+            show-icon
+        />
+        <el-card class="module-unavailable__card" shadow="never">
+            <p>当前 TAB 页依赖旧 `/admin/tab/*` 接口，测试服会直接返回 `controller not exists: app\\admin\\controller\\Admin`。</p>
+            <p>本页先收为说明态，避免继续暴露 TAB 列表、编辑、删除这些历史残留能力。</p>
+            <p>如果后续补齐 TAB 管理后端，再恢复当前列表页和抽屉。</p>
+        </el-card>
     </div>
 </template>
 
-<script setup lang="tsx" name="complexProTable">
-import { reactive, ref } from "vue";
-import { TabList } from "@/api/interface/tab/list";
-import { useHandleData } from "@/hooks/useHandleData";
-import ProTable from "@/components/ProTable/index.vue";
-import { Delete, EditPen, CirclePlus } from "@element-plus/icons-vue";
-import { ProTableInstance, ColumnProps } from "@/components/ProTable/interface";
-import { getList, saveData, deleteItem } from "@/api/modules/tab/list";
-import Drawer from "./drawer.vue";
-import { arrResourcesType } from "@/utils/serviceDict";
-// ProTable 实例
-const proTable = ref<ProTableInstance>();
-
-// 表格配置项
-const columns = reactive<ColumnProps<TabList.ResList>[]>([
-    { type: "selection", fixed: "left", width: 50 },
-    {
-        prop: "tab_id",
-        label: "ID",
-        width: 100
-    },
-    {
-        prop: "tab_name",
-        label: "TAB名称"
-    },
-    {
-        prop: "tab_code",
-        label: "TAB编码",
-        width: 180
-    },
-    {
-        prop: "tab_tag_status",
-        label: "标签启用",
-        render(scope) {
-            return (
-                <el-tag type={scope.row.tab_tag_status === 0 ? "danger" : "success"}>
-                    {scope.row.tab_tag_status === 0 ? "关闭" : "开启"}
-                </el-tag>
-            );
-        }
-    },
-    {
-        prop: "tab_tag_type",
-        label: "标签类型",
-        enum: arrResourcesType
-    },
-    {
-        prop: "tab_tag_detail",
-        label: "标签",
-        width: 250,
-        render(scope) {
-            if (scope.row.tab_tag_detail) {
-                return <span>{scope.row.tab_tag_detail.join(", ")}</span>;
-            }
-        }
-    },
-    {
-        prop: "tab_icon",
-        label: "默认图标",
-        width: 200,
-        render(scope) {
-            if (scope.row.tab_icon) {
-                if (scope.row.tab_icon.indexOf("http") != -1) {
-                    const data = scope.row.tab_icon;
-                    //循环数组对某个对象key重新赋值
-                    const modifiedArray = [] as any;
-                    modifiedArray.push(data);
-                    return (
-                        <el-image
-                            style="width: 98%; height: 30px;display: flex;align-items: center;"
-                            src={modifiedArray[0]}
-                            preview-src-list={modifiedArray}
-                            hide-on-click-modal={true}
-                            z-index={999999999}
-                            preview-teleported={true}
-                            fit="fill"
-                        />
-                    );
-                } else {
-                    return scope.row.tab_icon;
-                }
-            }
-        }
-    },
-    {
-        prop: "tab_highlight_icon",
-        label: "高亮图标",
-        width: 200,
-        render(scope) {
-            if (scope.row.tab_highlight_icon) {
-                if (scope.row.tab_highlight_icon.indexOf("http") != -1) {
-                    const data = scope.row.tab_highlight_icon;
-                    //循环数组对某个对象key重新赋值
-                    const modifiedArray = [] as any;
-                    modifiedArray.push(data);
-                    return (
-                        <el-image
-                            style="width: 98%; height: 30px;display: flex;align-items: center;"
-                            src={modifiedArray[0]}
-                            preview-src-list={modifiedArray}
-                            hide-on-click-modal={true}
-                            z-index={999999999}
-                            preview-teleported={true}
-                            fit="fill"
-                        />
-                    );
-                } else {
-                    return scope.row.tab_highlight_icon;
-                }
-            }
-        }
-    },
-
-    {
-        prop: "tab_order",
-        label: "排序"
-    },
-
-    { prop: "created_at", label: "添加时间", width: 170 },
-    { prop: "operation", label: "操作", fixed: "right", width: 230 }
-]);
-
-// 删除TAB信息
-const deleteAccount = async (params: TabList.ResList) => {
-    await useHandleData(deleteItem, { tab_id: params.tab_id }, "删除所选信息");
-    proTable.value?.getTableList();
-};
-
-// 批量删除TAB信息
-const batchDelete = async (id: any[]) => {
-    const ids = id.map((item: TabList.ResList) => item.tab_id);
-    await useHandleData(deleteItem, { tab_id: ids.join(",") }, "删除所选信息");
-    proTable.value?.clearSelection();
-    proTable.value?.getTableList();
-};
-// 打开 drawer(新增、编辑)
-const drawerRef = ref<InstanceType<typeof Drawer> | null>(null);
-
-const openDrawer = (isEdit: boolean, row: Partial<TabList.ResList> = {}) => {
-    const params = {
-        title: isEdit ? "新增TAB" : "编辑TAB",
-        row: { ...row },
-        api: saveData,
-        getTableList: proTable.value?.getTableList
-    };
-    drawerRef.value?.acceptParams(params as any);
-};
-</script>
-
-<style lang="scss">
-.el-table .warning-row,
-.el-table .warning-row .el-table-fixed-column--right,
-.el-table .warning-row .el-table-fixed-column--left {
-    background-color: var(--el-color-warning-light-9);
+<style scoped lang="scss">
+.module-unavailable {
+    display: grid;
+    gap: 16px;
 }
-.el-table .success-row,
-.el-table .success-row .el-table-fixed-column--right,
-.el-table .success-row .el-table-fixed-column--left {
-    background-color: var(--el-color-success-light-9);
+
+.module-unavailable__card {
+    color: var(--el-text-color-regular);
+    line-height: 1.8;
+}
+
+.module-unavailable__card p {
+    margin: 0;
 }
 </style>
diff --git a/src/views/tag/atlasTag/drawer.vue b/src/views/tag/atlasTag/drawer.vue
deleted file mode 100644
index 57d4863..0000000
--- a/src/views/tag/atlasTag/drawer.vue
+++ /dev/null
@@ -1,203 +0,0 @@
-<template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="720" :title="`${drawerProps.title}`">
-        <el-form
-            ref="ruleFormRef"
-            label-width="60px"
-            label-suffix=" :"
-            :rules="rules"
-            :disabled="drawerProps.isView"
-            :model="drawerProps.row"
-            :hide-required-asterisk="drawerProps.isView"
-        >
-            <el-form-item v-for="e in formColumns" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
-                <template v-if="e.type === 'switch'">
-                    <el-switch
-                        v-model="e.value"
-                        :active-value="`${1}`"
-                        :inactive-value="`${0}`"
-                        active-text="开启"
-                        inactive-text="关闭"
-                    />
-                </template>
-                <template v-if="e.type === 'radio'">
-                    <el-radio-group v-model="e.value" class="ml-4">
-                        <el-radio v-for="item in e.options" :key="item.value" :label="item.value" size="large">{{
-                            item.label
-                        }}</el-radio>
-                    </el-radio-group>
-                </template>
-                <template v-if="e.type === 'select'">
-                    <el-select filterable v-model="e.value" :placeholder="`请选择${e.label}`" clearable>
-                        <el-option
-                            v-for="(item, index) in e.options"
-                            :key="index"
-                            :label="getField(item, e.fieldNames?.label)"
-                            :value="getField(item, e.fieldNames?.value)"
-                        />
-                    </el-select>
-                </template>
-                <template v-if="e.type === 'text'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'text-num'">
-                    <el-input v-model="e.value" type="number" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'textarea'">
-                    <el-input
-                        type="textarea"
-                        v-model="e.value"
-                        maxlength="3650"
-                        :placeholder="`请输入${e.label}`"
-                        show-word-limit
-                    />
-                </template>
-            </el-form-item>
-        </el-form>
-        <template #footer>
-            <el-button @click="drawerVisible = false">取消</el-button>
-            <el-button v-show="!drawerProps.isView" type="primary" @click="handleSubmit">确定</el-button>
-        </template>
-    </el-drawer>
-</template>
-
-<script setup lang="ts" name="UserDrawer">
-import { ref, computed } from "vue";
-import { ElMessage, FormInstance } from "element-plus";
-import { TagList } from "@/api/interface/tag/list";
-
-type Options = {
-    label: string;
-    value: string | number;
-};
-
-const getField = (item: any, fieldName: string | undefined) => {
-    return fieldName ? item[fieldName] : "";
-};
-type Fields = {
-    label: string;
-    prop: string;
-    type: string;
-    value: any;
-    required: boolean;
-    options?: Options[];
-    fieldNames?: { label: string; value: string };
-};
-const generateRules = (fields: Fields[]) => {
-    return fields.reduce(
-        (acc, field) => {
-            const { type, required, label, prop } = field;
-            let message = "";
-            if (type === "select") {
-                message = `请选择${label}`;
-            }
-            if (type === "text") {
-                message = `请输入${label}`;
-            }
-            if (type === "text-num") {
-                message = `请输入${label}`;
-            }
-            acc[prop] = [{ required, message }];
-            return acc;
-        },
-        {} as Record<string, any>
-    );
-};
-
-const formColumns = computed((): Fields[] => {
-    return [
-        {
-            label: "名称",
-            prop: "t_name",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.t_name;
-            },
-            set value(val) {
-                drawerProps.value.row!.t_name = val;
-            },
-            required: true
-        },
-
-        {
-            label: "状态",
-            prop: "t_hidden",
-            type: "switch",
-            get value() {
-                return String(drawerProps.value.row!.t_hidden);
-            },
-            set value(val) {
-                drawerProps.value.row!.t_hidden = val;
-            },
-            required: true
-        },
-        {
-            label: "ICON",
-            prop: "t_logo",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.t_logo;
-            },
-            set value(val) {
-                drawerProps.value.row!.t_logo = val;
-            },
-            required: false
-        },
-        {
-            label: "排序",
-            prop: "t_order",
-            type: "text-num",
-            get value() {
-                return drawerProps.value.row!.t_order;
-            },
-            set value(val) {
-                drawerProps.value.row!.t_order = val;
-            },
-            required: true
-        }
-    ];
-});
-const rules = ref();
-
-interface DrawerProps {
-    title: string;
-    isView: boolean;
-    row: Partial<TagList.ResList>;
-    api?: (params: any) => Promise<any>;
-    getTableList?: () => void;
-}
-
-const drawerVisible = ref(false);
-const drawerProps = ref<DrawerProps>({
-    isView: false,
-    title: "",
-    row: {}
-});
-
-// 接收父组件传过来的参数
-const acceptParams = (params: DrawerProps) => {
-    drawerProps.value = params;
-    rules.value = generateRules(formColumns.value);
-    drawerVisible.value = true;
-};
-
-// 提交数据（新增/编辑）
-const ruleFormRef = ref<FormInstance>();
-const handleSubmit = () => {
-    ruleFormRef.value!.validate(async valid => {
-        if (!valid) return;
-        try {
-            drawerProps.value.row!.t_type = 2;
-            await drawerProps.value.api!(drawerProps.value.row);
-            ElMessage.success({ message: `${drawerProps.value.title}成功！` });
-            drawerProps.value.getTableList!();
-            drawerVisible.value = false;
-        } catch (error) {
-            console.log(error);
-        }
-    });
-};
-
-defineExpose({
-    acceptParams
-});
-</script>
diff --git a/src/views/tag/atlasTag/index.vue b/src/views/tag/atlasTag/index.vue
index 49c77b0..88b0aac 100644
--- a/src/views/tag/atlasTag/index.vue
+++ b/src/views/tag/atlasTag/index.vue
@@ -1,177 +1,31 @@
 <template>
-    <div class="table-box">
-        <ProTable
-            ref="proTable"
-            highlight-current-row
-            :columns="columns"
-            :init-param="initParam"
-            :data-callback="dataCallback"
-            :request-api="getTableList"
-        >
-            <!-- 表格 header 按钮 -->
-            <template #tableHeader="scope">
-                <el-button type="primary" :icon="CirclePlus" @click="openDrawer(true)">新增</el-button>
-                <el-button
-                    type="danger"
-                    :icon="Delete"
-                    plain
-                    :disabled="!scope.isSelected"
-                    @click="batchDelete(scope.selectedList)"
-                >
-                    批量删除标签
-                </el-button>
-            </template>
-            <!-- 表格操作 -->
-            <template #operation="scope">
-                <el-button type="primary" :icon="EditPen" @click="openDrawer(false, scope.row)">编辑</el-button>
-                <el-button type="danger" :icon="Delete" @click="deleteAccount(scope.row)">删除</el-button>
-            </template>
-        </ProTable>
-        <Drawer ref="drawerRef" />
+    <div class="module-unavailable">
+        <el-alert
+            title="图册标签模块未部署到当前 Linux 测试服"
+            type="warning"
+            :closable="false"
+            show-icon
+        />
+        <el-card class="module-unavailable__card" shadow="never">
+            <p>当前后端未提供 `tag` 控制器，图册标签列表、编辑、删除接口都会直接失败。</p>
+            <p>本页先保留为说明态，避免菜单点进来后出现误导性的接口报错。</p>
+            <p>如果测试服后续补齐标签模块，再恢复当前表格页即可。</p>
+        </el-card>
     </div>
 </template>
 
-<script setup lang="tsx" name="complexProTable">
-import { reactive, ref } from "vue";
-import { TagList } from "@/api/interface/tag/list";
-import { useHandleData } from "@/hooks/useHandleData";
-import ProTable from "@/components/ProTable/index.vue";
-import { Delete, EditPen, CirclePlus } from "@element-plus/icons-vue";
-import { ProTableInstance, ColumnProps } from "@/components/ProTable/interface";
-import { getList, saveData, deleteItem } from "@/api/modules/tag/list";
-import Drawer from "./drawer.vue";
-import { arrResourcesType } from "@/utils/serviceDict";
-import { arrPlanSwitch } from "@/utils/serviceDict";
-// ProTable 实例
-const proTable = ref<ProTableInstance>();
-
-// 如果表格需要初始化请求参数，直接定义传给 ProTable(之后每次请求都会自动带上该参数，此参数更改之后也会一直带上，改变此参数会自动刷新表格数据)
-const initParam = reactive({
-    limit: 15,
-    page: 1,
-    t_type: 2
-});
-// dataCallback 是对于返回的表格数据做处理，如果你后台返回的数据不是 list && total && page && limit 这些字段，那么你可以在这里进行处理成这些字段
-// 或者直接去 hooks/useTable.ts 文件中把字段改为你后端对应的就行
-const dataCallback = (data: any) => {
-    return {
-        item: data.item,
-        total: data.total,
-        total_page: data.total_page,
-        page: data.page,
-        limit: data.limit
-    };
-};
-const getTableList = (params: any) => {
-    let newParams = JSON.parse(JSON.stringify(params));
-    return getList(newParams);
-};
-
-// 表格配置项
-const columns = reactive<ColumnProps<TagList.ResList>[]>([
-    { type: "selection", fixed: "left", width: 50 },
-    {
-        prop: "key",
-        label: "搜索内容",
-        isShow: false,
-        search: {
-            el: "input"
-        }
-    },
-    {
-        prop: "t_id",
-        label: "ID",
-        width: 100
-    },
-    {
-        prop: "t_name",
-        label: "名称"
-    },
-
-    {
-        prop: "t_hidden",
-        label: "状态",
-        search: { el: "select", props: { filterable: true } },
-        enum: arrPlanSwitch,
-        render(scope) {
-            return (
-                <el-tag type={scope.row.t_hidden === 0 ? "danger" : "success"}>
-                    {scope.row.t_hidden === 0 ? "关闭" : "开启"}
-                </el-tag>
-            );
-        }
-    },
-    {
-        prop: "t_type",
-        label: "类型",
-        enum: arrResourcesType
-    },
-    {
-        prop: "t_logo",
-        label: "ICON",
-        render(scope) {
-            if (scope.row.t_logo) {
-                const data = scope.row.t_logo;
-                const modifiedArray = [] as any;
-                modifiedArray.push(data);
-                return (
-                    <el-image
-                        style="width: 98%; height: 30px;display: flex;align-items: center;"
-                        src={modifiedArray[0]}
-                        preview-src-list={modifiedArray}
-                        hide-on-click-modal={true}
-                        z-index={999999999}
-                        preview-teleported={true}
-                        fit="fill"
-                    />
-                );
-            }
-        }
-    },
-    {
-        prop: "t_order",
-        label: "排序"
-    },
-    { prop: "created_at", label: "添加时间" },
-    { prop: "operation", label: "操作", fixed: "right", width: 230 }
-]);
-
-// 删除标签信息
-const deleteAccount = async (params: TagList.ResList) => {
-    await useHandleData(deleteItem, { t_id: params.t_id }, "删除所选信息");
-    proTable.value?.getTableList();
-};
-
-// 批量删除标签信息
-const batchDelete = async (id: any[]) => {
-    const ids = id.map((item: TagList.ResList) => item.t_id);
-    await useHandleData(deleteItem, { t_id: ids.join(",") }, "删除所选信息");
-    proTable.value?.clearSelection();
-    proTable.value?.getTableList();
-};
-// 打开 drawer(新增、编辑)
-const drawerRef = ref<InstanceType<typeof Drawer> | null>(null);
-
-const openDrawer = (isEdit: boolean, row: Partial<TagList.ResList> = {}) => {
-    const params = {
-        title: isEdit ? "新增标签" : "编辑标签",
-        row: { ...row },
-        api: saveData,
-        getTableList: proTable.value?.getTableList
-    };
-    drawerRef.value?.acceptParams(params as any);
-};
-</script>
-
-<style lang="scss">
-.el-table .warning-row,
-.el-table .warning-row .el-table-fixed-column--right,
-.el-table .warning-row .el-table-fixed-column--left {
-    background-color: var(--el-color-warning-light-9);
+<style scoped lang="scss">
+.module-unavailable {
+    display: grid;
+    gap: 16px;
 }
-.el-table .success-row,
-.el-table .success-row .el-table-fixed-column--right,
-.el-table .success-row .el-table-fixed-column--left {
-    background-color: var(--el-color-success-light-9);
+
+.module-unavailable__card {
+    color: var(--el-text-color-regular);
+    line-height: 1.8;
+}
+
+.module-unavailable__card p {
+    margin: 0;
 }
 </style>
diff --git a/src/views/tag/mangaTag/drawer.vue b/src/views/tag/mangaTag/drawer.vue
deleted file mode 100644
index 86b0f77..0000000
--- a/src/views/tag/mangaTag/drawer.vue
+++ /dev/null
@@ -1,203 +0,0 @@
-<template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="720" :title="`${drawerProps.title}`">
-        <el-form
-            ref="ruleFormRef"
-            label-width="60px"
-            label-suffix=" :"
-            :rules="rules"
-            :disabled="drawerProps.isView"
-            :model="drawerProps.row"
-            :hide-required-asterisk="drawerProps.isView"
-        >
-            <el-form-item v-for="e in formColumns" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
-                <template v-if="e.type === 'switch'">
-                    <el-switch
-                        v-model="e.value"
-                        :active-value="`${1}`"
-                        :inactive-value="`${0}`"
-                        active-text="开启"
-                        inactive-text="关闭"
-                    />
-                </template>
-                <template v-if="e.type === 'radio'">
-                    <el-radio-group v-model="e.value" class="ml-4">
-                        <el-radio v-for="item in e.options" :key="item.value" :label="item.value" size="large">{{
-                            item.label
-                        }}</el-radio>
-                    </el-radio-group>
-                </template>
-                <template v-if="e.type === 'select'">
-                    <el-select filterable v-model="e.value" :placeholder="`请选择${e.label}`" clearable>
-                        <el-option
-                            v-for="(item, index) in e.options"
-                            :key="index"
-                            :label="getField(item, e.fieldNames?.label)"
-                            :value="getField(item, e.fieldNames?.value)"
-                        />
-                    </el-select>
-                </template>
-                <template v-if="e.type === 'text'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'text-num'">
-                    <el-input v-model="e.value" type="number" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'textarea'">
-                    <el-input
-                        type="textarea"
-                        v-model="e.value"
-                        maxlength="3650"
-                        :placeholder="`请输入${e.label}`"
-                        show-word-limit
-                    />
-                </template>
-            </el-form-item>
-        </el-form>
-        <template #footer>
-            <el-button @click="drawerVisible = false">取消</el-button>
-            <el-button v-show="!drawerProps.isView" type="primary" @click="handleSubmit">确定</el-button>
-        </template>
-    </el-drawer>
-</template>
-
-<script setup lang="ts" name="UserDrawer">
-import { ref, computed } from "vue";
-import { ElMessage, FormInstance } from "element-plus";
-import { TagList } from "@/api/interface/tag/list";
-
-type Options = {
-    label: string;
-    value: string | number;
-};
-
-const getField = (item: any, fieldName: string | undefined) => {
-    return fieldName ? item[fieldName] : "";
-};
-type Fields = {
-    label: string;
-    prop: string;
-    type: string;
-    value: any;
-    required: boolean;
-    options?: Options[];
-    fieldNames?: { label: string; value: string };
-};
-const generateRules = (fields: Fields[]) => {
-    return fields.reduce(
-        (acc, field) => {
-            const { type, required, label, prop } = field;
-            let message = "";
-            if (type === "select") {
-                message = `请选择${label}`;
-            }
-            if (type === "text") {
-                message = `请输入${label}`;
-            }
-            if (type === "text-num") {
-                message = `请输入${label}`;
-            }
-            acc[prop] = [{ required, message }];
-            return acc;
-        },
-        {} as Record<string, any>
-    );
-};
-
-const formColumns = computed((): Fields[] => {
-    return [
-        {
-            label: "名称",
-            prop: "t_name",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.t_name;
-            },
-            set value(val) {
-                drawerProps.value.row!.t_name = val;
-            },
-            required: true
-        },
-
-        {
-            label: "状态",
-            prop: "t_hidden",
-            type: "switch",
-            get value() {
-                return String(drawerProps.value.row!.t_hidden);
-            },
-            set value(val) {
-                drawerProps.value.row!.t_hidden = val;
-            },
-            required: true
-        },
-        {
-            label: "ICON",
-            prop: "t_logo",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.t_logo;
-            },
-            set value(val) {
-                drawerProps.value.row!.t_logo = val;
-            },
-            required: false
-        },
-        {
-            label: "排序",
-            prop: "t_order",
-            type: "text-num",
-            get value() {
-                return drawerProps.value.row!.t_order;
-            },
-            set value(val) {
-                drawerProps.value.row!.t_order = val;
-            },
-            required: true
-        }
-    ];
-});
-const rules = ref();
-
-interface DrawerProps {
-    title: string;
-    isView: boolean;
-    row: Partial<TagList.ResList>;
-    api?: (params: any) => Promise<any>;
-    getTableList?: () => void;
-}
-
-const drawerVisible = ref(false);
-const drawerProps = ref<DrawerProps>({
-    isView: false,
-    title: "",
-    row: {}
-});
-
-// 接收父组件传过来的参数
-const acceptParams = (params: DrawerProps) => {
-    drawerProps.value = params;
-    rules.value = generateRules(formColumns.value);
-    drawerVisible.value = true;
-};
-
-// 提交数据（新增/编辑）
-const ruleFormRef = ref<FormInstance>();
-const handleSubmit = () => {
-    ruleFormRef.value!.validate(async valid => {
-        if (!valid) return;
-        try {
-            drawerProps.value.row!.t_type = 1;
-            await drawerProps.value.api!(drawerProps.value.row);
-            ElMessage.success({ message: `${drawerProps.value.title}成功！` });
-            drawerProps.value.getTableList!();
-            drawerVisible.value = false;
-        } catch (error) {
-            console.log(error);
-        }
-    });
-};
-
-defineExpose({
-    acceptParams
-});
-</script>
diff --git a/src/views/tag/mangaTag/index.vue b/src/views/tag/mangaTag/index.vue
index 3e8d128..3379db8 100644
--- a/src/views/tag/mangaTag/index.vue
+++ b/src/views/tag/mangaTag/index.vue
@@ -1,177 +1,31 @@
 <template>
-    <div class="table-box">
-        <ProTable
-            ref="proTable"
-            highlight-current-row
-            :columns="columns"
-            :init-param="initParam"
-            :data-callback="dataCallback"
-            :request-api="getTableList"
-        >
-            <!-- 表格 header 按钮 -->
-            <template #tableHeader="scope">
-                <el-button type="primary" :icon="CirclePlus" @click="openDrawer(true)">新增</el-button>
-                <el-button
-                    type="danger"
-                    :icon="Delete"
-                    plain
-                    :disabled="!scope.isSelected"
-                    @click="batchDelete(scope.selectedList)"
-                >
-                    批量删除标签
-                </el-button>
-            </template>
-            <!-- 表格操作 -->
-            <template #operation="scope">
-                <el-button type="primary" :icon="EditPen" @click="openDrawer(false, scope.row)">编辑</el-button>
-                <el-button type="danger" :icon="Delete" @click="deleteAccount(scope.row)">删除</el-button>
-            </template>
-        </ProTable>
-        <Drawer ref="drawerRef" />
+    <div class="module-unavailable">
+        <el-alert
+            title="漫画标签模块未部署到当前 Linux 测试服"
+            type="warning"
+            :closable="false"
+            show-icon
+        />
+        <el-card class="module-unavailable__card" shadow="never">
+            <p>当前后端未提供 `Tag` 控制器，漫画标签相关接口会直接返回控制器不存在。</p>
+            <p>本页先收为说明态，避免直达路由时继续出现误导性的接口报错。</p>
+            <p>如果后续测试服补齐标签模块，再恢复当前标签列表页。</p>
+        </el-card>
     </div>
 </template>
 
-<script setup lang="tsx" name="complexProTable">
-import { reactive, ref } from "vue";
-import { TagList } from "@/api/interface/tag/list";
-import { useHandleData } from "@/hooks/useHandleData";
-import ProTable from "@/components/ProTable/index.vue";
-import { Delete, EditPen, CirclePlus } from "@element-plus/icons-vue";
-import { ProTableInstance, ColumnProps } from "@/components/ProTable/interface";
-import { getList, saveData, deleteItem } from "@/api/modules/tag/list";
-import Drawer from "./drawer.vue";
-import { arrResourcesType } from "@/utils/serviceDict";
-import { arrPlanSwitch } from "@/utils/serviceDict";
-// ProTable 实例
-const proTable = ref<ProTableInstance>();
-
-// 如果表格需要初始化请求参数，直接定义传给 ProTable(之后每次请求都会自动带上该参数，此参数更改之后也会一直带上，改变此参数会自动刷新表格数据)
-const initParam = reactive({
-    limit: 15,
-    page: 1,
-    t_type: 1
-});
-// dataCallback 是对于返回的表格数据做处理，如果你后台返回的数据不是 list && total && page && limit 这些字段，那么你可以在这里进行处理成这些字段
-// 或者直接去 hooks/useTable.ts 文件中把字段改为你后端对应的就行
-const dataCallback = (data: any) => {
-    return {
-        item: data.item,
-        total: data.total,
-        total_page: data.total_page,
-        page: data.page,
-        limit: data.limit
-    };
-};
-const getTableList = (params: any) => {
-    let newParams = JSON.parse(JSON.stringify(params));
-    return getList(newParams);
-};
-
-// 表格配置项
-const columns = reactive<ColumnProps<TagList.ResList>[]>([
-    { type: "selection", fixed: "left", width: 50 },
-    {
-        prop: "key",
-        label: "搜索内容",
-        isShow: false,
-        search: {
-            el: "input"
-        }
-    },
-    {
-        prop: "t_id",
-        label: "ID",
-        width: 100
-    },
-    {
-        prop: "t_name",
-        label: "名称"
-    },
-
-    {
-        prop: "t_hidden",
-        label: "状态",
-        search: { el: "select", props: { filterable: true } },
-        enum: arrPlanSwitch,
-        render(scope) {
-            return (
-                <el-tag type={scope.row.t_hidden === 0 ? "danger" : "success"}>
-                    {scope.row.t_hidden === 0 ? "关闭" : "开启"}
-                </el-tag>
-            );
-        }
-    },
-    {
-        prop: "t_type",
-        label: "类型",
-        enum: arrResourcesType
-    },
-    {
-        prop: "t_logo",
-        label: "ICON",
-        render(scope) {
-            if (scope.row.t_logo) {
-                const data = scope.row.t_logo;
-                const modifiedArray = [] as any;
-                modifiedArray.push(data);
-                return (
-                    <el-image
-                        style="width: 98%; height: 30px;display: flex;align-items: center;"
-                        src={modifiedArray[0]}
-                        preview-src-list={modifiedArray}
-                        hide-on-click-modal={true}
-                        z-index={999999999}
-                        preview-teleported={true}
-                        fit="fill"
-                    />
-                );
-            }
-        }
-    },
-    {
-        prop: "t_order",
-        label: "排序"
-    },
-    { prop: "created_at", label: "添加时间" },
-    { prop: "operation", label: "操作", fixed: "right", width: 230 }
-]);
-
-// 删除标签信息
-const deleteAccount = async (params: TagList.ResList) => {
-    await useHandleData(deleteItem, { t_id: params.t_id }, "删除所选信息");
-    proTable.value?.getTableList();
-};
-
-// 批量删除标签信息
-const batchDelete = async (id: any[]) => {
-    const ids = id.map((item: TagList.ResList) => item.t_id);
-    await useHandleData(deleteItem, { t_id: ids.join(",") }, "删除所选信息");
-    proTable.value?.clearSelection();
-    proTable.value?.getTableList();
-};
-// 打开 drawer(新增、编辑)
-const drawerRef = ref<InstanceType<typeof Drawer> | null>(null);
-
-const openDrawer = (isEdit: boolean, row: Partial<TagList.ResList> = {}) => {
-    const params = {
-        title: isEdit ? "新增标签" : "编辑标签",
-        row: { ...row },
-        api: saveData,
-        getTableList: proTable.value?.getTableList
-    };
-    drawerRef.value?.acceptParams(params as any);
-};
-</script>
-
-<style lang="scss">
-.el-table .warning-row,
-.el-table .warning-row .el-table-fixed-column--right,
-.el-table .warning-row .el-table-fixed-column--left {
-    background-color: var(--el-color-warning-light-9);
+<style scoped lang="scss">
+.module-unavailable {
+    display: grid;
+    gap: 16px;
 }
-.el-table .success-row,
-.el-table .success-row .el-table-fixed-column--right,
-.el-table .success-row .el-table-fixed-column--left {
-    background-color: var(--el-color-success-light-9);
+
+.module-unavailable__card {
+    color: var(--el-text-color-regular);
+    line-height: 1.8;
+}
+
+.module-unavailable__card p {
+    margin: 0;
 }
 </style>
diff --git a/src/views/tag/novelTag/drawer.vue b/src/views/tag/novelTag/drawer.vue
deleted file mode 100644
index 94b27c0..0000000
--- a/src/views/tag/novelTag/drawer.vue
+++ /dev/null
@@ -1,203 +0,0 @@
-<template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="720" :title="`${drawerProps.title}`">
-        <el-form
-            ref="ruleFormRef"
-            label-width="60px"
-            label-suffix=" :"
-            :rules="rules"
-            :disabled="drawerProps.isView"
-            :model="drawerProps.row"
-            :hide-required-asterisk="drawerProps.isView"
-        >
-            <el-form-item v-for="e in formColumns" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
-                <template v-if="e.type === 'switch'">
-                    <el-switch
-                        v-model="e.value"
-                        :active-value="`${1}`"
-                        :inactive-value="`${0}`"
-                        active-text="开启"
-                        inactive-text="关闭"
-                    />
-                </template>
-                <template v-if="e.type === 'radio'">
-                    <el-radio-group v-model="e.value" class="ml-4">
-                        <el-radio v-for="item in e.options" :key="item.value" :label="item.value" size="large">{{
-                            item.label
-                        }}</el-radio>
-                    </el-radio-group>
-                </template>
-                <template v-if="e.type === 'select'">
-                    <el-select filterable v-model="e.value" :placeholder="`请选择${e.label}`" clearable>
-                        <el-option
-                            v-for="(item, index) in e.options"
-                            :key="index"
-                            :label="getField(item, e.fieldNames?.label)"
-                            :value="getField(item, e.fieldNames?.value)"
-                        />
-                    </el-select>
-                </template>
-                <template v-if="e.type === 'text'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'text-num'">
-                    <el-input v-model="e.value" type="number" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'textarea'">
-                    <el-input
-                        type="textarea"
-                        v-model="e.value"
-                        maxlength="3650"
-                        :placeholder="`请输入${e.label}`"
-                        show-word-limit
-                    />
-                </template>
-            </el-form-item>
-        </el-form>
-        <template #footer>
-            <el-button @click="drawerVisible = false">取消</el-button>
-            <el-button v-show="!drawerProps.isView" type="primary" @click="handleSubmit">确定</el-button>
-        </template>
-    </el-drawer>
-</template>
-
-<script setup lang="ts" name="UserDrawer">
-import { ref, computed } from "vue";
-import { ElMessage, FormInstance } from "element-plus";
-import { TagList } from "@/api/interface/tag/list";
-
-type Options = {
-    label: string;
-    value: string | number;
-};
-
-const getField = (item: any, fieldName: string | undefined) => {
-    return fieldName ? item[fieldName] : "";
-};
-type Fields = {
-    label: string;
-    prop: string;
-    type: string;
-    value: any;
-    required: boolean;
-    options?: Options[];
-    fieldNames?: { label: string; value: string };
-};
-const generateRules = (fields: Fields[]) => {
-    return fields.reduce(
-        (acc, field) => {
-            const { type, required, label, prop } = field;
-            let message = "";
-            if (type === "select") {
-                message = `请选择${label}`;
-            }
-            if (type === "text") {
-                message = `请输入${label}`;
-            }
-            if (type === "text-num") {
-                message = `请输入${label}`;
-            }
-            acc[prop] = [{ required, message }];
-            return acc;
-        },
-        {} as Record<string, any>
-    );
-};
-
-const formColumns = computed((): Fields[] => {
-    return [
-        {
-            label: "名称",
-            prop: "t_name",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.t_name;
-            },
-            set value(val) {
-                drawerProps.value.row!.t_name = val;
-            },
-            required: true
-        },
-
-        {
-            label: "状态",
-            prop: "t_hidden",
-            type: "switch",
-            get value() {
-                return String(drawerProps.value.row!.t_hidden);
-            },
-            set value(val) {
-                drawerProps.value.row!.t_hidden = val;
-            },
-            required: true
-        },
-        {
-            label: "ICON",
-            prop: "t_logo",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.t_logo;
-            },
-            set value(val) {
-                drawerProps.value.row!.t_logo = val;
-            },
-            required: false
-        },
-        {
-            label: "排序",
-            prop: "t_order",
-            type: "text-num",
-            get value() {
-                return drawerProps.value.row!.t_order;
-            },
-            set value(val) {
-                drawerProps.value.row!.t_order = val;
-            },
-            required: true
-        }
-    ];
-});
-const rules = ref();
-
-interface DrawerProps {
-    title: string;
-    isView: boolean;
-    row: Partial<TagList.ResList>;
-    api?: (params: any) => Promise<any>;
-    getTableList?: () => void;
-}
-
-const drawerVisible = ref(false);
-const drawerProps = ref<DrawerProps>({
-    isView: false,
-    title: "",
-    row: {}
-});
-
-// 接收父组件传过来的参数
-const acceptParams = (params: DrawerProps) => {
-    drawerProps.value = params;
-    rules.value = generateRules(formColumns.value);
-    drawerVisible.value = true;
-};
-
-// 提交数据（新增/编辑）
-const ruleFormRef = ref<FormInstance>();
-const handleSubmit = () => {
-    ruleFormRef.value!.validate(async valid => {
-        if (!valid) return;
-        try {
-            drawerProps.value.row!.t_type = 3;
-            await drawerProps.value.api!(drawerProps.value.row);
-            ElMessage.success({ message: `${drawerProps.value.title}成功！` });
-            drawerProps.value.getTableList!();
-            drawerVisible.value = false;
-        } catch (error) {
-            console.log(error);
-        }
-    });
-};
-
-defineExpose({
-    acceptParams
-});
-</script>
diff --git a/src/views/tag/novelTag/index.vue b/src/views/tag/novelTag/index.vue
index bf18c16..87424a8 100644
--- a/src/views/tag/novelTag/index.vue
+++ b/src/views/tag/novelTag/index.vue
@@ -1,177 +1,31 @@
 <template>
-    <div class="table-box">
-        <ProTable
-            ref="proTable"
-            highlight-current-row
-            :columns="columns"
-            :init-param="initParam"
-            :data-callback="dataCallback"
-            :request-api="getTableList"
-        >
-            <!-- 表格 header 按钮 -->
-            <template #tableHeader="scope">
-                <el-button type="primary" :icon="CirclePlus" @click="openDrawer(true)">新增</el-button>
-                <el-button
-                    type="danger"
-                    :icon="Delete"
-                    plain
-                    :disabled="!scope.isSelected"
-                    @click="batchDelete(scope.selectedList)"
-                >
-                    批量删除标签
-                </el-button>
-            </template>
-            <!-- 表格操作 -->
-            <template #operation="scope">
-                <el-button type="primary" :icon="EditPen" @click="openDrawer(false, scope.row)">编辑</el-button>
-                <el-button type="danger" :icon="Delete" @click="deleteAccount(scope.row)">删除</el-button>
-            </template>
-        </ProTable>
-        <Drawer ref="drawerRef" />
+    <div class="module-unavailable">
+        <el-alert
+            title="小说标签模块未部署到当前 Linux 测试服"
+            type="warning"
+            :closable="false"
+            show-icon
+        />
+        <el-card class="module-unavailable__card" shadow="never">
+            <p>当前小说标签页依赖旧 `/admin/tag/*` 接口，测试服带真实 `admin-token` 访问列表、新增、删除都会直接返回控制器不存在。</p>
+            <p>本页先收为说明态，避免继续暴露小说标签 CRUD 这类无法真实联调的历史能力。</p>
+            <p>如果后续补齐标签管理后端，再恢复当前列表页和抽屉联调。</p>
+        </el-card>
     </div>
 </template>
 
-<script setup lang="tsx" name="complexProTable">
-import { reactive, ref } from "vue";
-import { TagList } from "@/api/interface/tag/list";
-import { useHandleData } from "@/hooks/useHandleData";
-import ProTable from "@/components/ProTable/index.vue";
-import { Delete, EditPen, CirclePlus } from "@element-plus/icons-vue";
-import { ProTableInstance, ColumnProps } from "@/components/ProTable/interface";
-import { getList, saveData, deleteItem } from "@/api/modules/tag/list";
-import Drawer from "./drawer.vue";
-import { arrResourcesType } from "@/utils/serviceDict";
-import { arrPlanSwitch } from "@/utils/serviceDict";
-// ProTable 实例
-const proTable = ref<ProTableInstance>();
-
-// 如果表格需要初始化请求参数，直接定义传给 ProTable(之后每次请求都会自动带上该参数，此参数更改之后也会一直带上，改变此参数会自动刷新表格数据)
-const initParam = reactive({
-    limit: 15,
-    page: 1,
-    t_type: 3
-});
-// dataCallback 是对于返回的表格数据做处理，如果你后台返回的数据不是 list && total && page && limit 这些字段，那么你可以在这里进行处理成这些字段
-// 或者直接去 hooks/useTable.ts 文件中把字段改为你后端对应的就行
-const dataCallback = (data: any) => {
-    return {
-        item: data.item,
-        total: data.total,
-        total_page: data.total_page,
-        page: data.page,
-        limit: data.limit
-    };
-};
-const getTableList = (params: any) => {
-    let newParams = JSON.parse(JSON.stringify(params));
-    return getList(newParams);
-};
-
-// 表格配置项
-const columns = reactive<ColumnProps<TagList.ResList>[]>([
-    { type: "selection", fixed: "left", width: 50 },
-    {
-        prop: "key",
-        label: "搜索内容",
-        isShow: false,
-        search: {
-            el: "input"
-        }
-    },
-    {
-        prop: "t_id",
-        label: "ID",
-        width: 100
-    },
-    {
-        prop: "t_name",
-        label: "名称"
-    },
-
-    {
-        prop: "t_hidden",
-        label: "状态",
-        search: { el: "select", props: { filterable: true } },
-        enum: arrPlanSwitch,
-        render(scope) {
-            return (
-                <el-tag type={scope.row.t_hidden === 0 ? "danger" : "success"}>
-                    {scope.row.t_hidden === 0 ? "关闭" : "开启"}
-                </el-tag>
-            );
-        }
-    },
-    {
-        prop: "t_type",
-        label: "类型",
-        enum: arrResourcesType
-    },
-    {
-        prop: "t_logo",
-        label: "ICON",
-        render(scope) {
-            if (scope.row.t_logo) {
-                const data = scope.row.t_logo;
-                const modifiedArray = [] as any;
-                modifiedArray.push(data);
-                return (
-                    <el-image
-                        style="width: 98%; height: 30px;display: flex;align-items: center;"
-                        src={modifiedArray[0]}
-                        preview-src-list={modifiedArray}
-                        hide-on-click-modal={true}
-                        z-index={999999999}
-                        preview-teleported={true}
-                        fit="fill"
-                    />
-                );
-            }
-        }
-    },
-    {
-        prop: "t_order",
-        label: "排序"
-    },
-    { prop: "created_at", label: "添加时间" },
-    { prop: "operation", label: "操作", fixed: "right", width: 230 }
-]);
-
-// 删除标签信息
-const deleteAccount = async (params: TagList.ResList) => {
-    await useHandleData(deleteItem, { t_id: params.t_id }, "删除所选信息");
-    proTable.value?.getTableList();
-};
-
-// 批量删除标签信息
-const batchDelete = async (id: any[]) => {
-    const ids = id.map((item: TagList.ResList) => item.t_id);
-    await useHandleData(deleteItem, { t_id: ids.join(",") }, "删除所选信息");
-    proTable.value?.clearSelection();
-    proTable.value?.getTableList();
-};
-// 打开 drawer(新增、编辑)
-const drawerRef = ref<InstanceType<typeof Drawer> | null>(null);
-
-const openDrawer = (isEdit: boolean, row: Partial<TagList.ResList> = {}) => {
-    const params = {
-        title: isEdit ? "新增标签" : "编辑标签",
-        row: { ...row },
-        api: saveData,
-        getTableList: proTable.value?.getTableList
-    };
-    drawerRef.value?.acceptParams(params as any);
-};
-</script>
-
-<style lang="scss">
-.el-table .warning-row,
-.el-table .warning-row .el-table-fixed-column--right,
-.el-table .warning-row .el-table-fixed-column--left {
-    background-color: var(--el-color-warning-light-9);
+<style scoped lang="scss">
+.module-unavailable {
+    display: grid;
+    gap: 16px;
 }
-.el-table .success-row,
-.el-table .success-row .el-table-fixed-column--right,
-.el-table .success-row .el-table-fixed-column--left {
-    background-color: var(--el-color-success-light-9);
+
+.module-unavailable__card {
+    color: var(--el-text-color-regular);
+    line-height: 1.8;
+}
+
+.module-unavailable__card p {
+    margin: 0;
 }
 </style>
diff --git a/src/views/tag/videoTag/drawer.vue b/src/views/tag/videoTag/drawer.vue
deleted file mode 100644
index 8a12211..0000000
--- a/src/views/tag/videoTag/drawer.vue
+++ /dev/null
@@ -1,215 +0,0 @@
-<template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="720" :title="`${drawerProps.title}`">
-        <el-form
-            ref="ruleFormRef"
-            label-width="60px"
-            label-suffix=" :"
-            :rules="rules"
-            :disabled="drawerProps.isView"
-            :model="drawerProps.row"
-            :hide-required-asterisk="drawerProps.isView"
-        >
-            <el-form-item v-for="e in formColumns" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
-                <template v-if="e.type === 'switch'">
-                    <el-switch
-                        v-model="e.value"
-                        :active-value="`${1}`"
-                        :inactive-value="`${0}`"
-                        active-text="开启"
-                        inactive-text="关闭"
-                    />
-                </template>
-                <template v-if="e.type === 'radio'">
-                    <el-radio-group v-model="e.value" class="ml-4">
-                        <el-radio v-for="item in e.options" :key="item.value" :label="item.value" size="large">{{
-                            item.label
-                        }}</el-radio>
-                    </el-radio-group>
-                </template>
-                <template v-if="e.type === 'select'">
-                    <el-select filterable v-model="e.value" :placeholder="`请选择${e.label}`" clearable>
-                        <el-option
-                            v-for="(item, index) in e.options"
-                            :key="index"
-                            :label="getField(item, e.fieldNames?.label)"
-                            :value="getField(item, e.fieldNames?.value)"
-                        />
-                    </el-select>
-                </template>
-                <template v-if="e.type === 'text'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'text-num'">
-                    <el-input v-model="e.value" type="number" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'textarea'">
-                    <el-input
-                        type="textarea"
-                        v-model="e.value"
-                        maxlength="3650"
-                        :placeholder="`请输入${e.label}`"
-                        show-word-limit
-                    />
-                </template>
-            </el-form-item>
-        </el-form>
-        <template #footer>
-            <el-button @click="drawerVisible = false">取消</el-button>
-            <el-button v-show="!drawerProps.isView" type="primary" @click="handleSubmit">确定</el-button>
-        </template>
-    </el-drawer>
-</template>
-
-<script setup lang="ts" name="UserDrawer">
-import { ref, computed } from "vue";
-import { ElMessage, FormInstance } from "element-plus";
-import { TagList } from "@/api/interface/tag/list";
-
-type Options = {
-    label: string;
-    value: string | number;
-};
-
-const getField = (item: any, fieldName: string | undefined) => {
-    return fieldName ? item[fieldName] : "";
-};
-type Fields = {
-    label: string;
-    prop: string;
-    type: string;
-    value: any;
-    required: boolean;
-    options?: Options[];
-    fieldNames?: { label: string; value: string };
-};
-const generateRules = (fields: Fields[]) => {
-    return fields.reduce(
-        (acc, field) => {
-            const { type, required, label, prop } = field;
-            let message = "";
-            if (type === "select") {
-                message = `请选择${label}`;
-            }
-            if (type === "text") {
-                message = `请输入${label}`;
-            }
-            if (type === "text-num") {
-                message = `请输入${label}`;
-            }
-            acc[prop] = [{ required, message }];
-            return acc;
-        },
-        {} as Record<string, any>
-    );
-};
-
-const formColumns = computed((): Fields[] => {
-    return [
-        {
-            label: "名称",
-            prop: "t_name",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.t_name;
-            },
-            set value(val) {
-                drawerProps.value.row!.t_name = val;
-            },
-            required: true
-        },
-
-        {
-            label: "状态",
-            prop: "t_hidden",
-            type: "switch",
-            get value() {
-                return String(drawerProps.value.row!.t_hidden);
-            },
-            set value(val) {
-                drawerProps.value.row!.t_hidden = val;
-            },
-            required: true
-        },
-        {
-            label: "ICON",
-            prop: "t_logo",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.t_logo;
-            },
-            set value(val) {
-                drawerProps.value.row!.t_logo = val;
-            },
-            required: false
-        },
-        {
-            label: "排序",
-            prop: "t_order",
-            type: "text-num",
-            get value() {
-                return drawerProps.value.row!.t_order;
-            },
-            set value(val) {
-                drawerProps.value.row!.t_order = val;
-            },
-            required: true
-        },
-        {
-            label: "概率",
-            prop: "t_probability",
-            type: "text-num",
-            get value() {
-                return drawerProps.value.row!.t_probability;
-            },
-            set value(val) {
-                drawerProps.value.row!.t_probability = val;
-            },
-            required: false
-        }
-    ];
-});
-const rules = ref();
-
-interface DrawerProps {
-    title: string;
-    isView: boolean;
-    row: Partial<TagList.ResList>;
-    api?: (params: any) => Promise<any>;
-    getTableList?: () => void;
-}
-
-const drawerVisible = ref(false);
-const drawerProps = ref<DrawerProps>({
-    isView: false,
-    title: "",
-    row: {}
-});
-
-// 接收父组件传过来的参数
-const acceptParams = (params: DrawerProps) => {
-    drawerProps.value = params;
-    rules.value = generateRules(formColumns.value);
-    drawerVisible.value = true;
-};
-
-// 提交数据（新增/编辑）
-const ruleFormRef = ref<FormInstance>();
-const handleSubmit = () => {
-    ruleFormRef.value!.validate(async valid => {
-        if (!valid) return;
-        try {
-            drawerProps.value.row!.t_type = 0;
-            await drawerProps.value.api!(drawerProps.value.row);
-            ElMessage.success({ message: `${drawerProps.value.title}成功！` });
-            drawerProps.value.getTableList!();
-            drawerVisible.value = false;
-        } catch (error) {
-            console.log(error);
-        }
-    });
-};
-
-defineExpose({
-    acceptParams
-});
-</script>
diff --git a/src/views/tag/videoTag/index.vue b/src/views/tag/videoTag/index.vue
index 7732fe2..a3abbaf 100644
--- a/src/views/tag/videoTag/index.vue
+++ b/src/views/tag/videoTag/index.vue
@@ -1,210 +1,31 @@
 <template>
-    <div class="table-box">
-        <ProTable
-            ref="proTable"
-            highlight-current-row
-            :columns="columns"
-            :init-param="initParam"
-            :data-callback="dataCallback"
-            :request-api="getTableList"
-        >
-            <!-- 表格 header 按钮 -->
-            <template #tableHeader="scope">
-                <el-button type="primary" :icon="CirclePlus" @click="openDrawer(true)">新增</el-button>
-                <el-button
-                    type="danger"
-                    :icon="Delete"
-                    plain
-                    :disabled="!scope.isSelected"
-                    @click="batchDelete(scope.selectedList)"
-                >
-                    批量删除标签
-                </el-button>
-                <el-button
-                    type="primary"
-                    :icon="EditPen"
-                    plain
-                    :disabled="!scope.isSelected"
-                    @click="batchModify(scope.selectedList)"
-                >
-                    批量编辑标签
-                </el-button>
-            </template>
-            <!-- 表格操作 -->
-            <template #operation="scope">
-                <el-button type="primary" :icon="EditPen" @click="openDrawer(false, scope.row)">编辑</el-button>
-                <el-button type="danger" :icon="Delete" @click="deleteAccount(scope.row)">删除</el-button>
-            </template>
-        </ProTable>
-        <Drawer ref="drawerRef" />
-        <ModifyDrawer ref="modifyDrawerRef" />
+    <div class="module-unavailable">
+        <el-alert
+            title="视频标签模块未部署到当前 Linux 测试服"
+            type="warning"
+            :closable="false"
+            show-icon
+        />
+        <el-card class="module-unavailable__card" shadow="never">
+            <p>当前视频标签页依赖旧 `/admin/tag/*` 接口，测试服带真实 `admin-token` 访问列表、新增、删除都会直接返回控制器不存在。</p>
+            <p>本页先收为说明态，避免继续暴露视频标签 CRUD 和批量编辑这些无法真实落库的历史能力。</p>
+            <p>如果后续补齐标签管理后端，再恢复当前列表页和抽屉联调。</p>
+        </el-card>
     </div>
 </template>
 
-<script setup lang="tsx" name="complexProTable">
-import { reactive, ref } from "vue";
-import { TagList } from "@/api/interface/tag/list";
-import { useHandleData } from "@/hooks/useHandleData";
-import ProTable from "@/components/ProTable/index.vue";
-import { Delete, EditPen, CirclePlus } from "@element-plus/icons-vue";
-import { ProTableInstance, ColumnProps } from "@/components/ProTable/interface";
-import { getList, saveData, deleteItem, batchData } from "@/api/modules/tag/list";
-import Drawer from "./drawer.vue";
-import ModifyDrawer from "./modifyDrawer.vue";
-import { arrResourcesType } from "@/utils/serviceDict";
-import { arrPlanSwitch } from "@/utils/serviceDict";
-// ProTable 实例
-const proTable = ref<ProTableInstance>();
-
-// 如果表格需要初始化请求参数，直接定义传给 ProTable(之后每次请求都会自动带上该参数，此参数更改之后也会一直带上，改变此参数会自动刷新表格数据)
-const initParam = reactive({
-    limit: 15,
-    page: 1,
-    t_type: 0
-});
-// dataCallback 是对于返回的表格数据做处理，如果你后台返回的数据不是 list && total && page && limit 这些字段，那么你可以在这里进行处理成这些字段
-// 或者直接去 hooks/useTable.ts 文件中把字段改为你后端对应的就行
-const dataCallback = (data: any) => {
-    return {
-        item: data.item,
-        total: data.total,
-        total_page: data.total_page,
-        page: data.page,
-        limit: data.limit
-    };
-};
-const getTableList = (params: any) => {
-    let newParams = JSON.parse(JSON.stringify(params));
-    return getList(newParams);
-};
-
-// 表格配置项
-const columns = reactive<ColumnProps<TagList.ResList>[]>([
-    { type: "selection", fixed: "left", width: 50 },
-    {
-        prop: "key",
-        label: "搜索内容",
-        isShow: false,
-        search: {
-            el: "input"
-        }
-    },
-    {
-        prop: "t_id",
-        label: "ID",
-        width: 100
-    },
-    {
-        prop: "t_name",
-        label: "名称"
-    },
-
-    {
-        prop: "t_hidden",
-        label: "状态",
-        search: { el: "select", props: { filterable: true } },
-        enum: arrPlanSwitch,
-        render(scope) {
-            return (
-                <el-tag type={scope.row.t_hidden === 0 ? "danger" : "success"}>
-                    {scope.row.t_hidden === 0 ? "关闭" : "开启"}
-                </el-tag>
-            );
-        }
-    },
-    {
-        prop: "t_type",
-        label: "类型",
-        enum: arrResourcesType
-    },
-    {
-        prop: "t_logo",
-        label: "ICON",
-        render(scope) {
-            if (scope.row.t_logo) {
-                const data = scope.row.t_logo;
-                const modifiedArray = [] as any;
-                modifiedArray.push(data);
-                return (
-                    <el-image
-                        style="width: 98%; height: 30px;display: flex;align-items: center;"
-                        src={modifiedArray[0]}
-                        preview-src-list={modifiedArray}
-                        hide-on-click-modal={true}
-                        z-index={999999999}
-                        preview-teleported={true}
-                        fit="fill"
-                    />
-                );
-            }
-        }
-    },
-    {
-        prop: "t_order",
-        label: "排序"
-    },
-    {
-        prop: "t_probability",
-        label: "概率",
-        render(scope) {
-            return <p>{scope.row.t_probability} %</p>;
-        }
-    },
-    { prop: "created_at", label: "添加时间" },
-    { prop: "operation", label: "操作", fixed: "right", width: 230 }
-]);
-
-// 删除标签信息
-const deleteAccount = async (params: TagList.ResList) => {
-    await useHandleData(deleteItem, { t_id: params.t_id }, "删除所选信息");
-    proTable.value?.getTableList();
-};
-
-// 批量删除标签信息
-const batchDelete = async (id: any[]) => {
-    const ids = id.map((item: TagList.ResList) => item.t_id);
-    await useHandleData(deleteItem, { t_id: ids.join(",") }, "删除所选信息");
-    proTable.value?.clearSelection();
-    proTable.value?.getTableList();
-};
-// 打开 drawer(新增、编辑)
-const drawerRef = ref<InstanceType<typeof Drawer> | null>(null);
-
-const openDrawer = (isEdit: boolean, row: Partial<TagList.ResList> = {}) => {
-    const params = {
-        title: isEdit ? "新增标签" : "编辑标签",
-        row: { ...row },
-        api: saveData,
-        getTableList: proTable.value?.getTableList
-    };
-    drawerRef.value?.acceptParams(params as any);
-};
-
-// 批量修改标签信息
-const modifyDrawerRef = ref<InstanceType<typeof ModifyDrawer> | null>(null);
-const batchModify = async (id: any[], row: Partial<TagList.ResList> = {}) => {
-    const ids = id.map((item: TagList.ResList) => item.t_id);
-    row.t_id = ids.join(",");
-    const params = {
-        title: "批量编辑标签",
-        row: { ...row },
-        api: batchData,
-        getTableList: proTable.value?.getTableList,
-        clearSelection: proTable.value?.clearSelection
-    };
-    modifyDrawerRef.value?.acceptParams(params as any);
-};
-</script>
-
-<style lang="scss">
-.el-table .warning-row,
-.el-table .warning-row .el-table-fixed-column--right,
-.el-table .warning-row .el-table-fixed-column--left {
-    background-color: var(--el-color-warning-light-9);
+<style scoped lang="scss">
+.module-unavailable {
+    display: grid;
+    gap: 16px;
 }
-.el-table .success-row,
-.el-table .success-row .el-table-fixed-column--right,
-.el-table .success-row .el-table-fixed-column--left {
-    background-color: var(--el-color-success-light-9);
+
+.module-unavailable__card {
+    color: var(--el-text-color-regular);
+    line-height: 1.8;
+}
+
+.module-unavailable__card p {
+    margin: 0;
 }
 </style>
diff --git a/src/views/tag/videoTag/modifyDrawer.vue b/src/views/tag/videoTag/modifyDrawer.vue
deleted file mode 100644
index c16d63a..0000000
--- a/src/views/tag/videoTag/modifyDrawer.vue
+++ /dev/null
@@ -1,205 +0,0 @@
-<template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="720" :title="`${drawerProps.title}`">
-        <el-form
-            ref="ruleFormRef"
-            label-width="80px"
-            label-position="top"
-            label-suffix=" :"
-            :rules="rules"
-            :disabled="drawerProps.isView"
-            :model="drawerProps.row"
-            :hide-required-asterisk="drawerProps.isView"
-        >
-            <el-form-item v-for="e in formColumns" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
-                <template v-if="e.type === 'switch'">
-                    <el-switch
-                        v-model="e.value"
-                        :active-value="`${1}`"
-                        :inactive-value="`${0}`"
-                        active-text="上架"
-                        inactive-text="下架"
-                    />
-                </template>
-                <template v-if="e.type === 'radio'">
-                    <el-radio-group v-model="e.value" class="ml-4">
-                        <el-radio v-for="item in e.options" :key="item.value" :value="item.value" size="large">{{
-                            item.label
-                        }}</el-radio>
-                    </el-radio-group>
-                </template>
-                <template v-if="e.type === 'select'">
-                    <el-select filterable multiple v-model="e.value" :placeholder="`请选择${e.label}`" clearable>
-                        <el-option
-                            v-for="(item, index) in e.options"
-                            :key="index"
-                            :label="getField(item, e.fieldNames?.label)"
-                            :value="getField(item, e.fieldNames?.value)"
-                        />
-                    </el-select>
-                </template>
-                <template v-if="e.type === 'text'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'text-i'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'text-num'">
-                    <el-input v-model="e.value" type="number" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'textarea'">
-                    <el-input
-                        type="textarea"
-                        v-model="e.value"
-                        maxlength="3650"
-                        :placeholder="`请输入${e.label}`"
-                        show-word-limit
-                    />
-                </template>
-                <template v-if="e.type === 'text-i'">
-                    <UploadImg disabled v-model:image-url="drawerProps.row!.v_cover" width="135px" height="135px" :file-size="3">
-                        <template #empty>
-                            <el-icon><Avatar /></el-icon>
-                            <span>请上传封面</span>
-                        </template>
-                    </UploadImg>
-                </template>
-            </el-form-item>
-        </el-form>
-        <template #footer>
-            <el-button @click="drawerVisible = false">取消</el-button>
-            <el-button v-show="!drawerProps.isView" type="primary" @click="handleSubmit">确定</el-button>
-        </template>
-    </el-drawer>
-</template>
-
-<script setup lang="ts" name="UserDrawer">
-import { ref, computed } from "vue";
-import { ElMessage, FormInstance } from "element-plus";
-import { TagList } from "@/api/interface/tag/list";
-import UploadImg from "@/components/Upload/Img.vue";
-type Options = {
-    label: string;
-    value: string | number;
-};
-
-const getField = (item: any, fieldName: string | undefined) => {
-    return fieldName ? item[fieldName] : "";
-};
-type Fields = {
-    label: string;
-    prop: string;
-    type: string;
-    value: any;
-    required: boolean;
-    options?: Options[];
-    fieldNames?: { label: string; value: string };
-};
-const generateRules = (fields: Fields[]) => {
-    return fields.reduce(
-        (acc, field) => {
-            const { type, required, label, prop } = field;
-            let message = "";
-            if (type === "select") {
-                message = `请选择${label}`;
-            }
-            if (type === "tag") {
-                message = `请选择${label}`;
-            }
-            if (type === "radio") {
-                message = `请选择${label}`;
-            }
-            if (type === "text") {
-                message = `请输入${label}`;
-            }
-            if (type === "text-i") {
-                message = `请输入${label}`;
-            }
-            if (type === "text-num") {
-                message = `请输入${label}`;
-            }
-            if (type === "textarea") {
-                message = `请输入${label}`;
-            }
-            if (type === "image") {
-                message = `请上传${label}`;
-            }
-            if (type === "image-more") {
-                message = `请上传${label}`;
-            }
-            acc[prop] = [{ required, message }];
-            return acc;
-        },
-        {} as Record<string, any>
-    );
-};
-
-const formColumns = computed((): Fields[] => {
-    return [
-        {
-            label: "概率",
-            prop: "t_probability",
-            type: "text-num",
-            get value() {
-                return drawerProps.value.row!.t_probability;
-            },
-            set value(val) {
-                drawerProps.value.row!.t_probability = val;
-            },
-            required: true
-        }
-    ];
-});
-const rules = ref();
-
-interface DrawerProps {
-    title: string;
-    isView: boolean;
-    row: Partial<TagList.ResList>;
-    api?: (params: any) => Promise<any>;
-    getTableList?: () => void;
-    clearSelection?: () => void;
-}
-
-const drawerVisible = ref(false);
-const drawerProps = ref<DrawerProps>({
-    isView: false,
-    title: "",
-    row: {}
-});
-
-// 接收父组件传过来的参数
-const acceptParams = (params: DrawerProps) => {
-    drawerProps.value = params;
-    rules.value = generateRules(formColumns.value);
-    drawerVisible.value = true;
-};
-
-// 提交数据（新增/编辑）
-const ruleFormRef = ref<FormInstance>();
-const handleSubmit = () => {
-    ruleFormRef.value!.validate(async valid => {
-        if (!valid) return;
-        try {
-            const params = { ...drawerProps.value.row };
-            await drawerProps.value.api!(params);
-            ElMessage.success({ message: `${drawerProps.value.title}成功！` });
-            drawerProps.value.getTableList!();
-            drawerProps.value.clearSelection!();
-            drawerVisible.value = false;
-        } catch (error) {
-            console.log(error);
-        }
-    });
-};
-
-defineExpose({
-    acceptParams
-});
-</script>
-<style lang="scss">
-.el-checkbox-button__inner {
-    margin-right: 10px;
-    margin-bottom: 10px;
-    border-left-color: #dcdfe6 !important;
-}
-</style>
diff --git a/src/views/video/chapter/index.vue b/src/views/video/chapter/index.vue
index bfc1dbc..fa0f351 100644
--- a/src/views/video/chapter/index.vue
+++ b/src/views/video/chapter/index.vue
@@ -1,91 +1,30 @@
 <template>
-    <div class="table-box">
-        <ProTable
-            ref="proTable"
-            highlight-current-row
-            :columns="columns"
-            :request-api="getTableList"
-            :data-callback="dataCallback"
-        >
-        </ProTable>
+    <div class="page-box">
+        <el-alert
+            title="当前测试服未部署视频章节管理"
+            type="warning"
+            :closable="false"
+            show-icon
+        />
+        <div class="page-box__body">
+            <p>当前页面历史上复用了小说章节接口，现有后端主路由并未提供对应的 `video/chapter` 能力。</p>
+            <p>如果后续要恢复这一页，需要先明确视频章节的数据模型和真实接口，再重新接回列表与编辑抽屉。</p>
+        </div>
     </div>
 </template>
 
-<script setup lang="tsx" name="complexProTable">
-import { reactive, ref } from "vue";
-import ProTable from "@/components/ProTable/index.vue";
-import { ProTableInstance, ColumnProps } from "@/components/ProTable/interface";
-import { ChapterList } from "@/api/interface/novel/chapter";
-import { getList } from "@/api/modules/novel/chapter";
-
-// ProTable 实例
-const proTable = ref<ProTableInstance>();
-
-const initParam = reactive({
-    limit: 15,
-    page: 1
-});
-
-const dataCallback = (data: any) => {
-    return {
-        items: data.items,
-        total: data.total,
-        total_page: data.total_pages,
-        page: initParam.page,
-        limit: initParam.limit
-    };
-};
-
-const getTableList = (params: any) => {
-    let newParams = JSON.parse(JSON.stringify(params));
-    initParam.page = newParams.page;
-    initParam.limit = newParams.limit;
-    return getList(newParams);
-};
-
-// 表格配置项
-const columns = reactive<ColumnProps<ChapterList.ResList>[]>([
-    { type: "selection", fixed: "left", width: 50 },
-    {
-        prop: "key",
-        label: "搜索内容",
-        isShow: false,
-        search: {
-            el: "input"
-        }
-    },
-    {
-        prop: "xszj_id",
-        label: "ID",
-        width: 80
-    },
-    {
-        prop: "xszj_pai_xu",
-        label: "章节序号",
-        width: 100
-    },
-    {
-        prop: "xszj_ming_zi",
-        label: "章节标题"
-    },
-    {
-        prop: "xszj_nei_rong",
-        label: "章节内容",
-        showOverflowTooltip: true,
-        render(scope) {
-            return (
-                <div class="fixed-width" v-html={scope.row.xszj_nei_rong}>
-                    {scope.row.xszj_nei_rong}
-                </div>
-            );
-        }
-    },
-    { prop: "created_at", label: "添加时间", width: 170 }
-]);
-</script>
-
 <style lang="scss">
-.el-upload--picture-card {
-    display: none;
+.page-box {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+.page-box__body {
+    padding: 20px 24px;
+    border-radius: 8px;
+    background: var(--el-fill-color-light);
+    color: var(--el-text-color-regular);
+    line-height: 1.8;
 }
 </style>
diff --git a/src/views/video/component/chapterDrawer.vue b/src/views/video/component/chapterDrawer.vue
deleted file mode 100644
index 96af7c5..0000000
--- a/src/views/video/component/chapterDrawer.vue
+++ /dev/null
@@ -1,229 +0,0 @@
-<template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="720" :title="`${drawerProps.title}`">
-        <el-form
-            ref="ruleFormRef"
-            label-width="90px"
-            label-suffix=" :"
-            :rules="rules"
-            :disabled="drawerProps.isView"
-            :model="drawerProps.row"
-            :hide-required-asterisk="drawerProps.isView"
-        >
-            <el-form-item v-for="e in formColumns" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
-                <template v-if="e.type === 'switch'">
-                    <el-switch
-                        v-model="e.value"
-                        :active-value="`${1}`"
-                        :inactive-value="`${0}`"
-                        active-text="上架"
-                        inactive-text="下架"
-                    />
-                </template>
-                <template v-if="e.type === 'switch-index'">
-                    <el-switch
-                        v-model="e.value"
-                        :active-value="`${1}`"
-                        :inactive-value="`${0}`"
-                        active-text="是"
-                        inactive-text="否"
-                    />
-                </template>
-                <template v-if="e.type === 'radio'">
-                    <el-radio-group v-model="e.value" class="ml-4">
-                        <el-radio v-for="item in e.options" :key="item.value" :label="item.value" size="large">{{
-                            item.label
-                        }}</el-radio>
-                    </el-radio-group>
-                </template>
-                <template v-if="e.type === 'select'">
-                    <el-select filterable v-model="e.value" :placeholder="`请选择${e.label}`" clearable>
-                        <el-option
-                            v-for="(item, index) in e.options"
-                            :key="index"
-                            :label="getField(item, e.fieldNames?.label)"
-                            :value="getField(item, e.fieldNames?.value)"
-                        />
-                    </el-select>
-                </template>
-                <template v-if="e.type === 'text'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'text-i'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'text-num'">
-                    <el-input v-model="e.value" type="number" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'textarea'">
-                    <el-input
-                        type="textarea"
-                        v-model="e.value"
-                        maxlength="36500"
-                        :autosize="{ minRows: 25, maxRows: 32 }"
-                        :placeholder="`请输入${e.label}`"
-                        show-word-limit
-                    />
-                </template>
-            </el-form-item>
-        </el-form>
-        <template #footer>
-            <el-button @click="drawerVisible = false">取消</el-button>
-            <el-button v-show="!drawerProps.isView" type="primary" @click="handleSubmit">确定</el-button>
-        </template>
-    </el-drawer>
-</template>
-
-<script setup lang="ts" name="UserDrawer">
-import { ref, computed } from "vue";
-import { ElMessage, FormInstance } from "element-plus";
-import { ChapterList } from "@/api/interface/novel/chapter";
-type Options = {
-    label: string;
-    value: string | number;
-};
-
-const getField = (item: any, fieldName: string | undefined) => {
-    return fieldName ? item[fieldName] : "";
-};
-type Fields = {
-    label: string;
-    prop: string;
-    type: string;
-    value: any;
-    required: boolean;
-    options?: Options[];
-    fieldNames?: { label: string; value: string };
-};
-const generateRules = (fields: Fields[]) => {
-    return fields.reduce(
-        (acc, field) => {
-            const { type, required, label, prop } = field;
-            let message = "";
-            if (type === "select") {
-                message = `请选择${label}`;
-            }
-            if (type === "tag") {
-                message = `请选择${label}`;
-            }
-            if (type === "radio") {
-                message = `请选择${label}`;
-            }
-            if (type === "text") {
-                message = `请输入${label}`;
-            }
-            if (type === "text-i") {
-                message = `请输入${label}`;
-            }
-            if (type === "text-num") {
-                message = `请输入${label}`;
-            }
-            if (type === "image") {
-                message = `请上传${label}`;
-            }
-            if (type === "image-more") {
-                message = `请上传${label}`;
-            }
-            acc[prop] = [{ required, message }];
-            return acc;
-        },
-        {} as Record<string, any>
-    );
-};
-
-const formColumns = computed((): Fields[] => {
-    return [
-        {
-            label: "章节标题",
-            prop: "nc_title",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.nc_title;
-            },
-            set value(val) {
-                drawerProps.value.row!.nc_title = val;
-            },
-            required: true
-        },
-        {
-            label: "章节序号",
-            prop: "nc_index",
-            type: "text-num",
-            get value() {
-                return drawerProps.value.row!.nc_index;
-            },
-            set value(val) {
-                drawerProps.value.row!.nc_index = val;
-            },
-            required: true
-        },
-        {
-            label: "阅读次数",
-            prop: "nc_hits",
-            type: "text-num",
-            get value() {
-                return drawerProps.value.row!.nc_hits;
-            },
-            set value(val) {
-                drawerProps.value.row!.nc_hits = val;
-            },
-            required: false
-        },
-        {
-            label: "章节内容",
-            prop: "nc_content",
-            type: "textarea",
-            get value() {
-                return drawerProps.value.row!.nc_content;
-            },
-            set value(val) {
-                drawerProps.value.row!.nc_content = val;
-            },
-            required: true
-        }
-    ];
-});
-const rules = ref();
-
-interface DrawerProps {
-    title: string;
-    isView: boolean;
-    row: Partial<ChapterList.ResList>;
-    api?: (params: any) => Promise<any>;
-    getTableList?: () => void;
-}
-
-const drawerVisible = ref(false);
-const drawerProps = ref<DrawerProps>({
-    isView: false,
-    title: "",
-    row: {}
-});
-
-// 接收父组件传过来的参数
-const acceptParams = (params: DrawerProps) => {
-    drawerProps.value = params;
-    rules.value = generateRules(formColumns.value);
-    drawerVisible.value = true;
-};
-
-// 提交数据（新增/编辑）
-const ruleFormRef = ref<FormInstance>();
-const handleSubmit = () => {
-    ruleFormRef.value!.validate(async valid => {
-        if (!valid) return;
-        try {
-            const params = { ...drawerProps.value.row };
-            await drawerProps.value.api!(params);
-            ElMessage.success({ message: `${drawerProps.value.title}成功！` });
-            drawerProps.value.getTableList!();
-            drawerVisible.value = false;
-        } catch (error) {
-            console.log(error);
-        }
-    });
-};
-
-defineExpose({
-    acceptParams
-});
-</script>
diff --git a/src/views/video/components/chapter.vue b/src/views/video/components/chapter.vue
deleted file mode 100644
index 79a2be5..0000000
--- a/src/views/video/components/chapter.vue
+++ /dev/null
@@ -1,181 +0,0 @@
-<template>
-    <el-drawer v-model="drawerVisible" size="80%" title="章节列表" :destroy-on-close="true">
-        <ProTable
-            ref="proTable"
-            highlight-current-row
-            :columns="columns"
-            :request-api="getTableList"
-            :data-callback="dataCallback"
-            :init-param="initParam"
-            :is-displayed="isDisplayed"
-            :is-search-location="isSearchLocation"
-        >
-            <!-- 表格 header 按钮 -->
-            <template #tableHeader="scope">
-                <el-button type="primary" style="display: none" :icon="CirclePlus" @click="openDrawer(true)">
-                    新增小说章节
-                </el-button>
-                <el-button
-                    style="display: none"
-                    type="danger"
-                    :icon="Delete"
-                    plain
-                    :disabled="!scope.isSelected"
-                    @click="batchDelete(scope.selectedList)"
-                >
-                    批量删除章节
-                </el-button>
-            </template>
-            <!-- 表格操作 -->
-            <template #operation="scope">
-                <el-button type="primary" link :icon="EditPen" @click="openDrawer(false, scope.row)">编辑</el-button>
-                <el-button type="danger" link :icon="Delete" @click="deleteAccount(scope.row)">删除</el-button>
-            </template>
-        </ProTable>
-        <template #footer>
-            <el-button @click="drawerVisible = false">取消</el-button>
-            <el-button @click="drawerVisible = false" type="primary">确定</el-button>
-        </template>
-        <ChapterDrawer ref="chapterDrawerRef" />
-    </el-drawer>
-</template>
-
-<script setup lang="tsx" name="UserDrawer">
-import { ref, reactive } from "vue";
-import ProTable from "@/components/ProTable/index.vue";
-import { ColumnProps, ProTableInstance } from "@/components/ProTable/interface";
-import { useHandleData } from "@/hooks/useHandleData";
-import { Delete, EditPen, CirclePlus } from "@element-plus/icons-vue";
-import { ChapterList } from "@/api/interface/novel/chapter";
-import { getList, saveData, deleteItem } from "@/api/modules/novel/chapter";
-import ChapterDrawer from "../component/chapterDrawer.vue";
-// ProTable 实例
-const proTable = ref<ProTableInstance>();
-
-// 如果表格需要初始化请求参数，直接定义传给 ProTable(之后每次请求都会自动带上该参数，此参数更改之后也会一直带上，改变此参数会自动刷新表格数据)
-const initParam = reactive({
-    xsxq_id: 0,
-    limit: 15,
-    page: 1
-});
-
-const dataCallback = (data: any) => {
-    return {
-        items: data.items,
-        total: data.total,
-        total_page: data.total_pages,
-        page: initParam.page,
-        limit: initParam.limit
-    };
-};
-
-const getTableList = (params: any) => {
-    let newParams = JSON.parse(JSON.stringify(params));
-    initParam.page = newParams.page;
-    initParam.limit = newParams.limit;
-    return getList(newParams);
-};
-
-const isDisplayed = ref<any>(false);
-const isSearchLocation = ref<any>(false);
-
-// 表格配置项
-const columns = reactive<ColumnProps<ChapterList.ResList>[]>([
-    { type: "selection", fixed: "left", width: 50 },
-    {
-        prop: "key",
-        label: "搜索内容",
-        isShow: false,
-        search: {
-            el: "input"
-        }
-    },
-    {
-        prop: "xszj_id",
-        label: "ID",
-        width: 80
-    },
-    {
-        prop: "xszj_pai_xu",
-        label: "章节序号",
-        width: 100
-    },
-    {
-        prop: "xszj_ming_zi",
-        label: "章节标题"
-    },
-    {
-        prop: "xszj_nei_rong",
-        label: "章节内容",
-        showOverflowTooltip: true,
-        render(scope) {
-            return (
-                <div class="fixed-width" v-html={scope.row.xszj_nei_rong}>
-                    {scope.row.xszj_nei_rong}
-                </div>
-            );
-        }
-    },
-    { prop: "created_at", label: "添加时间", width: 170 }
-    // { prop: "operation", label: "操作", fixed: "right", width: 200 }
-]);
-
-const drawerVisible = ref(false);
-// 接收父组件传过来的参数
-const acceptParams = (xsxq_id: number) => {
-    drawerVisible.value = true;
-    initParam.xsxq_id = xsxq_id;
-};
-
-// 删除章节
-const deleteAccount = async (params: ChapterList.ResList) => {
-    await useHandleData(deleteItem, { xszj_id: params.xszj_id, xsxq_id: initParam.xsxq_id }, "删除所选信息");
-    proTable.value?.getTableList();
-};
-
-// 批量删除章节
-const batchDelete = async (id: any[]) => {
-    const ids = id.map((item: ChapterList.ResList) => item.xszj_id);
-    await useHandleData(deleteItem, { xszj_id: ids.join(","), xsxq_id: initParam.xsxq_id }, "删除所选信息");
-    proTable.value?.clearSelection();
-    proTable.value?.getTableList();
-};
-
-// 打开 drawer(新增、编辑)
-const chapterDrawerRef = ref<InstanceType<typeof ChapterDrawer> | null>(null);
-
-const openDrawer = (isEdit: boolean, row: Partial<ChapterList.ResList> = {}) => {
-    row.xsxq_id = initParam.xsxq_id;
-    const params = {
-        title: isEdit ? "新增小说章节" : "编辑小说章节",
-        row: { ...row },
-        api: saveData,
-        getTableList: proTable.value?.getTableList
-    };
-    chapterDrawerRef.value?.acceptParams(params as any);
-};
-
-defineExpose({
-    acceptParams
-});
-</script>
-<style lang="scss" scoped>
-.demo-form-inline {
-    .el-form-item {
-        width: 420px;
-    }
-    :deep(.el-form-item__content) {
-        display: flex;
-        flex-wrap: nowrap;
-        align-items: flex-start;
-        .tips {
-            margin-left: 10px;
-            font-size: 12px;
-            color: #999999;
-        }
-    }
-}
-.btn-group {
-    text-align: center;
-}
-</style>
diff --git a/src/views/video/drawer.vue b/src/views/video/drawer.vue
deleted file mode 100644
index 9a34806..0000000
--- a/src/views/video/drawer.vue
+++ /dev/null
@@ -1,457 +0,0 @@
-<template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="720" :title="`${drawerProps.title}`">
-        <el-form
-            ref="ruleFormRef"
-            label-width="90px"
-            label-suffix=" :"
-            :rules="rules"
-            :disabled="drawerProps.isView"
-            :model="drawerProps.row"
-            :hide-required-asterisk="drawerProps.isView"
-        >
-            <el-form-item v-for="e in formColumns" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
-                <template v-if="e.type === 'switch'">
-                    <el-switch
-                        v-model="e.value"
-                        :active-value="`${1}`"
-                        :inactive-value="`${0}`"
-                        active-text="上架"
-                        inactive-text="下架"
-                    />
-                </template>
-                <template v-if="e.type === 'switch-index'">
-                    <el-switch
-                        v-model="e.value"
-                        :active-value="`${1}`"
-                        :inactive-value="`${0}`"
-                        active-text="是"
-                        inactive-text="否"
-                    />
-                </template>
-                <template v-if="e.type === 'radio'">
-                    <el-radio-group v-model="e.value" class="ml-4">
-                        <el-radio v-for="item in e.options" :key="item.value" :value="item.value" size="large">{{
-                            item.label
-                        }}</el-radio>
-                    </el-radio-group>
-                </template>
-                <template v-if="e.type === 'select'">
-                    <el-select filterable v-model="e.value" :placeholder="`请选择${e.label}`" clearable>
-                        <el-option
-                            v-for="(item, index) in e.options"
-                            :key="index"
-                            :label="getField(item, e.fieldNames?.label)"
-                            :value="getField(item, e.fieldNames?.value)"
-                        />
-                    </el-select>
-                </template>
-                <template v-if="e.type === 'text'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'text-i'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'text-num'">
-                    <el-input v-model="e.value" type="number" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'textarea'">
-                    <el-input
-                        type="textarea"
-                        v-model="e.value"
-                        maxlength="3650"
-                        :placeholder="`请输入${e.label}`"
-                        show-word-limit
-                    />
-                </template>
-                <template v-if="e.type === 'tag'">
-                    <div class="tag-more-s">
-                        <el-input
-                            v-model="drawerProps.row.searchText"
-                            placeholder="请输入搜索内容"
-                            clearable
-                            @input="handleSearch"
-                        />
-                        <div>
-                            <span>选中标签:</span>
-                            <div class="tag-more-h">
-                                <el-checkbox-group v-model="TagList" @change="placeableCheckedCitiesChange">
-                                    <el-checkbox-button
-                                        class="vip-power"
-                                        v-for="item in matchingObjects"
-                                        :value="item.t_id"
-                                        :key="item.t_id"
-                                    >
-                                        {{ item.t_name }}
-                                    </el-checkbox-button>
-                                </el-checkbox-group>
-                            </div>
-                        </div>
-                        <div>
-                            <span>未选中标签:</span>
-                            <div class="tag-more-h">
-                                <el-checkbox-group v-model="TagList" @change="placeableCheckedCitiesChange">
-                                    <el-checkbox-button
-                                        class="vip-power"
-                                        v-for="item in nonMatchingObjects"
-                                        :value="item.t_id"
-                                        :key="item.t_id"
-                                    >
-                                        {{ item.t_name }}
-                                    </el-checkbox-button>
-                                </el-checkbox-group>
-                            </div>
-                        </div>
-                    </div>
-                </template>
-                <template v-if="e.type === 'text-i'">
-                    <UploadImg disabled v-model:image-url="drawerProps.row!.n_cover" width="135px" height="135px" :file-size="3">
-                        <template #empty>
-                            <el-icon><Avatar /></el-icon>
-                            <span>请上传封面</span>
-                        </template>
-                    </UploadImg>
-                </template>
-            </el-form-item>
-        </el-form>
-        <template #footer>
-            <el-button @click="drawerVisible = false">取消</el-button>
-            <el-button v-show="!drawerProps.isView" type="primary" @click="handleSubmit">确定</el-button>
-        </template>
-    </el-drawer>
-</template>
-
-<script setup lang="ts" name="UserDrawer">
-import { ref, computed, reactive } from "vue";
-import { ElMessage, FormInstance } from "element-plus";
-import { NovelList } from "@/api/interface/novel/list";
-import { arrNovelType } from "@/utils/serviceDict";
-import { getTypeList } from "@/api/modules/tag/list";
-import UploadImg from "@/components/Upload/Img.vue";
-import { extractURI } from "@/utils/eleValidate";
-type Options = {
-    label: string;
-    value: string | number;
-};
-
-interface Item {
-    t_id: any;
-    uri: any;
-}
-const getField = (item: any, fieldName: string | undefined) => {
-    return fieldName ? item[fieldName] : "";
-};
-type Fields = {
-    label: string;
-    prop: string;
-    type: string;
-    value: any;
-    required: boolean;
-    options?: Options[];
-    fieldNames?: { label: string; value: string };
-};
-const generateRules = (fields: Fields[]) => {
-    return fields.reduce(
-        (acc, field) => {
-            const { type, required, label, prop } = field;
-            let message = "";
-            if (type === "select") {
-                message = `请选择${label}`;
-            }
-            if (type === "tag") {
-                message = `请选择${label}`;
-            }
-            if (type === "radio") {
-                message = `请选择${label}`;
-            }
-            if (type === "text") {
-                message = `请输入${label}`;
-            }
-            if (type === "text-i") {
-                message = `请输入${label}`;
-            }
-            if (type === "text-num") {
-                message = `请输入${label}`;
-            }
-            if (type === "image") {
-                message = `请上传${label}`;
-            }
-            if (type === "image-more") {
-                message = `请上传${label}`;
-            }
-            acc[prop] = [{ required, message }];
-            return acc;
-        },
-        {} as Record<string, any>
-    );
-};
-
-const TagList = ref([] as any);
-const arrTagList = ref([] as any);
-const arrNewTagList = ref([] as any);
-const matchingObjects = ref([] as any); //选中相同
-const nonMatchingObjects = ref([] as any); //没有选中的
-const matchingObjectsA = ref([] as any); //选中相同
-const nonMatchingObjectsB = ref([] as any); //没有选中的
-const getTagList = async () => {
-    try {
-        const initParam = reactive({
-            t_type: 3,
-            limit: 3650,
-            page: 1,
-            t_hidden: 1
-        });
-        const siteRes = await getTypeList(initParam);
-        arrTagList.value = siteRes.data.item;
-        arrNewTagList.value = siteRes.data.item;
-        matchingObjects.value = [];
-        matchingObjectsA.value = [];
-        // 遍历第一个数组的每个元素
-        TagList.value.forEach(index => {
-            // 遍历第二个数组的每个元素
-            arrNewTagList.value.forEach(obj => {
-                // 如果第二个数组中的元素的t_id与第一个数组中的元素相同，则将其添加到新数组中
-                if (obj.t_id === index) {
-                    matchingObjects.value = [...matchingObjects.value, obj];
-                    matchingObjectsA.value = [...matchingObjectsA.value, obj];
-                    const matchingIds = matchingObjectsA.value.map(obj => obj.t_id);
-                    TagList.value = matchingIds;
-                }
-            });
-        });
-        // 创建一个新数组，包含objectArray中id不存在于arrayA的元素
-        nonMatchingObjects.value = arrNewTagList.value.filter(obj => !TagList.value.includes(obj.t_id));
-        nonMatchingObjectsB.value = arrNewTagList.value.filter(obj => !TagList.value.includes(obj.t_id));
-    } catch (error) {
-        console.log(error);
-    }
-};
-
-// 处理搜索事件
-function handleSearch() {
-    // 在输入事件中实时更新过滤后的标签列表
-    filteredTagList();
-}
-function filteredTagList() {
-    if (drawerProps.value.row!.searchText.length > 0) {
-        let arrData = arrTagList.value.filter(tag =>
-            tag.t_name.toLowerCase().includes(drawerProps.value.row!.searchText.toLowerCase())
-        );
-        if (arrData.length > 0) {
-            matchingObjects.value = matchingObjects.value.filter(objA => arrData.some(objB => objB.t_id === objA.t_id));
-            nonMatchingObjects.value = nonMatchingObjects.value.filter(objA => arrData.some(objB => objB.t_id === objA.t_id));
-        } else {
-            matchingObjects.value = [];
-            nonMatchingObjects.value = [];
-        }
-    } else {
-        matchingObjects.value = matchingObjectsA.value;
-        nonMatchingObjects.value = nonMatchingObjectsB.value;
-    }
-}
-
-//标签数组
-async function placeableCheckedCitiesChange(value) {
-    matchingObjects.value = [];
-    matchingObjectsA.value = [];
-    drawerProps.value.row.n_tags = value;
-    // 遍历第一个数组的每个元素
-    TagList.value.forEach(index => {
-        // 遍历第二个数组的每个元素
-        arrNewTagList.value.forEach(obj => {
-            // 如果第二个数组中的元素的t_id与第一个数组中的元素相同，则将其添加到新数组中
-            if (obj.t_id === index) {
-                matchingObjects.value = [...matchingObjects.value, obj];
-                matchingObjectsA.value = [...matchingObjectsA.value, obj];
-                const matchingIds = matchingObjectsA.value.map(obj => obj.t_id);
-                TagList.value = matchingIds;
-            }
-        });
-    });
-    nonMatchingObjects.value = arrNewTagList.value.filter(obj => !TagList.value.includes(obj.t_id));
-    nonMatchingObjectsB.value = arrNewTagList.value.filter(obj => !TagList.value.includes(obj.t_id));
-}
-const formColumns = computed((): Fields[] => {
-    return [
-        {
-            label: "小说名称",
-            prop: "n_name",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.n_name;
-            },
-            set value(val) {
-                drawerProps.value.row!.n_name = val;
-            },
-            required: true
-        },
-        {
-            label: "小说作者",
-            prop: "n_author",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.n_author;
-            },
-            set value(val) {
-                drawerProps.value.row!.n_author = val;
-            },
-            required: true
-        },
-        {
-            label: "来源 ID",
-            prop: "n_source_id",
-            type: "text-num",
-            get value() {
-                return drawerProps.value.row!.n_source_id;
-            },
-            set value(val) {
-                drawerProps.value.row!.n_source_id = val;
-            },
-            required: true
-        },
-        {
-            label: "小说状态",
-            prop: "n_at_status",
-            type: "switch",
-            get value() {
-                return String(drawerProps.value.row!.n_at_status);
-            },
-            set value(val) {
-                drawerProps.value.row!.n_at_status = val;
-            },
-            required: true
-        },
-        {
-            label: "小说类型",
-            prop: "n_type",
-            type: "radio",
-            get value() {
-                return drawerProps.value.row!.n_type;
-            },
-            set value(val) {
-                drawerProps.value.row!.n_type = val;
-            },
-            options: arrNovelType,
-            fieldNames: { label: "label", value: "value" },
-            required: true
-        },
-        // {
-        //     label: "首页轮播状态",
-        //     prop: "n_slide_status",
-        //     type: "switch-index",
-        //     get value() {
-        //         return String(drawerProps.value.row!.n_slide_status);
-        //     },
-        //     set value(val) {
-        //         drawerProps.value.row!.n_slide_status = val;
-        //     },
-        //     required: true
-        // },
-
-        // {
-        //     label: "封面",
-        //     prop: "n_cover",
-        //     type: "text-i",
-        //     get value() {
-        //         return drawerProps.value.row!.n_cover;
-        //     },
-        //     set value(val) {
-        //         drawerProps.value.row!.n_cover = val;
-        //     },
-        //     required: true
-        // },
-        {
-            label: "小说标签",
-            prop: "n_tags",
-            type: "tag",
-            get value() {
-                return drawerProps.value.row!.n_tags;
-            },
-            set value(val) {
-                drawerProps.value.row!.n_tags = val;
-            },
-            options: arrTagList.value,
-            fieldNames: { label: "label", value: "value" },
-            required: true
-        }
-    ];
-});
-const rules = ref();
-
-interface DrawerProps {
-    title: string;
-    isView: boolean;
-    row: Partial<NovelList.ResList>;
-    api?: (params: any) => Promise<any>;
-    getTableList?: () => void;
-}
-
-const drawerVisible = ref(false);
-const drawerProps = ref<DrawerProps>({
-    isView: false,
-    title: "",
-    row: {}
-});
-
-// 接收父组件传过来的参数
-const acceptParams = (params: DrawerProps) => {
-    drawerProps.value = params;
-    rules.value = generateRules(formColumns.value);
-    drawerVisible.value = true;
-    TagList.value = [];
-    if (drawerProps.value.title === "新增小说") {
-        drawerProps.value.row!.n_type = 0;
-    }
-    if (drawerProps.value.row.n_cover) {
-        drawerProps.value.row.n_cover_code = drawerProps.value.row.n_cover.code;
-        drawerProps.value.row.n_cover = drawerProps.value.row.n_cover_detail;
-    }
-    if (drawerProps.value.row.n_tags) {
-        TagList.value = drawerProps.value.row.n_tags.map((obj: Item) => obj.t_id).map(Number);
-    }
-    getTagList();
-};
-
-// 提交数据（新增/编辑）
-const ruleFormRef = ref<FormInstance>();
-const handleSubmit = () => {
-    ruleFormRef.value!.validate(async valid => {
-        if (!valid) return;
-        try {
-            const params = { ...drawerProps.value.row };
-            let arrData = {
-                uri: extractURI(params.n_cover),
-                code: params.n_cover_code
-            };
-
-            params.n_cover = arrData;
-            params.n_tags = TagList.value;
-            await drawerProps.value.api!(params);
-            ElMessage.success({ message: `${drawerProps.value.title}成功！` });
-            drawerProps.value.getTableList!();
-            drawerVisible.value = false;
-        } catch (error) {
-            console.log(error);
-        }
-    });
-};
-
-defineExpose({
-    acceptParams
-});
-</script>
-<style lang="scss">
-.el-checkbox-button__inner {
-    margin-right: 10px;
-    margin-bottom: 10px;
-    border-left-color: #dcdfe6 !important;
-}
-.tag-more-h {
-    margin-bottom: 10px;
-}
-.tag-more-s {
-    width: 100%;
-    padding: 10px;
-    border: 1px solid black;
-    box-shadow: 0 0 4px 2px rgb(0 0 0 / 90%);
-}
-</style>
diff --git a/src/views/video/fenlei/index.vue b/src/views/video/fenlei/index.vue
index 786b889..2caf413 100644
--- a/src/views/video/fenlei/index.vue
+++ b/src/views/video/fenlei/index.vue
@@ -7,29 +7,29 @@
             :request-api="getTableList"
             :data-callback="dataCallback"
         >
+            <template #empty>
+                <el-empty description="暂无视频分类" />
+            </template>
         </ProTable>
     </div>
 </template>
 
 <script setup lang="tsx" name="complexProTable">
 import { reactive, ref } from "vue";
-import { fenLeiList } from "@/api/interface/novel/fenlei";
+import { fenLeiList } from "@/api/interface/video/fenlei";
 import ProTable from "@/components/ProTable/index.vue";
 import { ProTableInstance, ColumnProps } from "@/components/ProTable/interface";
 import { getList } from "@/api/modules/video/fenlei";
 
-// ProTable 实例
 const proTable = ref<ProTableInstance>();
 
 const initParam = reactive({
-    limit: 15,
+    limit: 25,
     page: 1
 });
 
 const dataCallback = (data: any) => {
-    console.log(data);
-    // 转换为数组
-    const arr = Object.entries(data).map(([fl_id, fl_name]) => ({ fl_id: fl_id, fl_name }));
+    const arr = Object.entries(data).map(([fl_id, fl_name]) => ({ fl_id, fl_name }));
     return {
         items: arr,
         total: arr.length,
@@ -46,29 +46,28 @@ const getTableList = (params: any) => {
     return getList(newParams);
 };
 
-// 表格配置项
-const columns = reactive<ColumnProps<fenLeiList.ResList>[]>([
+const columns = ref<ColumnProps[]>([
     { type: "selection", fixed: "left", width: 50 },
     {
         prop: "key",
-        label: "搜索内容",
+        label: "分类名称 / 分类标识",
         isShow: false,
         search: {
-            el: "input"
+            el: "input",
+            props: {
+                placeholder: "请输入分类名称或分类标识"
+            }
         }
     },
     {
         prop: "fl_name",
-        label: "分类名称"
+        label: "分类名称",
+        showOverflowTooltip: true
     },
     {
         prop: "fl_id",
-        label: "分类拼音"
+        label: "分类标识",
+        showOverflowTooltip: true
     }
-
-    // {
-    //     prop: "fl_pinyin",
-    //     label: "拼音"
-    // }
 ]);
 </script>
diff --git a/src/views/video/index.vue b/src/views/video/index.vue
index 89d3175..a1b9900 100644
--- a/src/views/video/index.vue
+++ b/src/views/video/index.vue
@@ -7,89 +7,37 @@
             :request-api="getTableList"
             :data-callback="dataCallback"
         >
-            <!-- 表格 header 按钮 -->
-            <template #tableHeader="scope">
-                <el-button type="primary" :icon="CirclePlus" @click="openSetDrawerRef(true)">批量设置等级</el-button>
-                <el-button type="primary" :icon="CirclePlus" @click="openSetPfDrawerRef(true)">批量设置票房</el-button>
-                <el-button type="primary" style="display: none" :icon="CirclePlus" @click="openDrawer(true)">新增</el-button>
-                <el-button
-                    style="display: none"
-                    type="danger"
-                    :icon="Delete"
-                    plain
-                    :disabled="!scope.isSelected"
-                    @click="batchDelete(scope.selectedList)"
-                >
-                    批量删除
-                </el-button>
+            <template #empty>
+                <el-empty description="暂无视频数据" />
             </template>
-            <!-- 表格操作 -->
-            <template #operation="scope">
-                <el-button type="success" link :icon="ChatLineSquare" @click="openChapterDrawer(scope.row)">章节</el-button>
-                <el-button type="primary" style="display: none" link :icon="EditPen" @click="openDrawer(false, scope.row)">
-                    编辑
-                </el-button>
-                <el-button type="danger" style="display: none" link :icon="Delete" @click="deleteAccount(scope.row)">
-                    删除
-                </el-button>
+            <template #tableHeader>
+                <el-button type="primary" :icon="CirclePlus" @click="openSetDrawerRef">批量设置等级</el-button>
+                <el-button type="primary" :icon="CirclePlus" @click="openSetPfDrawerRef">批量设置票房</el-button>
             </template>
         </ProTable>
-        <Drawer ref="drawerRef" />
         <SetDrawer ref="setDrawerRef" />
         <SetPfDrawer ref="setPfDrawerRef" />
-        <ChapterDrawer ref="chapterDrawerRef" />
     </div>
 </template>
 
 <script setup lang="tsx" name="complexProTable">
-import { defineComponent, onMounted, h } from "vue";
 import { reactive, ref } from "vue";
 import { VideoList } from "@/api/interface/video/list";
-import { useHandleData } from "@/hooks/useHandleData";
 import ProTable from "@/components/ProTable/index.vue";
-import { Delete, EditPen, CirclePlus, ChatLineSquare } from "@element-plus/icons-vue";
+import { CirclePlus } from "@element-plus/icons-vue";
 import { ProTableInstance, ColumnProps } from "@/components/ProTable/interface";
 import { getVideoList, setBoxOffice, setLevel } from "@/api/modules/video/list";
-import Drawer from "./drawer.vue";
 import SetDrawer from "./setDrawer.vue";
 import SetPfDrawer from "./setPfDrawer.vue";
-import ChapterDrawer from "./components/chapter.vue";
-import { getAllList } from "@/api/modules/video/fenlei";
-// import { LOSE_STR_KEY, LOGIN_URL } from "@/config";
-import router from "@/routers";
-import { getEndpointAllApi } from "@/api/modules/system/endpoint";
 
-//端点列表
-const Endpoints = ref([] as any);
-// ProTable 实例
 const proTable = ref<ProTableInstance>();
 
-//小说分类
-// const getFenLeiList = ref([] as any);
-// getAllList().then(res => {
-//     if (res.code === LOSE_STR_KEY) {
-//         router.replace(LOGIN_URL);
-//         return;
-//     }
-//     getFenLeiList.value = res.data.items;
-// });
-
 const initParam = reactive({
-    limit: 15,
+    limit: 25,
     page: 1
 });
 
 const dataCallback = (data: any) => {
-    console.log(data);
-    // data.items.forEach((item: any) => {
-    //     const DataString = JSON.parse(item.xsxq_feng_mian);
-    //     const found = Endpoints.value.find(item2 => item2.zydd_code === DataString.code);
-    //     if (found && found.zydd_domain) {
-    //         item["https_cover_url"] = found.zydd_domain + DataString.uri;
-    //     } else {
-    //         item["https_cover_url"] = import.meta.env.VITE_API_URL + DataString.uri;
-    //     }
-    // });
     return {
         items: data.data,
         total: data.total,
@@ -100,39 +48,31 @@ const dataCallback = (data: any) => {
 };
 
 const getTableList = async (params: any) => {
-    // 获取 getEndpointAllApi 的返回值
-    // const Configs = await getEndpointAllApi();
-    // Endpoints.value = Configs.data.items;
     let newParams = JSON.parse(JSON.stringify(params));
     initParam.page = newParams.page;
     initParam.limit = newParams.limit;
     return getVideoList(newParams);
 };
 
-/**
-
-created_at
-: 
-{$date: {…}}
-
- */
-
-// 表格配置项
-const columns = reactive<ColumnProps<VideoList.ResList>[]>([
+const columns = ref<ColumnProps[]>([
     { type: "selection", fixed: "left", width: 50 },
     {
         prop: "key",
-        label: "搜索内容",
+        label: "视频名称 / ID",
         isShow: false,
         search: {
-            el: "input"
+            el: "input",
+            props: {
+                placeholder: "请输入视频名称或 ID"
+            }
         }
     },
 
     {
         prop: "v_name",
-        label: "名称",
-        width: 120
+        label: "视频名称",
+        width: 180,
+        showOverflowTooltip: true
     },
     {
         prop: "v_level",
@@ -142,8 +82,9 @@ const columns = reactive<ColumnProps<VideoList.ResList>[]>([
 
     {
         prop: "v_name_en",
-        label: "拼音",
-        width: 120
+        label: "拼音标识",
+        width: 150,
+        showOverflowTooltip: true
     },
 
     {
@@ -169,166 +110,58 @@ const columns = reactive<ColumnProps<VideoList.ResList>[]>([
     },
     {
         prop: "v_actor",
-        label: "演员"
+        label: "演员",
+        showOverflowTooltip: true
     },
     {
         prop: "v_director",
-        label: "导演"
+        label: "导演",
+        showOverflowTooltip: true
     },
 
     {
         prop: "v_parent_category",
-        label: "顶级分类",
+        label: "主分类",
         width: 120
     },
     {
         prop: "v_category",
-        label: "分类",
-        width: 120
+        label: "子分类",
+        width: 120,
+        showOverflowTooltip: true
     },
 
     {
         prop: "v_description",
-        label: "描述"
+        label: "视频简介",
+        showOverflowTooltip: true
     },
-    // {
-    //     prop: "n_site_name",
-    //     label: "源站"
-    // },
-
-    // { prop: "xsxq_source_code", label: "源码", width: 200 },
-    // { prop: "xsxq_zi_shu", label: "字数", width: 150 },
-    // { prop: "xsxq_jie_shao", label: "描述", width: 200 },
-    // { prop: "xsxq_geng_xin_shi_jian", label: "最后更新时间", width: 170 },
-    // { prop: "created_at", label: "添加时间", width: 170 },
     { prop: "v_publish_date", label: "更新时间", width: 170 }
-    // { prop: "operation", label: "操作", fixed: "right", width: 100 }
 ]);
 
-// 删除小说信息
-const deleteAccount = async (params: VideoList.ResList) => {
-    await useHandleData(deleteItem, { xsxq_id: params.xsxq_id }, "删除所选信息");
-    proTable.value?.getTableList();
-};
-
-// 批量删除小说信息
-const batchDelete = async (id: any[]) => {
-    const ids = id.map((item: VideoList.ResList) => item.xsxq_id);
-    await useHandleData(deleteItem, { xsxq_id: ids.join(",") }, "删除所选信息");
-    proTable.value?.clearSelection();
-    proTable.value?.getTableList();
-};
-// 打开 drawer(新增、编辑)
-const drawerRef = ref<InstanceType<typeof Drawer> | null>(null);
-const openDrawer = (isEdit: boolean, row: Partial<VideoList.ResList> = {}) => {
-    const params = {
-        title: isEdit ? "新增" : "编辑",
-        row: { ...row },
-        api: saveData,
-        getTableList: proTable.value?.getTableList
-    };
-    drawerRef.value?.acceptParams(params as any);
-};
-
-// 批量设置推荐等级
 const setDrawerRef = ref<InstanceType<typeof SetDrawer> | null>(null);
-const openSetDrawerRef = (isEdit: boolean, row: Partial<VideoList.ResList> = {}) => {
+const openSetDrawerRef = () => {
     const params = {
-        title: "批量设置等级",
-        row: { ...row },
+        title: "批量设置视频等级",
+        row: {},
         api: setLevel,
-        getTableList: proTable.value?.getTableList
+        getTableList: proTable.value?.getTableList,
+        successMessage: "视频等级批量设置完成，已刷新列表"
     };
     setDrawerRef.value?.acceptParams(params as any);
 };
 
-// 批量设置推荐票房
 const setPfDrawerRef = ref<InstanceType<typeof SetPfDrawer> | null>(null);
-const openSetPfDrawerRef = (isEdit: boolean, row: Partial<VideoList.ResList> = {}) => {
+const openSetPfDrawerRef = () => {
     const params = {
-        title: "批量设置票房",
-        row: { ...row },
+        title: "批量设置视频票房",
+        row: {},
         api: setBoxOffice,
-        getTableList: proTable.value?.getTableList
+        getTableList: proTable.value?.getTableList,
+        successMessage: "视频票房批量设置完成，已刷新列表"
     };
     setPfDrawerRef.value?.acceptParams(params as any);
 };
-
-// 章节
-const chapterDrawerRef = ref<InstanceType<typeof ChapterDrawer> | null>(null);
-const openChapterDrawer = (row: Partial<VideoList.ResList> = {}) => {
-    chapterDrawerRef.value?.acceptParams(row.xsxq_id!);
-};
-
-// 异步加载图片组件
-const AsyncImageComponent = defineComponent({
-    props: {
-        url: {
-            type: String,
-            required: true
-        }
-    },
-    setup(props) {
-        const imageUrl = ref("");
-        const isLoading = ref(true);
-        const error = ref(null);
-
-        onMounted(async () => {
-            try {
-                const data = await fetchImageData(props.url);
-                const decodedImage = decode(data);
-                imageUrl.value = decodedImage;
-                isLoading.value = false;
-            } catch (err) {
-                console.error("Error converting image to base64:", err);
-                error.value = err;
-                isLoading.value = false;
-            }
-        });
-
-        return () => {
-            if (isLoading.value) {
-                return h("el-image", { src: "Loading..." });
-            }
-
-            if (error.value) {
-                return h("el-image", { src: "无法加载" });
-            }
-            return (
-                <el-image
-                    style="width: 98%; height: 30px;display: flex;align-items: center;"
-                    src={imageUrl.value}
-                    preview-src-list={[imageUrl.value]}
-                    hide-on-click-modal={true}
-                    z-index={999999999}
-                    preview-teleported={true}
-                    // fit="contain"
-                    fit="cover"
-                />
-            );
-        };
-    }
-});
-
-// 获取图片数据
-async function fetchImageData(url) {
-    const response = await fetch(url);
-    const data = await response.arrayBuffer();
-    return data;
-}
-
-// 解码图片函数
-function decode(data, key = 0x88) {
-    let binary = "";
-    let bytes = new Uint8Array(data);
-    let len = bytes.byteLength;
-    for (let i = 0; i < len; i++) {
-        binary += String.fromCharCode(bytes[i] ^ key);
-    }
-    let src = window.btoa(binary);
-    let image = "data:image/jpeg;base64," + src;
-    return image;
-}
 </script>
 
 <style lang="scss">
diff --git a/src/views/video/setDrawer.vue b/src/views/video/setDrawer.vue
index 22b1cd3..bc12c44 100644
--- a/src/views/video/setDrawer.vue
+++ b/src/views/video/setDrawer.vue
@@ -1,5 +1,5 @@
 <template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="720" :title="`${drawerProps.title}`">
+    <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="720" :title="drawerProps.title">
         <el-form
             ref="ruleFormRef"
             label-width="150px"
@@ -9,109 +9,18 @@
             :model="drawerProps.row"
             :hide-required-asterisk="drawerProps.isView"
         >
-            <el-form-item v-for="e in formColumns" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
-                <!-- <template v-if="e.type === 'switch'">
-                    <el-switch
-                        v-model="e.value"
-                        :active-value="`${1}`"
-                        :inactive-value="`${0}`"
-                        active-text="上架"
-                        inactive-text="下架"
-                    />
-                </template>
-                <template v-if="e.type === 'switch-index'">
-                    <el-switch
-                        v-model="e.value"
-                        :active-value="`${1}`"
-                        :inactive-value="`${0}`"
-                        active-text="是"
-                        inactive-text="否"
-                    />
-                </template> -->
-                <!-- <template v-if="e.type === 'radio'">
-                    <el-radio-group v-model="e.value" class="ml-4">
-                        <el-radio v-for="item in e.options" :key="item.value" :value="item.value" size="large">{{
-                            item.label
-                        }}</el-radio>
-                    </el-radio-group>
-                </template>
-                <template v-if="e.type === 'select'">
-                    <el-select filterable v-model="e.value" :placeholder="`请选择${e.label}`" clearable>
-                        <el-option
-                            v-for="(item, index) in e.options"
-                            :key="index"
-                            :label="getField(item, e.fieldNames?.label)"
-                            :value="getField(item, e.fieldNames?.value)"
-                        />
-                    </el-select>
-                </template> -->
-                <template v-if="e.type === 'text'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label},多个使用, 分割`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'text-i'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'text-num'">
-                    <el-input v-model="e.value" type="number" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'textarea'">
-                    <el-input
-                        type="textarea"
-                        :rows="20"
-                        v-model="e.value"
-                        maxlength="365000"
-                        :placeholder="`请输入${e.label},多个使用, 分割`"
-                        show-word-limit
-                    />
-                </template>
-                <!-- <template v-if="e.type === 'tag'">
-                    <div class="tag-more-s">
-                        <el-input
-                            v-model="drawerProps.row.searchText"
-                            placeholder="请输入搜索内容"
-                            clearable
-                            @input="handleSearch"
-                        />
-                        <div>
-                            <span>选中标签:</span>
-                            <div class="tag-more-h">
-                                <el-checkbox-group v-model="TagList" @change="placeableCheckedCitiesChange">
-                                    <el-checkbox-button
-                                        class="vip-power"
-                                        v-for="item in matchingObjects"
-                                        :value="item.t_id"
-                                        :key="item.t_id"
-                                    >
-                                        {{ item.t_name }}
-                                    </el-checkbox-button>
-                                </el-checkbox-group>
-                            </div>
-                        </div>
-                        <div>
-                            <span>未选中标签:</span>
-                            <div class="tag-more-h">
-                                <el-checkbox-group v-model="TagList" @change="placeableCheckedCitiesChange">
-                                    <el-checkbox-button
-                                        class="vip-power"
-                                        v-for="item in nonMatchingObjects"
-                                        :value="item.t_id"
-                                        :key="item.t_id"
-                                    >
-                                        {{ item.t_name }}
-                                    </el-checkbox-button>
-                                </el-checkbox-group>
-                            </div>
-                        </div>
-                    </div>
-                </template> -->
-                <!-- <template v-if="e.type === 'text-i'">
-                    <UploadImg disabled v-model:image-url="drawerProps.row!.n_cover" width="135px" height="135px" :file-size="3">
-                        <template #empty>
-                            <el-icon><Avatar /></el-icon>
-                            <span>请上传封面</span>
-                        </template>
-                    </UploadImg>
-                </template> -->
+            <el-form-item label="推荐等级" prop="v_level" required>
+                <el-input v-model="drawerProps.row.v_level" type="number" placeholder="请输入推荐等级" clearable />
+            </el-form-item>
+            <el-form-item label="视频名称" prop="keywords" required>
+                <el-input
+                    v-model="drawerProps.row.keywords"
+                    type="textarea"
+                    :rows="16"
+                    maxlength="365000"
+                    placeholder="请输入视频名称，多个使用英文逗号分隔"
+                    show-word-limit
+                />
             </el-form-item>
         </el-form>
         <template #footer>
@@ -121,177 +30,23 @@
     </el-drawer>
 </template>
 
-<script setup lang="ts" name="UserDrawer">
-import { ref, computed, reactive } from "vue";
+<script setup lang="ts" name="VideoLevelBatchDrawer">
+import { reactive, ref } from "vue";
 import { ElMessage, FormInstance } from "element-plus";
-// import { NovelList } from "@/api/interface/novel/list";
-import { arrNovelType } from "@/utils/serviceDict";
-// import { getTypeList } from "@/api/modules/tag/list";
-// import UploadImg from "@/components/Upload/Img.vue";
-import { extractURI } from "@/utils/eleValidate";
-type Options = {
-    label: string;
-    value: string | number;
-};
+import { VideoList } from "@/api/interface/video/list";
 
-interface Item {
-    t_id: any;
-    uri: any;
-}
-// const getField = (item: any, fieldName: string | undefined) => {
-//     return fieldName ? item[fieldName] : "";
-// };
-type Fields = {
-    label: string;
-    prop: string;
-    type: string;
-    value: any;
-    required: boolean;
-    options?: Options[];
-    fieldNames?: { label: string; value: string };
-};
-const generateRules = (fields: Fields[]) => {
-    return fields.reduce(
-        (acc, field) => {
-            const { type, required, label, prop } = field;
-            let message = "";
-
-            if (type === "text") {
-                message = `请输入${label}`;
-            }
-
-            if (type === "text-num") {
-                message = `请输入${label}`;
-            }
-
-            acc[prop] = [{ required, message }];
-            return acc;
-        },
-        {} as Record<string, any>
-    );
-};
-
-const TagList = ref([] as any);
-const arrTagList = ref([] as any);
-const arrNewTagList = ref([] as any);
-const matchingObjects = ref([] as any); //选中相同
-const nonMatchingObjects = ref([] as any); //没有选中的
-const matchingObjectsA = ref([] as any); //选中相同
-const nonMatchingObjectsB = ref([] as any); //没有选中的
-// const getTagList = async () => {
-//     try {
-//         const initParam = reactive({
-//             t_type: 3,
-//             limit: 3650,
-//             page: 1,
-//             t_hidden: 1
-//         });
-//         const siteRes = await getTypeList(initParam);
-//         arrTagList.value = siteRes.data.item;
-//         arrNewTagList.value = siteRes.data.item;
-//         matchingObjects.value = [];
-//         matchingObjectsA.value = [];
-//         // 遍历第一个数组的每个元素
-//         TagList.value.forEach(index => {
-//             // 遍历第二个数组的每个元素
-//             arrNewTagList.value.forEach(obj => {
-//                 // 如果第二个数组中的元素的t_id与第一个数组中的元素相同，则将其添加到新数组中
-//                 if (obj.t_id === index) {
-//                     matchingObjects.value = [...matchingObjects.value, obj];
-//                     matchingObjectsA.value = [...matchingObjectsA.value, obj];
-//                     const matchingIds = matchingObjectsA.value.map(obj => obj.t_id);
-//                     TagList.value = matchingIds;
-//                 }
-//             });
-//         });
-//         // 创建一个新数组，包含objectArray中id不存在于arrayA的元素
-//         nonMatchingObjects.value = arrNewTagList.value.filter(obj => !TagList.value.includes(obj.t_id));
-//         nonMatchingObjectsB.value = arrNewTagList.value.filter(obj => !TagList.value.includes(obj.t_id));
-//     } catch (error) {
-//         console.log(error);
-//     }
-// };
-
-// 处理搜索事件
-function handleSearch() {
-    // 在输入事件中实时更新过滤后的标签列表
-    filteredTagList();
-}
-function filteredTagList() {
-    if (drawerProps.value.row!.searchText.length > 0) {
-        let arrData = arrTagList.value.filter(tag =>
-            tag.t_name.toLowerCase().includes(drawerProps.value.row!.searchText.toLowerCase())
-        );
-        if (arrData.length > 0) {
-            matchingObjects.value = matchingObjects.value.filter(objA => arrData.some(objB => objB.t_id === objA.t_id));
-            nonMatchingObjects.value = nonMatchingObjects.value.filter(objA => arrData.some(objB => objB.t_id === objA.t_id));
-        } else {
-            matchingObjects.value = [];
-            nonMatchingObjects.value = [];
-        }
-    } else {
-        matchingObjects.value = matchingObjectsA.value;
-        nonMatchingObjects.value = nonMatchingObjectsB.value;
-    }
-}
-
-//标签数组
-async function placeableCheckedCitiesChange(value) {
-    matchingObjects.value = [];
-    matchingObjectsA.value = [];
-    drawerProps.value.row.n_tags = value;
-    // 遍历第一个数组的每个元素
-    TagList.value.forEach(index => {
-        // 遍历第二个数组的每个元素
-        arrNewTagList.value.forEach(obj => {
-            // 如果第二个数组中的元素的t_id与第一个数组中的元素相同，则将其添加到新数组中
-            if (obj.t_id === index) {
-                matchingObjects.value = [...matchingObjects.value, obj];
-                matchingObjectsA.value = [...matchingObjectsA.value, obj];
-                const matchingIds = matchingObjectsA.value.map(obj => obj.t_id);
-                TagList.value = matchingIds;
-            }
-        });
-    });
-    nonMatchingObjects.value = arrNewTagList.value.filter(obj => !TagList.value.includes(obj.t_id));
-    nonMatchingObjectsB.value = arrNewTagList.value.filter(obj => !TagList.value.includes(obj.t_id));
-}
-const formColumns = computed((): Fields[] => {
-    return [
-        {
-            label: "推荐等级",
-            prop: "v_level",
-            type: "text-num",
-            get value() {
-                return drawerProps.value.row!.v_level;
-            },
-            set value(val) {
-                drawerProps.value.row!.v_level = val;
-            },
-            required: true
-        },
-        {
-            label: "视频名字",
-            prop: "keywords",
-            type: "textarea",
-            get value() {
-                return drawerProps.value.row!.keywords;
-            },
-            set value(val) {
-                drawerProps.value.row!.keywords = val;
-            },
-            required: true
-        }
-    ];
+const rules = reactive({
+    v_level: [{ required: true, message: "请输入推荐等级" }],
+    keywords: [{ required: true, message: "请输入视频名称" }]
 });
-const rules = ref();
 
 interface DrawerProps {
     title: string;
     isView: boolean;
-    row: Partial<NovelList.ResList>;
+    row: Partial<VideoList.ResList>;
     api?: (params: any) => Promise<any>;
     getTableList?: () => void;
+    successMessage?: string;
 }
 
 const drawerVisible = ref(false);
@@ -301,45 +56,27 @@ const drawerProps = ref<DrawerProps>({
     row: {}
 });
 
-// 接收父组件传过来的参数
 const acceptParams = (params: DrawerProps) => {
-    drawerProps.value = params;
-    rules.value = generateRules(formColumns.value);
+    drawerProps.value = {
+        ...params,
+        row: { ...params.row }
+    };
     drawerVisible.value = true;
-    TagList.value = [];
-    if (drawerProps.value.title === "新增小说") {
-        drawerProps.value.row!.n_type = 0;
-    }
-    if (drawerProps.value.row.n_cover) {
-        drawerProps.value.row.n_cover_code = drawerProps.value.row.n_cover.code;
-        drawerProps.value.row.n_cover = drawerProps.value.row.n_cover_detail;
-    }
-    if (drawerProps.value.row.n_tags) {
-        TagList.value = drawerProps.value.row.n_tags.map((obj: Item) => obj.t_id).map(Number);
-    }
-    // getTagList();
 };
 
-// 提交数据（新增/编辑）
 const ruleFormRef = ref<FormInstance>();
 const handleSubmit = () => {
     ruleFormRef.value!.validate(async valid => {
         if (!valid) return;
         try {
-            const params = { ...drawerProps.value.row };
-            // let arrData = {
-            //     uri: extractURI(params.n_cover),
-            //     code: params.n_cover_code
-            // };
-
-            // params.n_cover = arrData;
-            // params.n_tags = TagList.value;
-            await drawerProps.value.api!(params);
-            ElMessage.success({ message: `${drawerProps.value.title}成功！` });
+            await drawerProps.value.api!({ ...drawerProps.value.row });
+            ElMessage.success({
+                message: drawerProps.value.successMessage || `${drawerProps.value.title}完成，已刷新列表`
+            });
             drawerProps.value.getTableList!();
             drawerVisible.value = false;
-        } catch (error) {
-            console.log(error);
+        } catch (_error) {
+            return;
         }
     });
 };
@@ -348,19 +85,3 @@ defineExpose({
     acceptParams
 });
 </script>
-<style lang="scss">
-.el-checkbox-button__inner {
-    margin-right: 10px;
-    margin-bottom: 10px;
-    border-left-color: #dcdfe6 !important;
-}
-.tag-more-h {
-    margin-bottom: 10px;
-}
-.tag-more-s {
-    width: 100%;
-    padding: 10px;
-    border: 1px solid black;
-    box-shadow: 0 0 4px 2px rgb(0 0 0 / 90%);
-}
-</style>
diff --git a/src/views/video/setPfDrawer.vue b/src/views/video/setPfDrawer.vue
index 542ee61..f64e982 100644
--- a/src/views/video/setPfDrawer.vue
+++ b/src/views/video/setPfDrawer.vue
@@ -1,5 +1,5 @@
 <template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="720" :title="`${drawerProps.title}`">
+    <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="720" :title="drawerProps.title">
         <el-form
             ref="ruleFormRef"
             label-width="150px"
@@ -9,109 +9,18 @@
             :model="drawerProps.row"
             :hide-required-asterisk="drawerProps.isView"
         >
-            <el-form-item v-for="e in formColumns" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
-                <!-- <template v-if="e.type === 'switch'">
-                    <el-switch
-                        v-model="e.value"
-                        :active-value="`${1}`"
-                        :inactive-value="`${0}`"
-                        active-text="上架"
-                        inactive-text="下架"
-                    />
-                </template>
-                <template v-if="e.type === 'switch-index'">
-                    <el-switch
-                        v-model="e.value"
-                        :active-value="`${1}`"
-                        :inactive-value="`${0}`"
-                        active-text="是"
-                        inactive-text="否"
-                    />
-                </template> -->
-                <!-- <template v-if="e.type === 'radio'">
-                    <el-radio-group v-model="e.value" class="ml-4">
-                        <el-radio v-for="item in e.options" :key="item.value" :value="item.value" size="large">{{
-                            item.label
-                        }}</el-radio>
-                    </el-radio-group>
-                </template>
-                <template v-if="e.type === 'select'">
-                    <el-select filterable v-model="e.value" :placeholder="`请选择${e.label}`" clearable>
-                        <el-option
-                            v-for="(item, index) in e.options"
-                            :key="index"
-                            :label="getField(item, e.fieldNames?.label)"
-                            :value="getField(item, e.fieldNames?.value)"
-                        />
-                    </el-select>
-                </template> -->
-                <template v-if="e.type === 'text'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label},多个使用, 分割`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'text-i'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'text-num'">
-                    <el-input v-model="e.value" type="number" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'textarea'">
-                    <el-input
-                        type="textarea"
-                        :rows="20"
-                        v-model="e.value"
-                        maxlength="365000"
-                        :placeholder="`请输入${e.label},多个使用, 分割`"
-                        show-word-limit
-                    />
-                </template>
-                <!-- <template v-if="e.type === 'tag'">
-                    <div class="tag-more-s">
-                        <el-input
-                            v-model="drawerProps.row.searchText"
-                            placeholder="请输入搜索内容"
-                            clearable
-                            @input="handleSearch"
-                        />
-                        <div>
-                            <span>选中标签:</span>
-                            <div class="tag-more-h">
-                                <el-checkbox-group v-model="TagList" @change="placeableCheckedCitiesChange">
-                                    <el-checkbox-button
-                                        class="vip-power"
-                                        v-for="item in matchingObjects"
-                                        :value="item.t_id"
-                                        :key="item.t_id"
-                                    >
-                                        {{ item.t_name }}
-                                    </el-checkbox-button>
-                                </el-checkbox-group>
-                            </div>
-                        </div>
-                        <div>
-                            <span>未选中标签:</span>
-                            <div class="tag-more-h">
-                                <el-checkbox-group v-model="TagList" @change="placeableCheckedCitiesChange">
-                                    <el-checkbox-button
-                                        class="vip-power"
-                                        v-for="item in nonMatchingObjects"
-                                        :value="item.t_id"
-                                        :key="item.t_id"
-                                    >
-                                        {{ item.t_name }}
-                                    </el-checkbox-button>
-                                </el-checkbox-group>
-                            </div>
-                        </div>
-                    </div>
-                </template> -->
-                <!-- <template v-if="e.type === 'text-i'">
-                    <UploadImg disabled v-model:image-url="drawerProps.row!.n_cover" width="135px" height="135px" :file-size="3">
-                        <template #empty>
-                            <el-icon><Avatar /></el-icon>
-                            <span>请上传封面</span>
-                        </template>
-                    </UploadImg>
-                </template> -->
+            <el-form-item label="票房" prop="v_box_office" required>
+                <el-input v-model="drawerProps.row.v_box_office" type="number" placeholder="请输入票房" clearable />
+            </el-form-item>
+            <el-form-item label="视频名称" prop="keywords" required>
+                <el-input
+                    v-model="drawerProps.row.keywords"
+                    type="textarea"
+                    :rows="16"
+                    maxlength="365000"
+                    placeholder="请输入视频名称，多个使用英文逗号分隔"
+                    show-word-limit
+                />
             </el-form-item>
         </el-form>
         <template #footer>
@@ -121,177 +30,23 @@
     </el-drawer>
 </template>
 
-<script setup lang="ts" name="UserDrawer">
-import { ref, computed, reactive } from "vue";
+<script setup lang="ts" name="VideoBoxOfficeBatchDrawer">
+import { reactive, ref } from "vue";
 import { ElMessage, FormInstance } from "element-plus";
-// import { NovelList } from "@/api/interface/novel/list";
-import { arrNovelType } from "@/utils/serviceDict";
-// import { getTypeList } from "@/api/modules/tag/list";
-// import UploadImg from "@/components/Upload/Img.vue";
-import { extractURI } from "@/utils/eleValidate";
-type Options = {
-    label: string;
-    value: string | number;
-};
+import { VideoList } from "@/api/interface/video/list";
 
-interface Item {
-    t_id: any;
-    uri: any;
-}
-// const getField = (item: any, fieldName: string | undefined) => {
-//     return fieldName ? item[fieldName] : "";
-// };
-type Fields = {
-    label: string;
-    prop: string;
-    type: string;
-    value: any;
-    required: boolean;
-    options?: Options[];
-    fieldNames?: { label: string; value: string };
-};
-const generateRules = (fields: Fields[]) => {
-    return fields.reduce(
-        (acc, field) => {
-            const { type, required, label, prop } = field;
-            let message = "";
-
-            if (type === "text") {
-                message = `请输入${label}`;
-            }
-
-            if (type === "text-num") {
-                message = `请输入${label}`;
-            }
-
-            acc[prop] = [{ required, message }];
-            return acc;
-        },
-        {} as Record<string, any>
-    );
-};
-
-const TagList = ref([] as any);
-const arrTagList = ref([] as any);
-const arrNewTagList = ref([] as any);
-const matchingObjects = ref([] as any); //选中相同
-const nonMatchingObjects = ref([] as any); //没有选中的
-const matchingObjectsA = ref([] as any); //选中相同
-const nonMatchingObjectsB = ref([] as any); //没有选中的
-// const getTagList = async () => {
-//     try {
-//         const initParam = reactive({
-//             t_type: 3,
-//             limit: 3650,
-//             page: 1,
-//             t_hidden: 1
-//         });
-//         const siteRes = await getTypeList(initParam);
-//         arrTagList.value = siteRes.data.item;
-//         arrNewTagList.value = siteRes.data.item;
-//         matchingObjects.value = [];
-//         matchingObjectsA.value = [];
-//         // 遍历第一个数组的每个元素
-//         TagList.value.forEach(index => {
-//             // 遍历第二个数组的每个元素
-//             arrNewTagList.value.forEach(obj => {
-//                 // 如果第二个数组中的元素的t_id与第一个数组中的元素相同，则将其添加到新数组中
-//                 if (obj.t_id === index) {
-//                     matchingObjects.value = [...matchingObjects.value, obj];
-//                     matchingObjectsA.value = [...matchingObjectsA.value, obj];
-//                     const matchingIds = matchingObjectsA.value.map(obj => obj.t_id);
-//                     TagList.value = matchingIds;
-//                 }
-//             });
-//         });
-//         // 创建一个新数组，包含objectArray中id不存在于arrayA的元素
-//         nonMatchingObjects.value = arrNewTagList.value.filter(obj => !TagList.value.includes(obj.t_id));
-//         nonMatchingObjectsB.value = arrNewTagList.value.filter(obj => !TagList.value.includes(obj.t_id));
-//     } catch (error) {
-//         console.log(error);
-//     }
-// };
-
-// 处理搜索事件
-function handleSearch() {
-    // 在输入事件中实时更新过滤后的标签列表
-    filteredTagList();
-}
-function filteredTagList() {
-    if (drawerProps.value.row!.searchText.length > 0) {
-        let arrData = arrTagList.value.filter(tag =>
-            tag.t_name.toLowerCase().includes(drawerProps.value.row!.searchText.toLowerCase())
-        );
-        if (arrData.length > 0) {
-            matchingObjects.value = matchingObjects.value.filter(objA => arrData.some(objB => objB.t_id === objA.t_id));
-            nonMatchingObjects.value = nonMatchingObjects.value.filter(objA => arrData.some(objB => objB.t_id === objA.t_id));
-        } else {
-            matchingObjects.value = [];
-            nonMatchingObjects.value = [];
-        }
-    } else {
-        matchingObjects.value = matchingObjectsA.value;
-        nonMatchingObjects.value = nonMatchingObjectsB.value;
-    }
-}
-
-//标签数组
-async function placeableCheckedCitiesChange(value) {
-    matchingObjects.value = [];
-    matchingObjectsA.value = [];
-    drawerProps.value.row.n_tags = value;
-    // 遍历第一个数组的每个元素
-    TagList.value.forEach(index => {
-        // 遍历第二个数组的每个元素
-        arrNewTagList.value.forEach(obj => {
-            // 如果第二个数组中的元素的t_id与第一个数组中的元素相同，则将其添加到新数组中
-            if (obj.t_id === index) {
-                matchingObjects.value = [...matchingObjects.value, obj];
-                matchingObjectsA.value = [...matchingObjectsA.value, obj];
-                const matchingIds = matchingObjectsA.value.map(obj => obj.t_id);
-                TagList.value = matchingIds;
-            }
-        });
-    });
-    nonMatchingObjects.value = arrNewTagList.value.filter(obj => !TagList.value.includes(obj.t_id));
-    nonMatchingObjectsB.value = arrNewTagList.value.filter(obj => !TagList.value.includes(obj.t_id));
-}
-const formColumns = computed((): Fields[] => {
-    return [
-        {
-            label: "票房",
-            prop: "v_box_office",
-            type: "text-num",
-            get value() {
-                return drawerProps.value.row!.v_box_office;
-            },
-            set value(val) {
-                drawerProps.value.row!.v_box_office = val;
-            },
-            required: true
-        },
-        {
-            label: "视频名字",
-            prop: "keywords",
-            type: "textarea",
-            get value() {
-                return drawerProps.value.row!.keywords;
-            },
-            set value(val) {
-                drawerProps.value.row!.keywords = val;
-            },
-            required: true
-        }
-    ];
+const rules = reactive({
+    v_box_office: [{ required: true, message: "请输入票房" }],
+    keywords: [{ required: true, message: "请输入视频名称" }]
 });
-const rules = ref();
 
 interface DrawerProps {
     title: string;
     isView: boolean;
-    row: Partial<NovelList.ResList>;
+    row: Partial<VideoList.ResList>;
     api?: (params: any) => Promise<any>;
     getTableList?: () => void;
+    successMessage?: string;
 }
 
 const drawerVisible = ref(false);
@@ -301,45 +56,27 @@ const drawerProps = ref<DrawerProps>({
     row: {}
 });
 
-// 接收父组件传过来的参数
 const acceptParams = (params: DrawerProps) => {
-    drawerProps.value = params;
-    rules.value = generateRules(formColumns.value);
+    drawerProps.value = {
+        ...params,
+        row: { ...params.row }
+    };
     drawerVisible.value = true;
-    TagList.value = [];
-    if (drawerProps.value.title === "新增") {
-        drawerProps.value.row!.n_type = 0;
-    }
-    if (drawerProps.value.row.n_cover) {
-        drawerProps.value.row.n_cover_code = drawerProps.value.row.n_cover.code;
-        drawerProps.value.row.n_cover = drawerProps.value.row.n_cover_detail;
-    }
-    if (drawerProps.value.row.n_tags) {
-        TagList.value = drawerProps.value.row.n_tags.map((obj: Item) => obj.t_id).map(Number);
-    }
-    // getTagList();
 };
 
-// 提交数据（新增/编辑）
 const ruleFormRef = ref<FormInstance>();
 const handleSubmit = () => {
     ruleFormRef.value!.validate(async valid => {
         if (!valid) return;
         try {
-            const params = { ...drawerProps.value.row };
-            // let arrData = {
-            //     uri: extractURI(params.n_cover),
-            //     code: params.n_cover_code
-            // };
-
-            // params.n_cover = arrData;
-            // params.n_tags = TagList.value;
-            await drawerProps.value.api!(params);
-            ElMessage.success({ message: `${drawerProps.value.title}成功！` });
+            await drawerProps.value.api!({ ...drawerProps.value.row });
+            ElMessage.success({
+                message: drawerProps.value.successMessage || `${drawerProps.value.title}完成，已刷新列表`
+            });
             drawerProps.value.getTableList!();
             drawerVisible.value = false;
-        } catch (error) {
-            console.log(error);
+        } catch (_error) {
+            return;
         }
     });
 };
@@ -348,19 +85,3 @@ defineExpose({
     acceptParams
 });
 </script>
-<style lang="scss">
-.el-checkbox-button__inner {
-    margin-right: 10px;
-    margin-bottom: 10px;
-    border-left-color: #dcdfe6 !important;
-}
-.tag-more-h {
-    margin-bottom: 10px;
-}
-.tag-more-s {
-    width: 100%;
-    padding: 10px;
-    border: 1px solid black;
-    box-shadow: 0 0 4px 2px rgb(0 0 0 / 90%);
-}
-</style>
diff --git a/src/views/videoFeedback/dialog.vue b/src/views/videoFeedback/dialog.vue
deleted file mode 100644
index e687f8e..0000000
--- a/src/views/videoFeedback/dialog.vue
+++ /dev/null
@@ -1,223 +0,0 @@
-<template>
-    <el-dialog
-        v-model="drawerVisible"
-        :title="drawerProps.title + '--' + drawerProps.name"
-        :destroy-on-close="true"
-        width="520px"
-        draggable
-        @close="handleClose"
-    >
-        <el-form
-            ref="ruleFormRef"
-            label-width="80px"
-            label-suffix=" :"
-            :rules="rules"
-            :disabled="drawerProps.isView"
-            :model="drawerProps.row"
-            :hide-required-asterisk="drawerProps.isView"
-        >
-            <el-form-item v-for="e in formColumns" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
-                <template v-if="e.type === 'switch'">
-                    <el-switch v-model="e.value" />
-                </template>
-                <template v-if="e.type === 'radio'">
-                    <el-radio-group v-model="e.value" class="ml-4">
-                        <el-radio v-for="item in e.options" :key="item.value" :label="item.value" size="large">{{
-                            item.label
-                        }}</el-radio>
-                    </el-radio-group>
-                </template>
-                <template v-if="e.type === 'select'">
-                    <el-select filterable v-model="e.value" :placeholder="`请选择${e.label}`" clearable>
-                        <el-option
-                            v-for="(item, index) in e.options"
-                            :key="index"
-                            :label="getField(item, e.fieldNames?.label)"
-                            :value="getField(item, e.fieldNames?.value)"
-                        />
-                    </el-select>
-                </template>
-                <template v-if="e.type === 'text'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'textarea'">
-                    <el-input
-                        type="textarea"
-                        :rows="10"
-                        v-model="e.value"
-                        maxlength="500000"
-                        :placeholder="`请输入${e.label}`"
-                        show-word-limit
-                    />
-                </template>
-                <template v-if="e.type === 'textareaMore'">
-                    <el-input
-                        type="textarea"
-                        v-model="e.value"
-                        maxlength="500000"
-                        :placeholder="`请输入${e.label}`"
-                        show-word-limit
-                    />
-                </template>
-            </el-form-item>
-        </el-form>
-        <div id="dplayerDom" style="height: 350px"></div>
-        <template #footer>
-            <el-button @click="handleClose">取消</el-button>
-            <el-button type="primary" @click="handleClose">确定</el-button>
-        </template>
-        <!-- <template #footer>
-            <el-button @click="drawerVisible = false">取消</el-button>
-            <el-button type="primary" @click="drawerVisible = false">确定</el-button>
-        </template> -->
-    </el-dialog>
-</template>
-
-<script setup lang="ts" name="UserDrawer">
-import { ref, computed, nextTick, reactive } from "vue";
-import { FormInstance } from "element-plus";
-import { VideoList } from "@/api/interface/video/list";
-import Hls from "hls.js";
-import Dplayer from "dplayer";
-
-const videoInfo = reactive({
-    url: "",
-    type: "mp4"
-});
-let dpPlayerJs;
-const onInitDplayer = async () => {
-    dpPlayerJs = new Dplayer({
-        container: document.getElementById("dplayerDom"),
-        autoplay: false, //是否自动播放
-        theme: "#FADFA3", //主题色
-        loop: true, //视频是否循环播放
-        lang: "zh-cn",
-        screenshot: false, //是否开启截图
-        hotkey: true, //是否开启热键
-        preload: "auto", //视频是否预加载
-        volume: 0.7, //默认音量
-        mutex: true, //阻止多个播放器同时播放，当前播放器播放时暂停其他播放器
-        video: {
-            url: videoInfo.url,
-            type: videoInfo.type,
-            customType: {
-                customHls: function (video) {
-                    if (Hls.isSupported()) {
-                        const hls = new Hls();
-                        video.src = videoInfo.url;
-                        hls.loadSource(video.src); // 加载 HLS 视频流
-                        hls.attachMedia(video);
-                    } else if (video.canPlayType("application/vnd.apple.mpegurl")) {
-                        // HLS.js 不支持时，直接使用 HTML5 视频播放器播放
-                        video.src = videoInfo.url;
-                    }
-                }
-            }
-        }
-    });
-    //暂停播放
-    dpPlayerJs.on("destroy", () => {
-        console.log("销毁组件");
-    });
-};
-
-type Options = {
-    label: string;
-    value: string | number;
-};
-
-const getField = (item: any, fieldName: string | undefined) => {
-    return fieldName ? item[fieldName] : "";
-};
-
-type Fields = {
-    label: string;
-    prop: string;
-    type: string;
-    value: any;
-    required: boolean;
-    options?: Options[];
-    fieldNames?: { label: string; value: string };
-};
-const generateRules = (fields: Fields[]) => {
-    return fields.reduce(
-        (acc, field) => {
-            const { type, required, label, prop } = field;
-            let message = "";
-            if (type === "select") {
-                message = `请选择${label}`;
-            }
-            if (type === "text") {
-                message = `请输入${label}`;
-            }
-            if (type === "textarea") {
-                message = `请输入${label}`;
-            }
-            if (type === "textareaMore") {
-                message = `请输入${label}`;
-            }
-            if (type === "radio") {
-                message = `请选择${label}`;
-            }
-            acc[prop] = [{ required, message }];
-            return acc;
-        },
-        {} as Record<string, any>
-    );
-};
-
-const formColumns = computed((): Fields[] => {
-    return [];
-});
-const rules = ref();
-
-interface DrawerProps {
-    title: string;
-    name: any;
-    isView: boolean;
-    row: Partial<VideoList.ResList>;
-    api?: (params: any) => Promise<any>;
-    getTableList?: () => void;
-}
-
-const drawerVisible = ref(false);
-const drawerProps = ref<DrawerProps>({
-    isView: false,
-    title: "",
-    name: "",
-    row: {}
-});
-
-// 接收父组件传过来的参数
-const acceptParams = (params: DrawerProps) => {
-    drawerProps.value = params;
-    (drawerProps.value.name = drawerProps.value.row!.v_name), (rules.value = generateRules(formColumns.value));
-    drawerVisible.value = true;
-
-    if (drawerProps.value.row!.v_play_url_detail && drawerProps.value.row!.v_play_url_detail.length > 0) {
-        const data = drawerProps.value.row!.v_play_url_detail;
-        videoInfo.url = data[0].domain;
-    }
-    nextTick(() => {
-        if (videoInfo.url.indexOf("mp4") != -1) {
-            videoInfo.type = "mp4";
-        } else {
-            videoInfo.type = "customHls";
-        }
-        onInitDplayer();
-    });
-};
-
-// 提交数据（新增/编辑）
-const ruleFormRef = ref<FormInstance>();
-function gameEnd() {
-    dpPlayerJs?.destroy();
-}
-const handleClose = () => {
-    drawerVisible.value = false;
-    gameEnd();
-};
-defineExpose({
-    acceptParams
-});
-</script>
diff --git a/src/views/videoFeedback/drawer.vue b/src/views/videoFeedback/drawer.vue
deleted file mode 100644
index 6c31748..0000000
--- a/src/views/videoFeedback/drawer.vue
+++ /dev/null
@@ -1,482 +0,0 @@
-<template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="720" :title="`${drawerProps.title}`">
-        <el-form
-            ref="ruleFormRef"
-            label-width="90px"
-            label-suffix=" :"
-            :rules="rules"
-            :disabled="drawerProps.isView"
-            :model="drawerProps.row"
-            :hide-required-asterisk="drawerProps.isView"
-        >
-            <el-form-item v-for="e in formColumns" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
-                <template v-if="e.type === 'switch'">
-                    <el-switch
-                        v-model="e.value"
-                        :active-value="`${1}`"
-                        :inactive-value="`${0}`"
-                        active-text="上架"
-                        inactive-text="下架"
-                    />
-                </template>
-                <template v-if="e.type === 'radio'">
-                    <el-radio-group v-model="e.value" class="ml-4">
-                        <el-radio v-for="item in e.options" :key="item.value" :value="item.value" size="large">{{
-                            item.label
-                        }}</el-radio>
-                    </el-radio-group>
-                </template>
-                <template v-if="e.type === 'select'">
-                    <el-select filterable multiple v-model="e.value" :placeholder="`请选择${e.label}`" clearable>
-                        <el-option
-                            v-for="(item, index) in e.options"
-                            :key="index"
-                            :label="getField(item, e.fieldNames?.label)"
-                            :value="getField(item, e.fieldNames?.value)"
-                        />
-                    </el-select>
-                </template>
-                <template v-if="e.type === 'text'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'text-i'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'text-num'">
-                    <el-input v-model="e.value" type="number" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'textarea'">
-                    <el-input
-                        type="textarea"
-                        v-model="e.value"
-                        :rows="5"
-                        maxlength="3650"
-                        :placeholder="`请输入${e.label}`"
-                        show-word-limit
-                    />
-                </template>
-                <template v-if="e.type === 'text-i'">
-                    <UploadImg disabled v-model:image-url="drawerProps.row!.v_cover" width="135px" height="135px" :file-size="3">
-                        <template #empty>
-                            <el-icon><Avatar /></el-icon>
-                            <span>请上传封面</span>
-                        </template>
-                    </UploadImg>
-                </template>
-                <template v-if="e.type === 'tag'">
-                    <div class="tag-more-s">
-                        <el-input
-                            v-model="drawerProps.row.searchText"
-                            placeholder="请输入搜索内容"
-                            clearable
-                            @input="handleSearch"
-                        />
-                        <div>
-                            <span>选中标签:</span>
-                            <div class="tag-more-h">
-                                <el-checkbox-group v-model="TagList" @change="placeableCheckedCitiesChange">
-                                    <el-checkbox-button
-                                        class="vip-power"
-                                        v-for="item in matchingObjects"
-                                        :value="item.t_id"
-                                        :key="item.t_id"
-                                    >
-                                        {{ item.t_name }}
-                                    </el-checkbox-button>
-                                </el-checkbox-group>
-                            </div>
-                        </div>
-                        <div>
-                            <span>未选中标签:</span>
-                            <div class="tag-more-h">
-                                <el-checkbox-group v-model="TagList" @change="placeableCheckedCitiesChange">
-                                    <el-checkbox-button
-                                        class="vip-power"
-                                        v-for="item in nonMatchingObjects"
-                                        :value="item.t_id"
-                                        :key="item.t_id"
-                                    >
-                                        {{ item.t_name }}
-                                    </el-checkbox-button>
-                                </el-checkbox-group>
-                            </div>
-                        </div>
-                    </div>
-                </template>
-            </el-form-item>
-        </el-form>
-        <template #footer>
-            <el-button @click="drawerVisible = false">取消</el-button>
-            <el-button v-show="!drawerProps.isView" type="primary" @click="handleSubmit">确定</el-button>
-        </template>
-    </el-drawer>
-</template>
-
-<script setup lang="ts" name="UserDrawer">
-import { ref, computed, reactive } from "vue";
-import { ElMessage, FormInstance } from "element-plus";
-import { VideoList } from "@/api/interface/video/list";
-import { arrNoticeSwitch } from "@/utils/serviceDict";
-import { getTypeList } from "@/api/modules/tag/list";
-import UploadImg from "@/components/Upload/Img.vue";
-// import { extractURI } from "@/utils/eleValidate";
-import { getAllList } from "@/api/modules/site/list";
-type Options = {
-    label: string;
-    value: string | number;
-};
-interface Item {
-    t_id: any;
-}
-const getField = (item: any, fieldName: string | undefined) => {
-    return fieldName ? item[fieldName] : "";
-};
-type Fields = {
-    label: string;
-    prop: string;
-    type: string;
-    value: any;
-    required: boolean;
-    options?: Options[];
-    fieldNames?: { label: string; value: string };
-};
-const generateRules = (fields: Fields[]) => {
-    return fields.reduce(
-        (acc, field) => {
-            const { type, required, label, prop } = field;
-            let message = "";
-            if (type === "select") {
-                message = `请选择${label}`;
-            }
-            if (type === "tag") {
-                message = `请选择${label}`;
-            }
-            if (type === "radio") {
-                message = `请选择${label}`;
-            }
-            if (type === "text") {
-                message = `请输入${label}`;
-            }
-            if (type === "text-i") {
-                message = `请输入${label}`;
-            }
-            if (type === "text-num") {
-                message = `请输入${label}`;
-            }
-            if (type === "textarea") {
-                message = `请输入${label}`;
-            }
-            if (type === "image") {
-                message = `请上传${label}`;
-            }
-            if (type === "image-more") {
-                message = `请上传${label}`;
-            }
-            acc[prop] = [{ required, message }];
-            return acc;
-        },
-        {} as Record<string, any>
-    );
-};
-
-const TagList = ref([] as any);
-const getSiteList = ref([] as any);
-getAllList().then(res => {
-    getSiteList.value = res.data.item;
-});
-
-const arrTagList = ref([] as any);
-const arrNewTagList = ref([] as any);
-const matchingObjects = ref([] as any); //选中相同
-const nonMatchingObjects = ref([] as any); //没有选中的
-const matchingObjectsA = ref([] as any); //选中相同
-const nonMatchingObjectsB = ref([] as any); //没有选中的
-const getTagList = async () => {
-    try {
-        const initParam = reactive({
-            t_type: 0,
-            limit: 3650,
-            page: 1,
-            t_hidden: 1
-        });
-        const siteRes = await getTypeList(initParam);
-        arrTagList.value = siteRes.data.item;
-        arrNewTagList.value = siteRes.data.item;
-        matchingObjects.value = [];
-        matchingObjectsA.value = [];
-        // 遍历第一个数组的每个元素
-        TagList.value.forEach(index => {
-            // 遍历第二个数组的每个元素
-            arrNewTagList.value.forEach(obj => {
-                // 如果第二个数组中的元素的t_id与第一个数组中的元素相同，则将其添加到新数组中
-                if (obj.t_id === index) {
-                    matchingObjects.value = [...matchingObjects.value, obj];
-                    matchingObjectsA.value = [...matchingObjectsA.value, obj];
-                    const matchingIds = matchingObjectsA.value.map(obj => obj.t_id);
-                    TagList.value = matchingIds;
-                }
-            });
-        });
-        // 创建一个新数组，包含objectArray中id不存在于arrayA的元素
-        nonMatchingObjects.value = arrNewTagList.value.filter(obj => !TagList.value.includes(obj.t_id));
-        nonMatchingObjectsB.value = arrNewTagList.value.filter(obj => !TagList.value.includes(obj.t_id));
-    } catch (error) {
-        console.log(error);
-    }
-};
-
-// 处理搜索事件
-function handleSearch() {
-    // 在输入事件中实时更新过滤后的标签列表
-    filteredTagList();
-}
-function filteredTagList() {
-    if (drawerProps.value.row!.searchText.length > 0) {
-        let arrData = arrTagList.value.filter(tag =>
-            tag.t_name.toLowerCase().includes(drawerProps.value.row!.searchText.toLowerCase())
-        );
-        if (arrData.length > 0) {
-            matchingObjects.value = matchingObjects.value.filter(objA => arrData.some(objB => objB.t_id === objA.t_id));
-            nonMatchingObjects.value = nonMatchingObjects.value.filter(objA => arrData.some(objB => objB.t_id === objA.t_id));
-        } else {
-            matchingObjects.value = [];
-            nonMatchingObjects.value = [];
-        }
-    } else {
-        matchingObjects.value = matchingObjectsA.value;
-        nonMatchingObjects.value = nonMatchingObjectsB.value;
-    }
-}
-
-//标签数组
-async function placeableCheckedCitiesChange(value) {
-    matchingObjects.value = [];
-    matchingObjectsA.value = [];
-    drawerProps.value.row.v_tag = value;
-    // 遍历第一个数组的每个元素
-    TagList.value.forEach(index => {
-        // 遍历第二个数组的每个元素
-        arrNewTagList.value.forEach(obj => {
-            // 如果第二个数组中的元素的t_id与第一个数组中的元素相同，则将其添加到新数组中
-            if (obj.t_id === index) {
-                matchingObjects.value = [...matchingObjects.value, obj];
-                matchingObjectsA.value = [...matchingObjectsA.value, obj];
-                const matchingIds = matchingObjectsA.value.map(obj => obj.t_id);
-                TagList.value = matchingIds;
-            }
-        });
-    });
-    nonMatchingObjects.value = arrNewTagList.value.filter(obj => !TagList.value.includes(obj.t_id));
-    nonMatchingObjectsB.value = arrNewTagList.value.filter(obj => !TagList.value.includes(obj.t_id));
-}
-
-const formColumns = computed((): Fields[] => {
-    return [
-        {
-            label: "视频名称",
-            prop: "v_name",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.v_name;
-            },
-            set value(val) {
-                drawerProps.value.row!.v_name = val;
-            },
-            required: true
-        },
-
-        {
-            label: "视频状态",
-            prop: "v_status",
-            type: "switch",
-            get value() {
-                return String(drawerProps.value.row!.v_status);
-            },
-            set value(val) {
-                drawerProps.value.row!.v_status = val;
-            },
-            required: true
-        },
-        {
-            label: "是否VIP",
-            prop: "v_vip",
-            type: "radio",
-            get value() {
-                return drawerProps.value.row!.v_vip;
-            },
-            set value(val) {
-                drawerProps.value.row!.v_vip = val;
-            },
-            options: arrNoticeSwitch,
-            fieldNames: { label: "label", value: "value" },
-            required: true
-        },
-        {
-            label: "精彩站点",
-            prop: "v_wonderful_site_id",
-            type: "select",
-            get value() {
-                return drawerProps.value.row!.v_wonderful_site_id;
-            },
-            set value(val) {
-                drawerProps.value.row!.v_wonderful_site_id = val;
-            },
-            options: getSiteList.value,
-            fieldNames: { label: "si_name", value: "si_id" },
-            required: false
-        },
-        {
-            label: "推荐站点",
-            prop: "v_recommend_site_id",
-            type: "select",
-            get value() {
-                return drawerProps.value.row!.v_recommend_site_id;
-            },
-            set value(val) {
-                drawerProps.value.row!.v_recommend_site_id = val;
-            },
-            options: getSiteList.value,
-            fieldNames: { label: "si_name", value: "si_id" },
-            required: false
-        },
-        {
-            label: "播放时长",
-            prop: "v_play_time",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.v_play_time;
-            },
-            set value(val) {
-                drawerProps.value.row!.v_play_time = val;
-            },
-            required: true
-        },
-        {
-            label: "视频封面",
-            prop: "v_cover_edit",
-            type: "text",
-            get value() {
-                return drawerProps.value.row!.v_cover_edit;
-            },
-            set value(val) {
-                drawerProps.value.row!.v_cover_edit = val;
-            },
-            required: true
-        },
-        {
-            label: "视频简介",
-            prop: "v_describe",
-            type: "textarea",
-            get value() {
-                return drawerProps.value.row!.v_describe;
-            },
-            set value(val) {
-                drawerProps.value.row!.v_describe = val;
-            },
-            required: true
-        },
-        {
-            label: "视频标签",
-            prop: "v_tag",
-            type: "tag",
-            get value() {
-                return drawerProps.value.row!.v_tag;
-            },
-            set value(val) {
-                drawerProps.value.row!.v_tag = val;
-            },
-            options: arrTagList.value,
-            fieldNames: { label: "label", value: "value" },
-            required: true
-        }
-    ];
-});
-const rules = ref();
-
-interface DrawerProps {
-    title: string;
-    isView: boolean;
-    row: Partial<VideoList.ResList>;
-    api?: (params: any) => Promise<any>;
-    getTableList?: () => void;
-}
-
-const drawerVisible = ref(false);
-const drawerProps = ref<DrawerProps>({
-    isView: false,
-    title: "",
-    row: {}
-});
-
-// 接收父组件传过来的参数
-const acceptParams = (params: DrawerProps) => {
-    drawerProps.value = params;
-    rules.value = generateRules(formColumns.value);
-    drawerVisible.value = true;
-    if (drawerProps.value.title === "新增视频") {
-        drawerProps.value.row!.v_vip = 0;
-        drawerProps.value.row!.v_wonderful_status = 0;
-        drawerProps.value.row!.v_recommend_status = 0;
-    }
-    TagList.value = [];
-    if (drawerProps.value.row.v_cover) {
-        drawerProps.value.row.v_cover_code = drawerProps.value.row.v_cover.code;
-        drawerProps.value.row.v_cover_edit = drawerProps.value.row.v_cover.uri;
-    }
-    if (drawerProps.value.row.v_play_url_detail) {
-        const data = drawerProps.value.row.v_play_url_detail;
-        drawerProps.value.row.v_play_url = data[0];
-    }
-    if (drawerProps.value.row.v_down_url_detail) {
-        const data = drawerProps.value.row.v_down_url_detail;
-        drawerProps.value.row.v_down_url = data[0];
-    }
-    if (drawerProps.value.row.v_tag) {
-        TagList.value = drawerProps.value.row.v_tag.map((obj: Item) => obj.t_id).map(Number);
-    }
-    getTagList();
-};
-
-// 提交数据（新增/编辑）
-const ruleFormRef = ref<FormInstance>();
-const handleSubmit = () => {
-    ruleFormRef.value!.validate(async valid => {
-        if (!valid) return;
-        try {
-            const params = { ...drawerProps.value.row };
-            let arrCoverData = {
-                uri: params.v_cover_edit,
-                code: params.v_cover_code
-            };
-            params.v_cover = arrCoverData;
-            params.v_tag = JSON.stringify(TagList.value);
-            await drawerProps.value.api!(params);
-            ElMessage.success({ message: `${drawerProps.value.title}成功！` });
-            drawerProps.value.getTableList!();
-            drawerVisible.value = false;
-        } catch (error) {
-            console.log(error);
-        }
-    });
-};
-
-defineExpose({
-    acceptParams
-});
-</script>
-<style lang="scss">
-.el-checkbox-button__inner {
-    margin-right: 10px;
-    margin-bottom: 10px;
-    border-left-color: #dcdfe6 !important;
-}
-.tag-more-h {
-    margin-bottom: 10px;
-}
-.tag-more-s {
-    width: 100%;
-    padding: 10px;
-    border: 1px solid black;
-    box-shadow: 0 0 4px 2px rgb(0 0 0 / 90%);
-}
-</style>
diff --git a/src/views/videoFeedback/fenlei/index.vue b/src/views/videoFeedback/fenlei/index.vue
deleted file mode 100644
index d8c2b7f..0000000
--- a/src/views/videoFeedback/fenlei/index.vue
+++ /dev/null
@@ -1,103 +0,0 @@
-<template>
-    <div class="table-box">
-        <ProTable
-            ref="proTable"
-            highlight-current-row
-            :columns="columns"
-            :init-param="initParam"
-            :request-api="getTableList"
-            :data-callback="dataCallback"
-            row-key="id"
-            :indent="20"
-            :search-col="{ xs: 1, sm: 1, md: 2, lg: 3, xl: 3 }"
-        >
-        </ProTable>
-    </div>
-</template>
-
-<script setup lang="tsx" name="complexProTable">
-import { reactive, ref } from "vue";
-import { fenLeiList } from "@/api/interface/video/fenlei";
-import ProTable from "@/components/ProTable/index.vue";
-import { ProTableInstance, ColumnProps } from "@/components/ProTable/interface";
-import { getList } from "@/api/modules/video/fenlei";
-import { arrPlanSwitch } from "@/utils/serviceDict";
-// ProTable 实例
-const proTable = ref<ProTableInstance>();
-
-const initParam = reactive({
-    limit: 15,
-    page: 1
-});
-
-const dataCallback = (data: any) => {
-    let result = [] as any;
-    data.items.forEach((item, index) => {
-        if (item.fl_pid === 0) {
-            // Create a new first dimension entry
-            item.id = index + 1;
-            // item.fl_id = "";
-            const firstDimension = { ...item, children: [] };
-            // Find and add second dimension entries
-            data.items.forEach(subItem => {
-                if (subItem.fl_pid === item.fl_id) {
-                    firstDimension.children.push(subItem);
-                }
-            });
-            result.push(firstDimension);
-        }
-    });
-    result.forEach(item => {
-        if (item.fl_pid === 0) {
-            item.fl_id = "";
-        }
-    });
-    return {
-        items: result,
-        total: data.total,
-        total_page: data.total_pages,
-        page: initParam.page,
-        limit: initParam.limit
-    };
-};
-
-const getTableList = (params: any) => {
-    let newParams = JSON.parse(JSON.stringify(params));
-    initParam.page = newParams.page;
-    initParam.limit = newParams.limit;
-    return getList(newParams);
-};
-
-// 表格配置项
-const columns = reactive<ColumnProps<fenLeiList.ResList>[]>([
-    { type: "selection", fixed: "left", width: 50 },
-    {
-        prop: "key",
-        label: "搜索内容",
-        isShow: false,
-        search: {
-            el: "input"
-        }
-    },
-    {
-        prop: "fl_id",
-        label: "ID",
-        width: 100
-    },
-    {
-        prop: "fl_mingzi",
-        label: "分类名称"
-    },
-    {
-        prop: "fl_leixing",
-        label: "类型",
-        tag: true,
-        enum: arrPlanSwitch,
-        render(scope) {
-            return (
-                <el-tag type={scope.row.fl_leixing ? "success" : "info"}>{scope.row.fl_leixing === 1 ? "其他" : "默认"}</el-tag>
-            );
-        }
-    }
-]);
-</script>
diff --git a/src/views/videoFeedback/index.vue b/src/views/videoFeedback/index.vue
index 03eedec..c935c8b 100644
--- a/src/views/videoFeedback/index.vue
+++ b/src/views/videoFeedback/index.vue
@@ -1,231 +1,31 @@
 <template>
-    <div class="table-box">
-        <ProTable
-            ref="proTable"
-            highlight-current-row
-            :columns="columns"
-            :request-api="getTableList"
-            :data-callback="dataCallback"
-        >
-            <!-- 表格 header 按钮 -->
-            <template #tableHeader="scope">
-                <el-button
-                    type="primary"
-                    :icon="EditPen"
-                    plain
-                    :disabled="!scope.isSelected"
-                    @click="batchModify(scope.selectedList)"
-                >
-                    批量设置每日推荐视频
-                </el-button>
-                <el-button
-                    type="primary"
-                    :icon="EditPen"
-                    plain
-                    :disabled="!scope.isSelected"
-                    @click="batchVipDataBtn(scope.selectedList)"
-                >
-                    批量设置vip
-                </el-button>
-            </template>
-        </ProTable>
-        <ModifyDrawer ref="modifyDrawerRef" />
+    <div class="module-unavailable">
+        <el-alert
+            title="反馈管理模块未部署到当前 Linux 测试服"
+            type="warning"
+            :closable="false"
+            show-icon
+        />
+        <el-card class="module-unavailable__card" shadow="never">
+            <p>当前测试服没有 `feedback` 或 `finance` 相关控制器，反馈菜单下的接口都会直接返回控制器不存在。</p>
+            <p>`videoFeedback` 这页虽然还能复用 `/video/list` 拉到视频数据，但批量按钮和后端真实入参并不一致，不能算可验收能力。</p>
+            <p>本页先收为提示态；如果后续补齐反馈模块，再恢复对应表格和批量操作。</p>
+        </el-card>
     </div>
 </template>
 
-<script setup lang="tsx" name="complexProTable">
-import { ElImage } from "element-plus";
-import { reactive, ref } from "vue";
-import { VideoList } from "@/api/interface/video/list";
-import { useHandleData } from "@/hooks/useHandleData";
-import ProTable from "@/components/ProTable/index.vue";
-import { EditPen } from "@element-plus/icons-vue";
-import { ProTableInstance, ColumnProps } from "@/components/ProTable/interface";
-import { getVideoList } from "@/api/modules/video/list";
-import { getAllList } from "@/api/modules/video/fenlei";
-import { batchData, batchVipData } from "@/api/modules/video/list";
-import { LOSE_STR_KEY, LOGIN_URL } from "@/config";
-import router from "@/routers";
-import { h } from "vue";
-import { AsyncImageComponent } from "@/utils/decrypt";
-import { arrNoticeSwitch } from "@/utils/serviceDict";
-import ModifyDrawer from "./modifyDrawer.vue";
-// ProTable 实例
-const proTable = ref<ProTableInstance>();
-
-// 视频分类
-const getFenLeiList = ref([] as any);
-getAllList().then(res => {
-    if (res.code === LOSE_STR_KEY) {
-        router.replace(LOGIN_URL);
-        return;
-    }
-    let arrFenlei = res.data.items;
-    getFenLeiList.value = arrFenlei;
-});
-
-const initParam = reactive({
-    limit: 15,
-    page: 1
-});
-const dataCallback = (data: any) => {
-    return {
-        items: data.items,
-        total: data.total,
-        total_page: data.total_pages,
-        page: initParam.page,
-        limit: initParam.limit
-    };
-};
-
-const getTableList = (params: any) => {
-    let newParams = JSON.parse(JSON.stringify(params));
-    initParam.page = newParams.page;
-    initParam.limit = newParams.limit;
-    return getVideoList(newParams);
-};
-
-// 表格配置项
-const columns = reactive<ColumnProps<VideoList.ResList>[]>([
-    { type: "selection", fixed: "left", width: 50 },
-    {
-        prop: "key",
-        label: "搜索内容",
-        isShow: false,
-        search: {
-            el: "input"
-        }
-    },
-    {
-        prop: "sp_id",
-        label: "ID",
-        width: 100
-    },
-    {
-        prop: "sp_name",
-        label: "名称"
-    },
-    {
-        prop: "sp_fengmian_url",
-        label: "视频封面",
-        width: 120,
-        render(scope) {
-            return h(ElImage, {
-                style: "width: 98%; height: 30px; display: flex; align-items: center;",
-                src: scope.row.sp_fengmian_url,
-                previewSrcList: [scope.row.sp_fengmian_url],
-                hideOnClickModal: true,
-                zIndex: 999999999,
-                previewTeleported: true,
-                fit: "cover"
-            });
-            return <img src={scope.row.sp_fengmian_url} alt="视频封面" style="width: 100%; height: auto;" />;
-            return h(AsyncImageComponent, { url: scope.row.sp_fengmian_url });
-        }
-    },
-    {
-        prop: "sp_is_vip",
-        label: "是否VIP",
-        width: 120,
-        fieldNames: { label: "label", value: "value" },
-        search: { el: "select", props: { filterable: true } },
-        enum: arrNoticeSwitch,
-        render(scope) {
-            return (
-                <el-tag type={scope.row.sp_is_vip === 0 ? "danger" : "success"}>{scope.row.sp_is_vip === 0 ? "否" : "是"}</el-tag>
-            );
-        }
-    },
-    {
-        prop: "sp_tui_jian_shi_jian",
-        label: "是否推荐",
-        width: 120,
-        fieldNames: { label: "label", value: "value" },
-        search: { el: "select", props: { filterable: true } },
-        enum: arrNoticeSwitch,
-        render(scope) {
-            return (
-                <el-tag type={scope.row.sp_tui_jian_shi_jian === 0 ? "danger" : "success"}>
-                    {scope.row.sp_tui_jian_shi_jian === 0 ? "否" : "是"}
-                </el-tag>
-            );
-        }
-    },
-    {
-        prop: "fl_id",
-        label: "分类",
-        width: 120,
-        fieldNames: { label: "fl_mingzi", value: "fl_id" },
-        enum: getFenLeiList,
-        search: { el: "select", props: { filterable: true } }
-    },
-    {
-        prop: "sp_biaoqian",
-        label: "标签",
-        width: 250,
-        render(scope) {
-            if (scope.row.sp_biaoqian) {
-                if (Array.isArray(scope.row.sp_biaoqian)) {
-                    return <span>{scope.row.sp_biaoqian.join(", ")}</span>;
-                } else {
-                    const data = JSON.parse(scope.row.sp_biaoqian);
-                    return <span>{data.join(", ")}</span>;
-                }
-            }
-        }
-    },
-
-    {
-        prop: "sp_fangwen",
-        label: "访问量",
-        width: 100
-    },
-    {
-        prop: "sp_shichang",
-        label: "时长",
-        width: 100
-    },
-    {
-        prop: "sp_source_code",
-        label: "源码",
-        width: 200
-    },
-    { prop: "created_at", label: "添加时间", width: 170 }
-]);
-
-// 批量修改视频信息
-const batchModify = async (id: any[]) => {
-    const ids = id.map((item: VideoList.ResList) => item.sp_id);
-    await useHandleData(batchData, { sp_id: ids.join(",") }, "批量设置所选信息为每日推荐视频");
-    proTable.value?.clearSelection();
-    proTable.value?.getTableList();
-};
-
-// 批量修改视频vip
-const modifyDrawerRef = ref<InstanceType<typeof ModifyDrawer> | null>(null);
-const batchVipDataBtn = async (id: any[], row: Partial<VideoList.ResList> = {}) => {
-    const ids = id.map((item: VideoList.ResList) => item.sp_id);
-    row.sp_id = ids.join(",");
-    const params = {
-        title: "批量编辑VIP视频",
-        row: { ...row },
-        api: batchVipData,
-        getTableList: proTable.value?.getTableList,
-        clearSelection: proTable.value?.clearSelection
-    };
-    modifyDrawerRef.value?.acceptParams(params as any);
-};
-</script>
-
-<style lang="scss">
-.el-table .warning-row,
-.el-table .warning-row .el-table-fixed-column--right,
-.el-table .warning-row .el-table-fixed-column--left {
-    background-color: var(--el-color-warning-light-9);
+<style scoped lang="scss">
+.module-unavailable {
+    display: grid;
+    gap: 16px;
 }
-.el-table .success-row,
-.el-table .success-row .el-table-fixed-column--right,
-.el-table .success-row .el-table-fixed-column--left {
-    background-color: var(--el-color-success-light-9);
+
+.module-unavailable__card {
+    color: var(--el-text-color-regular);
+    line-height: 1.8;
+}
+
+.module-unavailable__card p {
+    margin: 0;
 }
 </style>
diff --git a/src/views/videoFeedback/modifyDrawer.vue b/src/views/videoFeedback/modifyDrawer.vue
deleted file mode 100644
index 90711cf..0000000
--- a/src/views/videoFeedback/modifyDrawer.vue
+++ /dev/null
@@ -1,207 +0,0 @@
-<template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="520" :title="`${drawerProps.title}`">
-        <el-form
-            ref="ruleFormRef"
-            label-width="100px"
-            label-suffix=" :"
-            :rules="rules"
-            :disabled="drawerProps.isView"
-            :model="drawerProps.row"
-            :hide-required-asterisk="drawerProps.isView"
-        >
-            <el-form-item v-for="e in formColumns" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
-                <template v-if="e.type === 'switch'">
-                    <el-switch
-                        v-model="e.value"
-                        :active-value="`${1}`"
-                        :inactive-value="`${0}`"
-                        active-text="上架"
-                        inactive-text="下架"
-                    />
-                </template>
-                <template v-if="e.type === 'radio'">
-                    <el-radio-group v-model="e.value" class="ml-4">
-                        <el-radio v-for="item in e.options" :key="item.value" :value="item.value" size="large">{{
-                            item.label
-                        }}</el-radio>
-                    </el-radio-group>
-                </template>
-                <template v-if="e.type === 'select'">
-                    <el-select filterable multiple v-model="e.value" :placeholder="`请选择${e.label}`" clearable>
-                        <el-option
-                            v-for="(item, index) in e.options"
-                            :key="index"
-                            :label="getField(item, e.fieldNames?.label)"
-                            :value="getField(item, e.fieldNames?.value)"
-                        />
-                    </el-select>
-                </template>
-                <template v-if="e.type === 'text'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'text-i'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'text-num'">
-                    <el-input v-model="e.value" type="number" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'textarea'">
-                    <el-input
-                        type="textarea"
-                        v-model="e.value"
-                        maxlength="3650"
-                        :placeholder="`请输入${e.label}`"
-                        show-word-limit
-                    />
-                </template>
-                <template v-if="e.type === 'text-i'">
-                    <UploadImg disabled v-model:image-url="drawerProps.row!.v_cover" width="135px" height="135px" :file-size="3">
-                        <template #empty>
-                            <el-icon><Avatar /></el-icon>
-                            <span>请上传封面</span>
-                        </template>
-                    </UploadImg>
-                </template>
-            </el-form-item>
-        </el-form>
-        <template #footer>
-            <el-button @click="drawerVisible = false">取消</el-button>
-            <el-button v-show="!drawerProps.isView" type="primary" @click="handleSubmit">确定</el-button>
-        </template>
-    </el-drawer>
-</template>
-
-<script setup lang="ts" name="UserDrawer">
-import { ref, computed } from "vue";
-import { ElMessage, FormInstance } from "element-plus";
-import { VideoList } from "@/api/interface/video/list";
-import UploadImg from "@/components/Upload/Img.vue";
-import { arrNoticeSwitch } from "@/utils/serviceDict";
-type Options = {
-    label: string;
-    value: string | number;
-};
-
-const getField = (item: any, fieldName: string | undefined) => {
-    return fieldName ? item[fieldName] : "";
-};
-type Fields = {
-    label: string;
-    prop: string;
-    type: string;
-    value: any;
-    required: boolean;
-    options?: Options[];
-    fieldNames?: { label: string; value: string };
-};
-const generateRules = (fields: Fields[]) => {
-    return fields.reduce(
-        (acc, field) => {
-            const { type, required, label, prop } = field;
-            let message = "";
-            if (type === "select") {
-                message = `请选择${label}`;
-            }
-            if (type === "tag") {
-                message = `请选择${label}`;
-            }
-            if (type === "radio") {
-                message = `请选择${label}`;
-            }
-            if (type === "text") {
-                message = `请输入${label}`;
-            }
-            if (type === "text-i") {
-                message = `请输入${label}`;
-            }
-            if (type === "text-num") {
-                message = `请输入${label}`;
-            }
-            if (type === "textarea") {
-                message = `请输入${label}`;
-            }
-            if (type === "image") {
-                message = `请上传${label}`;
-            }
-            if (type === "image-more") {
-                message = `请上传${label}`;
-            }
-            acc[prop] = [{ required, message }];
-            return acc;
-        },
-        {} as Record<string, any>
-    );
-};
-
-const formColumns = computed((): Fields[] => {
-    return [
-        {
-            label: "是否VIP",
-            prop: "sp_is_vip",
-            type: "radio",
-            get value() {
-                return drawerProps.value.row!.sp_is_vip;
-            },
-            set value(val) {
-                drawerProps.value.row!.sp_is_vip = val;
-            },
-            options: arrNoticeSwitch,
-            fieldNames: { label: "label", value: "value" },
-            required: true
-        }
-    ];
-});
-const rules = ref();
-
-interface DrawerProps {
-    title: string;
-    isView: boolean;
-    row: Partial<VideoList.ResList>;
-    api?: (params: any) => Promise<any>;
-    getTableList?: () => void;
-    clearSelection?: () => void;
-}
-
-const drawerVisible = ref(false);
-const drawerProps = ref<DrawerProps>({
-    isView: false,
-    title: "",
-    row: {}
-});
-
-// 接收父组件传过来的参数
-const acceptParams = (params: DrawerProps) => {
-    drawerProps.value = params;
-    rules.value = generateRules(formColumns.value);
-    drawerVisible.value = true;
-};
-
-// 提交数据（新增/编辑）
-const ruleFormRef = ref<FormInstance>();
-const handleSubmit = () => {
-    ruleFormRef.value!.validate(async valid => {
-        if (!valid) return;
-        try {
-            const params = { ...drawerProps.value.row };
-            await drawerProps.value.api!(params);
-            ElMessage.success({ message: `${drawerProps.value.title}成功！` });
-            drawerProps.value.getTableList!();
-            drawerProps.value.clearSelection!();
-            drawerVisible.value = false;
-        } catch (error) {
-            console.log(error);
-        }
-    });
-};
-
-defineExpose({
-    acceptParams
-});
-</script>
-<style lang="scss">
-.el-checkbox-button__inner {
-    margin-right: 10px;
-    margin-bottom: 10px;
-    border-left-color: #dcdfe6 !important;
-}
-</style>
diff --git a/src/views/videoFeedback/tagDialog.vue b/src/views/videoFeedback/tagDialog.vue
deleted file mode 100644
index 693db6f..0000000
--- a/src/views/videoFeedback/tagDialog.vue
+++ /dev/null
@@ -1,178 +0,0 @@
-<template>
-    <el-dialog v-model="drawerVisible" :title="drawerProps.title" :destroy-on-close="true" width="520px" draggable>
-        <el-form
-            ref="ruleFormRef"
-            label-width="50px"
-            label-suffix=" :"
-            :rules="rules"
-            :disabled="drawerProps.isView"
-            :model="drawerProps.row"
-            :hide-required-asterisk="drawerProps.isView"
-        >
-            <el-form-item v-for="e in formColumns" :key="e.label" :label="e.label" :prop="e.prop" :required="e.required">
-                <template v-if="e.type === 'switch'">
-                    <el-switch v-model="e.value" />
-                </template>
-                <template v-if="e.type === 'radio'">
-                    <el-radio-group v-model="e.value" class="ml-4">
-                        <el-radio v-for="item in e.options" :key="item.value" :label="item.value" size="large">{{
-                            item.label
-                        }}</el-radio>
-                    </el-radio-group>
-                </template>
-                <template v-if="e.type === 'select'">
-                    <el-select filterable v-model="e.value" :placeholder="`请选择${e.label}`" clearable>
-                        <el-option
-                            v-for="(item, index) in e.options"
-                            :key="index"
-                            :label="getField(item, e.fieldNames?.label)"
-                            :value="getField(item, e.fieldNames?.value)"
-                        />
-                    </el-select>
-                </template>
-                <template v-if="e.type === 'tag'">
-                    <el-tag
-                        style="margin: 7px; margin-right: 10px"
-                        v-for="item in drawerProps.row!.v_tag"
-                        :key="item.t_id"
-                        :type="item.type"
-                        effect="dark"
-                    >
-                        {{ item.t_name }}
-                    </el-tag>
-                </template>
-
-                <template v-if="e.type === 'text'">
-                    <el-input v-model="e.value" :placeholder="`请输入${e.label}`" clearable></el-input>
-                </template>
-                <template v-if="e.type === 'textarea'">
-                    <el-input
-                        type="textarea"
-                        :rows="10"
-                        v-model="e.value"
-                        maxlength="500000"
-                        :placeholder="`请输入${e.label}`"
-                        show-word-limit
-                    />
-                </template>
-                <template v-if="e.type === 'textareaMore'">
-                    <el-input
-                        type="textarea"
-                        v-model="e.value"
-                        maxlength="500000"
-                        :placeholder="`请输入${e.label}`"
-                        show-word-limit
-                    />
-                </template>
-            </el-form-item>
-        </el-form>
-        <template #footer>
-            <el-button @click="drawerVisible = false">取消</el-button>
-            <el-button type="primary" @click="drawerVisible = false">确定</el-button>
-        </template>
-    </el-dialog>
-</template>
-
-<script setup lang="ts" name="UserDrawer">
-import { ref, computed } from "vue";
-import { FormInstance } from "element-plus";
-import { VideoList } from "@/api/interface/video/list";
-type Options = {
-    label: string;
-    value: string | number;
-};
-
-const getField = (item: any, fieldName: string | undefined) => {
-    return fieldName ? item[fieldName] : "";
-};
-
-type Fields = {
-    label: string;
-    prop: string;
-    type: string;
-    value: any;
-    required: boolean;
-    options?: Options[];
-    fieldNames?: { label: string; value: string };
-};
-const generateRules = (fields: Fields[]) => {
-    return fields.reduce(
-        (acc, field) => {
-            const { type, required, label, prop } = field;
-            let message = "";
-            if (type === "select") {
-                message = `请选择${label}`;
-            }
-            if (type === "text") {
-                message = `请输入${label}`;
-            }
-            if (type === "textarea") {
-                message = `请输入${label}`;
-            }
-            if (type === "textareaMore") {
-                message = `请输入${label}`;
-            }
-            if (type === "radio") {
-                message = `请选择${label}`;
-            }
-            acc[prop] = [{ required, message }];
-            return acc;
-        },
-        {} as Record<string, any>
-    );
-};
-
-const formColumns = computed((): Fields[] => {
-    return [
-        {
-            label: "标签",
-            prop: "t_name",
-            type: "tag",
-            get value() {
-                return drawerProps.value.row!.t_name;
-            },
-            set value(val) {
-                drawerProps.value.row!.t_name = val;
-            },
-            options: drawerProps.value.row!.tag_list,
-            fieldNames: { label: "t_name", value: "t_id" },
-            required: false
-        }
-    ];
-});
-const rules = ref();
-
-interface DrawerProps {
-    title: string;
-    isView: boolean;
-    row: Partial<VideoList.ResList>;
-    api?: (params: any) => Promise<any>;
-    getTableList?: () => void;
-}
-
-const drawerVisible = ref(false);
-const drawerProps = ref<DrawerProps>({
-    isView: false,
-    title: "",
-    row: {}
-});
-
-// 接收父组件传过来的参数
-const acceptParams = async (params: DrawerProps) => {
-    drawerProps.value = params;
-    rules.value = generateRules(formColumns.value);
-    drawerVisible.value = true;
-};
-
-// 提交数据（新增/编辑）
-const ruleFormRef = ref<FormInstance>();
-
-defineExpose({
-    acceptParams
-});
-</script>
-<style>
-.el-dialog .el-dialog__header {
-    padding: 15px 0;
-}
-</style>
diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts
index 11f02fe..7d0ff9e 100644
--- a/src/vite-env.d.ts
+++ b/src/vite-env.d.ts
@@ -1 +1 @@
-/// <reference types="vite/client" />
+/// <reference types="vite/client" />
diff --git a/tsconfig.json b/tsconfig.json
index ba1d59c..a4293f6 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,45 +1,38 @@
-{
-    "compilerOptions": {
-        "allowJs": true,
-        "target": "ESNext",
-        "useDefineForClassFields": true, // 使用类字段的定义初始化，适用于类字段的初始化
-        "module": "ESNext",
-        "moduleResolution": "Node",
-        "types": ["vite/client", "element-plus/global"],
-
-        /* Strict Type-Checking Options */
-        "strict": true, // 启用所有严格的类型检查选项
-        "noImplicitAny": false /* 在具有隐含 'any' 类型的表达式和声明上引发错误。 */,
-        // "strictNullChecks": true,              /* 启用严格的 null 检查。 */
-        // "strictFunctionTypes": true,           /* 启用对函数类型的严格检查。 */
-        // "strictBindCallApply": true,           /* 启用对函数上的严格 'bind', 'call', 和 'apply' 方法的检查。 */
-        // "strictPropertyInitialization": true,  /* 启用对类中属性初始化的严格检查。 */
-        // "noImplicitThis": true,                /* 在具有隐含 'any' 类型的 'this' 表达式上引发错误。 */
-        // "alwaysStrict": true,                  /* 在严格模式下解析并为每个源文件发出 "use strict"。 */
-
-        "jsx": "preserve",
-        "resolveJsonModule": true,
-        "isolatedModules": true,
-        "allowSyntheticDefaultImports": true,
-        "esModuleInterop": true,
-        "lib": ["ESNext", "DOM"],
-        "skipLibCheck": true,
-        "noEmit": true,
-        "baseUrl": "./",
-        "paths": {
-            "@": ["src"],
-            "@/*": ["src/*"]
-        }
-    },
-    "include": [
-        "src/**/*.ts",
-        "src/**/*.d.ts",
-        "src/**/*.tsx",
-        "src/**/*.vue",
-        "build/**/*.ts",
-        "build/**/*.d.ts",
-        "vite.config.ts",
-        "src/utils/lozad.min.js"
-    ],
-    "exclude": ["node_modules", "dist", "**/*.js"]
-}
+{
+    "compilerOptions": {
+        "allowJs": true,
+        "target": "ESNext",
+        "useDefineForClassFields": true,
+        "module": "ESNext",
+        "moduleResolution": "Node",
+        "types": ["vite/client", "element-plus/global"],
+
+        "strict": true,
+        "noImplicitAny": false,
+
+        "jsx": "preserve",
+        "resolveJsonModule": true,
+        "isolatedModules": true,
+        "allowSyntheticDefaultImports": true,
+        "esModuleInterop": true,
+        "lib": ["ESNext", "DOM"],
+        "skipLibCheck": true,
+        "noEmit": true,
+        "baseUrl": "./",
+        "paths": {
+            "@": ["src"],
+            "@/*": ["src/*"]
+        }
+    },
+    "include": [
+        "src/**/*.ts",
+        "src/**/*.d.ts",
+        "src/**/*.tsx",
+        "src/**/*.vue",
+        "build/**/*.ts",
+        "build/**/*.d.ts",
+        "vite.config.ts",
+        "src/utils/lozad.min.js"
+    ],
+    "exclude": ["node_modules", "dist", "**/*.js"]
+}
diff --git a/vite.config.ts b/vite.config.ts
index f2293dc..a453ad5 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,78 +1,64 @@
-import { defineConfig, loadEnv, ConfigEnv, UserConfig } from "vite";
-import { resolve } from "path";
-import { wrapperEnv } from "./build/getEnv";
-import { createProxy } from "./build/proxy";
-import { createVitePlugins } from "./build/plugins";
-import pkg from "./package.json";
-import dayjs from "dayjs";
-const { dependencies, devDependencies, name, version } = pkg;
-const __APP_INFO__ = {
-    pkg: { dependencies, devDependencies, name, version },
-    lastBuildTime: dayjs().format("YYYY-MM-DD HH:mm:ss")
-};
-
-// @see: https://vitejs.dev/config/
+import { defineConfig, loadEnv, ConfigEnv, UserConfig } from "vite";
+import { resolve } from "path";
+import { wrapperEnv } from "./build/getEnv";
+import { createProxy } from "./build/proxy";
+import { createVitePlugins } from "./build/plugins";
+import pkg from "./package.json";
+import dayjs from "dayjs";
+const { dependencies, devDependencies, name, version } = pkg;
+const __APP_INFO__ = {
+    pkg: { dependencies, devDependencies, name, version },
+    lastBuildTime: dayjs().format("YYYY-MM-DD HH:mm:ss")
+};
+
 export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
-    const root = process.cwd();
-    const env = loadEnv(mode, root);
-    const viteEnv = wrapperEnv(env);
-
-    return {
-        base: viteEnv.VITE_PUBLIC_PATH,
-        root,
-        resolve: {
-            alias: {
-                "@": resolve(__dirname, "./src"),
-                "vue-i18n": "vue-i18n/dist/vue-i18n.cjs.js"
-            }
-        },
-        define: {
-            __APP_INFO__: JSON.stringify(__APP_INFO__)
-        },
+    const root = process.cwd();
+    const env = loadEnv(mode, root);
+    const viteEnv = wrapperEnv(env);
+
+    return {
+        base: viteEnv.VITE_PUBLIC_PATH,
+        root,
+        resolve: {
+            alias: {
+                "@": resolve(__dirname, "./src"),
+                "vue-i18n": "vue-i18n/dist/vue-i18n.cjs.js"
+            }
+        },
+        define: {
+            __APP_INFO__: JSON.stringify(__APP_INFO__)
+        },
         css: {
             preprocessorOptions: {
                 scss: {
-                    additionalData: `@import "@/styles/var.scss";`
+                    additionalData: `@use "@/styles/var.scss" as *;`
                 }
             }
         },
-        server: {
-            host: "0.0.0.0",
-            port: viteEnv.VITE_PORT,
-            open: viteEnv.VITE_OPEN,
-            cors: true,
-            // Load proxy configuration from .env.development
+        server: {
+            host: "0.0.0.0",
+            port: viteEnv.VITE_PORT,
+            open: viteEnv.VITE_OPEN,
+            cors: true,
             proxy: createProxy(viteEnv.VITE_PROXY)
         },
-        plugins: createVitePlugins(viteEnv),
-        esbuild: {
-            pure: viteEnv.VITE_DROP_CONSOLE ? ["console.log", "debugger"] : []
-        },
-        build: {
-            outDir: viteEnv.VITE_OUT_PATH,
-            minify: "esbuild",
-            // esbuild 打包更快，但是不能去除 console.log，terser打包慢，但能去除 console.log
-            // minify: "terser",
-            // terserOptions: {
-            // 	compress: {
-            // 		drop_console: viteEnv.VITE_DROP_CONSOLE,
-            // 		drop_debugger: true
-            // 	}
-            // },
+        plugins: createVitePlugins(viteEnv),
+        esbuild: {
+            pure: viteEnv.VITE_DROP_CONSOLE ? ["console.log", "debugger"] : []
+        },
+        build: {
+            outDir: viteEnv.VITE_OUT_PATH,
+            minify: "esbuild",
             sourcemap: false,
-            // 禁用 gzip 压缩大小报告，可略微减少打包时间
             reportCompressedSize: false,
-            // 规定触发警告的 chunk 大小
             chunkSizeWarningLimit: 2000,
             rollupOptions: {
                 output: {
-                    // Static resource classification and packaging
                     chunkFileNames: "assets/js/[name]-[hash].js",
                     entryFileNames: "assets/js/[name]-[hash].js",
                     assetFileNames: "assets/[ext]/[name]-[hash].[ext]"
                 }
             }
         }
-        // logLevel: "warn" // 设置日志等级为 'warn' 或 'error'
     };
 });
diff --git a/默认模板数据位置.md b/默认模板数据位置.md
index 19bcab0..67ce85c 100644
--- a/默认模板数据位置.md
+++ b/默认模板数据位置.md
@@ -1,10 +1,10 @@
-1. **控制整个模板的**
-   src\stores\modules\global.ts
-
-2. **头部导航栏左边**
-   src\layouts\components\Header\ToolBarLeft.vue
-
-3. **头部导航栏右边边**
-   src\layouts\components\Header\ToolBarRight.vue
-
-4. **底部分页数据修改**
+1. **控制整个模板的**
+   src\stores\modules\global.ts
+
+2. **头部导航栏左边**
+   src\layouts\components\Header\ToolBarLeft.vue
+
+3. **头部导航栏右边边**
+   src\layouts\components\Header\ToolBarRight.vue
+
+4. **底部分页数据修改**